/* fffipo.com rebuild styles */
:root { --primary:#337ab7; --primary-dark:#286090; --dark:#222; --text:#333; --bg:#f8fafc; }
body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; color: var(--text); line-height: 1.8; padding-top: 70px; }
a { color: var(--primary); }
a:hover { color: var(--primary-dark); text-decoration: none; }
.navbar-brand { display:flex; align-items:center; gap:10px; font-weight:bold; font-size:20px; }
.navbar-brand img { height: 40px; }
.navbar-default { background: #fff; border-bottom: 1px solid #e7e7e7; box-shadow: 0 2px 4px rgba(0,0,0,.05); }
.navbar-default .navbar-nav>li>a { color: var(--dark); font-weight: 500; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background: var(--primary); color: #fff; }
#cta { background: linear-gradient(135deg, #1a5276 0%, #2980b9 100%); color: #fff; padding: 80px 0; }
#cta h2 { font-size: 36px; margin-bottom: 24px; }
#cta .nostyle { list-style: none; padding: 0; margin-bottom: 12px; font-size: 16px; }
#cta .nostyle li { margin-bottom: 8px; }
#cta2 { background: var(--primary); color: #fff; padding: 60px 0; text-align: center; }
#cta2 h2 { margin-bottom: 20px; }
.section-header { margin-bottom: 40px; }
.section-header h2 { color: var(--dark); }
#services { padding: 60px 0; background: var(--bg); }
.service-box { background: #fff; padding: 24px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.06); margin-bottom: 24px; transition: transform .2s; }
.service-box:hover { transform: translateY(-4px); }
.service-box .pull-left { width: 60px; height: 60px; line-height: 60px; text-align: center; background: var(--primary); color: #fff; border-radius: 50%; font-size: 24px; margin-right: 16px; }
.service-box h4 { margin-top: 0; color: var(--dark); }
#pricing { padding: 60px 0; }
.pricing { list-style: none; padding: 0; border: 1px solid #e7e7e7; border-radius: 8px; overflow: hidden; margin-bottom: 24px; }
.pricing li { padding: 12px 16px; border-bottom: 1px solid #f0f0f0; }
.pricing li:last-child { border-bottom: none; }
.plan-header { background: var(--primary); color: #fff; text-align: center; }
.plan-header .price { font-size: 20px; font-weight: bold; display: block; }
.plan-header .duration { font-size: 12px; opacity: .9; }
.plan-name { font-size: 14px; margin-top: 6px; }
.plan-purchase { text-align: center; padding: 16px; }
.breadcrumb-bar { background: #f0f4f8; padding: 12px 0; margin-bottom: 0; }
.breadcrumb { background: transparent; margin: 0; padding: 0; }
.page-section { padding: 50px 0; }
.article-list li { padding: 10px 0; border-bottom: 1px dashed #e0e0e0; }
.article-list li a { font-size: 16px; }
.article-meta { color: #888; font-size: 13px; margin-bottom: 16px; }
.article-content h2 { font-size: 22px; margin-top: 28px; color: var(--dark); }
.article-content h3 { font-size: 18px; margin-top: 22px; }
.article-content p { margin-bottom: 14px; }
.article-content ul, .article-content ol { margin-bottom: 16px; }
footer { background: #222; color: #bbb; padding: 40px 0 20px; margin-top: 40px; }
footer a { color: #ddd; }
footer a:hover { color: #fff; }
.btn-primary { background-color: var(--primary); border-color: var(--primary-dark); }
.btn-primary:hover { background-color: var(--primary-dark); border-color: #204d74; }
img { max-width: 100%; height: auto; }