/* 硬边色块 · 企业套餐选购台 */
:root{
  --ink:#12141a;--mute:#5a6070;--line:#d5d8e0;--paper:#f2f3f6;--white:#fff;
  --navy:#0b2a5b;--blue:#1f5eff;--cyan:#00b3c7;--signal:#ff4d1a;--lime:#c8f542;
  --font:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --display:"Arial Black","Arial Narrow",Impact,sans-serif;
  --mono:Consolas,"Courier New",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:min(1160px,94%);margin:0 auto}

/* 顶栏：套餐选购导航条 */
.pack-bar{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;border-bottom:4px solid var(--signal)}
.pack-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}
.pack-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--display);letter-spacing:.02em}
.pack-mark{width:34px;height:34px;background:var(--signal);color:#fff;display:grid;place-items:center;font-size:.9rem;font-weight:900;border:0;border-radius:0}
.pack-brand b{font-size:1.05rem}.pack-brand small{display:block;font-family:var(--mono);font-size:.65rem;opacity:.65;font-weight:400;letter-spacing:.08em}
.pack-nav{display:flex;flex-wrap:wrap;gap:0}
.pack-nav a{padding:.55rem .85rem;font-size:.86rem;font-weight:700;border-left:2px solid #2a2e38;color:#c8ccd6}
.pack-nav a:hover,.pack-nav a[aria-current="page"]{background:var(--blue);color:#fff;border-left-color:var(--lime)}

/* 首屏：硬切色块转化区 */
.slab-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:auto;border-bottom:4px solid var(--ink)}
.slab-left{background:var(--navy);color:#fff;padding:2.2rem clamp(1.2rem,3vw,2.4rem);display:flex;flex-direction:column;justify-content:center}
.slab-kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lime);margin-bottom:.7rem}
.slab-title{font-family:var(--display);font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.05;margin:0 0 .85rem;letter-spacing:-.01em;text-transform:uppercase}
.slab-lead{margin:0 0 1.25rem;max-width:34rem;color:#c9d3e8;font-size:1.02rem}
.slab-actions{display:flex;flex-wrap:wrap;gap:0;margin-bottom:1.15rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:150px;padding:.85rem 1.2rem;font-weight:800;font-size:.92rem;border:0;border-radius:0;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}
.btn-signal{background:var(--signal);color:#fff}
.btn-signal:hover{filter:brightness(1.08)}
.btn-cyan{background:var(--cyan);color:#042a30}
.btn-cyan:hover{filter:brightness(1.06)}
.btn-ink{background:var(--ink);color:#fff}
.btn-line{background:transparent;color:#fff;outline:2px solid #fff;outline-offset:-2px}
.btn-line:hover{background:#fff;color:var(--navy)}
.btn-blue{background:var(--blue);color:#fff}
.req-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid #fff}
.req-blocks div{padding:.65rem .7rem;border-right:2px solid #fff;background:rgba(0,0,0,.22)}
.req-blocks div:last-child{border-right:0}
.req-blocks strong{display:block;font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;color:var(--lime);margin-bottom:.2rem}
.req-blocks span{font-size:.84rem;color:#e4eaf6}
.slab-right{background:var(--lime);display:flex;flex-direction:column;border-left:4px solid var(--ink)}
.slab-right-label{padding:.65rem 1rem;background:var(--ink);color:var(--lime);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.slab-right .hero-media{flex:1;display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:#d9ef3a;align-self:center}
.slab-right .hero-media img{width:100%;height:auto;object-fit:contain;object-position:center}

/* 分区头：套餐目录条 */
.cat-head{display:grid;grid-template-columns:auto 1fr auto;align-items:stretch;margin-bottom:0;border:3px solid var(--ink)}
.cat-head .tag{background:var(--signal);color:#fff;padding:.7rem 1rem;font-family:var(--display);font-size:.85rem;letter-spacing:.04em;display:flex;align-items:center}
.cat-head h2{margin:0;padding:.7rem 1rem;font-family:var(--display);font-size:clamp(1.2rem,2.2vw,1.65rem);letter-spacing:.02em;background:#fff;display:flex;align-items:center}
.cat-head p{margin:0;padding:.7rem 1rem;background:var(--ink);color:#fff;font-size:.86rem;display:flex;align-items:center;max-width:22rem}
.section{padding:2.2rem 0}
.section .cat-head{margin-bottom:0}
.section-body{border:3px solid var(--ink);border-top:0;background:#fff}

/* 下载中心：四色套餐硬卡 */
.tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.tier{border-right:3px solid var(--ink);padding:1.15rem 1rem 1.2rem;display:flex;flex-direction:column;gap:.55rem;min-height:100%}
.tier:last-child{border-right:0}
.tier-a{background:#e8efff}.tier-b{background:#e3f8fb}.tier-c{background:#fff0ea}.tier-d{background:#f4fad8}
.tier-sku{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;font-weight:700;color:var(--mute)}
.tier h3{margin:0;font-family:var(--display);font-size:1.35rem;letter-spacing:.02em}
.tier-meta{margin:0;padding:0;list-style:none;font-size:.86rem}
.tier-meta li{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem 0;border-bottom:2px solid var(--ink)}
.tier-meta li:last-child{border-bottom:0}
.tier-meta span{color:var(--mute)}
.tier-meta strong{font-family:var(--mono);font-size:.82rem}
.tier .btn{width:100%;margin-top:auto}

/* 功能：色块矩阵 */
.feat-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.feat{padding:1.15rem 1rem;border-right:3px solid var(--ink);min-height:100%}
.feat:last-child{border-right:0}
.feat:nth-child(1){background:#1f5eff;color:#fff}
.feat:nth-child(2){background:#00b3c7;color:#042a30}
.feat:nth-child(3){background:#ff4d1a;color:#fff}
.feat:nth-child(4){background:#c8f542;color:#1a2200}
.feat:nth-child(5){background:#0b2a5b;color:#fff}
.feat-ico{width:40px;height:40px;margin-bottom:.7rem;background:rgba(255,255,255,.18);display:grid;place-items:center;border:2px solid currentColor}
.feat-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feat h3{margin:0 0 .35rem;font-family:var(--display);font-size:1rem;letter-spacing:.03em}
.feat p{margin:0;font-size:.84rem;opacity:.92}

/* 方案：左右硬切 */
.plan-split{display:grid;grid-template-columns:1fr 1.05fr;gap:0}
.plan-copy{padding:1.5rem 1.35rem;background:#fff;border-right:3px solid var(--ink)}
.plan-copy h2{font-family:var(--display);font-size:clamp(1.25rem,2.3vw,1.7rem);margin:0 0 .75rem;letter-spacing:.02em}
.plan-copy p{margin:0 0 .9rem;color:var(--mute)}
.plan-points{margin:0 0 1.1rem;padding:0;list-style:none}
.plan-points li{padding:.55rem .7rem;margin-bottom:0;border:2px solid var(--ink);border-bottom:0;font-size:.92rem;display:grid;grid-template-columns:72px 1fr;gap:.6rem}
.plan-points li:last-child{border-bottom:2px solid var(--ink)}
.plan-points b{font-family:var(--mono);font-size:.75rem;color:var(--blue);letter-spacing:.04em}
.plan-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:0;background:var(--ink)}
.plan-gallery .g1{grid-row:1/3;border-right:3px solid var(--ink)}
.plan-gallery figure{margin:0;overflow:hidden;background:#1a1e28;border-bottom:3px solid var(--ink)}
.plan-gallery .g1{border-bottom:0}
.plan-gallery figure:last-child{border-bottom:0}
.plan-gallery img{width:100%;height:100%;object-fit:cover}

/* 信任：全宽色带 */
.trust-band{background:var(--blue);color:#fff;border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding:2rem 0}
.trust-inner{text-align:center}
.trust-stat{font-family:var(--display);font-size:clamp(1.55rem,3.2vw,2.35rem);margin:0 0 .35rem;letter-spacing:.02em}
.trust-desc{margin:0 0 1.1rem;opacity:.9}
.trust-brands{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.trust-brands span{padding:.55rem 1rem;border:2px solid #fff;margin:-1px 0 0 -1px;font-weight:800;font-size:.9rem;background:rgba(0,0,0,.12)}

/* 资讯 + 帮助 */
.split-cat{display:grid;grid-template-columns:1.2fr .8fr;gap:0}
.news-panel,.help-panel{padding:1.2rem 1.15rem}
.news-panel{background:#fff;border-right:3px solid var(--ink)}
.help-panel{background:#fff8f4}
.panel-title{font-family:var(--display);font-size:1.2rem;margin:0 0 .85rem;padding-bottom:.55rem;border-bottom:3px solid var(--ink);letter-spacing:.03em}
.news-list{display:flex;flex-direction:column;gap:0}
.news-item{display:grid;grid-template-columns:100px 1fr;gap:.85rem;align-items:center;padding:.75rem 0;border-bottom:2px solid var(--line)}
.news-item:last-child{border-bottom:0}
.news-item img{width:100px;height:70px;object-fit:cover;border:2px solid var(--ink)}
.news-item h3{margin:0 0 .25rem;font-size:.95rem}
.news-item p{margin:0;font-size:.82rem;color:var(--mute)}
.help-mini{margin:0;padding:0;list-style:none}
.help-mini li{border-bottom:2px solid var(--ink)}
.help-mini a{display:grid;grid-template-columns:88px 1fr;gap:.5rem;padding:.7rem 0;font-size:.9rem}
.help-mini strong{font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;color:var(--signal)}
.help-mini span{color:var(--mute)}
.help-panel .btn{width:100%;margin-top:.9rem}

/* 底部二次转化色板 */
.cta-slab{padding:0 0 2.4rem}
.cta-box{display:grid;grid-template-columns:1.15fr .85fr;border:4px solid var(--ink);background:var(--signal);color:#fff}
.cta-main{padding:1.6rem 1.4rem}
.cta-main h2{font-family:var(--display);font-size:clamp(1.35rem,2.5vw,1.9rem);margin:0 0 .55rem;letter-spacing:.02em}
.cta-main p{margin:0 0 1rem;opacity:.95}
.cta-actions{display:flex;flex-wrap:wrap;gap:0}
.cta-actions .btn-ink{margin-right:0}
.cta-actions .btn-line{border-left:2px solid #fff}
.cta-side{background:var(--ink);padding:1.4rem 1.2rem;display:flex;flex-direction:column;justify-content:center}
.cta-side ul{margin:0;padding:0;list-style:none}
.cta-side li{padding:.55rem .65rem;border:2px solid #3a3f4c;margin-bottom:.45rem;font-size:.9rem}
.cta-side li:last-child{margin-bottom:0}

.site-footer{background:var(--ink);color:#aeb4c2;padding:1.5rem 0 2rem;border-top:4px solid var(--signal)}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1.2rem;margin-bottom:1rem}
.site-footer h3{margin:0 0 .5rem;color:#fff;font-family:var(--display);font-size:.95rem;letter-spacing:.04em}
.site-footer ul{margin:0;padding:0;list-style:none}
.site-footer li{margin:.3rem 0;font-size:.88rem}
.site-footer a:hover{color:var(--lime)}
.copyright{padding-top:.85rem;border-top:2px solid #2a2e38;font-size:.82rem;font-family:var(--mono)}

/* 内页 */
.page-hero{background:var(--navy);color:#fff;padding:1.6rem 0;border-bottom:4px solid var(--signal)}
.page-hero h1{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 .4rem;letter-spacing:.02em}
.page-hero p{margin:0;max-width:42rem;color:#c9d3e8}
.dl-layout{display:grid;grid-template-columns:200px 1fr;gap:0;padding:0 0 2.4rem;align-items:start;border:3px solid var(--ink);border-top:0;background:#fff}
.dl-side{background:var(--ink);color:#fff;padding:.5rem 0;position:sticky;top:56px}
.dl-side a{display:block;padding:.7rem 1rem;font-size:.88rem;font-weight:700;border-bottom:2px solid #2a2e38;color:#c8ccd6}
.dl-side a:hover,.dl-side a.is-active{background:var(--blue);color:#fff}
.dl-main{padding:0}
.dl-block{padding:1.2rem 1.15rem;border-bottom:3px solid var(--ink);scroll-margin-top:70px}
.dl-block:last-child{border-bottom:0}
.dl-block h2{margin:0 0 .75rem;font-family:var(--display);font-size:1.15rem;letter-spacing:.03em}
.dl-row{display:grid;grid-template-columns:140px 1fr auto;gap:1rem;align-items:center}
.dl-row img{width:140px;border:2px solid var(--ink)}
.dl-row h3{margin:0 0 .3rem;font-size:1.05rem}
.dl-row p{margin:0;font-size:.88rem;color:var(--mute)}

.help-layout{display:grid;grid-template-columns:220px 1fr;gap:0;padding:0 0 2.4rem;border:3px solid var(--ink);border-top:0;background:#fff;align-items:start}
.help-toc{background:var(--signal);color:#fff;padding:.5rem 0;position:sticky;top:56px}
.help-toc a{display:block;padding:.65rem 1rem;font-size:.88rem;font-weight:700;border-bottom:2px solid rgba(0,0,0,.15)}
.help-toc a:hover{background:rgba(0,0,0,.15)}
.help-content{padding:0}
.help-block{padding:1.15rem 1.2rem;border-bottom:3px solid var(--ink);scroll-margin-top:70px}
.help-block:last-child{border-bottom:0}
.help-block h2{margin:0 0 .55rem;font-family:var(--display);font-size:1.15rem}
.help-block p,.help-block li{color:var(--mute);font-size:.92rem}
.help-block ul{margin:.4rem 0 0;padding-left:1.1rem}
.help-visual{margin-top:.85rem;border:3px solid var(--ink);max-width:420px;overflow:hidden}

@media (max-width:980px){
  .slab-hero,.plan-split,.split-cat,.cta-box,.dl-layout,.help-layout,.footer-grid{grid-template-columns:1fr}
  .tier-grid{grid-template-columns:repeat(2,1fr)}
  .tier:nth-child(2){border-right:0}
  .tier:nth-child(1),.tier:nth-child(2){border-bottom:3px solid var(--ink)}
  .feat-matrix{grid-template-columns:1fr 1fr}
  .feat:nth-child(2n){border-right:0}
  .feat{border-bottom:3px solid var(--ink)}
  .feat:last-child{grid-column:1/-1;border-right:0;border-bottom:0}
  .slab-right{border-left:0;border-top:4px solid var(--ink)}
  .plan-copy,.news-panel{border-right:0;border-bottom:3px solid var(--ink)}
  .cat-head{grid-template-columns:1fr}
  .dl-side,.help-toc{position:static}
  .dl-row{grid-template-columns:1fr}
  .pack-nav{display:none}
}
@media (max-width:600px){
  .tier-grid,.feat-matrix,.req-blocks,.plan-gallery{grid-template-columns:1fr}
  .tier{border-right:0;border-bottom:3px solid var(--ink)}
  .tier:last-child{border-bottom:0}
  .feat{border-right:0}
  .plan-gallery .g1{grid-row:auto;border-right:0;border-bottom:3px solid var(--ink)}
  .news-item{grid-template-columns:1fr}
  .slab-actions,.cta-actions{flex-direction:column}
  .slab-actions .btn,.cta-actions .btn{width:100%}
  .cta-actions .btn-line{border-left:0}
}

/* Hero 强制规则 */
.hero-media,.slab-right .hero-media{align-self:center;height:auto;padding:0;margin:0;overflow:visible}
.hero-media img,.slab-right .hero-media img{
  display:block;width:100%;height:auto;object-fit:contain;object-position:center;
  min-height:0;max-height:none;margin:0;padding:0;clip-path:none;transform:none;
}
.slab-hero{align-items:center}
.btn,.tier .btn,.cta-actions .btn,.dl-row .btn{
  white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;
  display:inline-flex;align-items:center;justify-content:center;
}