.container{width:min(var(--max),calc(100% - 64px));margin:auto}

/* ===== 通用组件 ===== */
.mega-intro>span,.kicker{display:inline-block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.section{padding:118px 0}
.section.white{background:#fff}
.section.soft{background:var(--soft)}
.section.dark{background:#07172d;color:#fff}
.breadcrumbs{font-size:12px;color:#b8c7da;margin-bottom:42px}
.hero-actions{display:flex;gap:12px;margin-top:38px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 22px;border-radius:999px;font-size:14px;font-weight:750;transition:.3s}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover{background:#0a56b8;transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,66,154,.28)}
.btn.ghost{border:1px solid rgba(255,255,255,.55);color:#fff}
.btn.ghost:hover{background:#fff;color:var(--ink)}

/* ===== 产品详情页 hero 区 ===== */
.product-premium-hero{position:relative;min-height:820px;overflow:hidden;background:#07111f;color:#fff;padding-top:88px}
.product-premium-bg,.product-premium-bg img{position:absolute;inset:0;width:100%;height:100%}
.product-premium-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.5)}
.product-premium-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,12,27,.66) 0%,rgba(2,15,33,.2) 45%,rgba(0,25,61,.05) 100%)}
.hero-canvas{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55}
.product-premium-layout{position:relative;z-index:2;display:grid;grid-template-columns: minmax(460px, 1.1fr) minmax(0, .9fr);gap:70px;align-items:center;min-height:610px;}
.product-premium-copy h1{font-size:clamp(58px,7vw,112px);line-height:.92;letter-spacing:-.07em;margin:18px 0 12px}
.product-premium-subtitle{font-size:24px;margin:0 0 18px}
.product-premium-desc{max-width:610px;color:#c9d4e2;line-height:1.85;font-size:15px}
.hero-spec-rail{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);padding:24px 0 34px}
.hero-spec-rail>div{padding:0 26px;border-right:1px solid rgba(255,255,255,.13)}
.hero-spec-rail>div:first-child{padding-left:0}
.hero-spec-rail>div:last-child{border:0}
.hero-spec-rail b{display:block;font-size:20px}
.hero-spec-rail span{display:block;margin-top:7px;color:#9fb0c4;font-size:11px}

/* ===== 规格参数区 ===== */
.spec-layout{display:grid;grid-template-columns:.36fr .64fr;gap:90px;align-items:start}
.spec-sticky{position:sticky;top:160px}
.spec-sticky h2{font-size:clamp(38px,4.5vw,64px);letter-spacing:-.055em;line-height:1.06;margin:16px 0 24px}
.spec-sticky p{color:#6f7c8c;line-height:1.9}
.spec-table-premium{border-top:1px solid #dfe5eb}
.spec-table-premium>div{display:grid;grid-template-columns:.65fr 1fr;gap:30px;padding:26px 0;border-bottom:1px solid #e4e8ed;align-items:center}
.spec-table-premium span{color:#7c8897;font-size:13px}
.spec-table-premium b{font-weight:650;color:#182438}

/* ===== CTA 行动带 ===== */
.cta-band{background:#031326;color:#fff;padding:74px 0}
.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:40px}
.cta-band span{font-size:10px;letter-spacing:.16em;font-weight:800;color:#bdd7ff}
.cta-band h2{font-size:38px;line-height:1.1;letter-spacing:-.04em;margin:10px 0}
.cta-band p{color:#d5e5f7}
.cta-band>a{width:150px;height:150px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:750;transition:.35s}
.cta-band>a:hover{background:#fff;color:var(--blue);transform:rotate(-6deg) scale(1.04)}

/* ===== 滚动渐显动画 ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s,transform .75s}
.reveal.is-visible{opacity:1;transform:none}

/* ===== 响应式适配 ===== */
@media(max-width:1100px){
    .hero-spec-rail>div:nth-child(3){padding-left:0}
    .product-premium-layout{grid-template-columns:1fr;gap:10px}
    .product-premium-hero{min-height:auto}
    .hero-spec-rail{grid-template-columns:repeat(2,1fr)}
    .hero-spec-rail>div:nth-child(2){border-right:0}
    .spec-layout{grid-template-columns:1fr}
    .spec-sticky{position:static}
}
@media(max-width:700px){
    .product-premium-layout{padding-top:80px}
    .product-premium-copy h1{font-size:54px}
    .hero-spec-rail{grid-template-columns:1fr 1fr}
    .hero-spec-rail>div{padding:17px}
    .spec-table-premium>div{grid-template-columns:1fr;gap:8px}
}
@media(prefers-reduced-motion:reduce){
    *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
    .reveal{opacity:1;transform:none}
}