/* ==========================================================================
   浩云GEO 站点样式
   ========================================================================== */
:root{
  --blue:#3b82f6;--blue2:#2563eb;--cyan:#38bdf8;--purple:#6366f1;
  --violet:#7c3aed;
  --dark:#0b1220;--dark2:#111827;--text:#0f172a;--muted:#64748b;
  --line:#e2e8f0;--bg:#f8fafc;--white:#fff;--max:1200px;
  --radius:14px;--radius-lg:18px;
  --shadow-sm:0 2px 8px rgba(15,23,42,.05);
  --shadow:0 10px 30px rgba(15,23,42,.07);
  --shadow-lg:0 18px 46px rgba(15,23,42,.12);
  --grad:linear-gradient(90deg,#3b82f6,#6366f1);
  --grad-brand:linear-gradient(135deg,#2563eb,#7c3aed);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7;font-size:16px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- 顶栏 ---------- */
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--max);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem;white-space:nowrap;color:#0f172a}
.brand svg{width:28px;height:28px;display:block;flex-shrink:0}
.brand em{font-style:normal;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav{display:flex;list-style:none;gap:2px;align-items:center;flex:1;justify-content:center;flex-wrap:wrap}
.nav a{padding:8px 11px;font-size:.88rem;color:#475569;border-radius:6px}
.nav a:hover,.nav a.on{color:var(--blue2)}
.nav a.on{font-weight:600}
.nav a.btn-solid{color:#fff}

/* ---------- 按钮 ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;font-weight:600;font-family:inherit;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,background .18s;font-size:.95rem}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn-primary{background:var(--grad);color:#fff;padding:12px 24px;border-radius:999px;box-shadow:0 10px 25px rgba(59,130,246,.35)}
.btn-primary:hover{box-shadow:0 14px 30px rgba(59,130,246,.42)}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35);padding:12px 24px;border-radius:999px}
.btn-ghost:hover{background:rgba(255,255,255,.2)}
.btn-solid{background:var(--blue2);color:#fff;padding:9px 16px;border-radius:6px;font-size:.88rem}
.btn-solid:hover{background:#1d4ed8;color:#fff}
.btn-outline{background:#fff;color:var(--blue2);border:1px solid var(--blue);padding:11px 22px;border-radius:999px}
.btn-outline:hover{background:#eff6ff}
.btn-block{width:100%;background:var(--grad);color:#fff;padding:13px;border-radius:8px;font-size:.95rem}
.menu{display:none;border:1px solid var(--line);background:#fff;padding:7px 12px;border-radius:6px;cursor:pointer;font-family:inherit}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;color:#fff;padding:90px 0 80px;
  background:
    radial-gradient(ellipse 70% 60% at 80% 10%,rgba(99,102,241,.35),transparent 55%),
    radial-gradient(ellipse 50% 50% at 15% 90%,rgba(56,189,248,.2),transparent 50%),
    linear-gradient(145deg,#070d1a 0%,#0f1b33 40%,#132447 100%)}
.hero::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60L60 0M30 60L60 30M0 30L30 0' stroke='rgba(255,255,255,0.03)' stroke-width='1' fill='none'/%3E%3C/svg%3E");pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:.8rem;margin-bottom:18px;color:rgba(255,255,255,.85)}
.tag i{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 4px rgba(56,189,248,.2)}
.hero h1{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.25;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}
.hero h1 em{font-style:normal;background:linear-gradient(90deg,#7dd3fc,#c4b5fd,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:rgba(255,255,255,.78);font-size:1.05rem;max-width:520px;margin-bottom:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}
.hero-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:18px;backdrop-filter:blur(8px)}
.panel-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.panel-tabs span{font-size:.72rem;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.7)}
.panel-tabs span.on{background:rgba(59,130,246,.35);color:#fff}
.metric{background:rgba(0,0,0,.25);border-radius:12px;padding:12px 14px;margin-bottom:8px}
.metric:last-child{margin-bottom:0}
.metric .r{display:flex;justify-content:space-between;font-size:.88rem;margin-bottom:8px}
.metric .r b{color:#7dd3fc}
.bar{height:7px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden}
.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#22d3ee)}

/* ---------- 内页头 ---------- */
.page-hero{position:relative;overflow:hidden;color:#fff;padding:64px 0 56px;
  background:radial-gradient(ellipse 60% 70% at 82% 0%,rgba(99,102,241,.32),transparent 58%),linear-gradient(140deg,#070d1a,#101c36 55%,#16264b)}
.page-hero h1{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;line-height:1.3;letter-spacing:-.4px;margin-bottom:10px}
.page-hero p{color:rgba(255,255,255,.76);max-width:640px}
.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.82rem;color:rgba(255,255,255,.6);margin-bottom:14px}
.crumb a:hover{color:#fff}
.crumb span{opacity:.5}

/* ---------- 通用区块 ---------- */
.section{padding:88px 0}
.bg{background:var(--bg)}
.center{text-align:center;max-width:720px;margin:0 auto 48px}
.eyebrow{color:var(--blue2);font-weight:700;font-size:.82rem;letter-spacing:1px;margin-bottom:10px}
.center .eyebrow{margin-bottom:10px}
h2.sec{font-size:clamp(1.55rem,3vw,2.15rem);font-weight:800;margin-bottom:12px;line-height:1.35}
.center p{color:var(--muted)}

/* ---------- 推广卡 ---------- */
.promo{margin-top:-40px;position:relative;z-index:2}
.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.promo-card{background:#fff;border-radius:var(--radius-lg);padding:28px;border:1px solid var(--line);box-shadow:var(--shadow-lg)}
.promo-card h3{font-size:1.15rem;margin-bottom:8px}
.promo-card p{color:var(--muted);font-size:.9rem;margin-bottom:14px}
.link{color:var(--blue2);font-weight:600;font-size:.9rem}
.link:hover{text-decoration:underline}

/* ---------- 四宫格 ---------- */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.v-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 20px;text-align:center;transition:.2s}
.v-card:hover{box-shadow:0 12px 30px rgba(59,130,246,.1);transform:translateY(-3px)}
.v-ico{width:52px;height:52px;margin:0 auto 14px;border-radius:var(--radius);background:linear-gradient(135deg,#dbeafe,#ede9fe);color:var(--blue2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem}
.v-card h3{font-size:1.05rem;margin-bottom:8px}
.v-card p{color:var(--muted);font-size:.88rem}

/* ---------- 能力卡 ---------- */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 22px;position:relative;overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.cap:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.cap::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#22d3ee)}
.cap .cap-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.cap .cap-ico{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:var(--blue2);display:flex;align-items:center;justify-content:center;font-weight:800}
.cap h3{font-size:1.08rem}
.cap p{color:var(--muted);font-size:.88rem;margin-bottom:12px}
.cap ul{list-style:none;margin-bottom:14px}
.cap li{position:relative;padding-left:14px;font-size:.88rem;color:#334155;margin-bottom:7px}
.cap li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.cap .more{margin-top:auto;color:var(--blue2);font-size:.86rem;font-weight:600}
.cap .more:hover{text-decoration:underline}

/* ---------- 五步闭环 ---------- */
.chain{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.chain-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 14px;text-align:center}
.chain-item .n{width:36px;height:36px;margin:0 auto 10px;border-radius:50%;background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.chain-item h3{font-size:.95rem;margin-bottom:6px}
.chain-item p{font-size:.8rem;color:var(--muted)}
.cta-bar{margin-top:28px;background:linear-gradient(90deg,#0f172a,#1e3a8a,#3b82f6);border-radius:var(--radius-lg);padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;color:#fff}
.cta-bar strong{font-size:1.1rem;display:block}
.cta-bar span{opacity:.8;font-size:.88rem}

/* ---------- 平台表 ---------- */
.platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.platform{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.platform b{min-width:78px;color:var(--blue2)}
.platform span{font-size:.88rem;color:var(--muted)}

/* ---------- Tab / 案例 ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}
.tab{border:1px solid var(--line);background:#fff;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer;font-size:.86rem;font-family:inherit;transition:.18s}
.tab:hover{border-color:var(--blue);color:var(--blue2)}
.tab.on{background:#0f172a;color:#fff;border-color:#0f172a}
.case{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.case.on{display:grid;grid-template-columns:1.2fr .8fr}
.case-main{padding:36px 32px}
.case-main .kpi{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:var(--blue2);line-height:1.25;margin:8px 0 14px}
.case-main h3{font-size:1.2rem;margin-bottom:10px}
.case-main p{color:var(--muted);margin-bottom:16px}
.case-main li{margin:8px 0;color:#334155;font-size:.92rem;margin-left:18px}
.case-side{background:linear-gradient(160deg,#0f172a,#1e3a8a);color:#fff;padding:36px 28px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.case-side .lab{font-size:.8rem;opacity:.65}
.case-side .before{color:#fdba74;font-weight:700}
.case-side .after{color:#6ee7b7;font-weight:800;font-size:1.15rem}

/* 案例列表卡 */
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.case-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:.2s;display:flex;flex-direction:column}
.case-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.case-card .cc-top{padding:26px 26px 18px;background:linear-gradient(140deg,#0f172a,#1e3a8a);color:#fff}
.case-card .cc-top .ind{font-size:.8rem;opacity:.7;margin-bottom:8px}
.case-card .cc-top .kpi{font-size:1.5rem;font-weight:800;color:#7dd3fc}
.case-card .cc-body{padding:20px 26px 26px;flex:1;display:flex;flex-direction:column}
.case-card h3{font-size:1.05rem;margin-bottom:8px}
.case-card p{color:var(--muted);font-size:.88rem;margin-bottom:14px}
.case-card .link{margin-top:auto}

/* ---------- 信任 / 团队 ---------- */
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.trust{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px}
.trust h3{margin-bottom:14px;font-size:1.15rem}
.trust-items{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trust-items div{background:var(--bg);border-radius:10px;padding:14px}
.trust-items strong{display:block;color:var(--blue2);margin-bottom:2px}
.trust-items span{font-size:.82rem;color:var(--muted)}
.method{margin-top:14px}
.method table{width:100%;border-collapse:collapse;font-size:.86rem}
.method th,.method td{border:1px solid var(--line);padding:10px;text-align:left}
.method th{background:#0f172a;color:#fff}
.method td{color:#475569;background:#fff}

/* ---------- FAQ ---------- */
.faq{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.faq-q{width:100%;border:0;background:0;cursor:pointer;font:inherit;font-weight:600;padding:16px 18px;display:flex;justify-content:space-between;gap:12px;text-align:left;color:var(--text)}
.faq-q span{color:var(--blue2);flex-shrink:0}
.faq-a{display:none;padding:0 18px 16px;color:var(--muted);font-size:.9rem}
.faq-item.open .faq-a{display:block}

/* ---------- 联系 / 表单 ---------- */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px}
.contact-side{background:linear-gradient(160deg,#0f172a,#1e40af);color:#fff;border-radius:var(--radius-lg);padding:32px 28px}
.contact-side h3{font-size:1.35rem;margin-bottom:10px}
.contact-side p{opacity:.85;margin-bottom:10px;font-size:.92rem}
.form{border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;background:#fff}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg{margin-bottom:12px}
.fg label{display:block;font-size:.84rem;font-weight:600;margin-bottom:5px}
.fg input,.fg select,.fg textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:.95rem;background:#fff}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.fg textarea{min-height:100px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.flash{background:#dcfce7;color:#15803d;border:1px solid #86efac;padding:12px;border-radius:8px;margin-bottom:12px;font-weight:600}
.flash.err{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}

/* ---------- 详情页 ---------- */
.detail-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:28px;align-items:start}
.prose{font-size:1rem;color:#334155}
.prose h2{font-size:1.3rem;color:var(--text);margin:32px 0 12px;font-weight:800}
.prose h3{font-size:1.08rem;color:var(--text);margin:24px 0 8px;font-weight:700}
.prose p{margin-bottom:16px}
.prose ul{margin:0 0 16px;padding-left:0;list-style:none}
.prose ul li{position:relative;padding-left:20px;margin-bottom:9px}
.prose ul li::before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.prose blockquote{margin:22px 0;padding:16px 20px;border-left:4px solid var(--blue);background:#eff6ff;border-radius:0 10px 10px 0;color:#1e3a8a;font-weight:600}
.aside{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
.aside-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.aside-card.dark{background:linear-gradient(160deg,#0f172a,#1e3a8a);color:#fff;border:none}
.aside-card h4{font-size:1rem;margin-bottom:12px}
.aside-card.dark p{opacity:.85;font-size:.9rem;margin-bottom:16px}
.aside-card ul{list-style:none}
.aside-card li{font-size:.88rem;color:#475569;padding:7px 0;border-bottom:1px dashed var(--line)}
.aside-card li:last-child{border-bottom:none}
.fact-list{list-style:none}
.fact-list li{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.9rem}
.fact-list li:last-child{border-bottom:none}
.fact-list b{color:var(--blue2)}

/* 步骤条 */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.step .sn{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#ede9fe);color:var(--blue2);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;margin-bottom:10px}
.step h4{font-size:1rem;margin-bottom:6px}
.step p{font-size:.86rem;color:var(--muted)}

/* 文章卡片 */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.post{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;transition:.2s}
.post:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.post .meta{display:flex;gap:10px;align-items:center;font-size:.78rem;color:var(--muted);margin-bottom:12px}
.post .meta .pill{background:#eff6ff;color:var(--blue2);padding:3px 10px;border-radius:999px;font-weight:600}
.post h3{font-size:1.05rem;line-height:1.45;margin-bottom:10px}
.post p{color:var(--muted);font-size:.88rem;flex:1}
.post .link{margin-top:14px}
.article-head{max-width:760px;margin:0 auto}
.article-body{max-width:760px;margin:0 auto}

/* ---------- 后台 ---------- */
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.stat .k{font-size:.82rem;color:var(--muted);margin-bottom:6px}
.stat .v{font-size:1.7rem;font-weight:800;color:var(--blue2)}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
table.leads{width:100%;border-collapse:collapse;font-size:.86rem;min-width:760px}
table.leads th,table.leads td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
table.leads th{background:#f8fafc;font-weight:600;color:#475569;white-space:nowrap}
table.leads tr:last-child td{border-bottom:none}
table.leads tr:hover td{background:#fafcff}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.toolbar input{padding:10px 12px;border:1px solid var(--line);border-radius:8px;font:inherit;min-width:220px}
.empty{padding:48px 20px;text-align:center;color:var(--muted)}

/* ---------- Footer ---------- */
footer{background:#020617;color:rgba(255,255,255,.65);padding:48px 0 22px;font-size:.88rem;margin-top:0}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;margin-bottom:28px}
footer h4{color:#fff;margin-bottom:12px}
.ft-links{list-style:none}
.ft-links li{margin-bottom:8px}
.ft-links a:hover{color:#fff}
.qr{width:100px;height:100px;border:1px dashed rgba(255,255,255,.28);border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.72rem;line-height:1.4}
.copy{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;text-align:center;font-size:.8rem}
.copy a{color:rgba(255,255,255,.65)}
.copy a:hover{color:#fff}
.beian-row{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;align-items:center;margin-top:8px}
.float{position:fixed;right:16px;bottom:22px;z-index:80;display:flex;flex-direction:column;gap:8px}
.float a{background:var(--blue2);color:#fff;padding:11px 16px;border-radius:999px;font-size:.84rem;font-weight:600;box-shadow:0 8px 22px rgba(37,99,235,.4);text-align:center}

/* ---------- 响应式 ---------- */
@media(max-width:980px){
  .hero-grid,.promo-grid,.trust-grid,.contact-grid,.ft,.case.on,.detail-grid,.case-grid{grid-template-columns:1fr}
  .value-grid,.cap-grid,.post-grid,.platform-grid{grid-template-columns:1fr 1fr}
  .chain{grid-template-columns:1fr 1fr}
  .aside{position:static}
}
@media(max-width:720px){
  .menu{display:block}
  .nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:12px;border-bottom:1px solid var(--line);align-items:stretch}
  .nav.open{display:flex}
  .value-grid,.cap-grid,.chain,.row2,.trust-items,.post-grid,.platform-grid,.steps,.stat-grid{grid-template-columns:1fr}
  .hero{padding:64px 0 70px}
  .page-hero{padding:44px 0 40px}
  .section{padding:64px 0}
  .case-main{padding:26px 22px}
  .case-side{padding:26px 22px}
}

/* 全国服务与行业内容 */
.site-footer{padding:48px 0 22px;background:radial-gradient(ellipse at 5% 0,rgba(37,99,235,.09),transparent 55%),#060b18}
.footer-grid{display:grid;grid-template-columns:1.1fr 1.15fr 1fr 168px;gap:32px;align-items:start;margin-bottom:34px}
.footer-grid>*{min-width:0}
.footer-logo{display:inline-flex;align-items:center;gap:7px;color:#f8fafc;font-size:1.55rem;font-weight:800;line-height:1.2;margin:0 0 18px}
.footer-logo em{font-style:normal;color:#a5b4fc}
.footer-star{color:#818cf8;font-size:2rem;margin-right:3px}
.footer-intro{font-size:.84rem;color:#94a3b8;line-height:1.95}
.footer-platforms{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.footer-platforms span{font-size:.7rem;color:#aebbd0;background:rgba(148,163,184,.06);border:1px solid rgba(148,163,184,.14);padding:3px 9px;border-radius:5px}
.footer-grid h4{font-size:.88rem;letter-spacing:.5px;margin:6px 0 20px;color:#f1f5f9}
.footer-links{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.footer-links a{color:#9caac1;font-size:.8rem;transition:color .15s;display:inline-block}
.footer-links a:hover,.footer-contact p a:hover{color:#fff}
.footer-phone{display:inline-block;color:#f8fafc;font-size:1.52rem;font-weight:750;letter-spacing:.4px;line-height:1.4;margin:-4px 0 11px;white-space:nowrap}
.footer-contact p{font-size:.8rem;line-height:1.85;color:#9caac1;margin-bottom:5px}
.footer-contact .footer-remote{margin-top:13px;color:#cbd5e1}
.footer-contact .footer-disclosure{font-size:.72rem;color:#7f8da5}
.footer-wechat{text-align:center;justify-self:end}
.footer-qr{display:block;background:#fff;padding:8px;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.2)}
.footer-qr-window{display:block;position:relative;width:152px;height:152px;overflow:hidden;background:#fff;border-radius:4px}
.footer-qr-window img{position:absolute;width:126.9231%;max-width:none;height:auto;left:-13.4615%;top:-41.3462%}
.footer-qr-title{font-size:.82rem;color:#e2e8f0;font-weight:600;margin-top:10px}
.footer-qr-hint{font-size:.7rem;color:#899ab5}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;text-align:left;font-size:.7rem;color:#74839b;padding-top:20px;border-color:rgba(148,163,184,.14)}
.footer-bottom .beian-row{margin-top:0;justify-content:flex-start;gap:6px 16px}
.footer-bottom a{color:#8d9bb1}
.float{transition:opacity .18s,visibility .18s}
body.footer-in-view .float{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:1100px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px 48px}
  .footer-wechat{justify-self:start;display:grid;grid-template-columns:144px auto;column-gap:20px;align-items:center;text-align:left}
  .footer-qr{grid-row:1 / 3}
  .footer-qr-window{width:128px;height:128px}
  .footer-qr-title{margin:0;align-self:end;padding-bottom:4px}
  .footer-qr-hint{align-self:start;padding-top:4px}
}
@media(max-width:600px){
  .site-footer{padding-top:36px}
  .footer-grid{grid-template-columns:1fr;gap:28px;margin-bottom:28px}
  .footer-intro br{display:none}
  .footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  .footer-links a{font-size:.75rem}
  .footer-grid h4{margin:0 0 14px}
  .footer-contact{border-top:1px solid rgba(148,163,184,.14);padding-top:24px}
  .footer-bottom{font-size:.68rem;line-height:1.8;gap:8px}
}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}
.hero-phone{margin:20px 0!important;font-size:1rem!important;color:#e0e7ff!important}
.hero-phone a{font-weight:800;color:#fff;white-space:nowrap}
.hero-deliverable{display:flex;gap:16px;padding:17px 10px;border-bottom:1px solid rgba(255,255,255,.12)}
.hero-deliverable:last-child{border-bottom:0}
.hero-deliverable>span{font-size:.85rem;color:#93c5fd;padding-top:4px;font-weight:700}
.hero-deliverable h3{font-size:1.05rem;margin-bottom:4px}
.hero-deliverable p{font-size:.88rem;margin:0;line-height:1.7}
.home-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-entry{padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#f8fafc,#eef2ff);transition:box-shadow .2s}
.home-entry:hover,.sector-card:hover{box-shadow:var(--shadow-lg);border-color:#a5b4fc}
.entry-number{display:block;font-size:2.65rem;line-height:1.2;color:#4338ca;font-weight:800;margin-bottom:18px}
.home-entry h3{font-size:1.15rem;margin-bottom:8px}
.home-entry p{font-size:.9rem;color:var(--muted);margin-bottom:20px}
.sector-pills,.province-nav{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}
.sector-pills a,.province-nav a{padding:8px 13px;border:1px solid var(--line);border-radius:8px;font-size:.88rem;background:#fff}
.sector-pills a:hover,.province-nav a:hover{color:var(--blue2);border-color:#93c5fd;background:#eff6ff}
.sector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sector-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff;transition:box-shadow .2s,border-color .2s}
.sector-number{font-size:.82rem;font-weight:800;letter-spacing:2px;color:#6366f1;margin-bottom:16px}
.sector-card h2,.sector-card h3{font-size:1.17rem;margin-bottom:10px}
.sector-card p{font-size:.9rem;color:#64748b;margin-bottom:20px;flex:1}
.directory-tools{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}
.directory-tools p{color:var(--muted);margin-top:5px}
.city-search{width:340px;max-width:100%}
.city-search label{display:block;font-size:.83rem;color:#475569;margin-bottom:6px}
.city-search input{width:100%;padding:13px 15px;font:inherit;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc}
.coverage-note,.small-note{color:#64748b;font-size:.83rem;margin:14px 0;line-height:1.8}
.search-status{font-size:.88rem;color:#475569;margin-bottom:20px}
.province-group{padding:26px 0;border-top:1px solid var(--line);scroll-margin-top:85px}
.province-group h2{font-size:1.14rem;margin-bottom:16px}
.province-group h2 span{font-size:.8rem;color:var(--muted);font-weight:400;margin-left:10px}
.city-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.city-links a{display:flex;flex-direction:column;padding:13px 16px;border:1px solid var(--line);border-radius:10px;font-size:.93rem;overflow-wrap:anywhere}
.city-links a:hover{border-color:#93c5fd;background:#eff6ff;color:var(--blue2)}
.city-links a span{font-size:.73rem;color:#64748b;margin-top:4px}
.detail-grid>*,.report-wrap,.growth-contact>*{min-width:0}
.scope-note{border:1px solid #c7d2fe;border-left:4px solid #6366f1;border-radius:12px;padding:22px;background:#f5f7ff;margin-bottom:26px}
.scope-note h2{margin:0 0 10px;font-size:1.15rem}
.scope-note p{font-size:.93rem;color:#475569;margin:8px 0 0}
.prose ol{padding-left:22px;margin:12px 0 20px}
.prose ol li{margin:10px 0}
.district-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.district-tags span{font-size:.8rem;background:#f1f5f9;padding:4px 8px;border-radius:5px}
.contact-number{font-size:1.3rem!important;font-weight:750;letter-spacing:.4px;margin:12px 0!important}
.aside-card h3{font-size:1rem;margin-bottom:10px}
.growth-contact{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid #c7d2fe;background:linear-gradient(120deg,#eff6ff,#f5f3ff);padding:36px;border-radius:20px}
.growth-contact h2{font-size:1.55rem;margin-bottom:12px}
.growth-contact p{color:#475569;font-size:.92rem}
.growth-contact .contact-number{color:#1d4ed8}
.contact-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.public-facts{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}
.public-facts h3{font-size:.98rem;margin-bottom:8px}
.public-facts p{font-size:.86rem;color:#64748b;overflow-wrap:anywhere}
.report-wrap{max-width:1000px}
.report-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px}
.report-meta>div{padding:19px 23px;border:1px solid var(--line);border-radius:12px}
.report-meta span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:6px}
.report-meta strong{font-size:1rem}
.finding{border:1px solid var(--line);border-radius:14px;margin:18px 0;padding:24px}
.finding-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.finding h2{font-size:1.12rem}
.finding p{font-size:.93rem;color:#475569;margin-top:10px}
.status-pill{font-size:.75rem;color:#3730a3;background:#eef2ff;border-radius:50px;padding:4px 10px;white-space:nowrap}
.table-scroll{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:12px}
.table-scroll table{width:100%;border-collapse:collapse;min-width:460px;font-size:.9rem}
.table-scroll th,.table-scroll td{padding:15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table-scroll th{background:#f1f5f9;color:#334155}
.table-scroll tr:last-child td{border:0}
.delivery-step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}
.step-number{font-size:1.4rem;color:#4f46e5;background:#eef2ff;border-radius:12px;width:52px;height:52px;display:grid;place-items:center;flex-shrink:0;font-weight:800}
.delivery-step h2{font-size:1.18rem;margin-bottom:12px}
.delivery-step p{font-size:.95rem;color:#475569;margin:9px 0}
.question-list article{padding:26px 0;border-bottom:1px solid var(--line);scroll-margin-top:85px}
.question-list h2{font-size:1.25rem;margin-bottom:15px}
.question-list p{color:#475569;line-height:1.9}
.aside-card.dark .contact-number{opacity:1}
@media(max-width:1100px){
  .menu{display:block}
  .nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:15px;border-bottom:1px solid var(--line);align-items:stretch}
  .nav.open{display:flex}
  .nav li a{display:block}
}
@media(max-width:980px){
  .sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .city-links{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .sector-grid,.home-entry-grid,.report-meta{grid-template-columns:1fr}
  .directory-tools,.growth-contact{flex-direction:column;align-items:stretch}
  .city-search{width:100%}
  .city-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  .growth-contact{padding:24px}
  .delivery-step{gap:14px}
  .step-number{width:40px;height:40px;font-size:1.05rem}
  .finding{padding:20px}
  .finding-heading{align-items:flex-start;flex-direction:column;gap:8px}
  .float{right:10px;bottom:12px;gap:5px}
  .float a{font-size:.75rem;padding:8px 12px}
  footer{padding-bottom:110px}
}

/* 手机底部固定联系卡片：暖金与炭灰，始终保留咨询入口。 */
.mobile-contact-card{display:none}
.wechat-dialog{position:fixed;inset:0;margin:auto;width:min(340px,calc(100% - 36px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #e7e1d7;border-radius:22px;background:#fcfaf6;padding:34px 24px 26px;text-align:center;color:#292824;box-shadow:0 24px 90px rgba(0,0,0,.3)}
.wechat-dialog::backdrop{background:rgba(15,18,22,.64);backdrop-filter:blur(5px)}
.wechat-dialog h2{font-size:1.25rem;margin-bottom:6px}
.wechat-dialog p{font-size:.8rem;color:#787266;margin:6px 0}
.wechat-dialog-close{position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:transparent;font-size:1.8rem;color:#787266;cursor:pointer}
.wechat-dialog-image{display:block;width:max-content;max-width:100%;margin:22px auto 16px;background:white;border-radius:12px;padding:8px;border:1px solid #ece6da}
.wechat-dialog-image .footer-qr-window{width:min(224px,60vw);height:min(224px,60vw)}
.wechat-dialog-phone{display:inline-block;font-size:.88rem;color:#51422a;margin-top:14px;font-weight:600}
@media(max-width:720px){
  body{padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:150px}
  .float{display:none!important}
  .site-footer{padding-bottom:24px}
  .mobile-contact-card{position:fixed;display:block;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:110;padding:12px;border:1px solid rgba(233,211,169,.26);border-radius:20px;background:linear-gradient(115deg,#30302d,#222422);color:#f6f1e7;box-shadow:0 10px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}
  .mobile-contact-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
  .mobile-advisor{display:flex;align-items:center;gap:9px;min-width:0}
  .advisor-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#444137;border:1px solid #615742;color:#e8d2a5;font-size:.92rem;font-weight:700;flex-shrink:0}
  .mobile-advisor strong{display:block;font-size:.9rem;line-height:1.45;font-weight:650}
  .mobile-advisor div>span{display:block;color:#b8b7ae;font-size:.65rem;line-height:1.5;white-space:nowrap}
  .mobile-wechat-button{border:0;background:transparent;color:#dfcfaf;font:inherit;font-size:.73rem;padding:8px 2px 8px 8px;min-height:36px;white-space:nowrap;cursor:pointer}
  .mobile-wechat-button span{margin-left:3px}
  .mobile-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .mobile-contact-actions a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:11px;font-size:.82rem;font-weight:650;white-space:nowrap}
  .mobile-call{background:rgba(255,255,255,.045);border:1px solid #656052;color:#f1e7d3;letter-spacing:.2px}
  .mobile-call svg{width:15px;height:15px;flex-shrink:0}
  .mobile-book{background:linear-gradient(110deg,#eddbb5,#d5b87e);color:#342b1c;border:1px solid #e7d4ac;box-shadow:0 3px 10px rgba(0,0,0,.1)}
  .mobile-contact-actions a:active{transform:translateY(1px)}
}
@media(prefers-reduced-motion:reduce){.float{transition:none}}
.wechat-copy-group{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:10px 0 14px;font-size:.8rem;color:#59616b}
.wechat-copy-group strong{font-weight:600;user-select:all}
.wechat-copy-button{border:1px solid #bcb2a0;border-radius:7px;background:transparent;padding:7px 10px;color:#685536;font:inherit;font-size:.75rem;cursor:pointer;min-height:34px}
.wechat-copy-button:hover{background:rgba(187,158,101,.12)}
.wechat-copy-status:empty{display:none}
.wechat-copy-status{flex-basis:100%;font-size:.73rem;line-height:1.5}
.footer-contact .wechat-copy-group{color:#acb9cc;font-size:.73rem;gap:6px 8px;margin:0 0 10px}
.footer-contact .wechat-copy-button{color:#dfcfaf;border-color:#595648;font-size:.7rem;padding:5px 8px;min-height:30px}
.wechat-dialog .wechat-copy-group{justify-content:center;color:#635a4b;margin:16px 0 8px}
.wechat-dialog .wechat-copy-button{background:#ede1c8;border-color:#dfcba4}

/* Compact nationwide city directory. */
.cities-directory-page .page-hero{padding:30px 0 28px}
.cities-directory-page .page-hero .crumb{margin-bottom:14px}
.cities-directory-page .page-hero .tag{margin-bottom:10px}
.cities-directory-page .page-hero h1{font-size:clamp(26px,3vw,38px);line-height:1.3;margin-bottom:12px}
.cities-directory-page .page-hero p{margin-top:8px;margin-bottom:0}
.cities-directory-page .section{padding:28px 0 40px}
.cities-directory-page .directory-tools{gap:20px;margin-bottom:12px}
.cities-directory-page .directory-tools h2{font-size:22px}
.cities-directory-page .directory-tools p{margin-top:4px;font-size:14px}
.cities-directory-page .city-search input{padding:10px 13px;min-height:44px}
.cities-directory-page .coverage-note{font-size:12px;line-height:1.7;margin:12px 0}
.cities-directory-page .province-nav{gap:6px;margin:16px 0 12px}
.cities-directory-page .province-nav a{padding:6px 10px;font-size:13px;border-radius:6px}
.cities-directory-page .search-status{margin:12px 0;font-size:13px}
.cities-directory-page .province-group{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;padding:15px 0;align-items:start}
.cities-directory-page .province-group[hidden]{display:none}
.cities-directory-page .province-group h2{font-size:15px;line-height:1.5;margin:7px 0 0}
.cities-directory-page .province-group h2 span{display:block;font-size:11px;margin:3px 0 0}
.cities-directory-page .city-links{display:flex;flex-wrap:wrap;gap:7px}
.cities-directory-page .city-links a{display:block;padding:8px 12px;line-height:1.5;font-size:13px;border-radius:6px;min-height:37px}
.cities-directory-page .city-links a[hidden]{display:none}
@media(max-width:700px){
 .cities-directory-page .page-hero{padding:24px 0}
 .cities-directory-page .section{padding-top:22px}
 .cities-directory-page .directory-tools{gap:12px}
 .cities-directory-page .province-nav a{min-height:40px;display:flex;align-items:center}
 .cities-directory-page .province-group{display:block;padding:14px 0}
 .cities-directory-page .province-group h2{margin:0 0 10px}
 .cities-directory-page .province-group h2 span{display:inline;margin-left:8px}
 .cities-directory-page .city-links{gap:6px}
 .cities-directory-page .city-links a{min-height:44px;display:flex;align-items:center;padding:10px 12px}
}
.cities-directory-page .page-hero p{max-width:900px}
.cities-directory-page .page-hero .hero-phone{margin:12px 0 0!important}

.district-tags a{display:inline-flex;align-items:center;min-height:36px;background:#f1f5f9;padding:7px 10px;border-radius:6px;font-size:13px;color:#334155;border:1px solid transparent}
.district-tags a:hover{color:#1d4ed8;border-color:#93c5fd;background:#eff6ff}
.district-tags span[aria-current]{background:#e2e8f0;font-weight:700}
@media(max-width:700px){.district-tags a{min-height:44px}}

.public-copy{overflow-wrap:anywhere}
.industry-heading-service{white-space:nowrap}

.city-example-section .example-notice{padding:14px 16px;border:1px solid #dce4ef;border-radius:10px;background:#f8fafc;font-size:13px;color:#526173;line-height:1.8}
.diagnostic-demo{border:1px solid #dce4ef;border-radius:14px;padding:24px;margin:20px 0;background:#fff;overflow-wrap:anywhere}
.diagnostic-demo .example-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:10px}
.diagnostic-demo h3{margin-top:0}
.diagnostic-demo h4{margin-top:18px;font-size:15px}
.diagnostic-demo .example-status{font-size:13px;color:#64748b;padding-top:12px;border-top:1px dashed #dce4ef}
@media(max-width:700px){.diagnostic-demo{padding:18px 16px}}

.consultation-demo{border:1px solid #dce4ef;border-radius:12px;margin:12px 0;background:#fff;overflow:hidden}
.consultation-demo summary{display:block;position:relative;list-style:none;cursor:pointer;padding:17px 40px 17px 18px}
.consultation-demo summary::-webkit-details-marker{display:none}
.consultation-demo summary::after{content:"+";position:absolute;right:18px;top:18px;color:#7a8798;font-size:20px}
.consultation-demo[open] summary::after{content:"−"}
.consultation-person{display:block;font-size:13px;color:#526173;font-weight:600;margin-bottom:8px}
.consultation-person small{display:inline-block;font-size:11px;font-weight:400;padding:2px 7px;border-radius:4px;background:#f1f5f9;color:#64748b;margin-left:6px}
.consultation-question{display:block;font-size:15px;color:#1e293b;line-height:1.8}
.consultation-reply{padding:16px 18px;border-top:1px solid #e5ebf3;background:#f8fafc;font-size:14px;line-height:1.8}
.consultation-reply>strong{color:#334155;font-size:13px}
.consultation-reply p{margin:7px 0 12px;font-size:14px}