/* 中创千帆在线 · 全国版专属样式（在 site.css 基础上扩展）
 * 视觉基调：百度蓝主色 + 中国红点缀 · 政务新媒体风格 · 大气布局
 */
:root{
  --primary:#2932e1;            /* 百度蓝 */
  --primary-dark:#1e22a8;       /* 百度蓝深色 */
  --primary-light:#eef0fe;      /* 极浅蓝底 */
  --accent:#c8102e;             /* 中国红 */
  --accent-dark:#9b0e24;
  --gold:#b8860b;               /* 金色点缀 */
  --bg:#ffffff;--surface:#f7f8fd;--line:#dfe3f5;--text:#1a1f36;--muted:#5a6079;
  --radius:10px;--shadow:0 2px 6px rgba(23,32,120,.08);
}

.h-sec{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.h-sec svg{color:var(--primary);flex-shrink:0}
.sec-p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:14px}
.sec-p a{font-weight:500}

.level-tag{display:inline-block;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:12px;color:var(--primary);margin-right:6px;white-space:nowrap}
.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:var(--muted)}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.step .s-no{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:600;margin-bottom:10px}
.step h4{font-size:15px;color:var(--text);margin-bottom:6px}
.step p{font-size:13px;color:var(--muted);line-height:1.7}

.faq-list{display:grid;gap:12px;margin-top:18px}

