body[data-page="product"]{background:#f5f7fa;color:#10141b}
.pd-shell{width:min(1440px,calc(100% - 96px));margin:0 auto}
.pd-kicker{margin:0 0 18px;color:#218ee9;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.pd-hero{position:relative;min-height:calc(100vh - 72px);display:grid;align-items:end;overflow:hidden;background:#0b1725;color:#fff}
.pd-hero-media{position:absolute;inset:0}
.pd-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,25,.92) 0%,rgba(5,14,25,.72) 39%,rgba(5,14,25,.12) 72%),linear-gradient(0deg,rgba(5,14,25,.6),transparent 45%)}
.pd-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.pd-hero-content{position:relative;z-index:1;padding:clamp(110px,15vh,180px) 0 78px;max-width:700px}
.pd-crumb{display:flex;gap:10px;margin-bottom:38px;color:rgba(255,255,255,.62);font-size:13px}.pd-crumb a{color:inherit}
.pd-hero h1{margin:0;font-size:clamp(52px,7vw,108px);line-height:.96;letter-spacing:-.07em}.pd-hero h1 span{display:block;color:#39aaf2}
.pd-hero-lead{max-width:600px;margin:28px 0 0;color:rgba(255,255,255,.76);font-size:clamp(17px,1.5vw,22px);line-height:1.75}
.pd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.pd-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;font-weight:650;transition:.25s}.pd-button.primary{border-color:#2499ed;background:#2499ed}.pd-button:hover{transform:translateY(-2px)}
.pd-intro{padding:118px 0 72px;background:#fff}.pd-intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:9vw;align-items:start}.pd-intro h2,.pd-copy h2,.pd-app-copy h2,.pd-gallery-head h2{margin:0;font-size:clamp(42px,5vw,76px);line-height:1.04;letter-spacing:-.055em}.pd-intro-text{padding-top:54px;color:#657082;font-size:18px;line-height:1.9}.pd-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pd-pill{padding:10px 15px;border:1px solid #dbe1e9;border-radius:999px;color:#1d2734;font-size:14px}
.pd-intro-photo{position:relative;isolation:isolate;overflow:hidden;background:#111820}.pd-intro-photo-bg{position:absolute;inset:0;z-index:-1}.pd-intro-photo-bg img{width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.94) contrast(.96)}.pd-intro-photo .pd-intro-grid{position:relative;z-index:1}.pd-intro-photo h2{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.38)}.pd-intro-photo .pd-intro-text{color:rgba(255,255,255,.86);text-shadow:0 1px 12px rgba(0,0,0,.42)}.pd-intro-photo .pd-intro-text .pd-kicker{margin:0 0 20px;color:#48b9ff;text-shadow:none}.pd-intro-photo .pd-pill{color:#fff;background:rgba(7,18,30,.46);border-color:rgba(255,255,255,.34);backdrop-filter:blur(8px)}
.pd-photo-band{height:min(72vw,820px);overflow:hidden;background:#e9edf2}.pd-photo-band img{width:100%;height:100%;object-fit:cover;object-position:center}
.pd-detail{padding:120px 0;background:#f3f5f8}.pd-detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:8vw;align-items:center}.pd-detail-visual{position:relative;min-height:680px}.pd-detail-visual img.paper{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:32px}.pd-detail-phone{position:absolute;right:-5%;bottom:-6%;width:min(38%,270px);filter:drop-shadow(0 28px 45px rgba(5,18,38,.25))}.pd-copy p{margin:28px 0 0;color:#687486;font-size:17px;line-height:1.85}.pd-specs{display:grid;grid-template-columns:1fr 1fr;gap:32px 36px;margin-top:42px;background:transparent;border:0}.pd-spec{display:flex;align-items:flex-start;gap:14px;padding:0;background:transparent}.pd-spec small{display:block;margin-bottom:7px;color:#8994a4}.pd-spec strong{display:block;font-size:17px}.pd-spec-icon{position:relative;flex:0 0 36px;width:36px;height:36px;color:#2499ed}.icon-id{border:1.5px solid currentColor;border-radius:9px}.icon-id:before{content:"";position:absolute;left:8px;top:7px;width:6px;height:6px;border:1.5px solid currentColor;border-radius:50%}.icon-id:after{content:"";position:absolute;left:18px;right:6px;top:8px;height:2px;background:currentColor;box-shadow:0 7px 0 currentColor,0 14px 0 currentColor}.icon-capture{background:linear-gradient(currentColor,currentColor) left top/12px 2px no-repeat,linear-gradient(currentColor,currentColor) left top/2px 12px no-repeat,linear-gradient(currentColor,currentColor) right top/12px 2px no-repeat,linear-gradient(currentColor,currentColor) right top/2px 12px no-repeat,linear-gradient(currentColor,currentColor) left bottom/12px 2px no-repeat,linear-gradient(currentColor,currentColor) left bottom/2px 12px no-repeat,linear-gradient(currentColor,currentColor) right bottom/12px 2px no-repeat,linear-gradient(currentColor,currentColor) right bottom/2px 12px no-repeat}.icon-capture:after{content:"";position:absolute;left:7px;right:7px;top:17px;height:2px;background:currentColor;box-shadow:0 -5px 0 rgba(36,153,237,.35),0 5px 0 rgba(36,153,237,.35)}.icon-organize:before,.icon-organize:after{content:"";position:absolute;width:23px;height:27px;border:1.5px solid currentColor;border-radius:4px;background:#f3f5f8}.icon-organize:before{left:3px;top:6px}.icon-organize:after{left:9px;top:2px}.icon-review:before{content:"";position:absolute;inset:5px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%}.icon-review:after{content:"";position:absolute;left:2px;top:14px;border-width:5px 7px 5px 0;border-style:solid;border-color:transparent currentColor transparent transparent;transform:rotate(-28deg)}
.pd-app{height:calc(100vh - 72px);min-height:680px;padding:54px 0 34px;box-sizing:border-box;background:#09121d;color:#fff;overflow:hidden}.pd-app>.pd-shell{display:flex;height:100%;flex-direction:column}.pd-app-top{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:8vw;align-items:end}.pd-app-copy p{max-width:580px;margin:0;color:#9daabd;font-size:17px;line-height:1.75}.pd-app-flow{display:grid;flex:1;min-height:0;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.pd-app-card{position:relative;min-height:0;padding:30px 24px 0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(180deg,#111f30,#0d1825)}.pd-app-card .num{color:#39aaf2;font-size:13px;font-weight:700}.pd-app-card h3{margin:12px 0 6px;font-size:24px}.pd-app-card p{margin:0;color:#8f9cad;line-height:1.6}.pd-app-card img{position:absolute;left:50%;bottom:-38px;width:70%;max-height:360px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 22px 30px rgba(0,0,0,.35))}
.pd-gallery{padding:120px 0;background:#fff}.pd-gallery-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:54px}.pd-gallery-head p{margin:0;color:#687486;font-size:17px;line-height:1.8}.pd-gallery-copy .pd-kicker{margin:0 0 18px;color:#218ee9;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.16em}.pd-gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:340px 340px;gap:20px}.pd-gallery-item{margin:0;overflow:hidden;border-radius:26px;background:#eef2f6}.pd-gallery-item:first-child{grid-row:1/3}.pd-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.pd-gallery-item:hover img{transform:scale(1.025)}
.pd-use{padding:54px 0 42px;background:#edf7ff}.pd-use-head{text-align:center;max-width:830px;margin:0 auto 32px}.pd-use-head h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em}.pd-use-head p{color:#637185;font-size:17px;line-height:1.8}.pd-use-head h2+.pd-kicker{margin:16px 0 0;color:#218ee9;font-size:13px;line-height:1.2}.pd-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pd-use-card{display:flex;min-height:420px;padding:26px 30px 0;flex-direction:column;overflow:hidden;border-radius:24px;background:#fff}.pd-use-card b{display:block;margin-bottom:28px;color:#2499ed}.pd-use-card h3{margin:0 0 10px;font-size:22px}.pd-use-card p{margin:0 0 18px;color:#6a7688;line-height:1.7}.pd-use-card img{display:block;width:calc(100% + 60px);height:185px;margin:auto -30px 0;object-fit:cover}.pd-use-card:nth-child(1) img{object-position:54% 62%}.pd-use-card:nth-child(2) img{object-position:66% 58%}.pd-use-card:nth-child(3) img{object-position:58% 55%}.pd-use-card:nth-child(4) img{object-position:64% 58%}
.pd-cta{padding:108px 0;background:#168fe4;color:#fff}.pd-cta-inner{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center}.pd-cta h2{margin:0;font-size:clamp(42px,5vw,72px);line-height:1.03;letter-spacing:-.05em}.pd-cta p{margin:18px 0 0;color:rgba(255,255,255,.78);font-size:17px}.pd-cta .pd-button{background:#fff;color:#111;border-color:#fff}
@media(max-width:980px){.pd-shell{width:min(100% - 48px,820px)}.pd-hero-media:after{background:linear-gradient(90deg,rgba(5,14,25,.9),rgba(5,14,25,.35)),linear-gradient(0deg,rgba(5,14,25,.68),transparent)}.pd-intro-grid,.pd-detail-grid,.pd-app-top,.pd-gallery-head{grid-template-columns:1fr;gap:34px}.pd-intro-text{padding-top:0}.pd-detail-visual{min-height:560px}.pd-app{height:auto;min-height:0}.pd-app>.pd-shell{display:block;height:auto}.pd-app-flow{grid-template-columns:1fr 1fr}.pd-app-card{min-height:560px}.pd-app-card:last-child{grid-column:1/3}.pd-use-grid{grid-template-columns:1fr 1fr}.pd-cta-inner{grid-template-columns:1fr}.pd-gallery-grid{grid-template-rows:270px 270px}}
@media(max-width:640px){.pd-shell{width:calc(100% - 32px)}.pd-hero{min-height:760px}.pd-hero-media img{object-position:62% center}.pd-hero-media:after{background:linear-gradient(180deg,rgba(5,14,25,.35),rgba(5,14,25,.93) 68%)}.pd-hero-content{padding:110px 0 54px}.pd-hero h1{font-size:52px}.pd-intro,.pd-detail,.pd-app,.pd-gallery,.pd-use{padding:78px 0}.pd-photo-band{height:520px}.pd-photo-band img{object-position:67% center}.pd-detail-visual{min-height:440px}.pd-detail-phone{right:-2%;width:42%}.pd-specs{grid-template-columns:1fr}.pd-app-flow{grid-template-columns:1fr}.pd-app-card,.pd-app-card:last-child{grid-column:auto;min-height:610px}.pd-gallery-grid{display:flex;flex-direction:column}.pd-gallery-item{height:300px}.pd-gallery-item:first-child{height:430px}.pd-use-grid{grid-template-columns:1fr}.pd-cta{padding:78px 0}.pd-cta h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.pd-button,.pd-gallery-item img{transition:none}}

/* 固定翻屏下的文字完整性 */
.pd-hero h1,.pd-intro h2,.pd-copy h2,.pd-app-copy h2,.pd-gallery-head h2,.pd-use-head h2,.pd-cta h2,.pd-app-card h3,.pd-use-card h3{overflow-wrap:break-word;text-wrap:balance}
.pd-intro-text,.pd-copy,.pd-app-copy,.pd-gallery-copy,.pd-app-card,.pd-use-card{min-width:0}
@media(min-width:981px){body.fullscreen-pager-ready main>.pd-intro.pager-screen{padding:96px 0 68px}body.fullscreen-pager-ready main>.pd-detail.pager-screen{padding:76px 0}body.fullscreen-pager-ready main>.pd-detail.pager-screen .pd-detail-visual{min-height:min(620px,68svh)}body.fullscreen-pager-ready main>.pd-gallery.pager-screen{padding:64px 0 42px}body.fullscreen-pager-ready main>.pd-gallery.pager-screen .pd-gallery-head{margin-bottom:30px}body.fullscreen-pager-ready main>.pd-gallery.pager-screen .pd-gallery-grid{grid-template-rows:minmax(220px,29svh) minmax(220px,29svh)}}
@media(max-width:640px){.pd-hero h1{font-size:clamp(42px,13vw,52px)}.pd-intro h2,.pd-copy h2,.pd-app-copy h2,.pd-gallery-head h2,.pd-use-head h2{font-size:clamp(38px,11vw,50px)}.pd-intro-text,.pd-copy p,.pd-app-copy p,.pd-gallery-head p{font-size:16px}.pd-use-head h2{overflow-wrap:anywhere}}

/* 第 4—6 屏统一整屏高度，避免翻页后只显示半屏 */
@media(min-width:981px){body.fullscreen-pager-ready main>.pd-app.pager-screen,body.fullscreen-pager-ready main>.pd-gallery.pager-screen,body.fullscreen-pager-ready main>.pd-use.pager-screen{height:100svh!important;min-height:680px!important;overflow:hidden!important;box-sizing:border-box}body.fullscreen-pager-ready main>.pd-app.pager-screen{padding:48px 0 30px}body.fullscreen-pager-ready main>.pd-gallery.pager-screen{padding:54px 0 34px}body.fullscreen-pager-ready main>.pd-gallery.pager-screen .pd-gallery-head{margin-bottom:24px}body.fullscreen-pager-ready main>.pd-gallery.pager-screen .pd-gallery-grid{grid-template-rows:clamp(180px,25svh,280px) clamp(180px,25svh,280px);gap:16px}body.fullscreen-pager-ready main>.pd-use.pager-screen{padding:46px 0 34px}body.fullscreen-pager-ready main>.pd-use.pager-screen .pd-use-head{margin-bottom:24px}body.fullscreen-pager-ready main>.pd-use.pager-screen .pd-use-card{min-height:0;height:clamp(370px,51svh,470px)}body.fullscreen-pager-ready main>.pd-use.pager-screen .pd-use-card img{height:clamp(145px,20svh,190px)}}