/* ===== 内页组件 ===== */
.phero{background-color:var(--navy);background-image:radial-gradient(900px 420px at 82% -18%,rgba(215,166,70,.11),transparent 64%);color:#fff;
  padding:clamp(30px,3.6vw,46px) 0 clamp(38px,4.4vw,58px);}
.crumb{font-size:12px;color:#8496AE;letter-spacing:.4px;margin-bottom:20px;}
.crumb a{color:#B9C6D8;}
.crumb a:hover{color:#fff;}
.crumb i{font-style:normal;margin:0 8px;color:#5E7690;}
.phero h1{font-size:clamp(25px,3vw,37px);color:#fff;letter-spacing:.4px;line-height:1.38;font-weight:700;}
.phero .psub{font-size:clamp(14px,1.4vw,16px);color:#B9C6D8;margin-top:16px;line-height:1.85;max-width:58ch;}
.pmeta{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px;}
.pmeta span{font-size:12.5px;color:#E7C88C;border:1px solid rgba(228,211,180,.34);padding:5px 12px;letter-spacing:.3px;}
.pbtns{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.btn-line{border:1px solid var(--line);color:var(--navy);padding:12px 22px;font-size:14px;border-radius:var(--r);transition:.18s;display:inline-flex;align-items:center;gap:8px;}
.btn-line:hover{border-color:var(--blue);color:var(--blue);}

.lead{font-size:15px;color:var(--ink-2);line-height:1.95;max-width:66ch;}
.lead b{color:var(--navy);font-weight:600;}

.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.tier{background:#fff;border:1px solid var(--line);padding:24px 22px;display:flex;flex-direction:column;min-width:0;}
.tier.hot{border-color:var(--gold);}
.tier .tag2{font-size:11px;color:var(--gold);letter-spacing:1.8px;margin-bottom:8px;}
.tier h3{font-size:16px;color:var(--navy);margin-bottom:6px;}
.tier .tp{font-size:13px;color:var(--blue);margin-bottom:14px;font-weight:600;}
.tier ul{display:flex;flex-direction:column;gap:9px;margin-top:auto;}
.tier li{font-size:13px;color:var(--ink-2);line-height:1.75;padding-left:14px;position:relative;}
.tier li::before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;background:var(--gold);}

.split{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start;}
.panel{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);padding:26px 26px 22px;}
.panel h3{font-size:15px;color:var(--navy);margin-bottom:12px;}
.panel ul{display:flex;flex-direction:column;gap:10px;}
.panel li{font-size:13.5px;color:var(--ink-2);line-height:1.8;padding-left:16px;position:relative;}
.panel li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background:var(--gold);}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.step{padding:0 26px 0 0;}
.step + .step{border-left:1px solid var(--line);padding-left:26px;}
.step .sn{font-size:11.5px;color:var(--gold);letter-spacing:2px;margin-bottom:10px;}
.step h4{font-size:14.5px;color:var(--navy);margin-bottom:8px;}
.step p{font-size:13px;color:var(--ink-2);line-height:1.8;}

.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);}
.tbl th,.tbl td{border-bottom:1px solid var(--line-2);padding:13px 16px;text-align:left;font-size:13.5px;vertical-align:top;}
.tbl th{background:var(--bg);color:var(--navy);font-weight:600;font-size:13px;letter-spacing:.3px;}
.tbl td{color:var(--ink-2);}
.tbl tr:last-child td{border-bottom:0;}
.tbl .num{font-variant-numeric:tabular-nums;color:var(--navy);white-space:nowrap;font-family:'Montserrat',ui-monospace,monospace;}

.qa{border-bottom:1px solid var(--line);padding:18px 0;}
.qa:first-child{border-top:1px solid var(--line);}
.qa b{display:block;font-size:14.5px;color:var(--navy);margin-bottom:9px;font-weight:600;}
.qa p{font-size:13.5px;color:var(--ink-2);line-height:1.9;}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.chips span{font-size:12.5px;color:var(--blue);background:#fff;border:1px solid var(--line);padding:5px 11px;}

.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;}
.rel a{display:block;background:#fff;border:1px solid var(--line);padding:18px 20px;transition:.18s;min-width:0;}
.rel a:hover{border-color:var(--blue);}
.rel b{display:block;font-size:14px;color:var(--navy);margin-bottom:5px;}
.rel span{font-size:12px;color:var(--ink-3);line-height:1.6;}

.endcta{background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding:clamp(40px,4.4vw,60px) 0;}
.endcta .in{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;}
.endcta h2{font-size:clamp(20px,2.2vw,27px);color:#fff;line-height:1.45;}
.endcta p{font-size:13.5px;color:#B9C6D8;margin-top:10px;line-height:1.8;}
.endcta .acts{display:flex;gap:12px;flex-wrap:wrap;}
.endcta .btn-ghost{border-color:rgba(255,255,255,.34);color:#E6ECF4;padding:12px 22px;font-size:14px;}

.pnote{font-size:12.5px;color:var(--ink-3);line-height:1.8;margin-top:14px;}

@media (max-width:980px){
  .tier-grid{grid-template-columns:1fr;}
  .split{grid-template-columns:1fr;gap:22px;}
  .steps{grid-template-columns:1fr;gap:22px;}
  .step{padding:0;}
  .step + .step{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:22px;}
  .rel{grid-template-columns:1fr;}
  .endcta .in{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .tbl th:nth-child(2),.tbl td:nth-child(2){display:none;}
  .phero h1{font-size:23px;}
}

/* ===== 理论页 ===== */
.eq{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:26px 22px;text-align:center;}
.eq .f{font-size:13.5px;color:var(--ink-2);line-height:1.95;}
.eq .f b{color:var(--navy);}
.eq .big{font-size:clamp(15px,1.7vw,19px);color:var(--navy);font-weight:700;margin:14px 0 12px;letter-spacing:.3px;line-height:1.6;}
.eq .note{font-size:12px;color:var(--ink-3);line-height:1.75;}
.fgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;}
.fcard{background:#fff;border:1px solid var(--line);padding:20px 16px;min-width:0;}
.fcard .n{font-size:11px;color:var(--gold);letter-spacing:1.6px;}
.fcard h4{font-size:14.5px;color:var(--navy);margin:8px 0 9px;}
.fcard p{font-size:12.5px;color:var(--ink-2);line-height:1.78;}
@media (max-width:980px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr;}}

/* ===== 法务文本 ===== */
.doc{max-width:78ch;}
.doc h2{font-size:17px;color:var(--navy);margin:34px 0 12px;padding-top:20px;border-top:1px solid var(--line);}
.doc h2:first-child{margin-top:0;padding-top:0;border-top:0;}
.doc h3{font-size:14.5px;color:var(--navy);margin:20px 0 8px;}
.doc p{font-size:13.5px;color:var(--ink-2);line-height:1.95;margin-bottom:10px;}
.doc ul{margin:6px 0 12px;}
.doc li{font-size:13.5px;color:var(--ink-2);line-height:1.9;padding-left:16px;position:relative;}
.doc li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:var(--gold);}
.doc .upd{font-size:12.5px;color:var(--ink-3);line-height:1.8;margin-bottom:6px;}

/* ===== 404 ===== */
.nf{text-align:center;padding:clamp(60px,9vw,110px) 0;}
.nf .code{font-size:clamp(56px,9vw,92px);font-weight:700;color:#E1E6EE;letter-spacing:6px;line-height:1;}
.nf h1{font-size:clamp(20px,2.4vw,28px);color:var(--navy);margin:18px 0 12px;}
.nf p{font-size:14px;color:var(--ink-2);line-height:1.9;max-width:52ch;margin:0 auto;}
.nf .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px;}

/* ---------- phero 主按钮反白 ---------- */
.phero .btn-primary,.endcta .btn-primary{background:#fff;color:var(--navy);border-color:#fff;}
.phero .btn-primary:hover,.endcta .btn-primary:hover{background:var(--cloud);color:var(--navy);}

/* ---------- 内页企微卡片限宽，避免二维码过大 ---------- */
.split .wx-card{max-width:340px;margin:0 auto;}
@media (max-width:980px){.split .wx-card{max-width:300px;}}