/* ============================================================
 * 万网互联 全站通用样式表  (site-style.css)
 * 适用：济南万网互联科技有限公司 官网全站页面
 * 说明：div 语义化布局 + 响应式适配（移动端 992px / 768px 断点）
 * 主色：#0066cc   深色：#003d7a   强调：#ffe082
 * 维护：修改本文件即全站生效，各页面统一引用此文件
 * ============================================================ */

/* ============ 全局重置 ============ */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft Yahei","PingFang SC","Helvetica Neue",Arial,sans-serif;font-size:16px;color:#333;line-height:1.8;background:#f8f9fa;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:#333;transition:all .3s ease}
a:hover{color:#0066cc}
img{max-width:100%;display:block}
ul,ol{list-style:none}
.container{width:1200px;max-width:100%;margin:0 auto;padding:0 15px}
section{padding:70px 0}
.section-title{text-align:center;margin-bottom:45px}
.section-title h2{font-size:28px;color:#222;font-weight:600;position:relative;padding-bottom:15px;display:inline-block}
.section-title h2::after{content:"";width:60px;height:3px;background:#0066cc;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.section-title p{color:#888;font-size:15px;margin-top:18px}

/* ============ 顶部信息条 ============ */
.topbar{background:#003d7a;color:#cfe3ff;font-size:14px;padding:6px 0}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.topbar a{color:#cfe3ff}
.topbar a:hover{color:#fff}

/* ============ 头部 ============ */
.site-header{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);position:sticky;top:0;z-index:999}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:58px;height:58px;border-radius:6px}
.brand-text .name{font-size:21px;font-weight:700;color:#003d7a;line-height:1.3}
.brand-text .slogan{font-size:13px;color:#888}
.header-tel{text-align:right;line-height:1.3}
.header-tel .label{font-size:13px;color:#888}
.header-tel .num{font-size:22px;font-weight:700;color:#0066cc;letter-spacing:.5px}
.header-cta{display:inline-block;background:#0066cc;color:#fff!important;padding:10px 22px;border-radius:30px;font-size:15px;font-weight:600;white-space:nowrap}
.header-cta:hover{background:#2288ee;transform:translateY(-2px)}

/* ============ 主导航 ============ */
.main-nav{background:#fff;border-top:1px solid #eef2f7}
.main-nav-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.main-nav-list>li{position:relative}
.main-nav-list>li>a{display:block;padding:15px 20px;font-size:16px;color:#333;font-weight:500}
.main-nav-list>li>a:hover,.main-nav-list>li>a.active{color:#0066cc;background:#f4f8ff}
.main-nav-list>li>a.active{font-weight:700;border-bottom:3px solid #0066cc}
/* 下拉 */
.has-drop:hover .dropdown{display:block}
.dropdown{display:none;position:absolute;top:100%;left:0;min-width:170px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.12);border-radius:0 0 8px 8px;overflow:hidden;z-index:1000}
.dropdown li a{display:block;padding:11px 20px;font-size:14px;color:#555;border-bottom:1px solid #f5f5f5}
.dropdown li a:hover{background:#f4f8ff;color:#0066cc;padding-left:26px}
.caret{font-size:11px;color:#aaa;margin-left:2px}

/* 移动端菜单按钮 */
.nav-toggle{display:none;background:none;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:20px;cursor:pointer;color:#333}

/* ============ 首屏Banner ============ */
.hero{background:linear-gradient(135deg,#00509e 0%,#0066cc 55%,#2288ee 100%);color:#fff;padding:0;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;background:rgba(255,255,255,.06);border-radius:50%}
.hero::before{content:"";position:absolute;left:-100px;bottom:-160px;width:360px;height:360px;background:rgba(255,255,255,.05);border-radius:50%}
.hero-inner{position:relative;z-index:2;padding:70px 0 60px}
.hero-badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:5px 16px;border-radius:20px;font-size:14px;margin-bottom:22px}
.hero h1{font-size:40px;font-weight:700;line-height:1.35;margin-bottom:20px;letter-spacing:.5px}
.hero h1 .hl{color:#ffe082}
.hero-sub{font-size:18px;line-height:1.9;opacity:.95;max-width:840px;margin-bottom:32px}
.hero-sub strong{color:#fff;font-weight:700;border-bottom:2px solid #ffe082;padding-bottom:1px}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:40px}
.btn-primary{display:inline-block;background:#fff;color:#0066cc!important;padding:14px 36px;border-radius:32px;font-size:16px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.btn-primary:hover{background:#f0f7ff;transform:translateY(-3px)}
.btn-ghost{display:inline-block;background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.7);padding:12px 32px;border-radius:32px;font-size:16px;font-weight:600}
.btn-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff}
.hero-data{display:flex;flex-wrap:wrap;gap:46px;border-top:1px solid rgba(255,255,255,.22);padding-top:28px}
.hero-data .item .num{font-size:30px;font-weight:700;color:#ffe082;line-height:1.2}
.hero-data .item .txt{font-size:14px;opacity:.9}

/* ============ 信任条 ============ */
.trust{background:#fff;padding:26px 0;border-bottom:1px solid #eef2f7}
.trust-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 40px;font-size:15px;color:#555}
.trust-inner span{display:flex;align-items:center;gap:6px}
.trust-inner .dot{display:inline-block;width:7px;height:7px;background:#00a862;border-radius:50%}

/* ============ GEO服务（核心板块） ============ */
.sec-geo{background:#fff}
.geo-lead{max-width:980px;margin:0 auto 45px;text-align:center;color:#555;font-size:16.5px;line-height:2}
.geo-lead strong{color:#0066cc}
.geo-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.geo-card{width:calc(33.333% - 14px);background:#f8fbff;border:1px solid #e3eefb;border-radius:10px;padding:28px 24px;transition:all .3s ease}
.geo-card:hover{transform:translateY(-5px);box-shadow:0 10px 26px rgba(0,102,204,.12);border-color:#b9d8f5}
.geo-card .ico{width:46px;height:46px;line-height:46px;text-align:center;border-radius:10px;background:#0066cc;color:#fff;font-size:22px;font-weight:700;margin-bottom:16px}
.geo-card h3{font-size:19px;color:#222;margin-bottom:12px}
.geo-card p{color:#666;font-size:15px;line-height:1.85}

/* ============ 双轨对比 ============ */
.sec-track{background:#f5f7fa}
.track-wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.track-box{flex:1;min-width:300px;background:#fff;border-radius:12px;padding:32px 30px;box-shadow:0 3px 18px rgba(0,0,0,.06);border-top:4px solid #0066cc}
.track-box.geo{border-top-color:#0066cc}
.track-box.seo{border-top-color:#00a862}
.track-box h3{font-size:22px;margin-bottom:8px;color:#222}
.track-box .tag{display:inline-block;font-size:13px;padding:3px 12px;border-radius:14px;margin-bottom:18px}
.track-box.geo .tag{background:#e8f2fd;color:#0066cc}
.track-box.seo .tag{background:#e6f7ef;color:#00995a}
.track-box dl{font-size:15px;color:#555;line-height:1.9}
.track-box dt{color:#888;font-size:14px;margin-top:12px}
.track-box dd{color:#333;font-weight:500}
.track-note{text-align:center;margin-top:30px;color:#666;font-size:16px}
.track-note strong{color:#0066cc}

/* ============ 服务能力 ============ */
.sec-cap{background:#fff}
.cap-list{display:flex;flex-wrap:wrap;gap:20px}
.cap-item{width:calc(25% - 15px);background:#fff;border:1px solid #eee;border-radius:10px;padding:26px 22px;text-align:center;transition:all .3s ease}
.cap-item:hover{border-color:#0066cc;box-shadow:0 8px 22px rgba(0,102,204,.1);transform:translateY(-4px)}
.cap-item h3{font-size:18px;color:#0066cc;margin-bottom:10px}
.cap-item p{font-size:14px;color:#666;line-height:1.8}

/* ============ 案例背书 ============ */
.sec-case{background:#f5f7fa}
.case-list{display:flex;flex-wrap:wrap;gap:20px}
.case-item{width:calc(33.333% - 14px);background:#fff;border-radius:10px;padding:26px;box-shadow:0 3px 16px rgba(0,0,0,.05);position:relative;transition:all .3s ease}
.case-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.1)}
.case-item .cat{display:inline-block;font-size:12px;background:#e8f2fd;color:#0066cc;padding:3px 10px;border-radius:12px;margin-bottom:14px}
.case-item h3{font-size:17px;color:#222;margin-bottom:10px;line-height:1.5}
.case-item p{font-size:14px;color:#666;line-height:1.8}
.case-more{text-align:center;margin-top:34px}
.case-more a{display:inline-block;border:1px solid #0066cc;color:#0066cc;padding:10px 30px;border-radius:26px;font-size:15px}
.case-more a:hover{background:#0066cc;color:#fff}

/* ============ 服务流程 ============ */
.sec-flow{background:#fff}
.flow-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.flow-step{flex:1;min-width:150px;text-align:center;background:#f8fbff;border-radius:10px;padding:22px 14px;position:relative}
.flow-step .no{width:36px;height:36px;line-height:36px;margin:0 auto 12px;border-radius:50%;background:#0066cc;color:#fff;font-weight:700;font-size:16px}
.flow-step h4{font-size:15px;color:#222;margin-bottom:6px}
.flow-step p{font-size:13px;color:#777;line-height:1.6}

/* ============ FAQ ============ */
.sec-faq{background:#f5f7fa}
.faq-list{max-width:1000px;margin:0 auto}
.faq-item{background:#fff;border-radius:10px;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden}
.faq-q{font-size:17px;color:#222;font-weight:600;padding:22px 26px;cursor:pointer;position:relative;padding-right:56px;background:#fff}
.faq-q::after{content:"+";position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:22px;color:#0066cc;font-weight:400;transition:transform .3s}
.faq-item.open .faq-q::after{content:"−"}
.faq-a{padding:0 26px 24px;color:#555;font-size:15.5px;line-height:1.9;display:none}
.faq-item.open .faq-a{display:block}

/* ============ 底部CTA ============ */
.sec-cta{background:linear-gradient(135deg,#00509e,#0066cc 60%,#2288ee);color:#fff;text-align:center;padding:70px 0}
.sec-cta h2{font-size:30px;margin-bottom:16px}
.sec-cta p{font-size:16px;opacity:.95;margin-bottom:32px;max-width:760px;margin-left:auto;margin-right:auto}
.cta-btns{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}

/* ============ 页脚 ============ */
.site-footer{background:#1c2836;color:#9fb0c3;font-size:14px;padding:50px 0 0}
.footer-top{display:flex;flex-wrap:wrap;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-col{flex:1;min-width:210px}
.footer-col h4{color:#fff;font-size:16px;margin-bottom:16px;font-weight:600}
.footer-col p,.footer-col li{line-height:2;font-size:13.5px}
.footer-col a{color:#9fb0c3}
.footer-col a:hover{color:#fff}
.footer-col li a::before{content:"› ";color:#0066cc}
.footer-contact .line{display:flex;gap:8px;margin-bottom:8px}
.footer-contact .k{color:#7c90a6;min-width:56px}
.footer-copy{text-align:center;padding:22px 0;font-size:13px;color:#7c90a6;line-height:1.9}
.footer-copy a{color:#9fb0c3;text-decoration:underline}
.footer-friend{font-size:13px;color:#7c90a6}
.footer-friend a{color:#8fa2b6;margin:0 4px}

/* ============ 悬浮咨询 ============ */
.float-cta{position:fixed;right:20px;bottom:80px;z-index:900;background:#0066cc;color:#fff!important;border-radius:30px;padding:12px 20px;font-size:15px;font-weight:600;box-shadow:0 8px 22px rgba(0,102,204,.4)}
.float-cta:hover{background:#2288ee;transform:translateY(-3px)}

/* ============ 响应式 ============ */
@media(max-width:1200px){.container{width:100%}}
@media(max-width:992px){
  .header-tel,.brand-text .slogan{display:none}
  .nav-toggle{display:block}
  .main-nav-list{display:none;flex-direction:column;width:100%;align-items:stretch}
  .main-nav-list.open{display:flex}
  .main-nav-list>li>a{padding:13px 16px;border-bottom:1px solid #f2f2f2}
  .dropdown{position:static;display:block!important;box-shadow:none;background:#fafcff}
  .dropdown li a{padding-left:34px}
  .caret{display:none}
  .cap-item,.case-item{width:calc(50% - 10px)}
  .geo-card{width:calc(50% - 10px)}
}
@media(max-width:768px){
  section{padding:48px 0}
  .hero h1{font-size:27px}
  .hero-sub{font-size:16px}
  .section-title h2{font-size:22px}
  .geo-card,.cap-item,.case-item{width:100%}
  .hero-data{gap:26px}
  .hero-data .item .num{font-size:24px}
  .geo-card,.case-item{padding:22px}
  .footer-top{flex-direction:column;gap:22px}
  .float-cta{right:12px;bottom:60px;padding:10px 16px;font-size:14px}
}

/* ============================================================
 * 栏目页（内页）通用组件
 * 用于 /geo/ 及其他二级页面，与首页共用同一套视觉规范
 * ============================================================ */

/* ---- 内页 Banner ---- */
.page-banner{background:linear-gradient(135deg,#00509e 0%,#0066cc 55%,#2288ee 100%);color:#fff;text-align:center;padding:56px 0}
.page-banner h1{font-size:32px;font-weight:700;margin-bottom:14px;line-height:1.4}
.page-banner p{font-size:16.5px;opacity:.92;max-width:820px;margin:0 auto;line-height:1.8}

/* ---- 通用内容段落 ---- */
.rich-text p{font-size:16px;color:#555;margin-bottom:18px;line-height:1.95}
.rich-text p:last-child{margin-bottom:0}

/* ---- 两栏卡片列表（价值/优势类） ---- */
.card-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.card-grid .card{width:calc(50% - 10px);background:#fff;padding:28px;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,.06);transition:all .3s ease}
.card-grid .card:hover{transform:translateY(-5px);box-shadow:0 10px 26px rgba(0,102,204,.1)}
.card-grid .card h3{font-size:19px;color:#0066cc;margin-bottom:12px}
.card-grid .card p{color:#666;line-height:1.85;font-size:15px}

/* ---- 四栏卡片列表（优势类） ---- */
.card-grid-4{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.card-grid-4 .card{width:calc(25% - 15px);background:#fff;padding:26px 20px;border-radius:10px;box-shadow:0 2px 15px rgba(0,0,0,.06);text-align:center;transition:all .3s ease}
.card-grid-4 .card:hover{transform:translateY(-5px);box-shadow:0 10px 26px rgba(0,102,204,.1)}
.card-grid-4 .card h3{font-size:18px;color:#222;margin-bottom:12px}
.card-grid-4 .card p{color:#666;font-size:14.5px;line-height:1.8}

/* ---- 要点列表 ---- */
.tick-list li{position:relative;padding-left:26px;font-size:16px;color:#555;margin-bottom:15px;line-height:1.9}
.tick-list li::before{content:"✓";position:absolute;left:0;top:0;color:#0066cc;font-weight:700}

/* ---- 流程条 ---- */
.flow-text{text-align:center;font-size:16.5px;color:#333;padding:24px;background:#f5f7fa;border-radius:10px;line-height:2}

/* ---- 文章卡片（3列） ---- */
.post-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.post-card{width:calc(33.333% - 14px);padding:26px;border:1px solid #eee;border-radius:10px;background:#fff;transition:all .3s ease;display:flex;flex-direction:column}
.post-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.09);border-color:#0066cc;transform:translateY(-4px)}
.post-card h3{font-size:17px;margin-bottom:12px;line-height:1.6}
.post-card h3 a{color:#222}
.post-card h3 a:hover{color:#0066cc}
.post-card p{color:#666;font-size:14.5px;line-height:1.8;margin-bottom:18px;flex:1}
.post-card .read-more{color:#0066cc;font-weight:600;font-size:14.5px}
.post-card .read-more:hover{padding-left:5px}

/* ---- 内页FAQ（点击展开） ---- */
.faq-q{font-size:16.5px;color:#222;font-weight:600;padding:22px 26px;cursor:pointer;position:relative;padding-right:56px}
.faq-q::after{content:"+";position:absolute;right:26px;top:50%;transform:translateY(-50%);font-size:22px;color:#0066cc;font-weight:400;transition:transform .3s}
.faq-item.open .faq-q::after{content:"−"}
.faq-a{padding:0 26px 24px;color:#555;font-size:15.5px;line-height:1.9;display:none}
.faq-item.open .faq-a{display:block}

/* ---- 业务范围条 ---- */
.scope-bar{text-align:center;font-size:14px;color:#888;margin-top:26px;line-height:2}
.scope-bar a{color:#888}
.scope-bar a:hover{color:#0066cc}

/* ---- 内页响应式 ---- */
@media(max-width:992px){
  .card-grid .card{width:100%}
  .card-grid-4 .card{width:calc(50% - 10px)}
  .post-card{width:calc(50% - 10px)}
  .page-banner h1{font-size:26px}
}
@media(max-width:768px){
  .card-grid-4 .card{width:100%}
  .post-card{width:100%}
  .page-banner{padding:40px 0}
  .page-banner h1{font-size:22px}
  .page-banner p{font-size:15px}
  .rich-text p,.tick-list li{font-size:15px}
}

/* ============================================================
 * 文章详情页（左正文 + 右侧栏）
 * 用于 /geo/2.html、/geo/3.html、/geo/4.html 等资讯详情页
 * ============================================================ */

/* ---- 两栏布局 ---- */
.article-layout{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start}
.article-main{flex:1;min-width:0;background:#fff;border-radius:10px;padding:38px 40px;box-shadow:0 2px 15px rgba(0,0,0,.05)}
.article-side{width:300px;flex-shrink:0}

/* ---- 面包屑 ---- */
.breadcrumb{font-size:14px;color:#999;margin-bottom:20px}
.breadcrumb a{color:#999}
.breadcrumb a:hover{color:#0066cc}
.breadcrumb .sep{margin:0 5px}

/* ---- 文章标题与元信息 ---- */
.article-title{font-size:28px;color:#222;font-weight:700;line-height:1.5;margin-bottom:16px}
.article-meta{font-size:14px;color:#999;padding-bottom:20px;border-bottom:1px solid #eef2f7;margin-bottom:28px;display:flex;flex-wrap:wrap;gap:10px 20px}
.article-meta span{display:inline-flex;align-items:center;gap:5px}

/* ---- 正文排版 ---- */
.article-content{font-size:16.5px;color:#444;line-height:2.05}
.article-content p{margin-bottom:20px;text-align:justify}
.article-content h2{font-size:21px;color:#222;font-weight:600;margin:32px 0 16px;padding-left:12px;border-left:4px solid #0066cc;line-height:1.5}
.article-content h3{font-size:18px;color:#222;font-weight:600;margin:26px 0 14px}
.article-content strong{color:#0066cc;font-weight:700}
.article-content ul,.article-content ol{margin:0 0 20px;padding-left:4px}
.article-content li{margin-bottom:10px;line-height:1.95;position:relative;padding-left:22px}
.article-content ul li::before{content:"•";position:absolute;left:4px;color:#0066cc;font-weight:700}
.article-content ol{counter-reset:li}
.article-content ol li{counter-increment:li}
.article-content ol li::before{content:counter(li)".";position:absolute;left:0;color:#0066cc;font-weight:700}
.article-content img{max-width:100%;border-radius:8px;margin:20px 0}
.article-content blockquote{background:#f5f9ff;border-left:4px solid #0066cc;padding:16px 20px;margin:20px 0;color:#555;border-radius:0 8px 8px 0}
.article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.article-content th,.article-content td{border:1px solid #e8eef5;padding:12px 14px;text-align:left}
.article-content th{background:#f5f9ff;color:#222;font-weight:600}

/* ---- 上下篇导航 ---- */
.article-nav{margin-top:36px;padding-top:24px;border-top:1px solid #eef2f7;font-size:15px;color:#888;line-height:2}
.article-nav a{color:#0066cc}
.article-nav a:hover{text-decoration:underline}

/* ---- 侧边栏 ---- */
.side-box{background:#fff;border-radius:10px;padding:24px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.side-box:last-child{margin-bottom:0}
.side-title{font-size:17px;color:#222;font-weight:600;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #0066cc;position:relative}
.side-list li{margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed #eef2f7;line-height:1.7}
.side-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.side-list li a{font-size:14.5px;color:#555;display:block}
.side-list li a:hover{color:#0066cc}
.side-contact-box p{color:#666;font-size:14.5px;line-height:1.9;margin-bottom:18px}
.side-contact-btn{display:block;width:100%;text-align:center;background:#0066cc;color:#fff!important;padding:12px 0;border-radius:6px;font-size:15px;font-weight:600;transition:all .3s ease}
.side-contact-btn:hover{background:#2288ee;transform:translateY(-2px)}

/* ============================================================
 * 资讯列表页（/geo/list_1.html）
 * ============================================================ */
.list-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;border-bottom:2px solid #0066cc;margin-bottom:8px}
.list-head h2{font-size:22px;color:#222;font-weight:700}
.list-count{font-size:14px;color:#999}
.list-count strong{color:#0066cc;font-size:16px}

.post-item{display:flex;gap:22px;padding:26px 0;border-bottom:1px dashed #e8eef5}
.post-item:last-child{border-bottom:none}
.post-item-date{width:64px;flex-shrink:0;text-align:center;background:#f5f9ff;border-radius:8px;padding:10px 0;align-self:flex-start}
.post-item-date .d{display:block;font-size:24px;font-weight:700;color:#0066cc;line-height:1.1}
.post-item-date .y{display:block;font-size:12px;color:#999;margin-top:2px}
.post-item-body{flex:1;min-width:0}
.post-item-body h3{font-size:18px;line-height:1.55;margin-bottom:10px}
.post-item-body h3 a{color:#222;font-weight:600}
.post-item-body h3 a:hover{color:#0066cc}
.post-item-body p{font-size:15px;color:#666;line-height:1.85;margin-bottom:14px}
.post-item-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.post-item-meta .tag{font-size:12.5px;color:#0066cc;background:#eef5ff;padding:3px 12px;border-radius:20px}
.post-item-meta .read-more{font-size:14.5px;color:#0066cc;font-weight:600}
.post-item-meta .read-more:hover{padding-left:5px}
.post-item:hover .post-item-date{background:#0066cc}
.post-item:hover .post-item-date .d,.post-item:hover .post-item-date .y{color:#fff}

.list-more-note{margin-top:28px;background:#f7fafd;border:1px dashed #cfe0f2;border-radius:10px;padding:22px 26px}
.list-more-note strong{display:block;color:#0066cc;font-size:16px;margin-bottom:8px}
.list-more-note p{font-size:14.5px;color:#666;line-height:1.85}

/* ---- 文章详情页响应式 ---- */
@media(max-width:992px){
  .article-side{width:100%}
  .article-main{padding:28px 22px}
  .article-title{font-size:23px}
  .article-content{font-size:16px}
}
@media(max-width:768px){
  .post-item{gap:14px}
  .post-item-date{width:52px;padding:8px 0}
  .post-item-date .d{font-size:19px}
  .post-item-body h3{font-size:16.5px}
  .post-item-body p{font-size:14.5px}
}
@media(max-width:768px){
  .article-main{padding:22px 18px;border-radius:8px}
  .article-title{font-size:20px}
  .article-content{font-size:15.5px;line-height:1.95}
  .article-content h2{font-size:19px}
  .article-content h3{font-size:17px}
  .article-content table{font-size:14px}
  .article-content th,.article-content td{padding:9px 10px}
}

/* ============================================================
 * 首页·最新资讯板块（新闻中心 + GEO文章的聚合展示）
 * ============================================================ */
.sec-news{background:#fff}
/* ---- 分类标签 ---- */
.news-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:36px}
.news-tabs a{padding:8px 22px;border-radius:22px;font-size:15px;color:#555;background:#f3f6fa;border:1px solid transparent;transition:all .25s ease}
.news-tabs a:hover{color:#0066cc;background:#e8f2fd}
.news-tabs a.on{background:#0066cc;color:#fff;border-color:#0066cc;font-weight:600}

/* ---- 资讯列表 ---- */
.news-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 30px}
.news-list li{width:calc(50% - 15px);border-bottom:1px dashed #eaeff5}
.news-list li a{display:block;padding:15px 0;font-size:15.5px;color:#444;position:relative;padding-left:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .25s ease}
.news-list li a::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#c3d4e6;transition:background .25s ease}
.news-list li a:hover{color:#0066cc;padding-left:24px}
.news-list li a:hover::before{background:#0066cc}
.news-list li a .date{color:#a8b6c6;font-size:13.5px;margin-left:10px}

/* ---- 更多按钮 ---- */
.news-more{text-align:center;margin-top:38px}
.news-more a{display:inline-block;border:1px solid #0066cc;color:#0066cc;padding:11px 34px;border-radius:26px;font-size:15px;font-weight:500;transition:all .3s ease}
.news-more a:hover{background:#0066cc;color:#fff;transform:translateY(-2px)}

/* ---- 首页资讯板块响应式 ---- */
@media(max-width:768px){
  .news-list li{width:100%}
  .news-list li a{font-size:15px;padding-left:16px}
  .news-tabs{gap:8px}
  .news-tabs a{padding:7px 16px;font-size:14px}
}

/* ============================================================
 * GEO栏目页·深化组件
 * ============================================================ */

/* ---- 服务项目卡（带编号，3列） ---- */
.svc-grid{display:flex;flex-wrap:wrap;gap:22px}
.svc-item{width:calc(33.333% - 15px);background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:28px 24px;transition:all .3s ease;position:relative;overflow:hidden}
.svc-item::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#0066cc,#4a9eff)}
.svc-item:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,102,204,.12);border-color:#b9d8f5}
.svc-item .svc-no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:#e8f2fd;color:#0066cc;font-size:17px;font-weight:700;margin-bottom:16px}
.svc-item h3{font-size:18px;color:#222;margin-bottom:12px;font-weight:600}
.svc-item p{color:#666;font-size:14.5px;line-height:1.85;margin-bottom:14px}
.svc-item ul{list-style:none}
.svc-item ul li{position:relative;padding-left:16px;font-size:14px;color:#777;line-height:1.9}
.svc-item ul li::before{content:"·";position:absolute;left:4px;color:#0066cc;font-weight:700;font-size:16px}

/* ---- 对比表（SEO vs GEO） ---- */
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 18px rgba(0,0,0,.06);font-size:15px}
.cmp-table th,.cmp-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #eef2f7;vertical-align:top;line-height:1.75}
.cmp-table thead th{background:#0066cc;color:#fff;font-weight:600;font-size:15.5px;border-bottom:none}
.cmp-table thead th:first-child{background:#00509e}
.cmp-table tbody tr:last-child td{border-bottom:none}
.cmp-table tbody tr:nth-child(even){background:#fafcff}
.cmp-table .row-label{color:#222;font-weight:600;background:#f5f9ff!important;width:180px}
.cmp-table td strong{color:#0066cc}

/* ---- 效果指标卡 ---- */
.metric-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.metric-item{flex:1;min-width:200px;max-width:280px;background:#fff;border-radius:12px;padding:30px 22px;text-align:center;box-shadow:0 3px 16px rgba(0,0,0,.06);border-top:4px solid #0066cc}
.metric-item .m-num{font-size:32px;font-weight:800;color:#0066cc;line-height:1.2;margin-bottom:8px}
.metric-item .m-num small{font-size:16px;font-weight:600}
.metric-item .m-txt{font-size:14.5px;color:#666;line-height:1.7}

/* ---- 增强版流程（带描述） ---- */
.flow-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.flow-card{flex:1;min-width:180px;max-width:230px;background:#fff;border-radius:10px;padding:24px 18px;box-shadow:0 2px 14px rgba(0,0,0,.05);position:relative}
.flow-card .f-no{width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;background:#0066cc;color:#fff;font-weight:700;font-size:15px;margin-bottom:14px}
.flow-card h4{font-size:16px;color:#222;margin-bottom:8px;font-weight:600}
.flow-card p{font-size:13.5px;color:#777;line-height:1.7}
.flow-card .f-deliver{display:inline-block;margin-top:10px;font-size:12.5px;color:#00995a;background:#e6f7ef;padding:2px 10px;border-radius:10px}

/* ---- 引言强调块 ---- */
.lead-note{max-width:1000px;margin:0 auto;background:#f5f9ff;border-left:4px solid #0066cc;border-radius:0 10px 10px 0;padding:22px 26px;color:#444;font-size:16px;line-height:1.95}
.lead-note strong{color:#0066cc}

/* ---- 双栏图文（文字+要点） ---- */
.two-col{display:flex;flex-wrap:wrap;gap:30px;align-items:center}
.two-col .tc-text{flex:1;min-width:280px}
.two-col .tc-text h3{font-size:20px;color:#222;margin-bottom:16px;font-weight:600}
.two-col .tc-text p{color:#555;font-size:15.5px;line-height:1.95;margin-bottom:14px}

/* ---- 栏目页深化组件响应式 ---- */
@media(max-width:992px){
  .svc-item{width:calc(50% - 11px)}
  .cmp-table{font-size:14px}
  .cmp-table th,.cmp-table td{padding:13px 14px}
  .cmp-table .row-label{width:120px}
}
@media(max-width:768px){
  .svc-item{width:100%}
  .flow-card{min-width:100%;max-width:100%}
  .metric-item{min-width:100%;max-width:100%}
  .cmp-table{font-size:13px}
  .cmp-table th,.cmp-table td{padding:11px 10px}
  .cmp-table .row-label{width:88px;font-size:12.5px}
  .lead-note{font-size:15px;padding:18px 18px}
}

/* ============================================================
 * FAQ聚合页专用样式（/geo/faq.html）
 * ============================================================ */

/* ---- 顶部锚点导航（分类跳转） ---- */
.faq-anchor{background:#fff;border-bottom:1px solid #eef2f7;padding:18px 0}
.faq-anchor .container{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.faq-anchor a{padding:8px 20px;border-radius:22px;font-size:15px;color:#0066cc;background:#f0f6fc;border:1px solid #dcebfa;transition:all .25s ease}
.faq-anchor a:hover{background:#0066cc;color:#fff;border-color:#0066cc}

/* ---- 分组 ---- */
.faq-group{margin-bottom:52px}
.faq-group:last-of-type{margin-bottom:0}
.faq-group-title{text-align:center;margin-bottom:30px}
.faq-group-title h2{font-size:23px;color:#222;font-weight:600;display:inline-block;position:relative;padding:0 18px 12px}
.faq-group-title h2::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:44px;height:3px;background:#0066cc}
.faq-group-title p{color:#999;font-size:14.5px;margin-top:12px}

/* ---- FAQ页条目微调（编号更大更醒目） ---- */
.faq-page .faq-q{font-size:17px}
.faq-page .faq-a{font-size:15.5px}

/* ---- 底部引导 ---- */
.faq-ask{background:#f5f9ff;border-radius:12px;padding:34px;text-align:center;max-width:860px;margin:0 auto}
.faq-ask h3{font-size:20px;color:#222;margin-bottom:10px}
.faq-ask p{color:#666;font-size:15px;margin-bottom:22px}
.faq-ask a{display:inline-block;background:#0066cc;color:#fff!important;padding:12px 36px;border-radius:28px;font-size:15.5px;font-weight:600;transition:all .3s ease}
.faq-ask a:hover{background:#2288ee;transform:translateY(-2px)}

/* ---- FAQ页响应式 ---- */
@media(max-width:768px){
  .faq-anchor a{padding:7px 15px;font-size:14px}
  .faq-group-title h2{font-size:19px}
  .faq-page .faq-q{font-size:15.5px;padding:18px 46px 18px 18px}
  .faq-page .faq-a{padding:0 18px 20px;font-size:15px}
  .faq-ask{padding:24px 20px}
  .faq-ask h3{font-size:18px}
}
/* ========== 织梦分页 dede_pages 分页组件【新增】 ========== */
.dede_pages {
    margin:30px 0;
    text-align:center;
}
.pagelist {
    list-style:none !important;  /* 清除li前面圆点 */
    padding:0;
    margin:0;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
}
.pagelist li {
    display:block;
    list-style: none !important; /* 兜底清除li圆点 */
}
.pagelist li a {
    display:block;
    padding:5px 12px;
    border:1px solid #ccd8e8;
    color:#333;
    border-radius:4px;
    text-decoration:none;
    transition:0.25s;
}
.pagelist li a:hover {
    background:#e8f2fd;
    border-color:#0066cc;
    color:#0066cc;
}
.pagelist li.thisclass {
    padding:5px 12px;
    background:#0066cc;
    color:#ffffff;
    border:1px solid #0066cc;
    border-radius:4px;
}
/* 分页文字信息（共x页x条记录） */
.pagelist li:first-child {
    border:none;
    color:#666;
    padding-top:4px;
    padding-right:10px;
}
/* 移动端适配 */
@media(max-width:768px){
    .dede_pages{
        margin:20px 0;
    }
    .pagelist{
        gap:4px;
    }
    .pagelist li a,
    .pagelist li.thisclass{
        padding:4px 8px;
        font-size:14px;
    }
}