/* 产品页 s1 版(2026-09-28 用户确认,样稿 s1):居中首屏 + 亮点自动轮播 + 细节切换 + 图文交替 + 关键参数。
   字号 / 颜色 / 按钮沿用官网(UI-STANDARDS):区块标题 22 → 32/42 居中,正文 16,中文字重不超过 600;
   区块上下 72 → 96,白 / 灰(--surface-2)交替。只在有选图表的型号的概览页加载。 */
.s1hero{background:var(--surface-2);text-align:center;padding:48px 0 0;overflow:hidden}
.s1hero .eyebrow{display:block}
.s1hero h1{font-size:clamp(30px,2.5vw,48px);font-weight:600;line-height:1.2;margin-top:6px}
.s1hero .lead{font-size:18px;margin-top:8px}
.s1hero .phero-sum{max-width:560px;margin:8px auto 0}
.s1hero .actions{display:flex;gap:12px;justify-content:center;margin-top:24px;flex-wrap:wrap}
.s1hero .sgl{margin-top:12px}
.s1hero img{height:min(520px,56vh);width:auto;max-width:100%;object-fit:contain;margin:32px auto 0;display:block}
.s1sec{padding:72px 0}.s1sec.gray{background:var(--surface-2)}
.s1sec h2{font-size:22px;font-weight:600;line-height:1.25;text-align:center;margin-bottom:28px}
.s1sec .sub{text-align:center;color:var(--ink-2);margin:-18px 0 28px;font-size:14px}
.s1sec h2.left{text-align:left;margin-bottom:16px}.s1sec h2.left.mt{margin-top:40px}.s1sec .c>h2.left:first-child{margin-top:0}
@media(min-width:768px){.s1sec{padding:96px 0}.s1sec h2{font-size:32px;line-height:42px;margin-bottom:40px}.s1sec h2.left{font-size:22px;line-height:1.3;margin-bottom:16px}}
/* 亮点轮播:4.5 秒自动翻页,悬停 / 暂停键停,圆点跟随(site.js) */
.s1car{position:relative}
.s1car .track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.s1car .track::-webkit-scrollbar{display:none}
.s1car .it{flex:0 0 100%;scroll-snap-align:center;position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/8.4;background:var(--dark)}
.s1car .it img{width:100%;height:100%;object-fit:cover}
.s1car .it .tx{position:absolute;left:0;right:0;bottom:0;padding:48px 32px 28px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font-size:20px;font-weight:600;line-height:1.35}
.s1car .bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}
.s1car .dots{display:flex;gap:8px}
.s1car .dots button{width:8px;height:8px;padding:0;border:0;border-radius:4px;background:var(--line-strong);cursor:pointer;transition:width .3s}
.s1car .dots button.on{width:24px;background:var(--ink)}
.s1car .pp{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.s1car .pp svg{width:14px;height:14px;fill:currentColor}.s1car .pp .i-pl,.s1car.paused .pp .i-pa{display:none}.s1car.paused .pp .i-pl{display:block}
@media(max-width:767px){.s1car .it{aspect-ratio:4/5}.s1car .it .tx{font-size:17px;padding:40px 20px 20px}}
/* 细节:下划线分段切换 */
.s1vw .stage{position:relative;background:var(--surface);border-radius:var(--radius);aspect-ratio:16/8;overflow:hidden}
.s1vw .stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:32px;opacity:0;transition:opacity .4s}
.s1vw .stage img.on{opacity:1}
.s1vw .tabs2{display:flex;justify-content:center;gap:24px;margin-top:20px;font-size:14px;flex-wrap:wrap}
.s1vw .tabs2 button{background:none;border:0;padding:8px 0;color:var(--ink-2);font:inherit;cursor:pointer;border-bottom:2px solid transparent}
.s1vw .tabs2 button:hover{color:var(--ink)}
.s1vw .tabs2 button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--tab-line)}
@media(max-width:767px){.s1vw .stage{aspect-ratio:4/3}.s1vw .stage img{padding:16px}.s1vw .tabs2{gap:16px}}
/* 图文交替 */
.s1st{display:grid;gap:40px}
.s1st .row{display:grid;gap:24px;align-items:center}
.s1st .eyebrow{display:block;color:var(--ink-2);font-size:14px;font-weight:400;margin-bottom:6px}
.s1st h3{font-size:24px;font-weight:600;line-height:1.3}
.s1st p{font-size:16px;line-height:1.6;margin-top:10px;color:var(--ink-2)}
.s1st .fbul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;color:var(--ink-2)}
.s1st .fbul li::before{content:"·";margin-right:6px;color:var(--accent)}
.s1st .pic{border-radius:var(--radius);overflow:hidden;background:var(--surface-2);aspect-ratio:1.3}
.s1st .pic img{width:100%;height:100%;object-fit:cover}
@media(min-width:768px){.s1st{gap:72px}.s1st .row{grid-template-columns:1fr 1fr;gap:60px}.s1st .row.alt .tx{order:2}}
/* 关键参数 + 卡片 */
.s1nums{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;text-align:center}
@media(min-width:768px){.s1nums{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
.s1nums b{display:block;font-size:40px;font-weight:600;line-height:1.1;white-space:nowrap}
.s1nums b small{font-size:18px;margin-left:3px}
.s1nums span{display:block;margin-top:6px;color:var(--ink-2);font-size:14px}
.s1cards{display:grid;gap:16px}
@media(min-width:768px){.s1cards{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
.s1cards .cd{background:var(--surface);border-radius:var(--radius);padding:28px}
.s1cards h3{font-size:20px;font-weight:600;line-height:1.3;margin-bottom:16px}
.s1cards .faint{margin-top:12px}.s1cards .ul{margin-top:0;font-size:14px}
.s1more{display:flex;gap:24px;justify-content:center;margin-top:28px;flex-wrap:wrap}
.s1works .wk .cap{background:rgba(0,0,0,.6)}
/* 页尾购买 */
.s1buy .c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.s1buy h2{margin-bottom:0}.s1buy .pr{font-size:18px;color:var(--ink-2)}
/* 进入视口淡入:site.js 起了观察器才给 #app 加 .rv(脚本没跑时内容照常显示);减少动效时不做 */
#app.rv .reveal{transition:opacity .7s,transform .7s}#app.rv .reveal:not(.in){opacity:0;transform:translateY(24px)}
@media (prefers-reduced-motion:reduce){#app.rv .reveal:not(.in){opacity:1;transform:none}.s1car .track{scroll-behavior:auto}}