:root{--navy:#071b45;--blue:#075ccc;--cyan:#15d5df;--coral:#ff6557;--orange:#ff9f43;--cream:#fff4db;--ink:#0b214d;--white:#fffdf8;--shadow:0 22px 70px #03123747}.scene-7 .bank-dialogue{padding-right:50px}.scene-7 .bank-dialogue .dialogue-close{z-index:2;background:#ffffff29;border:1px solid #fff3}.h5-phone .story-head{grid-template-columns:42px 1fr 38px auto}.story-head .sound-toggle{background:#0857846b;border-color:#7dfff366;width:34px;height:34px;padding:0}.sound-toggle{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#041e4c7a;border:1px solid #ffffff75;border-radius:50%;place-items:center;display:grid;box-shadow:0 7px 20px #0112372e}.sound-toggle i{font:800 17px/1 serif}.sound-toggle.playing i{color:#79fff2;animation:1.15s ease-in-out infinite soundPulse}.sound-toggle.muted{opacity:.65}.cover-sound{z-index:40;align-content:center;gap:2px;width:56px;height:56px;position:absolute;top:18px;right:18px}.cover-sound span{letter-spacing:.05em;font-size:8px}.cover-sound i{font-size:19px}@keyframes soundPulse{50%{text-shadow:0 0 12px #6affef;transform:scale(1.18)}}.scene-dots button:disabled{opacity:.22;cursor:not-allowed}.geo-switch{z-index:14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041e4b9e;border:1px solid #fff3;border-radius:20px;padding:4px;display:flex;position:absolute;top:205px;left:25px}.geo-switch button{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:7px 13px;font-size:10px;font-weight:800}.geo-switch button.active{color:#09265c;background:#70f6ed}.scene-1 .geo-hotspots{inset:245px 30px 225px}.geo-pin.visited i:after{content:"✓";color:#fff;background:#10bfb8;border-radius:50%;place-items:center;font-size:8px;display:grid;position:absolute;inset:-7px}.geo-pin i{position:relative}.food-token.visited:after{content:"✓";color:#fff;background:#13bcb2;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid;position:absolute;top:2px;right:2px}.pack-game{border-top:1px solid #ffffff2b;margin-top:15px;padding-top:13px}.pack-game strong{color:#7ef7ed;margin-bottom:9px;font-size:11px;display:block}.pack-game div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.pack-game button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;padding:8px 7px;font-size:9px}.pack-game button.packed{background:#16b8b0;border-color:#77fff4}.pack-game>span{text-align:right;color:#ffffffa6;margin-top:7px;font-size:9px;display:block}.pulse-next.locked,.next-scene.locked{opacity:.62;cursor:not-allowed;filter:saturate(.45)}.cargo-row button.visited{background:#14aaa6;border-color:#81fff4}.map-labels .map-label{text-align:left;cursor:pointer;background:0 0;border:0;padding:2px}.map-labels .map-label.visited b{color:#ffd06a}.map-labels .map-label.visited:before{content:"✓";color:#78fff1;font-size:9px;position:absolute;left:-12px}.route-story{z-index:18;color:#fff;background:#031941e6;border:1px solid #ffffff2e;border-radius:16px;padding:12px 14px;animation:.35s both bubbleUp;position:absolute;bottom:60px;left:18px;right:62px;box-shadow:0 12px 30px #010c2847}.route-story>b{color:#79f8ed;margin-bottom:4px;font-size:13px;display:block}.route-story .typed-caption{font-size:10px;line-height:1.55}.scene-5 .map-note{bottom:25px}.system-wheel button{color:#0b346f;cursor:pointer;background:#fff9e9;border:0;border-radius:16px;padding:8px 12px;font-size:10px;font-weight:800;animation:24s linear infinite reverse ringTurn;position:absolute;box-shadow:0 7px 18px #2c2a4626}.system-wheel button.visited{color:#fff;background:#0c8f9c;box-shadow:0 0 0 4px #ffffff4d}.system-wheel button:first-of-type{top:42%;left:-10px}.system-wheel button:nth-of-type(2){top:-9px;left:34%}.system-wheel button:nth-of-type(3){top:42%;right:-20px}.system-wheel button:nth-of-type(4){bottom:-9px;left:32%}.system-caption{z-index:8;color:#fff;box-shadow:var(--shadow);background:#08306ceb;border-radius:15px;padding:12px 14px;position:absolute;bottom:53px;left:24px;right:24px}.system-caption>b{color:#70f6ed;margin-bottom:4px;font-size:12px;display:block}.system-caption .typed-caption{font-size:10px;line-height:1.55}.system-caption>span{text-align:right;color:#ffd16d;margin-top:4px;font-size:9px;display:block}.bank-pin.visited{background:#0ba5a4}.bank-pin.visited i{background:#ffd06a}.remit-launch:disabled{opacity:.6;filter:saturate(.4);cursor:not-allowed}.remit-launch{z-index:20;color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ffab48,#ff6257);border:0;border-radius:18px;padding:10px 17px;font-size:10px;font-weight:900;position:absolute;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 8px 23px #01102d57}.scene-7 .bank-dialogue{bottom:98px}.remit-game{z-index:60;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041941f5;border:1px solid #ffffff38;border-radius:24px;padding:25px 20px 20px;animation:.4s both bubbleUp;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%);box-shadow:0 25px 80px #000a238c}.remit-game small{color:#74f6ed;letter-spacing:.1em}.remit-game h3{margin:9px 0 15px;font:800 22px/1.25 serif}.remit-game>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.remit-game>div button{color:#fff;cursor:pointer;background:#ffffff17;border:1px solid #ffffff3d;border-radius:13px;padding:12px 8px;font-size:11px}.remit-game>div button.done{color:#fff;background:#0da59f}.remit-game>p{color:#ffd073;margin:12px 0 0;font-size:10px;line-height:1.5}.final-quiz{z-index:14;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#031840e6;border:1px solid #fff3;border-radius:22px;padding:18px;animation:.45s both bubbleUp;position:absolute;bottom:118px;left:20px;right:20px}.final-quiz small{color:#77f7ee;letter-spacing:.14em}.final-quiz h3{margin:7px 0 12px;font:800 19px/1.3 serif}.final-quiz button{color:#fff;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:13px;width:100%;margin:7px 0;padding:10px;font-size:11px;display:block}.final-quiz button:hover{background:#0ea7a4}.final-quiz p{color:#ffd06a;margin:9px 0 0;font-size:10px}.final-actions .quiz-launch{background:#ff6859;grid-column:1/-1}.next-scene.locked span{color:#ffe0a4;font-size:8px}.next-scene:disabled{pointer-events:none}*{box-sizing:border-box}html,body{background:#061535;min-height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Noto Sans SC,Microsoft YaHei,sans-serif}button{font:inherit;color:inherit}.stage-wrap{background:radial-gradient(circle at 72% 18%,#133982 0,#0000 32%),linear-gradient(145deg,#04102d,#09265a);place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.ambient{filter:blur(80px);opacity:.34;border-radius:50%;animation:12s ease-in-out infinite alternate ambient;position:absolute}.ambient-one{background:#0dd6d6;width:45vw;height:45vw;top:-20vw;left:-15vw}.ambient-two{background:#ff6d4b;width:38vw;height:38vw;animation-delay:-6s;bottom:-18vw;right:-15vw}.h5-phone{isolation:isolate;width:min(100vw,480px);height:100svh;max-height:980px;box-shadow:0 0 0 1px #ffffff1f,var(--shadow);background:#eef8ff;position:relative;overflow:hidden}.scene{animation:.72s cubic-bezier(.2,.78,.2,1) both sceneIn;position:absolute;inset:0;overflow:hidden}.scene:after{content:"";pointer-events:none;z-index:20;mix-blend-mode:soft-light;opacity:.18;background-image:radial-gradient(circle at 10% 10%,#ffffff38 0 1px,#0000 1.5px);background-size:8px 8px;position:absolute;inset:0}.story-head{z-index:90;color:#fff;text-shadow:0 2px 10px #02102e;background:linear-gradient(#061b43c9,#0000);grid-template-columns:42px 1fr auto;align-items:center;gap:10px;height:68px;padding:12px 18px;display:grid;position:absolute;top:0;left:0;right:0}.story-head button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#051c453d;border:1px solid #ffffff57;border-radius:50%;width:38px;height:38px;font-size:20px}.story-head div{gap:2px;display:grid}.story-head span{letter-spacing:.1em;opacity:.7;font-size:10px}.story-head b{letter-spacing:.16em;font-size:14px}.story-head em{letter-spacing:.1em;opacity:.74;font:500 10px/1 monospace}.scene-title{z-index:8;position:absolute;top:92px;left:26px;right:26px}.scene-title small,.chapter-card small,.final-copy small{letter-spacing:.16em;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.scene-title h2,.chapter-card h2,.final-copy h2{letter-spacing:.02em;margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(38px,10.8vw,54px);line-height:1.1}.light-title{color:#fff;text-shadow:0 4px 20px #0212305c}.light-title small{color:#8ff6f2}.dark-title{color:var(--navy)}.dark-title small{color:#e84f48}.world-bg,.road-bg,.bank-bg{will-change:transform;background:50%/cover no-repeat;position:absolute;inset:-3%}.world-bg{background-image:url(/story/shanxi-world.webp);animation:8s ease-in-out infinite alternate worldFloat}.sky-glow{background:linear-gradient(#0335a00d 0 50%,#021a534d);position:absolute;inset:0}.cloud{z-index:2;filter:blur(1px);opacity:.65;background:#ffffffd1;border-radius:50%;width:180px;height:55px;position:absolute;box-shadow:45px 5px 0 -4px #ffffffbf,90px -9px 0 -14px #ffffffb3}.cloud-a{animation:15s linear infinite cloudMove;top:18%;left:-48%}.cloud-b{animation:19s linear 4s infinite cloudMove;top:32%;left:-60%;transform:scale(.65)}.cover-copy{z-index:5;color:#fff;text-align:center;text-shadow:0 4px 24px #001d6966;animation:.9s .2s both titleDrop;position:absolute;top:7.5%;left:26px;right:26px}.scene-kicker{letter-spacing:.24em;color:#c5ffff;margin:0 0 14px;font:700 10px/1.3 monospace}.cover-copy h1{letter-spacing:.08em;margin:0;font:900 clamp(45px,13vw,64px)/1.03 Noto Serif SC,Songti SC,serif;display:grid}.cover-copy h1 b{color:#ffdb70;margin-top:6px;font-size:.78em}.cover-copy>p:last-child{letter-spacing:.16em;color:#e9ffff;margin:18px 0;font-size:14px}.start-orb{z-index:8;color:#fff;cursor:pointer;background:linear-gradient(145deg,#ff8e51,#ff4d62);border:0;border-radius:50%;place-items:center;width:104px;height:104px;animation:2.2s ease-in-out infinite orbPulse;display:grid;position:absolute;bottom:7%;left:50%;transform:translate(-50%);box-shadow:0 0 0 9px #ffffff2b,0 16px 40px #0d2d786b}.start-orb:before{content:"";border:1px solid #ffffff8c;border-radius:50%;animation:2.2s infinite ringPulse;position:absolute;inset:-17px}.start-orb i{font:700 35px/1 serif}.start-orb span{letter-spacing:.12em;font-size:10px}.cover-stamp{z-index:6;color:#ff6e5e;background:#fff5d8;border:2px solid #ff6e5e;border-radius:8px;place-items:center;width:45px;height:45px;font:800 13px/1.1 serif;display:grid;position:absolute;bottom:21%;right:24px;transform:rotate(8deg);box-shadow:0 8px 20px #01226433}.world-zoom{animation:1.1s both mapZoom;inset:-13%;transform:scale(1.24)}.blue-shade{background:linear-gradient(#03277440,#02153d6b 72%,#021339e0);position:absolute;inset:0}.geo-hotspots{z-index:9;position:absolute;inset:205px 30px 225px}.geo-pin{color:#fff;cursor:pointer;text-shadow:0 2px 8px #03245f;background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid;position:absolute}.geo-pin i{background:var(--coral);border:4px solid #fff;border-radius:50%;width:18px;height:18px;animation:2s infinite pinPulse;box-shadow:0 0 #ff6956b3}.geo-pin span{letter-spacing:.08em;font-size:11px;font-weight:800}.geo-pin.chosen i{background:var(--cyan);transform:scale(1.25)}.pin-0{top:51%;left:9%}.pin-1{top:35%;right:9%}.pin-2{top:26%;left:23%}.pin-3{top:57%;left:50%}.story-bubble{z-index:12;color:#fff;border-radius:22px;grid-template-columns:42px 1fr;gap:14px;padding:19px 18px;animation:.45s both bubbleUp;display:grid;position:absolute;bottom:67px;left:22px;right:22px}.bubble-glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#051e4cc2;border:1px solid #fff3;box-shadow:0 16px 44px #01133847}.bubble-index{color:#60eee6;padding-top:4px;font:800 16px/1 monospace}.story-bubble h3{margin:0 0 6px;font:800 20px/1.2 serif}.typed-caption{margin:0;font-size:13px;line-height:1.7;animation:.7s steps(12,end) both textReveal}.tap-hint{z-index:15;text-align:center;color:#ffffffb8;letter-spacing:.12em;margin:0;font-size:10px;animation:1.8s infinite hintBlink;position:absolute;bottom:25px;left:0;right:0}.scene-2{background:linear-gradient(145deg,#fff5d5,#ffbd67 52%,#ff735c)}.sun-disc{background:#ff675a;border-radius:50%;width:300px;height:300px;animation:16s linear infinite sunTurn;position:absolute;top:-75px;right:-95px;box-shadow:0 0 0 50px #ffffff1a}.pattern-sweep{background:repeating-radial-gradient(circle at 86% 10%,#0000 0 25px,#ffffff29 26px 27px);position:absolute;inset:0}.specialty-orbit{z-index:6;border:1px dashed #0d346a42;border-radius:50%;width:330px;height:330px;animation:.8s both orbitIn;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.specialty-orbit:before{content:"";border:1px solid #ffffff61;border-radius:50%;position:absolute;inset:38px}.food-token{width:86px;height:86px;color:var(--navy);cursor:pointer;background:#fffaf0;border:0;border-radius:50%;align-content:center;place-items:center;gap:3px;transition:all .35s cubic-bezier(.2,.8,.2,1);animation:3s ease-in-out infinite tokenFloat;display:grid;position:absolute;box-shadow:0 11px 22px #47293f2e}.food-token svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:44px;height:44px}.food-token span{font-size:10px;font-weight:800}.food-token.chosen{background:var(--navy);color:#fff;transform:scale(1.16);box-shadow:0 0 0 7px #ffffff3d,0 16px 30px #1c275b4d}.food-0{animation-delay:-.3s;top:36%;left:-9px}.food-1{animation-delay:-.8s;top:-8px;left:49px}.food-2{animation-delay:-1.3s;top:3px;right:38px}.food-3{animation-delay:-1.8s;top:47%;right:-12px}.food-4{animation-delay:-2.3s;bottom:-19px;left:110px}.orbit-core{text-align:center;color:#fff;background:linear-gradient(145deg,#0b66ce,#09245c);border-radius:50%;align-content:center;place-items:center;width:142px;height:142px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px #ffffff17,0 20px 38px #02225a40}.orbit-core b{font:800 24px/1.2 serif}.orbit-core span{letter-spacing:.12em;color:#8df5ee;margin-top:7px;font-size:10px}.food-caption{z-index:8;color:#17305e;background:#fffaebe0;border-radius:18px;padding:16px 18px;position:absolute;bottom:66px;left:28px;right:28px;box-shadow:0 14px 34px #5c2e2d29}.dark-hint{color:#0b214da6;bottom:27px}.depart-bg{filter:saturate(1.06);inset:-10%;transform:scale(1.34)}.depart-mask{background:linear-gradient(#00349938,#041c4e73);position:absolute;inset:0}.depart-route{z-index:5;fill:none;stroke:#80fff4;stroke-width:4px;stroke-linecap:round;stroke-dasharray:10 12;filter:drop-shadow(0 0 7px #0fe1e8);width:100%;height:100%;animation:1.8s linear infinite routeDash;position:absolute;inset:0}.route-runner{z-index:6;color:#fff;background:#ff6259;border-radius:50%;place-items:center;width:42px;height:42px;font:800 19px serif;animation:4.5s ease-in-out infinite runnerMove;display:grid;position:absolute;top:66%;left:42%;box-shadow:0 0 0 7px #ffffff40}.chapter-card{z-index:10;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#041a46cc;border:1px solid #fff3;border-radius:24px;padding:24px 22px;animation:.65s .15s both cardUp;position:absolute;bottom:112px;left:22px;right:22px}.chapter-card small{color:#77f5ed}.chapter-card h2{font-size:34px}.chapter-card h2 b{color:#ffbd60}.chapter-card p{color:#ffffffd1;margin:15px 0 0;font-size:13px;line-height:1.75}.pulse-next{z-index:20;color:#fff;cursor:pointer;background:#ff6259;border:0;border-radius:24px;padding:13px 20px;font-weight:800;animation:1.7s infinite buttonBob;position:absolute;bottom:42px;right:24px;box-shadow:0 9px 24px #021e5a40}.pulse-next b{margin-left:9px}.road-bg{background-image:url(/story/tea-road.webp);animation:12s ease-in-out infinite alternate roadPush}.road-light{background:linear-gradient(#04225638 0,#0000 44%,#041b4580);position:absolute;inset:0}.road-title{z-index:7;color:#fff;text-shadow:0 3px 15px #02184480;position:absolute;top:88px;left:24px;right:24px}.road-title small{letter-spacing:.15em;color:#d7fffc;font-size:11px}.road-title h2{margin:9px 0;font:800 37px/1.12 serif}.caravan-walk{z-index:8;width:125%;animation:8s cubic-bezier(.3,.1,.7,1) infinite alternate caravanCross;position:absolute;bottom:25%;left:-45%}.merchant-button{cursor:pointer;filter:drop-shadow(0 14px 16px #0c192d40);background:0 0;border:0;width:100%;padding:0;animation:.75s ease-in-out infinite alternate walkBob;position:relative}.merchant-button img{width:100%;height:auto;display:block}.character-pulse{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;animation:1.5s infinite pinPulse;display:grid;position:absolute;top:5%;right:17%;box-shadow:0 0 #ff6457cc}.flag{z-index:4;clip-path:polygon(0 0,100% 15%,76% 50%,100% 85%,0 100%);transform-origin:0;background:linear-gradient(90deg,#ff695b,#ff994f);width:85px;height:38px;animation:1.3s ease-in-out infinite alternate flagWave;position:absolute}.flag-a{top:30%;left:11%}.flag-b{top:46%;right:4%;transform:scale(.65)}.cargo-row{z-index:14;justify-content:center;gap:7px;display:flex;position:absolute;bottom:62px;left:18px;right:18px}.cargo-row button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#041f4eb3;border:1px solid #ffffff80;border-radius:18px;padding:8px 13px;font-size:11px;font-weight:700}.dialogue-card{z-index:30;color:#fff;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061d48eb;border:1px solid #fff3;border-radius:22px;padding:20px 44px 20px 20px;animation:.38s both bubbleUp;position:absolute;bottom:54px;left:18px;right:18px}.dialogue-card>b{color:#80f9ef;margin-bottom:7px;display:block}.dialogue-close{color:#fff;cursor:pointer;background:#ffffff21;border:0;border-radius:50%;width:28px;height:28px;font-size:18px;position:absolute;top:12px;right:13px}.light-hint{color:#fff;text-shadow:0 2px 7px #082b6a;bottom:29px}.route-night{background:radial-gradient(circle at 80% 4%,#146bd0 0,#0000 28%),linear-gradient(160deg,#061a47,#053d80 55%,#0e758f);position:absolute;inset:0}.route-stars{opacity:.35;background-image:radial-gradient(circle,#bafffa 0 1px,#0000 1.5px);background-size:37px 43px;animation:12s linear infinite stars;position:absolute;inset:0}.route-scene-title{top:86px}.trade-map{z-index:6;width:100%;height:calc(100% - 240px);position:absolute;inset:165px 0 76px;overflow:visible}.land-shape{fill:none;stroke:#4fefe124;stroke-width:44px;stroke-linecap:round}.trade-path{fill:none;stroke:#63f5eb;stroke-width:4px;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900px;filter:drop-shadow(0 0 8px #52e8e1);animation:4.5s ease-in-out .5s forwards tradeDraw}.map-stop{fill:#ffcb6a;stroke:#fff;stroke-width:3px;opacity:0;animation:stopPop .38s calc(.55s + var(--i)*.52s) forwards}.map-labels{z-index:7;position:absolute;inset:0}.map-label{color:#fff;opacity:0;animation:labelIn .42s calc(.8s + var(--n,0)*.52s) forwards;text-shadow:0 2px 8px #052456;gap:1px;display:grid;position:absolute}.map-label b{font-size:12px}.map-label span{color:#8af6ef;font-size:8px}.map-label-0{--n:0;bottom:13%;left:18%}.map-label-1{--n:1;bottom:24%;left:31%}.map-label-2{--n:2;bottom:36%;left:39%}.map-label-3{--n:3;bottom:47%;left:51%}.map-label-4{--n:4;bottom:58%;left:63%}.map-label-5{--n:5;bottom:68%;left:71%}.map-label-6{--n:6;top:22%;right:4%}.moving-seal{z-index:9;color:#fff;background:#ff675a;border-radius:50%;place-items:center;width:32px;height:32px;font:800 15px serif;animation:4.5s ease-in-out .5s forwards mapTravel;display:grid;position:absolute;bottom:17%;left:17%;box-shadow:0 0 0 6px #ffffff29}.map-note{z-index:10;text-align:center;color:#ffffffb3;letter-spacing:.06em;font-size:10px;position:absolute;bottom:47px;left:0;right:0}.scene-6{background:linear-gradient(145deg,#fff5d6,#ffbf69 55%,#ff765c)}.rise-bg{position:absolute;inset:0;overflow:hidden}.rise-bg:before{content:"";border:120px solid #0545901a;border-radius:50%;width:620px;height:620px;animation:18s linear infinite ringTurn;position:absolute;top:80px;right:-340px}.rise-bg i{background:#ffffff24;border-radius:50%;width:230px;height:230px;position:absolute}.rise-bg i:first-child{bottom:8%;left:-100px}.rise-bg i:nth-child(2){top:20%;right:-100px}.rise-bg i:nth-child(3){top:-160px;left:30%}.rise-title{top:84px}.rise-title h2{font-size:36px}.rise-timeline{z-index:7;gap:10px;display:grid;position:absolute;top:225px;left:24px;right:24px}.rise-timeline article{animation:cardSlide .48s calc(var(--x,0)*.13s) both;background:#fffdf1bf;border:1px solid #ffffff8c;border-radius:15px;padding:12px 14px 12px 72px;position:relative;box-shadow:0 8px 20px #532f3517}.rise-timeline time{color:#f14e4d;font:800 12px monospace;position:absolute;top:15px;left:13px}.rise-timeline b{font:800 15px/1.2 serif;display:block}.rise-timeline p{color:#4d5b72;margin:4px 0 0;font-size:11px;line-height:1.5}.system-wheel{z-index:7;border:1px dashed #072a5f47;border-radius:50%;width:230px;height:230px;animation:24s linear infinite ringTurn;position:absolute;bottom:117px;left:50%;transform:translate(-50%)}.wheel-core{color:#fff;background:#083b83;border-radius:50%;place-items:center;width:95px;height:95px;font:800 20px serif;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #ffffff47}.system-wheel span{color:#0b346f;background:#fff9e9;border-radius:16px;padding:8px 12px;font-size:10px;font-weight:800;animation:24s linear infinite reverse ringTurn;position:absolute;box-shadow:0 7px 18px #2c2a4626}.system-wheel span:first-of-type{top:42%;left:-10px}.system-wheel span:nth-of-type(2){top:-9px;left:34%}.system-wheel span:nth-of-type(3){top:42%;right:-20px}.system-wheel span:nth-of-type(4){bottom:-9px;left:32%}.scene-6>.typed-caption{z-index:8;color:#fff;box-shadow:var(--shadow);background:#08306ce6;border-radius:15px;padding:13px 15px;position:absolute;bottom:58px;left:24px;right:24px}.bank-bg{background-image:url(/story/piaohao.webp);animation:13s ease-in-out infinite alternate bankPan}.bank-shade{background:linear-gradient(#02183a75 0,#02122e0d 48%,#010f26a8);position:absolute;inset:0}.bank-title{top:84px}.bank-title h2{font-size:37px}.bank-hotspots{z-index:10;position:absolute;inset:0}.bank-pin{color:#fff;cursor:pointer;background:#052150cc;border:0;border-radius:20px;padding:7px 11px 7px 25px;font-size:10px;font-weight:800;position:absolute;box-shadow:0 7px 18px #010c2638}.bank-pin i{background:#68fff0;border-radius:50%;width:11px;height:11px;animation:1.5s infinite pinPulse;position:absolute;top:50%;left:7px;transform:translateY(-50%);box-shadow:0 0 #5bffefcc}.bank-pin-0{bottom:27%;left:48%}.bank-pin-1{bottom:17%;left:13%}.bank-pin-2{bottom:36%;right:7%}.bank-pin-3{bottom:12%;right:11%}.bank-dialogue{z-index:20;color:#fff;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#041a42ed;border:1px solid #fff3;border-radius:20px;grid-template-columns:42px 1fr;gap:12px;padding:18px;animation:.35s both bubbleUp;display:grid;position:absolute;bottom:70px;left:18px;right:18px}.bank-dialogue>span{color:#6ff9ed;font:800 17px monospace}.bank-dialogue b{margin-bottom:6px;display:block}.bank-hint{bottom:42px}.exchange-flow{z-index:14;color:#fff;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:14px;left:12px;right:12px}.exchange-flow span{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#041d46b8;border-radius:12px;padding:7px 8px}.exchange-flow i{color:#73fff0;font-style:normal}.scene-8{color:#fff;background:linear-gradient(160deg,#052456,#0965ba 55%,#10b9bf)}.final-sky{background:radial-gradient(circle at 70% 12%,#6efff066,#0000 27%),radial-gradient(circle at 20% 82%,#ff704b8c,#0000 31%);position:absolute;inset:0}.final-ribbons{position:absolute;inset:0;overflow:hidden}.final-ribbons i{border:2px solid #68ffed52;border-radius:50%;width:150%;height:110px;animation:7s ease-in-out infinite alternate ribbonMove;position:absolute;left:-25%;transform:rotate(-20deg)}.final-ribbons i:first-child{top:15%}.final-ribbons i:nth-child(2){animation-delay:-2s;top:44%}.final-ribbons i:nth-child(3){animation-delay:-4s;top:70%}.final-copy{z-index:5;animation:.7s both titleDrop;position:absolute;top:10%;left:25px;right:25px}.final-copy small{color:#7ff8ef}.final-copy h2{font-size:38px}.final-copy h2 b{color:#ffd171}.virtue-constellation{z-index:6;gap:10px;display:grid;position:absolute;top:35%;left:24px;right:24px}.virtue-constellation article{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:virtueIn .48s calc(.2s + var(--i)*.15s) forwards;background:#ffffff1c;border:1px solid #ffffff29;border-radius:18px;grid-template-columns:58px 1fr;align-items:center;gap:12px;padding:11px 15px;display:grid;transform:translate(-35px)}.virtue-constellation i{background:linear-gradient(145deg,#ffac4b,#ff5f5d);border-radius:50%;place-items:center;width:48px;height:48px;font:800 25px serif;display:grid}.virtue-constellation div{gap:3px;display:grid}.virtue-constellation b{font:800 16px serif}.virtue-constellation span{color:#ffffffb8;font-size:11px}.final-actions{z-index:8;grid-template-columns:1.25fr .75fr;gap:10px;display:grid;position:absolute;bottom:68px;left:24px;right:24px}.final-actions button{cursor:pointer;border:0;border-radius:20px;padding:14px 10px;font-weight:800}.final-actions button:first-child{color:#fff;background:#ff6a59;box-shadow:0 10px 26px #02143e47}.final-actions button:last-child{color:#fff;background:#ffffff24;border:1px solid #ffffff4d}.scene-8 footer{z-index:6;text-align:center;letter-spacing:.12em;color:#ffffff8f;font-size:9px;position:absolute;bottom:25px;left:0;right:0}.next-scene{z-index:80;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#031c4659;border:1px solid #ffffff4d;border-radius:24px;align-content:center;place-items:center;gap:8px;width:44px;height:92px;display:grid;position:absolute;top:50%;right:13px;transform:translateY(-50%);box-shadow:0 8px 24px #03153a29}.next-scene span{writing-mode:vertical-rl;letter-spacing:.14em;font-size:9px}.next-scene i{font-style:normal}.scene-dots{z-index:85;gap:5px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.scene-dots button{cursor:pointer;background:#fff6;border:0;border-radius:5px;width:5px;height:5px;padding:0;transition:all .25s}.scene-dots button.active{background:#fff;width:20px}.toast{z-index:120;color:#fff;opacity:0;pointer-events:none;background:#01112ee6;border-radius:18px;padding:10px 16px;font-size:11px;transition:all .3s;position:absolute;bottom:26px;left:50%;transform:translate(-50%,15px)}.toast.show{opacity:1;transform:translate(-50%)}.desktop-note{color:#fff;gap:10px;max-width:260px;display:grid;position:absolute;top:50%;left:calc(50% + 285px);transform:translateY(-50%)}.desktop-note b{letter-spacing:.08em;font:800 26px/1.25 serif}.desktop-note span{color:#80f5ef;font-size:13px}.desktop-note small{color:#ffffff8c;letter-spacing:.08em;font-size:11px}@keyframes sceneIn{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}@keyframes ambient{to{transform:translate(8vw,6vw)scale(1.15)}}@keyframes worldFloat{to{transform:scale(1.035)translateY(-9px)}}@keyframes mapZoom{0%{filter:blur(5px);transform:scale(1.55)}to{filter:none;transform:scale(1.24)}}@keyframes cloudMove{to{left:115%}}@keyframes titleDrop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes orbPulse{50%{transform:translate(-50%)scale(1.06)}}@keyframes ringPulse{0%{opacity:0;transform:scale(.8)}45%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes pinPulse{70%{box-shadow:0 0 0 12px #ff695600}}@keyframes bubbleUp{0%{opacity:0;transform:translateY(25px)scale(.98)}to{opacity:1;transform:none}}@keyframes textReveal{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes hintBlink{50%{opacity:.4}}@keyframes sunTurn{to{transform:rotate(360deg)}}@keyframes orbitIn{0%{opacity:0;transform:translate(-50%,-44%)scale(.75)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes tokenFloat{50%{margin-top:-7px}}@keyframes routeDash{to{stroke-dashoffset:-44px}}@keyframes runnerMove{50%{top:37%;left:57%}to{top:15%;left:72%}}@keyframes cardUp{0%{opacity:0;transform:translateY(55px)}to{opacity:1;transform:none}}@keyframes buttonBob{50%{transform:translateY(-5px)}}@keyframes roadPush{to{transform:scale(1.08)translateY(-10px)}}@keyframes caravanCross{0%{transform:translate(-9%)}to{transform:translate(18%)}}@keyframes walkBob{to{transform:translateY(-5px)rotate(.3deg)}}@keyframes flagWave{to{transform:skewY(7deg)scaleX(.92)}}@keyframes stars{to{background-position:37px 43px}}@keyframes tradeDraw{to{stroke-dashoffset:0}}@keyframes stopPop{to{opacity:1;transform:none}}@keyframes labelIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes mapTravel{0%{bottom:17%;left:17%}18%{bottom:28%;left:27%}34%{bottom:39%;left:38%}51%{bottom:49%;left:49%}67%{bottom:60%;left:60%}83%{bottom:70%;left:70%}to{bottom:80%;left:83%}}@keyframes ringTurn{to{transform:rotate(360deg)}}@keyframes cardSlide{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}@keyframes bankPan{to{transform:scale(1.06)translateY(-12px)}}@keyframes ribbonMove{to{transform:rotate(-14deg)translate(25px)}}@keyframes virtueIn{to{opacity:1;transform:none}}@media (max-width:900px){.desktop-note{display:none}.h5-phone{width:100vw;max-height:none;box-shadow:none}}@media (max-height:760px){.story-head{height:58px}.scene-title,.road-title,.rise-title,.bank-title{top:72px}.scene-title h2,.road-title h2,.final-copy h2{font-size:34px}.specialty-orbit{width:285px;height:285px;top:50%}.food-token{width:76px;height:76px}.food-token svg{width:38px;height:38px}.rise-timeline{top:195px}.system-wheel{width:190px;height:190px;bottom:103px}.virtue-constellation{gap:7px;top:33%}.virtue-constellation article{padding:8px 12px}.final-actions{bottom:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}