@font-face{font-family:'Playfair Display';src:url('../assets/fonts/PlayfairDisplay-Italic.ttf') format('truetype');font-weight:400 900;font-style:italic;font-display:swap}
:root{--launch-ink:#1e293b;--launch-muted:#66728f;--launch-violet:#635bff;--launch-mist:#f3f4fc;--scene-paint-height:100lvh}
.stage{min-height:0;height:100svh;overflow:visible}
/* 背景覆盖浏览器收栏后的高度，内容坐标始终使用稳定的小视口。 */
.scene-viewport{position:absolute;inset:0 0 auto;height:var(--scene-paint-height);overflow:hidden}
.scene-layout{position:relative;width:100%;height:100svh}
.world,.app-field,.hero-port,.hull-ground{bottom:auto;height:var(--scene-paint-height)}
.hull-scene{overflow:visible}
.hull-atmosphere{bottom:auto;height:calc(var(--scene-paint-height) / var(--hull-layout-scale,1))}
.intro-copy h1{font-weight:500}
.app-field{background:radial-gradient(ellipse 140% 68% at 49% -3%,#30255ff7 0%,#4b3f92b8 25%,#6e62b933 60%,transparent 100%),radial-gradient(ellipse 122% 90% at 108% 79%,#fff 0%,#ffffffe6 35%,#ffffff6b 66%,transparent 100%),radial-gradient(ellipse 125% 72% at -10% 107%,#fff 0%,#ffffffb8 55%,transparent 100%),linear-gradient(180deg,#928dee 0%,#9791ed 38%,#aaa5ee 53%,#d5d1f2 70%,#f0eefb 84%,#fdfcfe 96%,#fff 100%)}
.backdrop-type{top:22%;color:#ffffff47}.backdrop-type p{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-style:italic;font-size:clamp(100px,12.1vw,190px);letter-spacing:-.04em;line-height:1.02}
.handset-plate{mask-image:linear-gradient(#000 0%,#000 67%,#0009 72%,transparent 81%)}
.handset-frost{position:absolute;inset:0;width:100%;height:100%;max-width:none;z-index:1;pointer-events:none;filter:blur(16px);mask-image:linear-gradient(transparent 66%,#0009 71%,#000 75%,transparent 83%);clip-path:inset(67% -5% 0 -5%)}
.screen-window{background:white}.app-screen{position:absolute;inset:0 auto auto 0;width:440px;height:908px;max-width:none;transform:scale(var(--screen-scale,1));transform-origin:0 0;color:#1e293b;background:#fff;overflow:hidden;font-family:Ubuntu,Arial,sans-serif}
.live-status{height:59px;padding:18px 35px;display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:500}.live-status>i{width:134px;height:39px;border-radius:24px;background:#000;position:absolute;top:10px;left:153px}.native-signal{font-size:16px;letter-spacing:2px;color:black}
.live-header{height:57px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.live-header>b{font-size:26px}.live-header>img{width:32px;height:32px}
.live-tabs{height:62px;padding:0 24px;display:flex;align-items:center;gap:22px;font-size:16px;color:#a0b1b8}.live-tabs>b{border:3px solid #7074ff;border-radius:30px;color:#6564ff;padding:3px 12px;font-size:20px;font-style:italic;box-shadow:0 0 0 3px #dcd9ff,inset 0 0 4px #c5c2ff}.live-tabs>span:last-child{margin-left:auto;font-size:13px}
.live-jobs{padding:14px 24px}.live-vessel>b{display:flex;align-items:center;font-size:20px;gap:10px}.live-vessel>b>img{flex:none;width:49px;height:24px;object-fit:contain}.live-vessel>p{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-top:7px}.live-job{border:1px solid #dbdaed;border-radius:17px;margin-top:15px;padding:16px 15px 17px}.job-state{display:inline-block;font-size:11px;line-height:18px;padding:0 10px;color:#5b70ff;border-radius:12px;background:#e0e2ff}.job-state.completed{background:#e9fbe6;color:#24c51e}
.live-metrics{display:flex;align-items:center;justify-content:space-between;margin:20px 0 25px;font-size:12px;color:#888}.live-metrics>div{background:repeating-linear-gradient(135deg,#e4ffe0,#e4ffe0 2px,#d7ffd2 3px,#d7ffd2 4px);border-radius:12px;min-width:108px;height:76px;padding:10px;color:#4e9357}.live-metrics>div>span{display:block}.live-metrics>div>strong{display:block;margin-top:18px;font-size:18px;color:#263a3a}.live-metrics strong small{font-size:12px}.live-metrics>p{display:flex;flex-direction:column;gap:4px}.live-metrics>p>strong{color:#263a3a;font-size:14px}.live-metrics>p>b{background:#ffcf37;border-radius:4px;color:#fff;text-align:center;line-height:18px}.live-metrics>p>b.green{background:#38c92d}
.native-ship{position:relative;overflow:hidden;height:84px;width:100%}.native-ship>img{position:absolute;max-width:none;width:103.44%;height:338.19%;left:-2.31%;top:-127.32%}.native-grade-map{position:absolute;display:flex;flex-direction:column;left:10%;top:68%;width:59%;height:16%;opacity:.9}.native-grade-map>i{height:33.33%;background:#ffe970}.native-grade-map>i:nth-child(2){background:#49cf24}.native-grade-map>i:last-child{background:#ffd971}.live-view-label{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-top:3px}.live-view-label>span{letter-spacing:4px;color:#ccc}.live-recommend{font-size:12px;color:#777;line-height:1.5;margin:24px 0 15px}.live-clean{background:#22c773;border-radius:16px;text-align:center;color:white;padding:13px;font-size:14px;font-weight:500}.live-clean>span{margin-left:10px;border-radius:100%;background:white;color:#23c673;padding:1px 4px}.live-choices{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:12px}.live-choices>span{flex:1;text-align:center;padding:13px 4px;border-radius:14px;border:1px solid #ddddef}.live-choices>span:last-child{background:#f5f5ff;border:0;color:#6565ff}.second-job{margin-top:28px}.complete-job .native-ship{margin-top:14px}.live-bottom{position:absolute;bottom:27px;left:0;right:0;height:74px;background:#fffffff7;box-shadow:0 -12px 26px #f4f4f5;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:0 20px}.live-bottom>div{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:10px;color:#838393}.live-bottom img{height:23px;width:23px;object-fit:contain}.live-bottom>b{font-size:28px;border-radius:50%;background:#1e293b;color:white;width:46px;height:46px;text-align:center;line-height:46px;font-weight:400}.live-home-line{position:absolute;bottom:10px;width:144px;height:5px;background:#000;border-radius:5px;left:148px}
.feature-card{height:calc(var(--unit)*var(--size)*1.59);border-radius:12%;filter:drop-shadow(0 var(--shadow-y,8px) var(--shadow-blur,15px) #44356e24)}.card-hull{--size:1}.card-live,.card-condition{--size:.743;z-index:1}.card-explore,.card-evidence{--size:.881;z-index:2}.card-design{position:absolute;top:0;left:0;width:200px;height:318px;border-radius:24px;overflow:hidden;background:white;color:#1e293b;transform:scale(var(--card-scale,1));transform-origin:0 0}.feature-label{position:absolute;top:24px;left:22px;width:156px;font-size:12px;font-weight:500;line-height:16px;text-align:center;color:#554bd1}.feature-caption{position:absolute;bottom:24px;left:22px;width:156px;font-size:17px;font-weight:500;line-height:22px;text-align:center}.feature-content{position:absolute;top:65px;left:22px;width:156px;height:184px}.card-live .card-design,.card-condition .card-design{background:#dedbf6}.card-live .card-design>*,.card-condition .card-design>*{opacity:.5}.card-explore .card-design,.card-evidence .card-design{background:#f5f4fd}.card-explore .card-design>*,.card-evidence .card-design>*{opacity:.88}.card-hull .feature-content{top:75px;height:140px}
.fan-operation{padding-top:15px}.fan-operation>div{display:flex;align-items:center;gap:7px;font-size:9.5px}.fan-operation>div>img{width:28px;height:12px}.fan-operation>p{display:flex;justify-content:space-between;font-size:7.1px;margin:10px 0 8px}.fan-operation>section{height:88px;border-radius:9px;border:1px solid #dcddee;padding:7px 6px;background:#f7f8fc}.fan-operation>section>small{display:block;padding:2px 6px;font-size:6.4px;color:#23b916;background:#e8f8e4;border-radius:8px}.fan-operation .native-ship{height:37px;margin:12px 0 4px}.fan-operation>section>span{font-size:6.7px;color:#80909a}
.fan-grades{padding-top:0}.fan-grades>p{display:flex;align-items:center;gap:24px;margin-bottom:5px;font-size:8px;line-height:16px}.fan-grades>p>b{font-size:10px;line-height:18px;min-width:32px;border-radius:5px;text-align:center;color:white;background:#35cc2c}.fan-grades .grade-r1{background:#f7ef2e;color:#67631b}.fan-grades .grade-r2{background:#ffdf63}.fan-grades .grade-r3{background:#ff8527}.fan-grades .grade-r4{background:#c4111d}.fan-taxonomy{margin-top:6px}.fan-taxonomy>p{display:flex;gap:7px;align-items:center;font-size:8.2px;color:#66728f;line-height:13px}.fan-taxonomy img{width:12px;height:10px;object-fit:contain}
.fan-hull-view{height:140px;overflow:hidden}.fan-hull-view>div:first-child{display:flex;width:460px;height:35px;gap:30px;align-items:flex-start;overflow:hidden;padding-top:10px}.fan-hull-view>div:first-child>span{display:flex;align-items:center;flex-direction:column;flex:none;font-size:8px;gap:5px;color:#9aabb2}.fan-hull-view>div:first-child>span:first-child{color:#1e293b;font-weight:700}.fan-hull-view>div:first-child img{height:16px;object-fit:contain}.card-ship-crop{height:105px;position:relative;margin-top:20px;overflow:hidden}.card-ship-render{width:482.2px;height:100.6px;max-width:none}.card-ship-crop .native-grade-map{left:30px;top:74px;width:151px;height:21px}.native-summary{background:#f0f5f9;border-radius:12px;padding:12px;color:#263640}.native-summary>strong{display:block;font-size:16px;line-height:24px}.rating{padding:3px 7px;border-radius:6px;background:#ffda50;color:white;border:1px solid #efbd2a;font-weight:500;font-size:12px}.native-summary>p{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:14px}.native-summary img{width:16px;height:16px;object-fit:contain}.native-summary>p>span{margin-left:4px}.fan-evidence>strong{font-size:12px;display:block;margin-bottom:7px}.fan-evidence .rating{padding:2px 5px;font-size:10px}.fan-evidence>div:not(.native-summary){height:82px;position:relative;overflow:hidden}.fan-evidence>div>img{width:100%;height:100%;object-fit:cover}.fan-evidence>div>b{position:absolute;left:5px;top:4px;font-size:6px;background:#36d125;border-radius:2px;padding:2px;color:white}.fan-evidence>div>span{position:absolute;right:5px;top:5px;font-size:6px;color:white}.fan-evidence .native-summary{padding:0;background:transparent;margin-top:5px}.fan-evidence .native-summary>strong{display:none}.fan-evidence .native-summary>p{margin-top:3px;font-size:7px;gap:4px}.fan-evidence .native-summary img{width:12px;height:10px}.fan-evidence .native-summary>p>span{margin-left:1px}
.fan-niches{padding-top:0}.fan-niches>p{height:21px;border-radius:12px;background:#f0f5f9;display:flex;align-items:center;gap:7px;padding:0 9px;font-size:9.3px;margin-bottom:4px}.fan-niches .selected{background:#1e293b;color:white}.niche-symbol{width:16px;height:12px;background:url('../assets/figma/e3c96.png') no-repeat;background-size:123px 27px;flex:none;background-position-y:-6px}.niche-symbol-0{background-position-x:0}.niche-symbol-1{background-position-x:-21px}.niche-symbol-2{background-position-x:-41px}.niche-symbol-3{background-position-x:-62px;filter:brightness(0) invert(1)}.niche-symbol-4{background-position-x:-82px}.niche-symbol-5{background-position-x:-102px}.fan-niches>div{font-size:6.7px;display:flex;justify-content:space-between;background:#f0f5f9;border-radius:16px;padding:5px;margin-top:17px;color:#a0b1b8}.fan-niches>div>b{background:#fff;color:#1e293b;border-radius:10px;font-weight:400;padding:1px 4px}
.app-copy{inset:0;max-width:none;transform:none;pointer-events:none}.app-copy-left,.app-copy-right{position:absolute;bottom:10%;max-width:380px}.app-copy-left{left:var(--gutter)}.app-copy-right{right:var(--gutter);text-align:right}.app-copy small{font-size:11px;color:#66728f;opacity:.75}.app-copy p{margin-top:10px;font-size:16px;line-height:24px;color:#66728f}
.site-header{transition:opacity .3s}
@media(max-width:700px){.backdrop-type{top:26%}.backdrop-type p{font-size:16.9vw}.app-copy{display:block;left:0;bottom:0;white-space:normal}.app-copy-left{bottom:3%;left:24px;max-width:342px}.app-copy-right,.app-copy small{display:none}.app-copy p{display:block;font-size:16px}.feature-content .native-summary{line-height:1.3}.handset-frost{filter:blur(9px)}}
@media(prefers-reduced-motion:reduce){.handset-frost{filter:blur(8px)}}

/* Native assets remain at their Figma geometry inside each scaled card. */
.feature-card .card-design img{filter:none}.feature-card .card-ship-render{width:482.2px;height:100.6px;max-width:none}
.live-bottom{background:#fff;z-index:3}.live-home-line{z-index:4}.app-screen::after{content:'';position:absolute;left:0;right:0;bottom:0;height:27px;background:white;z-index:3}
@media(max-width:700px){.handset-plate{mask-image:linear-gradient(#000 0%,#000 69%,#0009 79%,transparent 97%)}.handset-frost{mask-image:linear-gradient(transparent 65%,#0009 75%,#000 84%,transparent 98%)}}

.app-copy{text-align:left}.stage[data-app-theme="true"] .story-caption{display:none}

.live-clean>img{display:inline-block;vertical-align:middle;margin-left:10px;width:16px;height:16px}