:root{color:#f5ecd9;background:#0d141d;font-family:Inter,Avenir Next,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:#0d141d;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 63% 43%,rgba(92,118,150,.2),transparent 32%),radial-gradient(circle at 56% 72%,rgba(117,68,56,.1),transparent 28%),linear-gradient(180deg,#101924,#0c1219 54%,#130f0e);overflow-x:hidden}button,input,textarea,select{font:inherit}.app-shell{position:relative;min-height:100vh;isolation:isolate}.canvas-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#0d141d}.canvas-stage:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:radial-gradient(circle at 57% 48%,rgba(172,198,226,.16),transparent 20%),radial-gradient(circle at 58% 58%,rgba(214,95,86,.08),transparent 18%),radial-gradient(circle at 50% 88%,rgba(24,36,49,.92),transparent 34%)}.canvas-stage:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E"),linear-gradient(90deg,rgba(5,7,10,.72),transparent 27%,transparent 69%,rgba(5,7,10,.56)),linear-gradient(180deg,rgba(5,7,10,.62),transparent 23%,transparent 62%,rgba(9,7,7,.78));opacity:.9}.story-scroll{position:relative;z-index:1;min-height:560vh;color:#f6eddc;pointer-events:none}.story-brand{position:fixed;z-index:3;top:28px;left:clamp(22px,4vw,56px);right:clamp(22px,4vw,56px);display:flex;justify-content:space-between;align-items:center;gap:24px;pointer-events:none;color:#f6eddcc7;font-size:12px;line-height:1;letter-spacing:.16em;text-transform:uppercase}.story-chapter{min-height:112vh;display:flex;align-items:center;padding:18vh clamp(22px,6vw,92px)}.story-chapter--left{justify-content:flex-start}.story-chapter--right{justify-content:flex-end}.story-copy{width:min(430px,86vw);transform:translateY(-2vh)}.story-copy--interactive{pointer-events:auto}.story-chapter--finale{position:relative;min-height:124vh;padding-top:22vh}.story-copy--finale{width:min(520px,88vw);transform:translateY(1vh)}.story-copy--finale .chapter-number{color:#e8c78af5}.chapter-number{display:block;margin-bottom:22px;color:#d7b37ae0;font-size:13px;line-height:1;letter-spacing:.18em}.story-copy h1{margin:0;max-width:8.5ch;color:#fff7e8;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(42px,6.4vw,84px);font-weight:500;line-height:.98;letter-spacing:0;text-wrap:balance;white-space:pre-line}.story-copy--finale h1{max-width:11ch;font-family:Avenir Next,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(42px,6.1vw,86px);font-weight:500;line-height:.92;letter-spacing:.16em;text-transform:uppercase}.story-copy p{margin:28px 0 0;max-width:31em;color:#f6eddcc7;font-size:clamp(15px,1.4vw,18px);line-height:1.86;letter-spacing:0;text-shadow:0 2px 18px rgba(0,0,0,.36);white-space:pre-line}.story-copy--finale p{margin-top:26px;max-width:24em;color:#ffefd8d6;font-size:clamp(16px,1.5vw,19px);line-height:1.9}.story-action{margin-top:30px;border:1px solid rgba(246,237,220,.3);border-radius:999px;padding:11px 18px;color:#f6eddce6;background:#0a0e1352;cursor:pointer;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:border-color .18s ease,background .18s ease,transform .18s ease}.story-action:hover{border-color:#d7b37ab8;background:#181c22b3;box-shadow:0 0 28px #d87f5c24;transform:translateY(-1px)}.hotspot{pointer-events:auto;-webkit-user-select:none;user-select:none}.hotspot-shell{position:relative;display:grid;place-items:center}.hotspot-trigger{position:relative;width:46px;height:46px;border:0;padding:0;color:#ffefdae6;background:transparent;cursor:pointer}.hotspot-ring,.hotspot-dot{position:absolute;inset:50% auto auto 50%;border-radius:50%;transform:translate(-50%,-50%)}.hotspot-ring{width:28px;height:28px;border:1px solid rgba(255,220,173,.82);box-shadow:0 0 18px #d6636f47,inset 0 0 10px #ffdeb61f;animation:hotspot-breathe 2.8s ease-in-out infinite}.hotspot-dot{width:5px;height:5px;background:#ffdfb8;box-shadow:0 0 14px #e05967b8}.hotspot-label{position:absolute;left:38px;top:14px;color:#f6eddca8;font-size:9px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.hotspot-trigger:hover .hotspot-label,.hotspot--open .hotspot-label{opacity:1;transform:translate(0)}.hotspot-overlay{pointer-events:none}.hotspot-card{position:fixed;right:clamp(28px,5vw,72px);bottom:clamp(28px,6vh,72px);z-index:4;width:220px;border:1px solid rgba(255,230,190,.18);border-radius:8px;padding:15px 34px 15px 16px;color:#f6eddce0;background:#0a0f15d1;box-shadow:0 18px 44px #0000005c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.hotspot-card strong{display:block;margin-bottom:8px;color:#fff2dc;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:17px;font-weight:500;line-height:1.2}.hotspot-card p{margin:0;font-size:13px;line-height:1.65}.hotspot-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border:0;border-radius:50%;padding:0;color:#f6eddcb3;background:transparent;cursor:pointer;font-size:18px;line-height:20px}@keyframes hotspot-breathe{0%,to{opacity:.62;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.story-ending{min-height:0;display:none;align-items:flex-end;justify-content:center;padding:0 24px 42px;color:#f6eddc75;font-size:11px;letter-spacing:.14em;text-transform:uppercase}@media (max-width: 820px){body{background:radial-gradient(circle at 64% 46%,rgba(92,118,150,.18),transparent 38%),radial-gradient(circle at 60% 70%,rgba(117,68,56,.08),transparent 32%),linear-gradient(180deg,#101924,#0c1219 58%,#130f0e)}.canvas-stage:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(5,7,10,.62),transparent 24%,transparent 60%,rgba(9,7,7,.8));opacity:.86}.story-brand{top:20px;left:20px;right:20px;font-size:10px;letter-spacing:.12em}.story-chapter{min-height:118svh;align-items:flex-end;justify-content:flex-start;padding:18vh 22px 16vh}.story-chapter:first-of-type{min-height:100svh;padding-bottom:8vh}.story-chapter--right{justify-content:flex-start}.story-chapter--finale{min-height:124svh;align-items:flex-end;padding-top:22vh;padding-bottom:12vh}.story-copy{width:min(360px,88vw);transform:none}.story-copy--finale{width:min(340px,84vw);transform:translateY(2vh)}.chapter-number{margin-bottom:16px;font-size:11px}.story-copy h1{max-width:8.5ch;font-size:clamp(32px,10.6vw,48px)}.story-copy--finale h1{max-width:10ch;font-size:clamp(30px,8.8vw,40px);letter-spacing:.11em}.story-copy p{margin-top:22px;max-width:28em;font-size:15px;line-height:1.78}.story-copy--finale p{max-width:22em;font-size:15px;line-height:1.82}.story-action{margin-top:22px;padding:10px 15px;font-size:11px}.hotspot-trigger{width:40px;height:40px}.hotspot-ring{width:24px;height:24px}.hotspot-label{display:none}.hotspot-card{position:fixed;left:18px;right:18px;top:auto;bottom:22px;width:auto;max-width:none;padding:13px 32px 13px 14px;transform:none}.hotspot-card strong{font-size:16px}.hotspot-card p{font-size:12px;line-height:1.58}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}