.consult-sec{padding:28px 0}
.consult-box{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px}
.consult-text h2{font-size:18px;color:var(--primary-dark);margin-bottom:6px}
.consult-text p{font-size:14px;color:var(--muted);margin-bottom:12px}
.btn-kefu,.btn-phone{display:inline-block;height:42px;line-height:42px;box-sizing:border-box;padding:0 22px;border-radius:8px;font-size:14px;font-weight:600}
.btn-kefu{background:var(--primary);color:#fff!important}
.btn-kefu:hover{background:var(--primary-dark)}
.btn-phone{background:#fff;color:var(--primary)!important;border:1px solid var(--primary);margin-left:10px}
.btn-phone:hover{background:var(--surface)}
.consult-qr{text-align:center;flex-shrink:0;cursor:pointer}
.consult-qr img{border:1px solid var(--line);border-radius:8px;display:block}
.consult-qr span{display:block;font-size:12px;color:var(--muted);margin-top:6px}

.qr-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:999;align-items:center;justify-content:center}
.qr-modal.open{display:flex}
.qr-modal-box{background:#fff;border-radius:var(--radius);padding:24px;text-align:center;max-width:min(320px,78vw)}
.qr-modal-box img{width:100%;height:auto;border-radius:8px}
.qr-modal-box p{font-size:13px;color:var(--muted);margin:10px 0 14px}
.qr-close{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 22px;font-size:14px;color:var(--text);cursor:pointer}
.qr-close:hover{background:var(--line)}

.footer{background:var(--surface);border-top:1px solid var(--line);padding:40px 0 28px;margin-top:40px}
.footer .container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.footer-col h3{font-size:15px;color:var(--text);margin-bottom:16px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px}
.footer-col a{font-size:14px;color:var(--muted)}
.footer-col a:hover{color:var(--primary)}
.footer-note{grid-column:1/-1;font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}

@media(max-width:768px){
  .steps{grid-template-columns:repeat(2,1fr)}
  .menu-btn{display:block}
  .nav-menu{display:none;width:100%;flex-direction:column;padding:12px 0}
  .nav-menu.open{display:flex}
  .navbar .container{flex-wrap:wrap}
  .consult-box{flex-direction:column;text-align:center}
  .btn-phone{margin-left:0;margin-top:8px}
  .footer .container{grid-template-columns:1fr}
}
@media(max-width:480px){
  .steps{grid-template-columns:1fr}
}

/* ===== 政务新媒体风格组件 ===== */
.gov-bar{background:linear-gradient(90deg,var(--primary-dark),var(--primary));color:#fff;font-size:13px;padding:6px 0}
.gov-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px}
.gov-bar a{color:rgba(255,255,255,.85)}
.gov-bar a:hover{color:#fff;text-decoration:underline}
.gov-date{color:rgba(255,255,255,.7);font-size:12px}

.hero-gov{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 55%,#3940e8 100%);color:#fff;padding:56px 0 48px;position:relative;overflow:hidden}
.hero-gov::after{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.hero-gov::before{content:"";position:absolute;right:40px;bottom:-80px;width:200px;height:200px;border:1px solid rgba(255,255,255,.10);border-radius:50%}
.hero-gov .container{position:relative;z-index:1}
.hero-gov .gov-badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:12px;padding:4px 14px;border-radius:999px;margin-bottom:18px;letter-spacing:2px}
.hero-gov h1{font-size:34px;line-height:1.4;margin-bottom:16px;font-weight:600;letter-spacing:1px}
.hero-gov p{color:rgba(255,255,255,.88);max-width:760px;font-size:15px;line-height:2}
.hero-gov .answer-box{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);border-left:4px solid #ffd54d;border-radius:var(--radius);padding:16px 20px;margin-top:22px}
.hero-gov .answer-box strong{color:#ffd54d}
.hero-gov .answer-box{color:rgba(255,255,255,.95);font-size:14px;line-height:1.9}

.notice-box{background:var(--primary-light);border:1px solid #c7cdfb;border-left:4px solid var(--primary);border-radius:var(--radius);padding:14px 18px;margin-top:16px;font-size:13px;color:var(--muted);line-height:1.8}
.notice-box strong{color:var(--primary-dark)}

.section-title{font-size:22px;font-weight:600;letter-spacing:1px;border-left:4px solid var(--primary);padding-left:12px}
.section-sub{color:var(--muted);font-size:13px;margin-top:8px;margin-bottom:20px}

.gov-divider{height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--gold));border-radius:2px;margin:36px 0 0}

.gd-tag{display:inline-block;background:var(--accent);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;margin-right:6px;vertical-align:2px;letter-spacing:1px}
.gov-tag{display:inline-block;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:11px;padding:2px 8px;border-radius:4px;margin-right:6px}

.footer{background:#10142e;color:#aab0d8}
.footer .footer-col h3{color:#fff}
.footer .footer-col a{color:#aab0d8}
.footer .footer-col a:hover{color:#fff}
.footer-note{color:#8a90bd;border-top-color:rgba(255,255,255,.12)}

/* 转化省（广东/北京）强化样式 */
.consult-box.convert{background:linear-gradient(135deg,#fff 0%,#eef0fe 100%);border:2px solid var(--primary);box-shadow:0 6px 24px rgba(41,50,225,.12)}
.consult-box.convert .consult-text h2{font-size:20px}
.consult-box.convert .btn-kefu{background:var(--primary);padding:0 30px;height:46px;line-height:46px;font-size:15px}
.consult-box.convert .btn-phone{height:46px;line-height:44px}
.convert-line{font-size:13px;color:var(--accent);font-weight:600;letter-spacing:1px;margin-bottom:4px}

@media(max-width:768px){
  .hero-gov h1{font-size:26px}
  .gov-bar .container{justify-content:center}
}

/* ===== 设计增强 2.0（impeccable 标准 · 2026-08-09） ===== */

/* 字体栈：中文优先，政务权威感，无外部依赖 */
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Hero 排版：更大更稳的标题 */
.hero-gov h1{font-size:clamp(28px,4.2vw,44px);line-height:1.35;letter-spacing:1.5px;font-weight:700;text-wrap:balance}

/* Hero 装饰升级：三层同心圆 + 左下渐变光晕 */
.hero-gov::after{width:340px;height:340px;border-width:1.5px;right:-70px;top:-70px;border-color:rgba(255,255,255,.16)}
.hero-gov::before{right:52px;bottom:-100px;width:260px;height:260px;border-color:rgba(255,255,255,.12)}
.hero-gov .container::after{content:"";position:absolute;left:-40px;bottom:-60px;width:220px;height:140px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.07),transparent 70%)}

/* Section 标题：渐变竖条 + 标题下金线（替代原纯色竖线+图标重复） */
.h-sec svg{display:none}
.section-title{position:relative;border-left:none;padding-left:0;padding-bottom:10px;font-size:clamp(19px,2.4vw,24px);font-weight:700}
.section-title::before{content:"";display:inline-block;width:4px;height:22px;background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:2px;margin-right:12px;vertical-align:-3px}
.section-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:linear-gradient(90deg,var(--primary),var(--gold));border-radius:2px}

/* 省份卡片网格（修复首页未渲染问题） */
.prov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:20px}
.prov-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.prov-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 6px 18px rgba(41,50,225,.12)}
.prov-name{display:block;font-size:16px;font-weight:600;color:var(--text)}
.prov-orgs{display:block;font-size:12px;color:var(--muted);margin-top:6px}
.prov-card:hover .prov-name{color:var(--primary)}

/* 步骤卡上浮 */
.step{transition:transform .18s ease,box-shadow .18s ease}
.step:hover{transform:translateY(-3px);box-shadow:var(--shadow)}

/* 表格行 hover 高亮 */
.table-wrap tbody tr{transition:background .15s ease}
.table-wrap tbody tr:hover{background:var(--primary-light)}

/* 按钮过渡 */
.btn-kefu,.btn-phone{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.btn-kefu:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(41,50,225,.28)}
.btn-phone:hover{transform:translateY(-1px)}

/* 咨询区 hover 微光 */
.consult-box{transition:box-shadow .2s ease,border-color .2s ease}
.consult-box:hover{border-color:#c7cdfb;box-shadow:0 4px 16px rgba(41,50,225,.06)}

/* FAQ 项 hover */
.faq-item{transition:background .15s ease}
.faq-item:hover{background:var(--surface)}

/* Hero 入场动画 */
.hero-gov .gov-badge{animation:fadeUp .5s ease-out both}
.hero-gov h1{animation:fadeUp .55s .06s ease-out both}
.hero-gov p{animation:fadeUp .55s .12s ease-out both}
.hero-gov .answer-box{animation:fadeUp .55s .18s ease-out both}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* footer 顶部三色线 + 深色渐变 */
.footer{position:relative;background:linear-gradient(180deg,#10142e,#0b0f24)}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--gold))}

/* 焦点可见性（无障碍） */
a:focus-visible,button:focus-visible,.qr-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

/* 平滑滚动 + 锚点偏移 */
html{scroll-behavior:smooth}
.section{scroll-margin-top:70px}

/* 减少动效偏好（无障碍） */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}

/* 移动端适配 */
@media(max-width:768px){
  .hero-gov h1{font-size:clamp(24px,6vw,30px)}
  .prov-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
  .section-title{font-size:18px}
}

/* ===== 移动端专项优化 2.1（2026-08-09 02:25） ===== */

/* gov-bar 移动端：字号缩小 + 隐藏左侧欢迎词 + 单行紧凑 */
@media(max-width:768px){
  .gov-bar{font-size:11px;padding:5px 0}
  .gov-bar .container{flex-direction:column;align-items:center;gap:0;text-align:center}
  .gov-bar>div>.gov-date{display:inline}
  /* 隐藏左侧"欢迎访问"段（保留日期） */
  .gov-bar>div>span:first-child{display:none}
  /* 政务蓝条右侧日期居中显示 */
  .gov-date{font-size:11px}
}

/* 表格移动端：横向滚动提示（加渐隐边缘提示可滑动） */
@media(max-width:640px){
  .table-wrap{position:relative;-webkit-overflow-scrolling:touch}
  .table-wrap::after{content:"← 左右滑动查看完整内容 →";display:block;text-align:center;font-size:11px;color:var(--muted);padding:8px 0 2px;background:linear-gradient(90deg,transparent,#fff 30%,#fff 70%,transparent);position:relative}
  .table-wrap table{min-width:420px}  /* 强制最小宽，触发滚动 */
}

/* 表格移动端：缩小 padding 节省空间 */
@media(max-width:640px){
  .table-wrap th,.table-wrap td{padding:10px 8px;font-size:13px}
}

/* 城市页 768-900 中屏：省份卡仍 2 列太宽，调成 2-3 列 */
@media(max-width:900px){
  .prov-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}

/* 移动端 footer 列间距优化 */
@media(max-width:640px){
  .footer{padding:32px 0 24px}
  .footer-col h3{font-size:14px;margin-bottom:12px}
  .footer-col li{margin-bottom:6px}
  .footer-note{font-size:12px;line-height:1.7}
}


/* ===== 阿里巴巴普惠体 3.0（全站统一 · 2026-08-09 用户确认） ===== */
@font-face{
  font-family:'Alibaba PuHuiTi';
  src:url('fonts/PuHuiTi-55-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Alibaba PuHuiTi';
  src:url('fonts/PuHuiTi-85-Bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
body{
  font-family:'Alibaba PuHuiTi','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif !important;
}
h1,h2,h3,h4,.logo,.btn-kefu,.btn-phone{font-family:'Alibaba PuHuiTi','PingFang SC','Microsoft YaHei',sans-serif !important}


/* ===== 阿里巴巴普惠体 3.0（全站统一 · 2026-08-09 用户确认） ===== */
@font-face{
  font-family:'Alibaba PuHuiTi';
  src:url('fonts/PuHuiTi-55-Regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Alibaba PuHuiTi';
  src:url('fonts/PuHuiTi-85-Bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
body{
  font-family:'Alibaba PuHuiTi','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif !important;
}
h1,h2,h3,h4,.logo,.btn-kefu,.btn-phone{font-family:'Alibaba PuHuiTi','PingFang SC','Microsoft YaHei',sans-serif !important}

/* 广告标识（互联网广告管理办法可识别性要求） */
.ad-tag{display:inline-block;background:transparent;color:#a8aec6;font-size:10px;font-style:normal;padding:0;margin-left:6px;vertical-align:1px;letter-spacing:0}