.intro{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#080b11;color:#f2f4f8;font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;isolation:isolate;opacity:1;transition:opacity .9s ease,visibility .9s ease}.intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.intro-scenes,.intro-scene{position:absolute;inset:0}.intro-scene{overflow:hidden;opacity:0;visibility:hidden;transition:opacity .75s ease}.intro-scene.is-active{opacity:1;visibility:visible}.intro-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,9,15,.86),rgba(6,9,15,.28) 60%,rgba(6,9,15,.18)),linear-gradient(0deg,rgba(5,8,14,.52),transparent 38%)}.scene-grid{position:absolute;inset:-10%;opacity:.22;background-image:linear-gradient(rgba(81,118,156,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(81,118,156,.12) 1px,transparent 1px);background-size:56px 56px;transform:perspective(500px) rotateX(58deg) scale(1.5);transform-origin:bottom center;mask-image:linear-gradient(transparent,#000 45%)}.market-glow{position:absolute;width:50vw;height:50vw;right:7%;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(139,39,43,.23),transparent 68%);filter:blur(5px)}.intro-terminal{position:absolute;z-index:1;right:10%;top:18%;width:min(50vw,650px);padding:28px 32px 20px;border:1px solid rgba(115,142,172,.25);border-radius:14px;background:rgba(13,22,34,.78);box-shadow:0 28px 90px #0008;backdrop-filter:blur(8px);transform:translateY(35px);opacity:0}.is-active .intro-terminal{animation:terminal-in .7s .3s ease forwards}.terminal-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #253144;color:#aab6c6;font-size:12px;letter-spacing:1px}.terminal-label{margin-top:24px;color:#9daabd;font-size:13px}.terminal-loss{margin-top:2px;color:#fb5961;font-size:36px;font-weight:750;letter-spacing:-1px}.terminal-loss small{font-size:14px}.loss-chart{position:relative;height:145px;margin-top:9px}.loss-chart svg{width:100%;height:100%;overflow:visible}.chart-fill{fill:url(#bad);fill:rgba(201,46,53,.13)}.chart-stroke{fill:none;stroke:#fa555d;stroke-width:3;vector-effect:non-scaling-stroke;stroke-dasharray:1100;stroke-dashoffset:1100}.is-active .chart-stroke{animation:chart-draw 1.2s .85s ease forwards}.loss-chart:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #52607455}.loss-chart i{position:absolute;right:0;bottom:0;color:#ff7a80;font-size:11px;font-style:normal}.intro-copy{position:absolute;z-index:2;left:12%;top:33%;max-width:540px;opacity:0;transform:translateY(16px)}.is-active .intro-copy{animation:copy-in .8s .9s ease forwards}.intro-copy>small,.awake-copy>small,.memory-text>small{display:block;color:#f0bd91;letter-spacing:2px;font-size:clamp(40px,4.2vw,56px);font-weight:800;line-height:1.35;text-shadow:0 2px 16px #000}.intro-copy p,.memory-text p{margin:18px 0;font-size:clamp(30px,4vw,54px);font-weight:700;line-height:1.45;letter-spacing:1px}.intro-copy span,.memory-text span{color:#b1b9c5;font-size:15px;letter-spacing:1px}.silhouette{position:absolute;z-index:1;filter:drop-shadow(0 14px 35px #0009)}.man-sitting{width:210px;height:310px;left:5%;bottom:-25px;opacity:0;transform:translateY(22px)}.is-active .man-sitting{animation:copy-in .7s .5s ease forwards}.man-sitting .head,.man-awake .head,.roof-silhouette .head{position:absolute;display:block;width:76px;height:84px;left:72px;top:20px;border-radius:48% 45% 45% 48%;background:linear-gradient(140deg,#273340,#0b1016)}.man-sitting .body,.man-awake .body,.roof-silhouette .body{position:absolute;display:block;left:25px;top:105px;width:165px;height:210px;border-radius:75px 65px 15px 15px;background:linear-gradient(125deg,#26323e,#090d12 70%);transform:skew(-7deg)}.man-sitting:after{content:"";position:absolute;left:10px;bottom:20px;width:225px;height:15px;background:#18212b;box-shadow:0 0 0 1px #34405055}.scene-noise{position:absolute;inset:0;z-index:4;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.scene-memory{background:radial-gradient(ellipse at 76% 54%,#273448 0,#111923 35%,#070a10 77%)}.scene-memory:after{background:linear-gradient(90deg,rgba(5,8,14,.9),rgba(5,8,14,.35) 70%),linear-gradient(0deg,#06090f9c,transparent 45%)}.memory-city{position:absolute;inset:auto 0 0;height:56%;display:flex;align-items:end;justify-content:space-around;opacity:.85}.memory-city i{display:block;width:10%;height:var(--h,35%);background:linear-gradient(#1b2938,#101722);border-top:1px solid #405066}.memory-city i:nth-child(3n){--h:54%}.memory-city i:nth-child(3n+1){--h:39%}.memory-city i:nth-child(3n+2){--h:68%}.memory-city i:after{content:"";display:block;height:70%;margin:16px 13px;background:repeating-linear-gradient(0deg,transparent 0 15px,#c29e5840 16px 18px),repeating-linear-gradient(90deg,transparent 0 14px,#c29e5840 15px 17px)}.memory-rain{position:absolute;inset:-40% 0;background:repeating-linear-gradient(105deg,transparent 0 44px,rgba(177,203,230,.14) 45px,transparent 46px 74px);transform:translateY(-15%);animation:rain 1.2s linear infinite}.memory-phone{position:absolute;z-index:2;right:13%;top:15%;display:flex;flex-direction:column;gap:12px;padding:20px 24px;border:1px solid #d4dbe355;border-radius:12px;background:#151d2ad9;box-shadow:0 15px 50px #0009;transform:rotate(2deg);opacity:0}.is-active .memory-phone{animation:phone-glow 3.5s .25s ease forwards}.memory-phone span,.memory-phone small{color:#a5b0bf;font-size:12px}.memory-phone b{font-size:19px;font-weight:500}.memory-phone small{align-self:flex-end}.roof-line{position:absolute;right:0;bottom:26%;width:44%;height:4px;background:#455364;box-shadow:0 -8px 22px #8fa2b63b}.roof-silhouette{position:absolute;z-index:2;right:27%;bottom:26%;width:135px;height:210px;opacity:0;transform:translateY(15px)}.is-active .roof-silhouette{animation:copy-in .7s .5s ease forwards}.roof-silhouette .head{width:45px;height:50px;left:45px;top:4px}.roof-silhouette .body{width:95px;height:150px;left:18px;top:50px;border-radius:48px 48px 4px 4px}.memory-text{position:absolute;z-index:3;left:12%;top:34%;max-width:620px;opacity:0;transform:translateY(14px)}.is-active .memory-text{animation:copy-in .7s .4s ease forwards}.memory-text p{font-size:clamp(26px,3.5vw,46px)}.memory-blackout{position:absolute;z-index:5;inset:0;background:#020306;opacity:0;pointer-events:none}.is-active .memory-blackout{animation:blackout 1.1s 2.45s ease forwards}.scene-awake{background:linear-gradient(110deg,#101721,#25344a 55%,#68809a)}.scene-awake:after{background:linear-gradient(90deg,rgba(7,12,19,.88),rgba(8,15,24,.45) 60%,rgba(8,15,24,.1)),linear-gradient(0deg,rgba(8,13,19,.52),transparent 40%)}.dawn-window{position:absolute;inset:0 0 0 43%;overflow:hidden;background:linear-gradient(180deg,#657991,#d0b99c 70%,#736f70)}.sun{position:absolute;width:170px;height:170px;right:24%;top:23%;border-radius:50%;background:radial-gradient(circle,#ffe4b6,#f6c994 45%,#f4c99400 72%);filter:blur(1px)}.horizon{position:absolute;left:-3%;right:-3%;bottom:20%;height:27%;background:linear-gradient(180deg,#556573,#263746);clip-path:polygon(0 70%,8% 54%,16% 63%,25% 34%,36% 58%,46% 31%,55% 62%,68% 37%,78% 54%,88% 29%,100% 61%,100% 100%,0 100%)}.window-frame{position:absolute;inset:9% 8%;border:9px solid #1b2939;box-shadow:0 15px 70px #050a10aa,inset 0 0 0 2px #ffffff22}.window-frame:after{content:"";position:absolute;left:67%;top:0;bottom:0;width:7px;background:#1b2939}.awake-copy{position:absolute;z-index:2;left:13%;top:26%;max-width:650px;opacity:0;transform:translateY(15px)}.is-active .awake-copy{animation:copy-in .8s .4s ease forwards}.awake-copy>small{color:#f5c990}.awake-copy p{margin:14px 0 0;font-size:clamp(34px,5vw,64px);font-weight:800}.awake-copy h2{margin:0 0 16px;font-size:clamp(28px,3.8vw,50px);line-height:1.45}.awake-copy h2 em{color:#f0c18f;font-style:normal}.awake-copy>span{color:#d5d9e0;font-size:16px}.awake-rule{width:52px;height:3px;margin:26px 0 13px;background:#e5b780}.awake-copy>b{color:#d2d9e4;font-size:13px;letter-spacing:2px}.man-awake{right:9%;bottom:-38px;width:210px;height:330px;opacity:0;transform:translateY(20px)}.is-active .man-awake{animation:copy-in .9s .5s ease forwards}.man-awake .head{width:67px;height:74px;left:75px;top:15px;background:linear-gradient(130deg,#364758,#151f2a)}.man-awake .body{left:34px;top:90px;width:145px;height:260px;background:linear-gradient(120deg,#40566a,#17222e 75%)}.awake-dust{position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 76% 27%,#ffe4b655 0 1px,transparent 2px),radial-gradient(circle at 64% 42%,#fff6d866 0 1px,transparent 2px),radial-gradient(circle at 90% 57%,#fff6d855 0 1.5px,transparent 3px);animation:dust 4s ease-in-out infinite alternate}.intro-brand{position:absolute;z-index:8;left:32px;top:26px;display:flex;align-items:center;gap:9px;color:#dce3eb;font-size:14px;letter-spacing:2px}.intro-brand i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#d52f2b,#ef5d55);color:white;font-style:normal;font-weight:800;letter-spacing:0}.intro-skip{position:absolute;z-index:9;top:25px;right:30px;padding:9px 14px;border:1px solid #ffffff55;border-radius:22px;background:#07101a66;color:#e9edf3;font-size:12px;cursor:pointer;backdrop-filter:blur(8px)}.intro-skip:hover{background:#ffffff20}.intro-skip b{margin-left:7px;color:#fff;font-size:16px}.intro-progress{position:absolute;z-index:8;left:0;right:0;bottom:0;height:3px;background:#ffffff20}.intro-progress i{display:block;width:0;height:100%;background:#e25350}.intro.is-playing .intro-progress i{animation:intro-progress 14s linear forwards}
@keyframes terminal-in{to{transform:translateY(0);opacity:1}}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes copy-in{to{opacity:1;transform:translateY(0)}}@keyframes rain{to{transform:translateY(20%)}}@keyframes phone-glow{0%,75%{opacity:0}12%,58%{opacity:1;box-shadow:0 15px 50px #0009,0 0 30px #e8b76135}100%{opacity:0}}@keyframes blackout{0%{opacity:0}48%{opacity:1}100%{opacity:1}}@keyframes dust{to{transform:translate3d(-8px,-12px,0);opacity:.45}}@keyframes intro-progress{to{width:100%}}
@media(max-width:700px){.intro-terminal{top:14%;right:6%;width:88%;padding:17px}.terminal-loss{font-size:28px}.loss-chart{height:105px}.intro-copy{left:8%;top:50%;max-width:85%}.intro-copy p{font-size:clamp(27px,8vw,39px);margin:10px 0}.intro-copy span{font-size:13px}.intro-copy>small,.awake-copy>small,.memory-text>small{font-size:40px}.man-sitting{left:-22px;bottom:-30px;transform:scale(.72);transform-origin:bottom left}.memory-phone{right:7%;top:14%;padding:14px 16px}.memory-text{left:8%;top:38%;max-width:85%}.memory-text p{font-size:clamp(27px,7vw,38px)}.roof-silhouette{right:13%;transform:scale(.75);transform-origin:bottom center}.roof-line{width:68%;bottom:22%}.awake-copy{left:8%;top:26%;max-width:88%}.awake-copy p{font-size:42px}.awake-copy h2{font-size:clamp(25px,6.5vw,35px)}.awake-copy>span{font-size:13px}.dawn-window{left:25%;opacity:.82}.man-awake{right:-45px;transform:scale(.73);transform-origin:bottom right}.intro-brand{left:15px;top:15px}.intro-skip{top:14px;right:14px}.scene-awake:after{background:linear-gradient(90deg,rgba(7,12,19,.88),rgba(8,15,24,.35) 75%),linear-gradient(0deg,rgba(8,13,19,.6),transparent 40%)}}
@media(prefers-reduced-motion:reduce){.intro *,.intro *:before,.intro *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-height:650px) and (min-width:701px){.intro-terminal{top:12%;padding:17px 24px}.loss-chart{height:105px}.intro-copy{top:44%}.intro-copy p{font-size:clamp(28px,3vw,42px)}.awake-copy{top:19%}.awake-copy p{font-size:48px}.awake-copy h2{font-size:36px}}.intro.is-playing .intro-progress i{animation-duration:14s}
html.intro-open,body.intro-open{overflow:hidden!important}.intro-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block}.intro-canvas-mode .intro-scenes{z-index:1}.intro-canvas-mode .intro-scene{background:transparent!important}.intro-canvas-mode .intro-scene:after{background:linear-gradient(90deg,rgba(6,9,15,.72),rgba(6,9,15,.18) 62%,transparent),linear-gradient(0deg,rgba(5,8,14,.42),transparent 38%)}.intro-canvas-mode .intro-terminal,.intro-canvas-mode .scene-grid,.intro-canvas-mode .market-glow,.intro-canvas-mode .man-sitting,.intro-canvas-mode .scene-noise,.intro-canvas-mode .memory-city,.intro-canvas-mode .memory-rain,.intro-canvas-mode .memory-phone,.intro-canvas-mode .roof-silhouette,.intro-canvas-mode .roof-line,.intro-canvas-mode .memory-blackout,.intro-canvas-mode .dawn-window,.intro-canvas-mode .awake-dust,.intro-canvas-mode .man-awake{display:none}
html.intro-open,body.intro-open{overflow:hidden!important}.intro-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block}.intro-canvas-mode .intro-scenes{z-index:1}.intro-canvas-mode .intro-scene{background:transparent!important}.intro-canvas-mode .intro-scene:after{background:linear-gradient(90deg,rgba(6,9,15,.72),rgba(6,9,15,.18) 62%,transparent),linear-gradient(0deg,rgba(5,8,14,.42),transparent 38%)}.intro-canvas-mode .intro-terminal,.intro-canvas-mode .scene-grid,.intro-canvas-mode .market-glow,.intro-canvas-mode .man-sitting,.intro-canvas-mode .scene-noise,.intro-canvas-mode .memory-city,.intro-canvas-mode .memory-rain,.intro-canvas-mode .memory-phone,.intro-canvas-mode .roof-silhouette,.intro-canvas-mode .roof-line,.intro-canvas-mode .memory-blackout,.intro-canvas-mode .dawn-window,.intro-canvas-mode .awake-dust,.intro-canvas-mode .man-awake{display:none}.intro-replay{position:fixed;z-index:90;right:22px;bottom:18px;padding:9px 15px;border:1px solid #40576b;border-radius:22px;background:rgba(10,20,30,.9);color:#b9c8d4;font-size:12px;cursor:pointer;box-shadow:0 8px 24px #0005;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.intro-replay.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.intro-replay:hover{color:#fff;border-color:#48d5c8}@media(max-width:600px){.intro-replay{right:12px;bottom:12px;padding:8px 12px}}
html.intro-open,body.intro-open{overflow:hidden!important}.intro-canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block}.intro-canvas-mode .intro-scenes{z-index:1}.intro-canvas-mode .intro-scene{background:transparent!important}.intro-canvas-mode .intro-scene:after{background:linear-gradient(90deg,rgba(6,9,15,.72),rgba(6,9,15,.18) 62%,transparent),linear-gradient(0deg,rgba(5,8,14,.42),transparent 38%)}.intro-canvas-mode .intro-terminal,.intro-canvas-mode .scene-grid,.intro-canvas-mode .market-glow,.intro-canvas-mode .man-sitting,.intro-canvas-mode .scene-noise,.intro-canvas-mode .memory-city,.intro-canvas-mode .memory-rain,.intro-canvas-mode .memory-phone,.intro-canvas-mode .roof-silhouette,.intro-canvas-mode .roof-line,.intro-canvas-mode .memory-blackout,.intro-canvas-mode .dawn-window,.intro-canvas-mode .awake-dust,.intro-canvas-mode .man-awake{display:none}.lightning-effect{position:absolute;z-index:6;inset:0;pointer-events:none;opacity:0}.scene-memory.is-active .lightning-effect{animation:sky-flash 3.5s .25s ease both}.lightning-effect:before{content:"";position:absolute;inset:0;background:#d9efff}.lightning-effect i{position:absolute;left:62%;top:-8%;width:11px;height:82%;background:#fff;filter:drop-shadow(0 0 12px #9ed9ff) drop-shadow(0 0 32px #fff);clip-path:polygon(40% 0,100% 0,62% 35%,100% 35%,22% 100%,43% 53%,0 53%)}.lightning-effect b{position:absolute;left:62%;top:48%;width:40%;height:45%;background:radial-gradient(circle at 0 0,rgba(196,228,255,.8),transparent 65%);filter:blur(12px)}.intro-replay{position:fixed;z-index:90;right:22px;bottom:18px;padding:9px 15px;border:1px solid #40576b;border-radius:22px;background:rgba(10,20,30,.9);color:#b9c8d4;font-size:12px;cursor:pointer;box-shadow:0 8px 24px #0005;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.intro-replay.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.intro-replay:hover{color:#fff;border-color:#48d5c8}@keyframes sky-flash{0%,12%,25%,100%{opacity:0}4%,18%{opacity:.95}7%,21%{opacity:.18}31%{opacity:.75}42%{opacity:0}}@media(max-width:600px){.intro-replay{right:12px;bottom:12px;padding:8px 12px}.lightning-effect i{left:72%;height:72%}}


@media(max-width:600px){.intro-replay{bottom:62px!important}}