/* ===== 条码办理子站 · 视觉系统 v2（2026-11-06 精修） ===== */
:root{
  --tm-blue:#1d4ed8;--tm-blue-d:#15347c;--tm-blue-x:#0f2a5e;--tm-blue-l:#3b82f6;
  --tm-line:#e8eef8;--tm-line2:#d7e3f6;--tm-ink:#0b1a2b;--tm-ink2:#41546b;--tm-ink3:#7c8da3;
  --pad-x:clamp(28px,4.2vw,92px);--shell:1760px;
  --r1:8px;--r2:12px;--r3:16px;--r4:999px;
  --sh1:0 1px 2px rgba(15,40,80,.05);
  --sh2:0 6px 18px -12px rgba(15,40,80,.20);
  --sh3:0 18px 40px -22px rgba(15,40,80,.30);
  --ease:cubic-bezier(.4,.14,.3,1);
}
body{background:#f4f7fc;color:var(--tm-ink2)}
header.site{display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:linear-gradient(135deg,#06251a,#0d3b2c 55%,#14532d);color:#fff;
  border-bottom:1px solid rgba(216,180,90,.26)}
header.site .site-logo a{color:#fff;letter-spacing:.3px}
header.site .site-logo span{color:#fff!important}
header.site .nav-toggle{display:none}
header.site .site-hotline{font-size:12px;color:#c9dccf;text-align:right;line-height:1.55;white-space:nowrap;letter-spacing:.02em}
header.site .site-hotline a{color:#fff;text-decoration:none}
header.site .site-hotline a:hover{text-decoration:underline}
/* 顶部导航禁止覆盖：完全沿用总站 ../assets/style.css（深绿吸顶 + 首页后竖线），保证与总站 100% 一致 */
.wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;width:100%;max-width:var(--shell);margin:0 auto;padding:26px var(--pad-x) 56px;align-items:start}
nav.side{background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:14px 12px;box-shadow:var(--sh1);align-self:start;position:sticky;top:64px;max-height:calc(100vh - 86px);overflow:auto;transform:none}
nav.side h3{color:var(--tm-ink3);font-size:11px;font-weight:600;letter-spacing:.14em;margin:14px 0 7px;padding:0 10px;border:none}
nav.side h3:first-child{margin-top:0}
nav.side a{display:block;padding:7px 10px;border-radius:var(--r1);color:var(--tm-ink2);font-size:13px;text-decoration:none;transition:background .16s var(--ease),color .16s var(--ease)}
nav.side a:hover{background:#f2f7ff;color:var(--tm-blue)}
@media(max-width:820px){
  .wrap{grid-template-columns:minmax(0,1fr);gap:0;padding:14px 16px}
  /* 手机端顺序：正文（四种办理途径）在前，分类标签云下移到正文之后 */
  main{order:1}
  nav.side{order:2}
  /* 侧栏改标签云：全部入口一次看全，不竖排占屏、不横滑隐藏 */
  nav.side{position:static!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:6px;
    width:auto!important;min-width:0!important;height:auto!important;max-height:none!important;
    transform:none!important;overflow:visible!important;left:auto!important;top:auto!important;z-index:auto!important;
    margin:12px 0 0!important;padding:10px!important;border-radius:var(--r3);white-space:normal}
  nav.side h3{display:none!important}
  nav.side a{flex:0 0 auto;padding:5px 10px!important;border:1px solid var(--tm-line);border-radius:var(--r4);background:#f8fbff;font-size:11.5px;color:var(--tm-blue-d)!important}
  nav.side a:hover{background:#eef5ff;color:var(--tm-blue)!important}
  nav.side a[href="../index.html"]{display:none!important}
  /* 顶部导航：手机端小号胶囊全部折行可见 */
  .topnav .tn-main{flex-wrap:wrap;overflow:visible;gap:5px;padding:7px 10px 8px;align-items:center}
  .topnav li{display:block;flex:0 0 auto}
  .topnav a{display:block;font-size:11px;line-height:1.25;padding:4px 9px;border-radius:var(--r4);background:rgba(255,255,255,.07);border:1px solid rgba(174,234,196,.15);white-space:nowrap}
  .topnav .tn-home{align-self:center;display:flex;align-items:center;padding-right:8px;margin-right:1px;border-right:1px solid rgba(216,180,90,.45)}
  .topnav .tn-home a{background:rgba(134,239,172,.18);border-color:rgba(134,239,172,.34);font-weight:700}
}
main{padding:28px 34px 48px;min-width:0;display:flex;flex-direction:column;align-items:center}
main>*{width:100%;max-width:1060px}
.p-home main>*{max-width:none}
main a{color:var(--tm-blue);text-decoration:none}
main a:hover{color:var(--tm-blue-l)}
h1{color:var(--tm-ink);font-weight:800;letter-spacing:.4px}
main h2{color:var(--tm-ink);font-size:19px;font-weight:700;letter-spacing:.2px;border:none;padding:0 0 11px;margin:40px 0 18px;position:relative}
main h2::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--tm-blue),#60a5fa)}
main h3{color:var(--tm-ink);font-size:15.5px;font-weight:700;letter-spacing:.1px}
main p{color:var(--tm-ink2)}
.breadcrumb{font-size:12.5px;color:var(--tm-ink3);margin:0 0 14px;letter-spacing:.02em;background:none!important;border:none!important;box-shadow:none!important;padding:0!important}
.breadcrumb a{color:var(--tm-blue);text-decoration:none}
.quick-answer{background:linear-gradient(180deg,#f6faff,#eef6ff);border:1px solid #dceafa;border-left:3px solid var(--tm-blue-l);border-radius:var(--r2);padding:14px 16px;color:#2b4562;font-size:13.5px;line-height:1.78;margin:0 0 8px}
.tm-hero{background:linear-gradient(135deg,#15347c,#1d4ed8 60%,#3b82f6);color:#fff;border-radius:var(--r3);padding:28px 26px;margin:6px 0 18px}
.tm-hero h1{color:#fff;margin:0 0 8px;font-size:26px;border:none;padding:0;letter-spacing:.6px}
.tm-sub{color:#d3e2fb;margin:0 0 16px;font-size:14px;line-height:1.7}
.tm-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.tm-btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--tm-blue)!important;font-weight:600;border-radius:10px;padding:11px 20px;text-decoration:none;font-size:13.5px;border:1.5px solid #fff;letter-spacing:.02em}
.tm-btn.ghost{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.6)}
.tm-btn:hover{text-decoration:none}
.tm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:16px 0 22px}
.tm-card{display:block;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:18px;text-decoration:none;box-shadow:var(--sh1);transition:transform .18s var(--ease),box-shadow .22s var(--ease),border-color .18s var(--ease)}
.tm-card:hover{transform:translateY(-3px);box-shadow:var(--sh3);border-color:var(--tm-line2);text-decoration:none}
.tm-card h3{color:var(--tm-ink);margin:0 0 8px;font-size:15.5px;border:none;padding:0}
.tm-card p{color:var(--tm-ink3);margin:0;font-size:13px;line-height:1.65}
.tm-card .tm-no{display:inline-block;font-size:11px;color:var(--tm-blue);font-weight:700;letter-spacing:.1em;margin-bottom:8px;font-variant-numeric:tabular-nums}
.steps li::before{background:var(--tm-blue)}
.qa{border-left-color:var(--tm-blue)}
.qa h3{color:var(--tm-blue)}
.tblwrap table th{background:#f2f7ff;color:var(--tm-blue-d)}
.tm-cta{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 6px}
.tm-cta .tm-btn{background:linear-gradient(135deg,var(--tm-blue),#60a5fa);color:#fff!important;border:none}
.tm-cta .tm-btn.ghost{background:#fff;color:var(--tm-blue)!important;border:1.5px solid var(--tm-line2)}
.tm-related{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tm-related li a{display:inline-block;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r4);padding:7px 14px;font-size:12.5px;color:var(--tm-ink2)!important;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}
.tm-related li a:hover{background:var(--tm-blue);border-color:var(--tm-blue);color:#fff!important}
footer.site{background:#06251a;color:#b9d0c4;border-top:2px solid rgba(216,180,90,.32)}
footer.site a{color:#cfe3d8}
@media(max-width:760px){.tm-hero{padding:20px 16px}.tm-hero h1{font-size:22px}.tm-grid{grid-template-columns:1fr 1fr;gap:10px}.tm-card{padding:14px}.tm-card h3{font-size:14px}.tm-card p{font-size:12.5px}.wrap{padding:16px 14px 32px}main{padding:18px 16px 30px}main h2{font-size:17px}header.site{flex-wrap:wrap;gap:6px}header.site .site-hotline{font-size:11.5px;text-align:left;width:100%;white-space:normal}}

/* ===== 首页版式 ===== */
main h2{margin-top:40px}
.hp-hero{position:relative;overflow:hidden;color:#fff;border-top:3px solid #d8b45a;
  background:radial-gradient(760px 320px at 4% -6%,rgba(34,197,94,.26),transparent 58%),radial-gradient(1000px 400px at 94% -14%,rgba(59,130,246,.30),transparent 62%),linear-gradient(112deg,#06251a 0%,#0c3a2b 24%,#123469 64%,#1d4ed8 100%)}
.hp-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%)}
.hp-hero-in{position:relative;z-index:1;max-width:var(--shell);margin:0 auto;padding:60px var(--pad-x) 66px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.hp-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:5px 14px;border:1px solid rgba(216,180,90,.34);border-radius:var(--r4);background:rgba(216,180,90,.09);color:#eed9a8;font-size:12px;letter-spacing:.06em}
.hp-eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#d8b45a}
.hp-hero h1{color:#fff;font-size:42px;font-weight:800;line-height:1.15;margin:0 0 15px;border:none;padding:0;letter-spacing:2px}
.hp-lead{color:#c6d9f6;font-size:15px;line-height:1.8;margin:0 0 28px;max-width:640px;letter-spacing:.2px}
.hp-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 26px}
.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:var(--r4);background:#fff;color:#12306b!important;font-weight:600;font-size:14.5px;text-decoration:none;border:1.5px solid #fff;letter-spacing:.03em;box-shadow:0 10px 24px -16px rgba(0,0,0,.7);transition:transform .18s var(--ease),box-shadow .22s var(--ease),background .18s var(--ease)}
.hp-btn:hover{transform:translateY(-2px);text-decoration:none;box-shadow:0 16px 30px -16px rgba(0,0,0,.8)}
.hp-ghost{background:rgba(255,255,255,.06);color:#fff!important;border-color:rgba(255,255,255,.45);box-shadow:none}
.hp-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.7)}
.hp-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 26px}
.hp-points li{position:relative;padding-left:18px;color:#b9cdea;font-size:13px;letter-spacing:.02em}
.hp-points li::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#86efac;box-shadow:0 0 0 3px rgba(134,239,172,.16)}
.hp-hero-l{min-width:0}
.hp-hero-r{display:flex;justify-content:flex-end}
.hp-ticket{width:100%;max-width:420px;background:#fff;border-radius:14px;padding:24px 22px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.85)}
.hp-bars{display:flex;justify-content:center;background:#fff;border-radius:4px;overflow:visible}
.hp-bars svg{display:block;max-width:100%;height:auto}
.hp-digits{margin:14px 0 6px;text-align:center;font-family:ui-monospace,Consolas,"Courier New",monospace;font-size:18px;letter-spacing:5px;color:#0f172a;font-variant-numeric:tabular-nums}
.hp-ticket-cap{margin:0;text-align:center;font-size:11.5px;color:#8395aa;letter-spacing:.04em}
.hp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:2;margin:0 0 6px}
.hp-stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:17px 20px 16px;box-shadow:var(--sh2)}
.hp-stat::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(180deg,var(--tm-blue),#60a5fa)}
.hp-stat b{display:block;font-size:23px;font-weight:800;color:var(--tm-ink);line-height:1.15;letter-spacing:.2px;font-variant-numeric:tabular-nums}
.hp-stat span{display:block;margin-top:5px;font-size:12px;color:var(--tm-ink3);letter-spacing:.02em}
.hp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 10px}
.hp-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:20px 20px 17px;text-decoration:none!important;box-shadow:var(--sh1);transition:transform .18s var(--ease),box-shadow .22s var(--ease),border-color .18s var(--ease)}
.hp-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--tm-blue),#60a5fa);opacity:0;transition:opacity .2s var(--ease)}
.hp-card:hover{transform:translateY(-3px);border-color:var(--tm-line2);box-shadow:var(--sh3);text-decoration:none}
.hp-card:hover::before{opacity:1}
.hp-card-no{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:ui-monospace,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--tm-blue)}
.hp-card-no::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#dce8f9,transparent)}
.hp-card h3{margin:0 0 7px;font-size:15.5px;color:var(--tm-ink);border:none;padding:0;letter-spacing:.2px}
.hp-card p{margin:0 0 14px;font-size:13px;line-height:1.65;color:var(--tm-ink3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hp-card-more{margin-top:auto;font-size:12px;font-weight:600;color:var(--tm-blue);letter-spacing:.06em;opacity:.85;transition:opacity .16s var(--ease),transform .16s var(--ease)}
.hp-card:hover .hp-card-more{opacity:1;transform:translateX(3px)}
.hp-steps{list-style:none;padding:0;margin:18px 0 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hp-steps li{position:relative;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:18px 18px 16px 58px;box-shadow:var(--sh1)}
.hp-steps li::before{content:none}
.hp-steps b{position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--tm-blue),#60a5fa);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.hp-steps h3{margin:1px 0 5px;font-size:14.5px;color:var(--tm-ink);border:none;padding:0}
.hp-steps p{margin:0;font-size:12.5px;line-height:1.6;color:var(--tm-ink3)}
.hp-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 10px}
.hp-feat{display:block;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:20px;text-decoration:none!important;box-shadow:var(--sh1);transition:transform .18s var(--ease),box-shadow .22s var(--ease),border-color .18s var(--ease)}
.hp-feat:hover{transform:translateY(-3px);border-color:var(--tm-line2);box-shadow:var(--sh3);text-decoration:none}
.hp-feat-i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eef4ff;color:var(--tm-blue);font-weight:700;font-size:14px;margin-bottom:12px;border:1px solid #dce8f9}
.hp-feat h3{margin:0 0 5px;font-size:15px;color:var(--tm-ink);border:none;padding:0}
.hp-feat p{margin:0;font-size:12.5px;line-height:1.62;color:var(--tm-ink3)}
.hp-cta{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;margin:38px 0 4px;padding:32px 36px;border-radius:var(--r3);color:#fff;
  background:radial-gradient(620px 220px at 90% -10%,rgba(59,130,246,.30),transparent 62%),linear-gradient(112deg,#06251a,#0c3a2b 32%,#123469 76%,#1d4ed8)}
.hp-cta h2{color:#fff!important;border:none!important;padding:0!important;margin:0 0 8px;font-size:20px}
.hp-cta h2::after{display:none}
.hp-cta p{margin:0;color:#c6d9f6;font-size:13px;max-width:640px;line-height:1.7}
.hp-cta-t{flex:1 1 420px;min-width:0}
.hp-cta-b{display:flex;gap:12px;flex-wrap:wrap}
/* 四种办理方式 */
.way-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 10px}
.way-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:18px 18px 16px;text-decoration:none!important;box-shadow:var(--sh1);transition:transform .18s var(--ease),box-shadow .22s var(--ease),border-color .18s var(--ease)}
.way-card:hover{transform:translateY(-3px);border-color:var(--tm-line2);box-shadow:var(--sh3);text-decoration:none}
.way-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--tm-blue);background:#eef4ff;border:1px solid #dce8f9;border-radius:var(--r4);padding:2px 9px;margin-bottom:10px}
.way-card.free .way-tag{color:#0f766e;background:#ecfdf5;border-color:#ccf3e4}
.way-card h3{margin:0 0 7px;font-size:15px;color:var(--tm-ink);border:none;padding:0;letter-spacing:.2px}
.way-card p{margin:0 0 12px;font-size:12.5px;line-height:1.62;color:var(--tm-ink3)}
.way-price{margin:0 0 10px;font-size:12px;color:var(--tm-ink3);letter-spacing:.02em}
.way-price b{font-size:30px;font-weight:800;color:var(--tm-ink);letter-spacing:-.5px;margin-right:2px;font-variant-numeric:tabular-nums}
.way-card.free .way-price b{color:#0f766e}
.way-desc{margin:0;font-size:12.5px;line-height:1.6;color:var(--tm-ink3)}
/* 四种方式折叠列表 */
.way-acc{display:grid;gap:10px;margin:16px 0 10px}
.way-item{background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);box-shadow:var(--sh1);overflow:hidden;scroll-margin-top:120px;transition:border-color .18s var(--ease),box-shadow .2s var(--ease)}
.way-item[open]{border-color:var(--tm-line2);box-shadow:var(--sh2)}
.way-item summary{display:flex;align-items:center;gap:14px;padding:15px 18px;cursor:pointer;list-style:none;position:relative;transition:background .16s var(--ease)}
.way-item summary::-webkit-details-marker{display:none}
.way-item summary::after{content:"";flex:0 0 auto;width:7px;height:7px;border-right:2px solid #b7c7dd;border-bottom:2px solid #b7c7dd;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s var(--ease)}
.way-item[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.way-idx{flex:0 0 30px;height:30px;border-radius:50%;background:#eef4ff;border:1px solid #dce8f9;color:var(--tm-blue);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}
.way-item[open] .way-idx{background:var(--tm-blue);border-color:var(--tm-blue);color:#fff}
.way-txt{flex:1;min-width:0}
.way-txt b{display:block;font-size:16px;color:var(--tm-ink);letter-spacing:.2px}
.way-txt em{display:block;font-style:normal;font-size:12.5px;color:var(--tm-ink3);margin-top:3px}
.way-fee{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--tm-blue);letter-spacing:.02em;white-space:nowrap}
.way-item[open] summary{border-bottom:1px solid var(--tm-line);background:#fbfdff}
.way-body{padding:15px 18px 17px 62px;font-size:13.5px;line-height:1.8;color:var(--tm-ink2)}
.way-body p{margin:0 0 10px}
.way-body p:last-child{margin-bottom:0}
.way-body ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.way-body li{position:relative;padding-left:12px;font-size:12.5px;line-height:1.65;color:var(--tm-ink3)}
.way-body li::before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;border-radius:50%;background:#c3d3e8}
.way-body li strong{color:var(--tm-ink2);font-weight:600}
.way-note{margin:8px 0 18px;font-size:13px;color:var(--tm-ink3)}
.way-note strong{color:var(--tm-blue);font-weight:700}
.way-pick{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:9px}
.way-pick li{font-size:13.5px;line-height:1.65;color:var(--tm-ink2);padding:11px 15px;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r2)}
.way-pick b{color:var(--tm-ink)}
.pay2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}
.pay-card{background:#fff;border:1px solid var(--tm-line);border-radius:var(--r3);padding:16px 18px;box-shadow:var(--sh1)}
.pay-card.now{background:linear-gradient(180deg,#f6faff,#fff);border-color:#cfe0f8}
.pay-k{display:block;font-size:12.5px;color:var(--tm-ink3);letter-spacing:.02em}
.pay-v{display:block;margin:6px 0 5px;font-size:30px;line-height:1.1;color:var(--tm-blue);font-weight:800;font-variant-numeric:tabular-nums}
.pay-v small{font-size:14px;font-weight:700;margin-left:4px}
.pay-d{display:block;font-size:12.5px;line-height:1.6;color:var(--tm-ink2)}
.pay-cap{margin:10px 0 0;font-size:12.5px;line-height:1.7;color:var(--tm-ink3)}
.pay-ours{margin:9px 0 0;padding:12px 15px;background:#fff;border:1px solid var(--tm-line);border-left:3px solid var(--tm-blue);border-radius:var(--r2);font-size:13px;line-height:1.75;color:var(--tm-ink2)}
.pay-ours b{color:var(--tm-ink)}
.pay-src{margin:10px 0 0;border:1px solid var(--tm-line);border-radius:var(--r2);background:#fff;overflow:hidden}
.pay-src>summary{padding:11px 15px;font-size:13px;font-weight:700;color:var(--tm-blue);cursor:pointer;list-style:none;position:relative}
.pay-src>summary::-webkit-details-marker{display:none}
.pay-src>summary::after{content:"+";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-weight:700;color:#b7c7dd}
.pay-src[open]>summary::after{content:"−"}
.pay-src[open]>summary{border-bottom:1px solid var(--tm-line);background:#fbfdff}
.pay-src-in{padding:12px 15px 14px;font-size:12.5px;line-height:1.8;color:var(--tm-ink2)}
.pay-src-in ul{margin:0 0 8px;padding-left:18px}
.pay-src-in li{margin:2px 0}
.pay-src-in p{margin:0 0 6px}
.pay-src-in a{color:var(--tm-blue);text-decoration:none;word-break:break-all;border-bottom:1px solid #cfe0f8}
.pay-src-in a:hover{border-bottom-color:var(--tm-blue)}
/* ===== 100 篇文章页 ===== */
.art-lead{background:linear-gradient(180deg,#f6faff,#eef6ff);border:1px solid #dceafa;border-left:3px solid var(--tm-blue-l);border-radius:var(--r2);padding:14px 16px;color:#2b4562;font-size:13.5px;line-height:1.78;margin:0 0 18px}
.art-policy,.art-tip{padding:12px 15px;border-radius:var(--r2);font-size:13px;line-height:1.78;margin:0 0 12px}
.art-policy{background:#f7fafd;border:1px solid var(--tm-line)}
.art-tip{background:#f2fbf5;border:1px solid #ccecd9;border-left:3px solid #16a34a;color:#22543d}
.art-list{margin:8px 0 18px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}
.art-list li{position:relative;padding-left:15px;font-size:13px;line-height:1.7}
.art-list li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--tm-blue-l)}
.art-list a{color:var(--tm-blue);text-decoration:none}
.art-list a:hover{text-decoration:underline}
.art-prevnext{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0 18px;padding-top:14px;border-top:1px dashed var(--tm-line2)}
.art-prevnext a{font-size:13px;color:var(--tm-blue);text-decoration:none}
.art-prevnext a:hover{text-decoration:underline}
@media(max-width:760px){.art-list{grid-template-columns:minmax(0,1fr);gap:6px}}
/* ===== 首页 100 篇专题文章入口：按栏目分组的紧凑卡片 ===== */
.ah-lead{font-size:13.5px;line-height:1.78;color:var(--tm-ink2);margin:0 0 14px}
.ah-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 26px}
.ah-card{min-width:0;background:#fff;border:1px solid var(--tm-line);border-radius:var(--r2);padding:14px 15px 12px;box-shadow:var(--sh1)}
.ah-card h3{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:14.5px;color:var(--tm-ink);border:none;padding:0}
.ah-card h3 a{color:var(--tm-ink);text-decoration:none}
.ah-card h3 a:hover{color:var(--tm-blue)}
.ah-card h3 span{flex:0 0 auto;font-size:11px;font-weight:600;color:var(--tm-blue);background:#eef5ff;border-radius:var(--r4);padding:2px 8px;font-variant-numeric:tabular-nums}
.ah-links{display:flex;flex-direction:column;gap:5px;margin:0 0 10px}
.ah-links a{position:relative;padding-left:13px;font-size:12.5px;line-height:1.6;color:var(--tm-ink2);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ah-links a::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--tm-blue-l)}
.ah-links a:hover{color:var(--tm-blue);text-decoration:underline}
.ah-more{display:inline-block;font-size:12px;font-weight:600;color:var(--tm-blue);text-decoration:none}
.ah-more:hover{text-decoration:underline}
@media(max-width:1100px){.ah-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ah-grid{grid-template-columns:minmax(0,1fr);gap:9px}.ah-card{padding:12px}.ah-links a{font-size:12px}}
/* ===== 子页 banner（与首页 hero 同高同理，手机端不显示） ===== */
.sub-hero{position:relative;overflow:hidden;color:#fff;border-top:3px solid #d8b45a;border-bottom:1px solid rgba(216,180,90,.26);
  background:radial-gradient(760px 320px at 4% -6%,rgba(34,197,94,.26),transparent 58%),radial-gradient(1000px 400px at 94% -14%,rgba(59,130,246,.30),transparent 62%),linear-gradient(112deg,#06251a 0%,#0c3a2b 24%,#123469 64%,#1d4ed8 100%)}
.sub-hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 85%)}
.sub-hero-in{position:relative;z-index:1;max-width:var(--shell);margin:0 auto;padding:60px var(--pad-x) 66px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.sub-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:5px 14px;border:1px solid rgba(216,180,90,.34);border-radius:var(--r4);background:rgba(216,180,90,.09);color:#eed9a8;font-size:12px;letter-spacing:.06em}
.sub-hero-eyebrow::before{content:"";width:5px;height:5px;border-radius:50%;background:#d8b45a}
.sub-hero-t{margin:0 0 15px;font-size:42px;font-weight:800;line-height:1.15;letter-spacing:2px;color:#fff}
.sub-hero-d{margin:0 0 28px;max-width:640px;font-size:15px;line-height:1.8;color:#c6d9f6;letter-spacing:.2px}
.sub-hero-a{display:flex;gap:12px;flex-wrap:wrap}
.sub-hero-a .hp-btn{padding:13px 26px;font-size:14.5px}
.sub-hero-points{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px}
.sub-hero-points li{position:relative;padding-left:18px;color:#b9cdea;font-size:13px;letter-spacing:.02em}
.sub-hero-points li::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:#86efac;box-shadow:0 0 0 3px rgba(134,239,172,.16)}
.sub-hero-r{display:flex;justify-content:flex-end;min-width:0}
.sub-hero-card{width:100%;max-width:420px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:22px 22px 18px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.85)}
.sub-hero-card>b{display:block;font-size:12px;font-weight:700;color:#eed9a8;letter-spacing:.1em;margin-bottom:12px}
.sub-hero-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sub-hero-card li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;color:#dce9f7;padding-bottom:9px;border-bottom:1px dashed rgba(255,255,255,.14)}
.sub-hero-card li:last-child{border-bottom:none;padding-bottom:0}
.sub-hero-card li a{color:#dce9f7;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.32);transition:color .15s,border-color .15s}
.sub-hero-card li a:hover{color:#fff;border-bottom-color:#86efac}
.sub-hero-card i{font-style:normal;font-weight:700;color:#fff;white-space:nowrap}
/* 首页 hero 与子页 banner 高度对齐 */
@media(min-width:1101px){
  .hp-hero-in,.sub-hero-in{min-height:435px}
}
@media(max-width:1100px){
  .sub-hero-in{grid-template-columns:minmax(0,1fr);gap:30px;padding:44px var(--pad-x) 56px}
  .sub-hero-t{font-size:34px}
  .sub-hero-r{display:none}
}
@media(max-width:820px){.sub-hero{display:none}}
@media(max-width:1100px){
  .hp-hero-in{grid-template-columns:minmax(0,1fr);gap:30px;padding:44px var(--pad-x) 56px}
  .hp-hero-r{display:none}
  .hp-hero h1{font-size:34px}
  .hp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hp-feats{grid-template-columns:1fr}
  .hp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .way-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  header.site{padding:10px 14px;gap:4px}
  header.site .site-logo{font-size:15px}
  header.site .site-hotline{font-size:11px;line-height:1.45;width:100%;text-align:left;white-space:normal;color:#c0d6c8}
  .hp-hero::after{background-size:34px 34px;opacity:.45}
  .hp-hero-in{padding:28px 16px 38px}
  .hp-hero h1{font-size:26px;letter-spacing:.6px;margin-bottom:10px}
  .hp-eyebrow{font-size:11px;padding:4px 11px;margin-bottom:12px}
  .hp-lead{font-size:13px;line-height:1.7;margin-bottom:20px}
  .hp-actions{gap:9px;margin-bottom:18px}
  .hp-btn{flex:1 1 0;padding:11px 10px;font-size:13.5px;border-radius:11px}
  .hp-points{display:block;gap:6px}
  .hp-points li{font-size:12px;padding-left:16px;margin-bottom:5px}
  .hp-points li::before{top:5px;width:5px;height:5px}
  .hp-stats{grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px;transform:none}
  .hp-stat{padding:12px 13px 11px 15px;border-radius:var(--r2)}
  .hp-stat b{font-size:17px}
  .hp-stat span{font-size:11px;margin-top:3px}
  .hp-grid{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 8px}
  .hp-card{padding:13px;border-radius:var(--r2)}
  .hp-card-no{font-size:10px;letter-spacing:.1em;margin-bottom:7px}
  .hp-card h3{font-size:13.5px;line-height:1.35;margin-bottom:5px}
  .hp-card p{font-size:11.5px;line-height:1.55;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .hp-card-more{display:none}
  .hp-steps{grid-template-columns:1fr;gap:0;margin:16px 0 8px}
  .hp-steps li{background:none;border:none;box-shadow:none;border-radius:0;padding:0 0 16px 40px;position:relative}
  .hp-steps li::before{content:"";display:block;position:absolute;left:13px;top:26px;bottom:0;width:2px;background:#cfe0f9}
  .hp-steps li:last-child{padding-bottom:0}
  .hp-steps li:last-child::before{display:none}
  .hp-steps b{left:0;top:0;width:27px;height:27px;font-size:10.5px}
  .hp-steps h3{font-size:14px;margin:1px 0 4px}
  .hp-steps p{font-size:12px;line-height:1.55}
  .hp-feats{gap:8px;margin:16px 0 8px}
  .hp-feat{padding:13px 14px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:1px;border-radius:var(--r2)}
  .hp-feat-i{grid-row:1/3;align-self:center;margin:0;width:34px;height:34px;border-radius:9px;font-size:13px;background:#eef4ff}
  .hp-feat h3{margin:0;font-size:14px}
  .hp-feat p{font-size:11.5px;line-height:1.55}
  .hp-cta{padding:20px 16px;border-radius:var(--r3);gap:14px;margin:28px 0 4px}
  .hp-cta h2{font-size:16.5px;margin-bottom:5px}
  .hp-cta p{font-size:12px;line-height:1.6}
  .hp-cta-b{width:100%;gap:9px}
  .hp-cta-b .hp-btn{flex:1 1 0;padding:11px 10px;font-size:13.5px}
  .way-grid{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 8px}
  .way-card{padding:13px;border-radius:var(--r2)}
  .way-tag{font-size:10px;padding:2px 7px;margin-bottom:8px}
  .way-card h3{font-size:13.5px;margin-bottom:5px}
  .way-card p{font-size:11.5px;line-height:1.55;margin-bottom:0}
  .way-price{margin-bottom:8px}
  .way-price b{font-size:22px}
  .way-acc{gap:8px;margin:14px 0 8px}
  .way-item summary{padding:13px 14px;gap:10px}
  .way-idx{flex:0 0 26px;height:26px;font-size:12px}
  .way-txt b{font-size:15px}
  .way-txt em{font-size:11.5px;margin-top:2px}
  .way-fee{font-size:12px}
  .way-body{padding:13px 14px 15px 50px;font-size:12.5px;line-height:1.7}
  .way-body li{font-size:12px;line-height:1.6}
  .way-note{font-size:12px;line-height:1.6}
  .way-pick{gap:7px;margin-top:6px}
  .way-pick li{font-size:12.5px;padding:10px 12px;line-height:1.6}
  .pay2{gap:9px;margin-top:12px}
  .pay-card{padding:13px 14px}
  .pay-k{font-size:11.5px}
  .pay-v{font-size:25px}
  .pay-v small{font-size:12.5px}
  .pay-d{font-size:11.5px}
  .pay-cap{font-size:11.5px}
  .pay-ours{font-size:12px;padding:10px 12px;line-height:1.7}
  .pay-src>summary{font-size:12.5px;padding:10px 12px}
  .pay-src-in{font-size:11.5px;padding:11px 12px;line-height:1.75}
  main .tblwrap{display:none}
  main{padding:16px 14px 28px}
  main h2{font-size:16.5px;margin-top:26px;margin-bottom:12px;padding-bottom:9px}
  main h2::after{width:28px;height:2.5px}
  .breadcrumb{font-size:12px;margin-bottom:10px;background:none!important;border:none!important;box-shadow:none!important;padding:0!important}
  .quick-answer{font-size:12.5px;line-height:1.72;padding:12px 13px 12px 14px;border-radius:10px}
}