:root{--ink:#07111f;--ink-deep:#030914;--panel:#08192bc7;--panel-active:#09233beb;--blue:#0362ae;--sky:#4a94cf;--green:#49b355;--mint:#b4d9a4;--white:#eaf7ff;--muted:#8399aa;--line:#4a94cf47;--tilt-x:0px;--tilt-y:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:none;background:var(--ink-deep);min-width:320px}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{background:var(--ink-deep);min-width:320px;color:var(--white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:DengXian,PingFang SC,-apple-system,BlinkMacSystemFont,SF Pro Text,Microsoft YaHei UI,sans-serif;font-size:14px;font-weight:400;overflow-x:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{background:var(--ink);width:100%;max-width:430px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 70px #00000080}.chapter{scroll-snap-align:start;isolation:isolate;background:var(--ink-deep);min-height:100svh;position:relative;overflow:hidden}.chapter:after{content:"";z-index:7;pointer-events:none;background:#4a94cf1f;width:1px;position:absolute;top:0;bottom:0;left:auto;right:0}.scene-art{z-index:0;object-fit:cover;object-position:center;opacity:0;width:102%;height:102%;transform:translate3d(var(--tilt-x), calc(16px + var(--tilt-y)), 0) scale(1.035);pointer-events:none;transition:opacity .9s,transform 1.4s cubic-bezier(.16,.8,.24,1);position:absolute;top:-1%;bottom:-1%;left:-1%;right:-1%}.chapter.is-visible .scene-art,.hero .scene-art{opacity:.74;transform:translate3d(var(--tilt-x), var(--tilt-y), 0) scale(1)}.chapter-content,.hero-content{z-index:5;min-height:100svh;padding:max(27px, env(safe-area-inset-top)) 27px max(28px, env(safe-area-inset-bottom));position:relative}h1,h2,h3,p{margin:0}h2,h3{letter-spacing:0;font-family:DengXian,PingFang SC,-apple-system,BlinkMacSystemFont,SF Pro Display,Microsoft YaHei UI,sans-serif;font-weight:600}.section-mark{min-height:18px;color:var(--sky);white-space:nowrap;align-items:center;display:flex}.section-mark>span{color:var(--mint);letter-spacing:.1em;font-family:Bahnschrift,SF Pro Text,Arial Narrow,sans-serif;font-size:9px;font-weight:600}.section-mark>i{background:var(--sky);width:29px;height:1px;margin:0 10px}.chapter-progress{z-index:40;color:#eaf7ff61;flex-direction:column;align-items:center;gap:7px;display:flex;position:fixed;top:43%;right:max(4px,50vw - 211px)}.chapter-progress>span,.chapter-progress>small{font-family:Bahnschrift,SF Pro Text,sans-serif;font-size:8px;font-weight:400}.chapter-progress>div{gap:8px;display:grid}.chapter-progress button{cursor:pointer;background:0 0;border:0;width:24px;height:8px;padding:0}.chapter-progress button i{background:#4a94cf59;width:7px;height:1px;margin-left:auto;transition:width .26s,background-color .26s;display:block}.chapter-progress button.is-past i{background:#4a94cfb8}.chapter-progress button.is-active i{background:var(--green);width:19px;height:2px;box-shadow:0 0 9px #49b35580}.hero-art{opacity:.7!important}.brand-logo{z-index:9;top:max(21px, env(safe-area-inset-top));opacity:0;width:119px;height:auto;animation:.6s 80ms forwards fade-in;position:absolute;left:27px}.hero .section-mark{top:max(28px, env(safe-area-inset-top));position:absolute;right:17px}.hero-content{padding-top:91px}.hero-portrait{z-index:2;object-fit:cover;object-position:48% top;opacity:0;filter:saturate(.88)contrast(1.04);width:78%;height:54%;transform:translate3d(calc(var(--tilt-x) * -.7), calc(18px + var(--tilt-y)), 0) scale(1.02);transform-origin:bottom;animation:.98s cubic-bezier(.16,.8,.24,1) .26s forwards portrait-enter;position:absolute;bottom:-1%;right:-4%;-webkit-mask-image:linear-gradient(#0000 0%,#000 9% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 9% 88%,#0000 100%)}.hero-shade{z-index:3;pointer-events:none;background:#03091438;height:16%;position:absolute;top:47%;left:0;right:0;box-shadow:0 -34px 48px #030914b3,0 31px 50px #03091429}.identity-block{border-left:2px solid var(--green);opacity:0;gap:6px;max-width:310px;padding-left:12px;animation:.62s .24s forwards rise-in;display:grid}.identity-block b{font-size:18px;font-weight:600;line-height:1.2}.identity-block span{color:#eaf7ffc2;font-size:10px;line-height:1.55}.principle-stack{width:78%;margin-top:45px;display:grid}.principle-stack button{color:#eaf7ff57;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:21px 34px 1fr;align-items:center;gap:7px;min-height:61px;padding:0;transition:color .38s,transform .38s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.principle-stack button:after{content:"";background:#4a94cf33;height:1px;position:absolute;bottom:2px;left:69px;right:0}.principle-number{color:#4a94cfb8;letter-spacing:.08em;align-self:end;margin-bottom:14px;font-family:Bahnschrift,SF Pro Text,sans-serif;font-size:8px}.principle-icon{color:#4a94cfb3;background:#0412228c;border:1px solid #4a94cf40;border-radius:5px;place-items:center;width:32px;height:32px;transition:color .32s,border-color .32s,background-color .32s,transform .32s;display:grid}.principle-stack button>b{letter-spacing:0;white-space:nowrap;text-shadow:0 3px 24px #000000b8;font-family:DengXian,PingFang SC,-apple-system,BlinkMacSystemFont,SF Pro Display,Microsoft YaHei UI,sans-serif;font-size:clamp(41px,11.2vw,48px);font-weight:600;line-height:1.04}.principle-stack button.is-past{color:#eaf7ffb8}.principle-stack button.is-active{color:var(--white);transform:translate(5px)}.principle-stack button.is-active>b{color:var(--mint)}.principle-stack button.is-active .principle-icon{color:var(--mint);background:#08263be0;border-color:#b4d9a4ad;transform:scale(1.08);box-shadow:0 0 18px #49b35529}.principle-stack button.is-active:after{background:var(--green);height:2px;animation:.5s cubic-bezier(.2,.8,.2,1) line-reveal;box-shadow:0 0 13px #49b3555c}.scroll-hint{z-index:9;left:27px;bottom:max(22px, env(safe-area-inset-bottom));cursor:pointer;background:0 0;border:0;width:28px;height:38px;padding:0;position:absolute}.scroll-hint i,.scroll-hint i:before,.scroll-hint i:after{border-right:1px solid var(--sky);border-bottom:1px solid var(--sky);width:9px;height:9px;position:absolute;transform:rotate(45deg)}.scroll-hint i{top:1px;left:9px}.scroll-hint i:before{content:"";top:8px;left:-1px}.scroll-hint i:after{content:"";top:16px;left:-1px}.method-art{object-position:center}.method h2{text-shadow:0 3px 22px #000000b8;margin-top:31px;font-size:clamp(34px,9.5vw,41px);line-height:1.14}.method h2 span{color:#4d9ee6}.chapter-intro{color:#eaf7ff9e;margin-top:12px;font-size:11px;line-height:1.55}.method-timeline{margin-top:26px;padding-left:69px;position:relative}.method-timeline button{color:#eaf7ffab;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(5px);background:#030d1ab3;border:1px solid #4a94cf2e;border-radius:6px;grid-template-columns:25px 32px 1fr 7px;align-items:center;gap:8px;width:100%;min-height:52px;margin-bottom:6px;padding:8px 9px 8px 12px;transition:min-height .3s,border-color .3s,background-color .3s,color .3s,transform .3s;display:grid;position:relative}.method-number{color:#4a94cfe6;font-family:Bahnschrift,SF Pro Text,sans-serif;font-size:8px}.method-icon{color:#4a94cfbd;background:#0412227a;border:1px solid #4a94cf3d;border-radius:5px;place-items:center;width:30px;height:30px;transition:color .28s,border-color .28s,transform .28s;display:grid}.method-timeline button b{font-size:14px;font-weight:600;line-height:1.3;display:block}.method-timeline button p{color:#eaf7ffa3;max-width:228px;margin-top:5px;font-size:9px;line-height:1.55;animation:.3s readout-in}.method-timeline button>i{border:1px solid #4a94cfc7;width:5px;height:5px}.method-timeline button.is-past{border-color:#49b35547}.method-timeline button.is-active{min-height:74px;color:var(--white);box-shadow:0 0 24px #0362ae2e, inset 2px 0 var(--green);background:#051e34eb;border-color:#4a94cfbf;transform:translate(3px)}.method-timeline button.is-active .method-icon{color:var(--mint);border-color:#b4d9a4b8;transform:scale(1.08)}.method-timeline button.is-active>i{background:var(--green);border-color:var(--mint);box-shadow:0 0 0 5px #49b3551f}.result-art{object-position:center;opacity:.68!important}.result-intro{color:var(--mint);margin-top:32px}.result h2{text-shadow:0 3px 24px #000000d9;max-width:280px;margin-top:10px;font-size:clamp(38px,10.5vw,45px);line-height:1.09}.result h2 span{color:#4d9ee6}.result-meta{background:#030a1457;border-top:1px solid #4a94cf4d;border-bottom:1px solid #4a94cf4d;grid-template-columns:1fr 1.1fr;width:77%;margin-top:21px;display:grid}.result-meta>span{align-content:center;gap:5px;min-height:53px;padding:8px 11px;display:grid}.result-meta>span+span{border-left:1px solid #4a94cf3d}.result-meta small{color:var(--sky);font-size:8px}.result-meta b{font-size:11px;font-weight:500;line-height:1.35}.result-console{-webkit-backdrop-filter:blur(7px);cursor:pointer;touch-action:pan-y;background:#051424c7;border:1px solid #4a94cf6e;border-radius:8px;width:88%;min-height:184px;margin-top:24px;padding:19px 18px 25px;transition:border-color .24s,transform .24s;position:relative;box-shadow:0 16px 44px #0000004d}.result-console:active{border-color:#b4d9a4b8;transform:scale(.99)}.result-console:focus-visible{outline:1px solid var(--mint);outline-offset:3px}.result-console:after{content:"";background:var(--green);width:47px;height:2px;position:absolute;top:-1px;right:18px;box-shadow:0 0 12px #49b35580}.result-head{justify-content:space-between;align-items:center;display:flex}.result-index{color:var(--mint);font-family:Bahnschrift,SF Pro Display,sans-serif;font-size:25px;font-weight:300}.result-icon{width:48px;height:48px;color:var(--sky);background:#031323b3;border:1px solid #4a94cf57;border-radius:7px;place-items:center;animation:.48s cubic-bezier(.2,.8,.2,1) icon-charge;display:grid;box-shadow:inset 0 0 18px #0362ae24}.result-readout{margin-top:14px;animation:.34s cubic-bezier(.2,.8,.2,1) readout-in}.result-readout h3{font-size:25px;line-height:1.16}.result-readout p{color:#eaf7ffa6;max-width:245px;margin-top:7px;font-size:10px;line-height:1.58}.result-track{background:#8399aa2b;height:2px;position:absolute;bottom:16px;left:18px;right:18px}.result-track i{width:var(--stage-progress);background:var(--green);height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1);display:block}.stage-dots{grid-template-columns:repeat(5,1fr);gap:7px;width:88%;margin-top:9px;display:grid}.stage-dots button{color:#8399aa80;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #4a94cf33;height:27px;padding:0}.stage-dots button.is-past{color:var(--sky);border-color:#4a94cfa6}.stage-dots button.is-active{color:var(--mint);border-color:var(--green)}.stage-dots span{font-family:Bahnschrift,SF Pro Text,sans-serif;font-size:8px}.result-tags{gap:6px;width:88%;margin-top:14px;display:grid}.result-tags span{border-left:2px solid var(--green);color:#eaf7ffad;padding-left:10px;font-size:9px;line-height:1.35}.focus-art{opacity:.72!important}.focus-portrait{z-index:2;object-fit:cover;object-position:57% top;opacity:.88;filter:saturate(.85)contrast(1.03);width:71%;height:46%;transform:translate3d(calc(var(--tilt-x) * -.55), var(--tilt-y), 0);position:absolute;bottom:-1%;left:-2%;-webkit-mask-image:linear-gradient(#0000 0%,#000 11% 91%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 11% 91%,#0000 100%)}.focus-shade{z-index:3;pointer-events:none;background:#0309142e;height:13%;position:absolute;top:48%;left:0;right:0;box-shadow:0 -31px 47px #030914b0,0 28px 48px #03091421}.focus-kicker,.signature-kicker{color:var(--mint);margin-top:42px;font-size:10px;line-height:1.4}.focus-kicker{align-items:center;gap:9px;display:flex}.focus-kicker i{background:var(--green);width:6px;height:6px;animation:1.7s ease-in-out infinite orbit-pulse;box-shadow:0 0 0 5px #49b3551c}.focus h2{text-shadow:0 3px 24px #000000d1;margin-top:14px;font-size:clamp(44px,12.4vw,53px);line-height:1.01}.focus h2 span{color:#4d9ee6}.focus-route{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px;display:grid;position:relative}.focus-route:before{content:"";z-index:-1;background:#4a94cf8c;height:1px;position:absolute;top:36px;left:8%;right:8%}.focus-route button{color:#eaf7ff91;-webkit-backdrop-filter:blur(5px);cursor:pointer;background:#04101ec2;border:1px solid #4a94cf4d;border-radius:5px;align-content:center;justify-items:center;gap:6px;min-height:88px;padding:7px 3px;transition:transform .26s,border-color .26s,background-color .26s,color .26s;display:grid;position:relative}.focus-route button span{color:var(--sky);font-family:Bahnschrift,SF Pro Text,sans-serif;font-size:8px}.focus-icon{color:#4a94cfb8;transition:color .26s,transform .26s}.focus-route button b{font-size:12px;font-weight:500}.focus-route button i{border:1px solid var(--sky);background:#07131f;width:7px;height:7px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.focus-route button.is-past{border-color:#49b3557a}.focus-route button.is-active{color:var(--white);border-color:var(--mint);background:#082339f0;transform:translateY(-4px);box-shadow:0 0 25px #49b3551f}.focus-route button.is-active .focus-icon{color:var(--mint);transform:translateY(-2px)scale(1.08)}.focus-route button.is-active i{background:var(--green);border-color:var(--green)}.focus-readout{border-left:2px solid var(--green);color:#eaf7ffb8;background:#030c1880;max-width:254px;min-height:43px;margin-top:18px;padding:9px 11px;font-size:10px;line-height:1.55;animation:.3s readout-in}.signature-art{object-position:center;opacity:.75!important}.signature-kicker{margin-top:76px}.signature h2{text-shadow:0 4px 25px #000000db;max-width:295px;margin-top:14px;font-size:clamp(44px,12.3vw,53px);line-height:1.15}.signature h2 span{color:var(--mint);display:inline-block}.signature-signals{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:158px;display:grid;position:relative}.signature-signals button{color:#8399aaad;-webkit-backdrop-filter:blur(5px);cursor:pointer;background:#030c18b3;border:1px solid #4a94cf47;border-radius:5px;align-content:center;justify-items:center;gap:8px;min-height:101px;padding:8px 4px;transition:color .3s,transform .3s,border-color .3s,background-color .3s;display:grid;position:relative}.signature-icon{color:#4a94cfad;transition:color .3s,transform .3s}.signature-signals button>span{color:var(--sky);font-family:Bahnschrift,SF Pro Text,sans-serif;font-size:8px}.signature-signals button>b{white-space:nowrap;font-size:13px;font-weight:500}.signature-signals button>i{background:#4a94cf5c;width:18px;height:2px}.signature-signals button.is-on{color:var(--white);background:#061b2de0;border-color:#b4d9a4ad;transform:translateY(-3px)}.signature-signals button.is-on .signature-icon{color:var(--mint);transform:translateY(-2px)scale(1.09)}.signature-signals button.is-on>i{background:var(--green);box-shadow:0 0 12px #49b35580}.signature-name{align-items:center;gap:13px;margin-top:35px;display:flex}.signature-name b{font-size:21px;font-weight:600}.signature-name i{background:var(--green);width:46px;height:1px}.signature-name span{color:#8399aab3;font-family:Bahnschrift,SF Pro Text,sans-serif;font-size:9px}.replay{width:-moz-fit-content;width:fit-content;color:var(--sky);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #4a94cf7a;margin-top:14px;padding:6px 0;font-size:9px}[data-reveal]{opacity:0;transition:opacity .64s,transform .64s cubic-bezier(.2,.8,.2,1);transform:translateY(17px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}button:focus-visible{outline:1px solid var(--mint);outline-offset:3px}@keyframes fade-in{to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-enter{to{opacity:.93;transform:translate3d(calc(var(--tilt-x) * -.7), var(--tilt-y), 0) scale(1)}}@keyframes line-reveal{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes readout-in{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:translate(0)}}@keyframes orbit-pulse{0%,to{opacity:.66;transform:scale(.82)}50%{opacity:1;transform:scale(1.14)}}@keyframes icon-charge{0%{opacity:0;transform:translateY(5px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:370px){.chapter-content,.hero-content{padding-left:22px;padding-right:23px}.brand-logo{width:112px;left:22px}.hero-content{padding-top:87px}.principle-stack{width:80%;margin-top:37px}.principle-stack button{min-height:56px}.principle-stack button>b{font-size:39px}.hero-portrait{width:80%;height:52%}.method h2{margin-top:27px;font-size:33px}.method-timeline{margin-top:21px;padding-left:61px}.method-timeline button{min-height:48px;margin-bottom:5px}.method-timeline button.is-active{min-height:68px}.result-intro{margin-top:27px}.result h2{font-size:37px}.result-console{min-height:176px;margin-top:19px}.focus-kicker{margin-top:35px}.focus h2{font-size:43px}.focus-route{gap:7px;margin-top:23px}.focus-route button{min-height:82px}.focus-portrait{height:43%}.signature-kicker{margin-top:61px}.signature h2{font-size:43px}.signature-signals{gap:6px;margin-top:132px}.signature-signals button{min-height:94px}.signature-signals button>b{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.motion-lite *,.motion-lite :before,.motion-lite :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}.motion-lite [data-reveal],.motion-lite .hero-portrait,.motion-lite .brand-logo,.motion-lite .identity-block,.motion-lite .scene-art{opacity:1;transform:none}