.hero{position:relative;overflow:hidden;text-align:center;color:white;padding:65px 0 32px;background:radial-gradient(ellipse at 75% 20%,#1B6FE077,transparent 65%),radial-gradient(ellipse at 5% 100%,#D0342C33,transparent 50%),linear-gradient(135deg,#0A1E3F,#0F2F5B)}.hero:before{content:"";position:absolute;width:560px;height:560px;top:-150px;left:calc(50% - 280px);border:1px solid #7fb6f233;border-radius:50%;box-shadow:0 0 0 75px #7fb6f208,0 0 0 150px #7fb6f20d;pointer-events:none}.hero .wrap{position:relative}.hero h1{font-size:44px;letter-spacing:5px}.hero h1 em{display:block;font-size:116px;font-style:normal;line-height:1.1;letter-spacing:8px;background:linear-gradient(white,#BFD9FF);background-clip:text;color:transparent}.hero .subtitle{font-size:18px;letter-spacing:4px;color:white}.actions{display:flex;justify-content:center;gap:16px;margin:28px 0}.hero .outline{background:transparent;border-color:#ffffff88;color:white}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff33;margin-top:40px;text-align:left}.stats article{min-width:0;padding:22px;border-right:1px solid #ffffff22;overflow-wrap:anywhere}.stats b{font-size:28px}.stats p{font-size:12px;margin:4px 0;color:white}.stats small{display:block;font-size:10px;line-height:1.7;color:white}.opening-layer{display:none}.opening-layer p{color:white}.opening-big{background:linear-gradient(white,#BFD9FF);background-clip:text;color:transparent!important}
html.top-gated{overscroll-behavior-y:none}html.top-gated .home-page{position:relative;transform:none}html.top-gated .opening-layer{transition:opacity 120ms linear}
@media(max-width:767px){.hero{padding-top:45px}.hero h1{font-size:27px;letter-spacing:2px}.hero h1 em{font-size:80px}.hero .subtitle{font-size:16px;letter-spacing:2px}.actions{flex-direction:column}.hero .btn{width:100%}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article{padding:16px 10px;border-bottom:1px solid #ffffff22}.stats b{font-size:25px}}
html.layered .opening-layer{display:flex;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 70% 20%,rgba(27,111,224,.55),transparent 60%),radial-gradient(900px 500px at 15% 85%,rgba(208,52,44,.28),transparent 55%),linear-gradient(160deg,#0A1E3F 0%,#0F2F5B 55%,#0A1E3F 100%);color:white;opacity:1;transition:opacity 120ms linear;overflow:hidden}
html.layered .opening-layer.is-gone{visibility:hidden;pointer-events:none}
.opening-content{position:relative;z-index:1;max-width:1160px;width:100%;padding:32px 40px;max-height:100%;overflow:auto;text-align:center;scrollbar-width:none}
.opening-label{display:inline-block;font-size:12px;letter-spacing:4px;color:#fff;border:1px solid #D0342C88;background:#D0342C22;padding:5px 18px;border-radius:30px;margin-bottom:22px}
.opening-big{font-size:clamp(80px,17vh,150px);font-weight:900;line-height:1;letter-spacing:4px;color:#fff}
.opening-line{font-size:clamp(27px,3.5vw,46px);font-weight:800;letter-spacing:6px;margin:8px 0 0}
.opening-sub{font-size:18px;letter-spacing:4px;margin:14px 0 0;color:#EAF2FC}
.opening-actions{display:flex;justify-content:center;gap:18px;margin-top:30px}
.opening-actions .btn{padding:14px 40px;min-height:52px;font-size:16px}
.opening-outline{border-color:#ffffffbb;background:transparent;color:#fff}
.opening-layer .stats{margin-top:38px;grid-template-columns:repeat(4,1fr)}
.opening-layer .stats article{padding:18px 16px}
.opening-layer .stats small{font-size:10px;line-height:1.8;color:white}
.enter-home{background:none;border:0;color:#EAF2FC;display:flex;align-items:center;flex-direction:column;gap:8px;margin:22px auto 0;font-size:11px;letter-spacing:2px;min-height:44px}
.enter-home svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.2}
/* 三环扩散；减少动态效果由系统媒体查询控制。 */
.opening-rings{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:900px;height:900px;pointer-events:none;z-index:0}
.opening-rings i{position:absolute;inset:0;border:1px solid rgba(127,182,242,.35);border-radius:50%;animation:opening-ring 6s ease-out infinite}
.opening-rings i:nth-child(2){animation-delay:2s}.opening-rings i:nth-child(3){animation-delay:4s}
@keyframes opening-ring{0%{transform:scale(.35);opacity:1}100%{transform:scale(1);opacity:0}}
html.layered .home-page .header{z-index:20}
@media(max-width:767px){.opening-content{padding:24px 20px}.opening-label{margin-bottom:16px;font-size:11px}.opening-big{font-size:clamp(72px,13vh,100px)}.opening-line{font-size:27px;letter-spacing:2px}.opening-sub{font-size:15px;letter-spacing:2px}.opening-actions{margin-top:20px;gap:12px}.opening-actions .btn{padding:10px 14px;min-height:48px;font-size:14px}.opening-layer .stats{grid-template-columns:1fr 1fr;margin-top:22px}.opening-layer .stats article{padding:12px 9px;border-bottom:1px solid #ffffff22}.opening-layer .stats b{font-size:25px}.opening-layer .stats p{font-size:11px}.opening-layer .stats small{font-size:10px}.enter-home{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.opening-rings i{animation:none;opacity:.2;transform:scale(.35)}.opening-rings i:nth-child(2){transform:scale(.65)}.opening-rings i:nth-child(3){transform:scale(1)}html.layered .opening-layer{transition:none}}

/* 用户指定：前层字体、按钮、留白按原始 B 方案；后层组件保持原规范。 */
.opening-content{max-width:1160px;font-family:-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:normal}
.opening-label{font-size:14px;letter-spacing:6px;color:#FFD9D3;border-color:rgba(208,52,44,.65);border-radius:999px;padding:6px 20px;margin-bottom:30px;background:rgba(208,52,44,.16)}
.opening-big{font-size:150px;font-weight:900;line-height:1;letter-spacing:4px;background-image:linear-gradient(180deg,#fff 30%,#BFD9FF 100%)}
.opening-line{font-size:46px;font-weight:800;letter-spacing:6px;margin:6px 0 0;line-height:normal}
.opening-sub{margin:14px 0 0;font-size:18px;color:#BFD9FF!important;letter-spacing:4px}
.opening-actions{margin-top:34px;gap:18px;flex-wrap:wrap}
.opening-actions .btn{display:inline-block;padding:15px 44px;min-height:0;font-size:17px;font-weight:700;line-height:normal;transition:transform .25s}
.opening-actions .btn svg{display:none}
.opening-actions .red{background:linear-gradient(180deg,#E23B33,#B02E27);box-shadow:0 10px 30px rgba(208,52,44,.4)}
.opening-actions .opening-outline{border:1.5px solid rgba(255,255,255,.75);background:transparent;color:white}
.opening-actions .btn:hover{transform:translateY(-3px);filter:none}
.opening-layer .stats{margin-top:46px;border-top-color:rgba(255,255,255,.18);line-height:1.7}
.opening-layer .stats article{padding:20px 16px;border-right-color:rgba(255,255,255,.12)}
.opening-layer .stats article:last-child{border-right:0}.opening-layer .stats b{display:block;font-size:30px;font-weight:800}
.opening-layer .stats p{font-size:12.5px;color:#BFD9FF;margin-top:5px}
.opening-layer .stats small{font-size:10.5px;color:#BFD9FF;margin-top:7px}
@media(max-width:767px){.opening-big{font-size:96px}.opening-label{font-size:11px;letter-spacing:4px;margin-bottom:22px}.opening-line{font-size:27px;letter-spacing:2px}.opening-sub{font-size:15px;letter-spacing:2px}.opening-actions{gap:12px;margin-top:24px}.opening-actions .btn{font-size:14px;padding:14px 24px;min-height:48px}.opening-layer .stats{margin-top:30px}.opening-layer .stats article{padding:12px 9px}.opening-layer .stats b{font-size:25px}.opening-layer .stats p{font-size:11px}}

/* 用户视觉反馈：桌面/平板开场内容整体下移；以容器留白调整，矮屏仍可内部滚动。 */
@media(min-width:768px){html.layered .opening-layer{padding-top:clamp(48px,8vh,96px)}}

/* 第23条：明确两按钮各占扣除间距后的半行，桌面保持原样。 */
@media(max-width:767px){
 .opening-layer .opening-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px}
 .opening-layer .opening-actions > .btn{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);min-width:0;padding:14px 10px;text-align:center}
}

/* 用户截图补充：正文hero的两按钮在手机端同样并排。 */
@media(max-width:767px){
 .hero .actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px}
 .hero .actions > .btn{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);min-width:0;padding:11px 10px;gap:12px}
}