/* 出海打法三页共用：playbook / pricing / service */
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin:22px 0 0;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--card);width:max-content;max-width:100%}
.tabs a{padding:8px 14px;border-radius:9px;color:var(--mute);font-size:14px}
.tabs a:hover{color:var(--ink);text-decoration:none}
.tabs a.on{background:var(--ink);color:var(--bg);font-weight:700}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:22px 0 4px}
.kpis .card b{display:block;font:700 34px/1.1 "Barlow Condensed",sans-serif}
.kpis .card span{display:block;font-size:13px;color:var(--mute);line-height:1.6}
.kpis .card.hot{border:2px solid var(--acc)}
.road{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.road .st{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;position:relative}
.road .st .t{font-size:12px;color:var(--faint)}
.road .st h4{margin:4px 0 6px;font-size:15.5px}
.road .st p{margin:0;font-size:13px;color:var(--mute);line-height:1.65}
.road .st .sc{margin-top:8px;font:700 15px "Barlow Condensed",sans-serif;color:var(--acc)}
.sec{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:16px 0;scroll-margin-top:72px}
.sec .hd{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sec .pri{font:700 14px "Barlow Condensed",sans-serif;background:var(--acc);color:#fff;border-radius:8px;padding:3px 9px;letter-spacing:.5px}
.sec h2{margin:0;font-size:21px;font-weight:900}
.sec .one{margin:8px 0 0;font-size:15.5px;font-weight:700;line-height:1.6}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:14px 0}
.facts div{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.facts small{display:block;font-size:12px;color:var(--faint)}
.facts b{font-size:14.5px}
.sec h3{font-size:15px;margin:16px 0 6px}
.sec ul,.sec ol{margin:0;padding-left:20px;font-size:14.5px;line-height:1.85}
.sec li b{font-weight:700}
.sec p{font-size:14.5px;line-height:1.85;margin:6px 0}
.ev{border-left:3px solid var(--acc);background:var(--card2);padding:8px 14px;border-radius:0 10px 10px 0;margin:10px 0;font-size:14px;line-height:1.8}
.ev b{font-weight:700}
.trap{border-left:3px solid var(--no);background:var(--card2);padding:8px 14px;border-radius:0 10px 10px 0;margin:10px 0;font-size:14px;line-height:1.8}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px;margin:8px 0}
.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:8px 9px;text-align:left;vertical-align:top}
.tbl th{color:var(--faint);font-weight:500;font-size:12.5px}
.tbl td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tw{overflow-x:auto}
.check li{list-style:none;position:relative;padding-left:4px}
.check li::before{content:"☐";position:absolute;left:-20px;color:var(--faint)}
.note{font-size:13px;color:var(--faint);margin:8px 0 0}
@media (max-width:760px){.road{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.road{grid-template-columns:1fr}.sec{padding:16px}}