:root{--story-night:#080c17;--story-ink:#161c2b;--story-blue:#416cff;--story-violet:#8a5cff;--story-warm:#ff8a55;--story-mint:#55ddbd;--story-paper:#f5f2ec;--story-white:#fff;--story-muted:#737a89;--story-line:#dcd9d2;--shadow:0 28px 80px rgba(12,18,40,.15)}
html{scroll-behavior:smooth}body{color:var(--story-ink);background:var(--story-paper);background-image:radial-gradient(circle at 20% 8%,rgba(65,108,255,.08),transparent 27%),radial-gradient(circle at 85% 20%,rgba(255,138,85,.07),transparent 25%)}.container{width:min(1180px,calc(100% - 44px))}
.announcement{min-height:42px;background:#080c17;border-bottom:1px solid #27304a}.announcement:before{content:"CHAPTER 00";color:#10182c;background:var(--story-mint);border-radius:20px}.announcement b{color:#9bacff}.header{height:76px;background:rgba(245,242,236,.91);border-color:rgba(20,28,46,.12);box-shadow:none}.logo{color:#151c2f}.logo-mark{border-radius:50%;background:conic-gradient(from 30deg,var(--story-blue),var(--story-violet),var(--story-warm),var(--story-blue));box-shadow:0 0 24px rgba(75,91,230,.25)}.logo-mark:before{border-radius:50%}.navlinks a{color:#596071}.navlinks a:hover,.navlinks a.active{color:var(--story-blue);border-color:var(--story-blue);background:transparent}.btn{border-radius:24px;border-color:#c7c8cf;box-shadow:none}.btn:hover{box-shadow:0 12px 28px rgba(26,34,73,.14)}.btn-dark,.btn-orange{color:#fff;background:linear-gradient(135deg,var(--story-blue),var(--story-violet));border-color:transparent}.btn-orange{background:linear-gradient(135deg,#ff915e,#ff624a)}
.hero{min-height:900px;padding:130px 0 150px;display:flex;align-items:center;color:#fff;background:var(--story-night);border:0}.hero:before{width:900px;height:900px;right:-240px;top:-170px;background:radial-gradient(circle at 40% 40%,rgba(94,112,255,.42),rgba(138,92,255,.13) 40%,transparent 68%)}.hero:after{content:"THE DISTANCE DISAPPEARS";right:3%;bottom:32px;color:rgba(255,255,255,.055);font-size:44px;letter-spacing:.12em}.hero-grid{grid-template-columns:.88fr 1.12fr;gap:82px}.eyebrow{color:#8fa3ff}.eyebrow:before{width:48px;height:1px;background:var(--story-warm)}.hero h1{margin:30px 0;font-size:clamp(58px,7vw,94px);line-height:.98;color:#fff}.hero h1 span{background:linear-gradient(100deg,#7ca0ff,#a681ff,#ff9671);-webkit-background-clip:text}.lead{color:#b7bfd0;font-size:19px;line-height:1.9}.hero-actions{margin:40px 0 18px}.hero-actions .btn{min-height:56px;padding:0 27px}.micro{color:#727d96}.visual{padding:20px}.visual-frame{padding:41px 10px 10px;background:#121929;border-color:#35415e;border-radius:20px;box-shadow:0 40px 120px rgba(0,0,0,.48)}.visual-frame:before{content:"一束连接，穿过屏幕与距离";color:#a8b2ca}.visual-frame:after{color:var(--story-warm)}.visual-frame img{border-color:#3b4561;border-radius:13px;filter:saturate(.7) contrast(1.08)}.metal-node{color:#d9e0ef;background:#11192a;border-color:#394664;border-radius:20px}.node-dot{background:var(--story-mint)}
.metrics{margin-top:-75px;position:relative;z-index:4;background:transparent;border:0}.metric-grid{background:rgba(16,22,38,.96);border:1px solid #323c55;border-radius:18px;box-shadow:0 30px 90px rgba(3,6,14,.3);overflow:hidden}.metric{padding:35px 32px;border-color:#323c55}.metric:first-child{border-left:0}.metric:after{left:32px;width:34px;height:2px;background:var(--story-warm)}.metric strong{color:#fff;font-size:29px}.metric span{color:#8290a8}
.logo-belt{padding:160px 0 130px;background:var(--story-paper);border:0}.logo-belt p{margin-bottom:45px;color:#77766f;font-size:15px}.logo-matrix{grid-template-columns:repeat(4,1fr);gap:18px}.logo-matrix span{min-height:260px;padding:34px 28px;justify-content:flex-end;background:rgba(255,255,255,.55);border-color:#d7d3ca;border-radius:90px 90px 16px 16px;box-shadow:none}.logo-matrix span:nth-child(2){border:1px solid #d7d3ca;transform:translateY(-24px)}.logo-matrix span:nth-child(2):after{content:"故事正在发生";top:28px;right:22px;background:var(--story-blue)}.logo-matrix span:before{content:"向下探索 ↓";color:var(--story-blue)}.logo-matrix small{color:var(--story-warm)}.logo-matrix b{color:#1c2232}
.section{padding:150px 0;border-color:rgba(23,30,48,.12)}.section.white{background:rgba(255,255,255,.68)}.section-head{margin-bottom:70px}.section-head h2{font-size:clamp(42px,5vw,64px);line-height:1.07}.section-head p{line-height:1.9}.grid-6{grid-template-columns:repeat(2,1fr);gap:28px}.feature{min-height:360px;padding:42px;background:rgba(255,255,255,.85);border-color:#d8d6d0;border-radius:24px;box-shadow:none}.feature:nth-child(even){transform:translateY(50px)}.feature:before{content:"MOMENT";top:28px;right:28px}.feature:after{left:42px;right:auto;width:44px;height:3px;background:linear-gradient(90deg,var(--story-blue),var(--story-violet))}.ficon{margin-bottom:76px;border-radius:50%;color:var(--story-blue);background:#edf0ff}.feature h3{font-size:25px}.feature p{font-size:14px;line-height:1.9}.more{color:var(--story-blue)}
.section.dark{padding:170px 0;background:var(--story-night)}.dark .section-head p{color:#939caf}.scenes{gap:110px}.scene{min-height:680px;grid-template-columns:1.2fr .8fr;background:#111725;border-color:#29334a;border-radius:30px;box-shadow:0 50px 120px rgba(0,0,0,.35)}.scene:nth-child(2){transform:translateX(40px)}.scene-media:after{background:linear-gradient(90deg,transparent 55%,#111725)}.scene:nth-child(even) .scene-media:after{background:linear-gradient(-90deg,transparent 55%,#111725)}.scene-media img{filter:saturate(.62) contrast(1.08)}.scene-copy{padding:65px}.scene-no{color:#8298ff}.scene h3{font-size:48px}.scene p{color:#aeb7c9;line-height:2}.tags span{padding:6px 12px;border-radius:18px}
.compare-wrap{border-radius:20px;border-color:#d0cdc6;box-shadow:var(--shadow)}.compare th,.compare td{padding-top:21px;padding-bottom:21px}.compare thead th{background:#e9e6df}.compare .ours{color:var(--story-blue);background:#edf0ff}.yes{color:#169579}.reviews{gap:25px}.review{padding:38px;border-radius:24px;border-color:#d8d5ce;box-shadow:none}.review:nth-child(2){transform:translateY(35px)}.review:before{content:"VOICE";top:24px;right:24px}.review:after{left:38px;right:auto;width:50px;background:var(--story-warm)}.quote{min-height:180px;font-size:18px;line-height:1.85}.avatar{border-radius:50%;background:linear-gradient(145deg,var(--story-blue),var(--story-violet))}
.faq{grid-template-columns:.72fr 1.28fr;gap:100px}.faq-list{border-radius:22px;border-color:#d3d0c9;box-shadow:none;background:rgba(255,255,255,.72)}.faq-list details{padding:24px 26px;border-color:#dcd9d2}summary:after{background:var(--story-blue)}details[open] summary:after{background:var(--story-warm)}
.cta{padding:140px 0;background:linear-gradient(125deg,#223dc6,#7547d9 62%,#e66e56);border:0}.cta:before{width:760px;height:760px;right:-100px;top:-520px;border:110px solid rgba(255,255,255,.07)}.cta:after{content:"BEGIN YOUR JOURNEY";bottom:-45px;font-size:100px}.cta h2{font-size:clamp(54px,6vw,76px)}.articles{gap:26px}.article{padding:30px;border-radius:22px;border-color:#d5d2ca;box-shadow:none}.article:nth-child(2){transform:translateY(28px)}.article:before{left:30px;right:auto;width:50px;background:var(--story-warm)}.article-cover img{width:calc(100% + 60px);height:185px;margin:-30px -30px 26px;border-radius:22px 22px 0 0;filter:saturate(.65)}.footer{padding-top:90px;background:#080b14;border-top:1px solid #292f40}
.page-hero{min-height:600px;padding:120px 0;display:flex;align-items:center;color:#fff;background:var(--story-night);border:0}.page-hero:before{content:"STORY";top:-190px;color:rgba(110,129,255,.08)}.page-hero:after{content:"CHOOSE A PATH · FIND AN ANSWER";color:rgba(255,255,255,.05)}.page-hero h1{color:#fff;font-size:clamp(54px,6.5vw,82px)}.page-hero p{color:#aeb7c9;line-height:1.9}.downloads{gap:24px}.download-card{min-height:420px;padding:35px;border-radius:24px;border-color:#d6d3cb;box-shadow:none}.download-card.featured{border:2px solid var(--story-blue);box-shadow:0 28px 70px rgba(48,66,170,.15)}.download-card.featured:before{color:var(--story-warm)}.badge{border-radius:20px;color:var(--story-blue)}.download-card:after{color:#169579}.download-banner{border-radius:26px;background:#121827}.steps{gap:24px}.step{min-height:240px;padding:34px;border-radius:22px;box-shadow:none}.step b{color:var(--story-blue)}.searchbox{border-radius:28px}.help-layout{gap:80px}.help-side,.help-card{border-radius:20px;box-shadow:none}.help-side b{border-color:var(--story-blue)}.help-card:after{color:#169579}.help-group{margin-bottom:110px}
@media(max-width:920px){.hero{min-height:auto;padding:100px 0}.hero-grid{grid-template-columns:1fr}.logo-matrix{grid-template-columns:repeat(2,1fr)}.logo-matrix span:nth-child(2){transform:none}.feature:nth-child(even),.review:nth-child(2),.article:nth-child(2),.scene:nth-child(2){transform:none}.scene{grid-template-columns:1fr;min-height:auto}.scene-media{min-height:430px}.scene-media:after,.scene:nth-child(even) .scene-media:after{background:linear-gradient(0deg,#111725,transparent 52%)}}
@media(max-width:620px){.hero{padding:80px 0}.hero h1{font-size:49px}.metric-grid{grid-template-columns:repeat(2,1fr)}.logo-belt{padding:110px 0 90px}.logo-matrix{grid-template-columns:1fr}.logo-matrix span{min-height:220px}.section,.section.dark{padding:100px 0}.grid-6{grid-template-columns:1fr}.feature{min-height:310px}.scene{min-height:auto}.scene-media{min-height:290px}.scene-copy{padding:35px 26px}.scene h3{font-size:36px}.faq{gap:45px}.cta{padding:100px 0}.page-hero{min-height:500px;padding:90px 0}}