@font-face{font-family:"HOS";src:url("HarmonyOS_Sans.woff2");font-weight:100 900}
:root{--ink:#14171C;--sub:#343B45;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box;margin:0}
html{background:#D5DADF}
body{font-family:"HOS","Microsoft YaHei UI",sans-serif;color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.sky{position:fixed;inset:0;z-index:-1;background:linear-gradient(160deg,#EDEFF1,#C9CFD6 45%,#B4BCC5 70%,#E6E9EC);overflow:hidden}
.fog{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform}
.f1{width:62vw;height:52vw;left:-16vw;top:30vh;background:#8C96A1;opacity:.5}
.f2{width:60vw;height:40vw;right:-14vw;top:-14vh;background:#fff;opacity:.95}
.f3{width:50vw;height:40vw;right:6vw;bottom:-22vh;background:#fff;opacity:.7}
#amb{position:absolute;inset:0;width:100%;height:100%}
nav{position:fixed;z-index:20;left:50%;top:16px;transform:translateX(-50%);width:min(1240px,calc(100vw - 32px));height:60px;padding:0 10px 0 20px;display:flex;align-items:center;gap:30px;border-radius:30px;background:rgb(255 255 255 / .55);backdrop-filter:blur(22px) saturate(1.3);box-shadow:inset 0 1px 0 rgb(255 255 255 / .9),0 10px 30px -14px rgb(14 17 22 / .3);font-size:17px}
nav b{font-size:21px;font-weight:600;margin-right:auto;display:flex;align-items:center;gap:8px}nav img{height:22px}
nav a{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:7px}nav a svg{width:20px;height:20px}
.cta{height:42px;line-height:42px;padding:0 22px;border-radius:21px;background:var(--ink);color:#fff!important;font-weight:600}
.ch{position:relative}.ch+.ch{margin-top:-100vh}
.pin{position:sticky;top:0;height:100vh;overflow:hidden;pointer-events:none;will-change:opacity}.pin a,.pin button{pointer-events:auto}
#c2 .pin{perspective:1800px}
h1,h2,.h{font-weight:600;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(180deg,#14171C 30%,#4A515C);-webkit-background-clip:text;background-clip:text;color:transparent}
h1{font-size:clamp(62px,7.4vw,132px);position:relative}
h2,.h{font-size:clamp(52px,6.2vw,108px)}
.s{font-size:clamp(44px,5.2vw,92px)}
.lead{font-size:clamp(23px,2.2vw,36px);color:var(--sub);line-height:1.5}
.ctr{position:absolute;left:0;right:0;text-align:center;will-change:transform,opacity}
.sheen{position:absolute;inset:0;font:inherit;letter-spacing:inherit;line-height:inherit;color:transparent;background:radial-gradient(circle 150px at var(--x,-300px) 50%,rgb(255 255 255 / .8) 0,rgb(255 255 255 / .35) 45%,transparent 100%);-webkit-background-clip:text;background-clip:text;pointer-events:none}
.btns{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px;position:relative}
.b{display:inline-flex;align-items:center;gap:10px;height:64px;padding:0 36px;border:0;border-radius:32px;font:600 20px "HOS","Microsoft YaHei UI",sans-serif;text-decoration:none;cursor:pointer;transition:transform .12s ease-out}
.b:active{transform:scale(.97)}.b svg{width:24px;height:24px}
.b.i{background:var(--ink);color:#fff}.b.l{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}
.b.o{background:rgb(255 255 255 / .35);color:#4A515C;cursor:default;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .7)}.b.o:active{transform:none}
.free{margin-top:16px;font-size:20px;color:var(--sub)}
.pop{position:absolute;z-index:9;left:50%;top:76px;transform:translateX(-50%) scale(.96);transform-origin:50% 0;display:flex;align-items:center;gap:14px;padding:10px 10px 10px 24px;border-radius:26px;background:rgb(255 255 255 / .82);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 #fff,0 24px 50px -22px rgb(14 17 22 / .45);font:500 19px Consolas,monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease-out,transform .22s var(--ease)}
.pop.on{opacity:1;transform:translateX(-50%);pointer-events:auto}.pop button{height:42px;padding:0 18px;border:0;border-radius:21px;background:var(--ink);color:#fff;font:600 16px "HOS",sans-serif;cursor:pointer}
/* 首屏 */
#hc{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.chip{position:absolute;display:grid;place-items:center;border-radius:26%;width:clamp(64px,5.6vw,92px);aspect-ratio:1;background:linear-gradient(180deg,rgb(255 255 255 / .8),rgb(255 255 255 / .42));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgb(255 255 255 / .55),0 16px 32px -16px rgb(14 17 22 / .38);backdrop-filter:blur(14px);will-change:transform,opacity}
.chip svg{width:56%;height:56%}
.chip.t{width:auto;aspect-ratio:auto;height:clamp(50px,4.2vw,68px);padding:0 24px;border-radius:999px;font-size:clamp(18px,1.45vw,24px);font-weight:600;white-space:nowrap}
/* 玻璃窗 */
.gw{position:absolute;border-radius:26px;will-change:transform,opacity}
.gi{position:absolute;inset:0;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,rgb(255 255 255 / .74),rgb(255 255 255 / .46));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgb(255 255 255 / .55),0 50px 90px -34px rgb(14 17 22 / .46);backdrop-filter:blur(22px) saturate(1.2)}
.bar{display:flex;align-items:center;gap:8px;height:clamp(50px,6.4vh,64px);padding:0 22px;border-bottom:1px solid rgb(60 60 67 / .12);font-size:clamp(16px,1.3vw,21px);font-weight:600}
.bar .lg{width:clamp(22px,1.8vw,30px);height:clamp(22px,1.8vw,30px);display:grid;place-items:center}.bar .lg svg{width:100%;height:100%}
.chatb{position:absolute;left:0;right:0;top:clamp(50px,6.4vh,64px);bottom:0;padding:clamp(18px,2.6vh,28px) clamp(20px,2vw,32px);font-size:clamp(19px,1.62vw,27px);line-height:1.5}
.u{margin-left:auto;width:fit-content;max-width:84%;padding:.6em 1em;border-radius:1.1em 1.1em .3em 1.1em;background:var(--ink);color:#fff;font-weight:500}
.rp{position:absolute;left:clamp(20px,2vw,32px);right:clamp(20px,2vw,32px);top:calc(clamp(18px,2.6vh,28px) + 5em);will-change:opacity,transform}
.no{font-weight:500}.st{display:flex;align-items:center;gap:.5em;margin-top:.5em;opacity:0;will-change:opacity}
.st i{flex:none;width:1.15em;height:1.15em;border-radius:50%;background:var(--ink);display:grid;place-items:center}.st i svg{width:68%;height:68%}
table{width:100%;border-collapse:collapse;font-size:clamp(17px,1.42vw,24px)}
th{font-weight:500;text-align:left;color:var(--sub);padding:.72em 1.1em;font-size:.82em}
td{padding:.62em 1.1em;border-top:1px solid rgb(60 60 67 / .12);font-variant-numeric:tabular-nums}
td span{display:inline-block;will-change:opacity}th:last-child,td:last-child,th:nth-child(2),td:nth-child(2){text-align:right}
tr.hl td{background:rgb(255 255 255 / .55)}
.sent{position:absolute;right:-14px;bottom:26px;display:flex;align-items:center;gap:.5em;padding:.6em 1.1em;border-radius:99px;background:rgb(255 255 255 / .86);box-shadow:inset 0 1px 0 #fff,0 22px 40px -18px rgb(14 17 22 / .5);font-size:clamp(17px,1.4vw,23px);font-weight:600;opacity:0;will-change:transform,opacity;z-index:2}
.sent i{width:1.15em;height:1.15em;border-radius:50%;background:var(--ink);display:grid;place-items:center}.sent i svg{width:68%;height:68%}
.pane{position:absolute;left:50%;top:34vh;width:6px;margin-left:-3px;height:54vh;border-radius:6px;background:linear-gradient(180deg,rgb(255 255 255 / 0),#fff,rgb(255 255 255 / 0));box-shadow:0 0 34px 10px rgb(255 255 255 / .75);will-change:transform,opacity}
.fx{position:absolute;left:0;top:0;pointer-events:none}.soft{filter:blur(9px)}.mid{filter:blur(3px)}.fine{filter:blur(.5px)}
svg.line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.shot{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:18px;will-change:transform,opacity}
/* 真机：屏幕比例严格等于截图，不裁 */
.dev{--h:76vh;position:absolute;padding:calc(var(--h)*.0095);border-radius:calc(var(--h)*.082);background:linear-gradient(135deg,#F4F6F7,#9AA3AD 30%,#E6E9EC 55%,#7C8691);box-shadow:0 60px 110px -30px rgb(14 17 22 / .5),inset 0 0 2px rgb(255 255 255 / .9);will-change:transform,opacity}
.dev:before,.dev:after{content:"";position:absolute;right:calc(var(--h)*-.0035);width:calc(var(--h)*.004);border-radius:0 3px 3px 0;background:linear-gradient(180deg,#9AA3AD,#7C8691)}.dev:before{top:20%;height:7%}.dev:after{top:30%;height:12%}
.bezel{padding:calc(var(--h)*.012);border-radius:calc(var(--h)*.073);background:#0E1116}
.scr{position:relative;height:var(--h);width:calc(var(--h)*390/844);border-radius:calc(var(--h)*.06);overflow:hidden;background:#C9CFD6}
.scr img{position:absolute;inset:0;width:100%;height:100%;will-change:opacity}
.isl{position:absolute;z-index:3;left:50%;top:1.4%;width:30%;height:3.1%;border-radius:99px;background:#0E1116;transform:translateX(-50%)}
.side{position:absolute;will-change:transform,opacity}
/* 手机上的同一段对话 */
.pc{position:absolute;inset:0;background:linear-gradient(170deg,#F2F3F5,#C6CBD2 60%,#AEB4BC);padding:calc(var(--h)*.1) calc(var(--h)*.024) 0;font-size:calc(var(--h)*.0225);line-height:1.5}
.pc .cap{display:flex;align-items:center;gap:.5em;width:fit-content;margin:0 auto 1.1em;padding:.4em .9em;border-radius:99px;background:rgb(255 255 255 / .7);font-size:.82em;font-weight:600}
.pc .cap svg{width:1.3em;height:1.3em}
.pc .st{opacity:1}
.card{position:absolute;border-radius:36px;overflow:hidden;background:linear-gradient(150deg,#A9B2BC,#7C8691 55%,#9AA3AD);box-shadow:inset 0 1px 0 rgb(255 255 255 / .6),0 50px 100px -34px rgb(14 17 22 / .45)}
.num{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff}.num b{display:block;font-size:clamp(60px,6.2vw,96px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.num small{font-size:20px;color:#EDEFF1}
.flow{padding:11vh 0;width:min(1240px,calc(100vw - 64px));margin:0 auto}
.flow>h2{text-align:center}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.plan{padding:30px 28px 34px;border-radius:28px;background:rgb(255 255 255 / .62);box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(16px);opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.plan.on{opacity:1;transform:none}.plan.y{background:rgb(255 255 255 / .92);box-shadow:0 0 0 2px var(--ink)}
.plan h3{font-size:26px;font-weight:600}.plan p{font-size:58px;font-weight:600;letter-spacing:-.02em;margin-top:14px}.plan small{display:block;font-size:17px;color:var(--sub);margin-top:6px}
.plan ul{list-style:none;padding:0;margin-top:24px;font-size:18px;line-height:1.9}
.note{margin-top:28px;text-align:center;font-size:19px;color:var(--sub);line-height:1.6}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pan{position:relative;padding:48px 44px;border-radius:36px;text-align:center;background:linear-gradient(180deg,rgb(255 255 255 / .6),rgb(255 255 255 / .3));box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgb(255 255 255 / .5),0 40px 80px -40px rgb(14 17 22 / .4);backdrop-filter:blur(20px)}
.pan{display:flex;flex-direction:column;justify-content:center}.pan .lead{margin-top:10px}.pan .btns{flex-wrap:wrap}
.qrs{display:flex;justify-content:center;gap:24px;margin-top:26px}.qr{font-size:17px;color:var(--sub)}.qr img{display:block;width:150px;height:150px;border-radius:18px;margin:0 auto 8px;background:#fff;padding:7px}
footer{width:min(1240px,calc(100vw - 64px));margin:0 auto;padding:26px 0 40px;display:flex;gap:32px;font-size:17px;color:var(--sub);border-top:1px solid rgb(60 60 67 / .24)}footer span:last-child{margin-left:auto}
footer a{color:inherit;text-decoration:none}
html[lang=en] h1{font-size:clamp(46px,5.5vw,100px)}
html[lang=en] h2{font-size:clamp(40px,4.7vw,84px)}html[lang=en] .s{font-size:clamp(38px,4.6vw,80px)}
html[lang=en] #t3 .s{font-size:clamp(32px,3.9vw,68px)}
.pan .s{font-size:clamp(36px,3.4vw,58px)}
@media (max-width:800px){.plans,.two{grid-template-columns:1fr}nav{gap:10px}nav a:not(.cta){display:none}.chip{display:none}
.btns{flex-wrap:wrap;padding:0 16px}.b{height:54px;padding:0 24px;font-size:17px}
.flow,footer{width:calc(100vw - 32px)}footer{flex-wrap:wrap;gap:12px 20px}.pan{padding:32px 20px}
.ctr{padding:0 16px}
#chat{left:5vw!important;width:90vw!important;top:27vh!important;height:30vh!important}
#sh1{left:5vw!important;right:auto!important;width:90vw!important;top:60vh!important;height:36vh!important}
#pane,#l1,#sh2,#w3,#bloom{display:none}
#t1b{top:12vh!important}
#t2{left:6vw!important;top:11vh!important;white-space:normal!important;right:6vw}
#d2{--h:52vh!important;left:calc(50vw - 13vh)!important;top:42vh!important}
#t3{flex-direction:column;top:10vh!important;gap:0}#t3s{top:28vh!important}
#d3{--h:62vh!important;left:calc(50vw - 15.5vh)!important;top:36vh!important}
.side[style*="top:33vh"]{left:6vw!important;top:11vh!important}
.card{left:8vw;right:auto!important;top:42vh!important;width:84vw!important}
.pc{font-size:calc(var(--h)*.026)}.num small{display:block;width:112px;margin:6px auto 0;font-size:12px;line-height:1.25}.num b{font-size:44px}nav b{white-space:nowrap;font-size:18px}}
@media (prefers-reduced-transparency:reduce){.gi,.chip,.pan,nav{backdrop-filter:none;background:#EEF0F2}}

.sub{min-height:100vh;padding-top:128px}
.sub .plan{opacity:1;transform:none}
nav b a{display:flex!important;font-weight:600}
.doc{width:min(780px,calc(100vw - 48px));margin:0 auto;padding:128px 0 72px;font-size:18px;line-height:1.7;color:#2E343C}
html[lang=en] .doc h1{font-size:clamp(42px,5vw,68px);line-height:1.1}
.doc .up{margin:14px 0 36px;color:#4A515C;font-size:16px}
html[lang=en] .doc h2{font-size:26px;-webkit-text-fill-color:#14171C;line-height:1.3;margin:42px 0 12px;letter-spacing:-.01em;background:none;color:#14171C}
.doc p{margin:12px 0}.doc ul{margin:12px 0;padding-left:1.3em}.doc li{margin:6px 0}
.doc strong{color:#14171C;font-weight:600}.doc a{color:#14171C}
.tw{margin:18px 0;border-radius:20px;overflow:auto;background:rgb(255 255 255 / .6);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgb(255 255 255 / .5)}
.doc table{font-size:16px;line-height:1.5}.doc th,.doc td{text-align:left!important;padding:12px 16px;vertical-align:top}.doc th{color:#14171C;font-size:15px;font-weight:600}