@font-face{font-family:Architekt;src:url(/assets/shared/brand/media/53b29d635aa28bc4d91f.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html,body{color:#dfe7e3;background:#050607;width:100%;height:100%;margin:0;font-family:Architekt,Courier New,monospace;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{opacity:.25;cursor:default}button:focus-visible{outline-offset:6px;outline:1px solid #bce8cc}a:focus-visible{outline-offset:6px;outline:1px solid #bce8cc}main{width:100%;height:100dvh;min-height:440px;position:relative}.world{touch-action:none;position:absolute;top:0;bottom:0;left:0;right:0}.world canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;z-index:1;background:radial-gradient(at 50% 40%,#0000 30%,#05060755 75%,#050607bd);position:absolute;top:0;bottom:0;left:0;right:0}.grain{pointer-events:none;z-index:8;opacity:.025;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#b9ddc8 3px,#0000 4px);position:absolute;top:0;bottom:0;left:0;right:0}.main-interface{pointer-events:none;z-index:3;opacity:0;transition:opacity 1s;position:absolute;top:0;bottom:0;left:0;right:0}.is-ready .main-interface{opacity:1}.main-interface button,.main-interface nav,.main-interface aside{pointer-events:auto}header{justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:34px;left:38px;right:38px}.wordmark{text-align:left;letter-spacing:-1px;padding:0 34px 0 0;font-size:17px;font-weight:700;line-height:.91;position:relative}.brand-star{font-size:32px;font-weight:400;position:absolute;top:0;right:0}.study-label{letter-spacing:.1em;text-align:center;font-size:12px;line-height:1.4}.study-label span{color:#78817e;letter-spacing:.11em;margin-top:5px;font-size:8px;display:block}.index-toggle{letter-spacing:.1em;border-bottom:1px solid #697570;justify-content:space-between;width:88px;padding:0 0 10px;font-size:11px;display:flex}.index-toggle span{font-size:18px;line-height:10px}.side-label{letter-spacing:.11em;writing-mode:vertical-rl;color:#7c8680;font-size:8px;position:absolute;top:50%;left:35px;transform:rotate(180deg)translateY(50%)}.project-counter{color:#717c75;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;top:calc(50% - 115px);left:42px}.project-counter span{color:#d8e6dd}.project-counter i{background:#576259;width:22px;height:1px}.current-project{text-align:center;width:min(88%,580px);transition:opacity .3s;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.current-project>span{letter-spacing:.12em;color:#91a197;text-transform:uppercase;font-size:9px}.current-project h1{letter-spacing:-.02em;margin:9px 0 16px;font-size:clamp(17px,2vw,24px);font-weight:400}.current-project button{letter-spacing:.06em;border-bottom:1px solid #5b6c60;padding:0 0 9px;font-size:9px;transition:color .2s}.current-project button span{margin-left:25px;font-size:15px}.current-project button:hover{color:#c9fedb}.project-progress{flex-direction:column;gap:3px;display:flex;position:absolute;top:50%;right:34px;transform:translateY(-50%)}.project-progress button{justify-content:flex-end;align-items:center;gap:8px;width:42px;height:26px;padding:0;display:flex}.project-progress button span{opacity:0;font-size:8px}.project-progress button i{background:#4a554d;width:12px;height:1px;transition:width .4s,background .4s}.project-progress button.active i,.project-progress button:hover i{background:#d2e6d7;width:22px}.project-progress button.active span,.project-progress button:hover span{opacity:1}footer{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:30px;left:38px;right:38px}.scroll-note{color:#bcc8bd;align-items:center;gap:12px;font-size:9px;line-height:1.8;display:flex}.scroll-note small{color:#65756b;font-size:7px}.scroll-icon{font-family:Arial,sans-serif;font-size:25px;animation:2.5s infinite drift}.pill{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#b2c1b00e;border:1px solid #818f7f50;border-radius:40px;align-items:center;gap:20px;padding:5px 10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pill span{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:12px;font-size:10px;display:flex}.pill i{background:#ccf5b7;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #a3ffa277}.pill button{padding:9px;font:20px Arial}.motion-toggle{letter-spacing:.05em;color:#96a698;padding:10px 0;font-size:8px}.index-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0b100ff2;border:1px solid #8193863b;width:min(430px,100% - 56px);max-height:calc(100dvh - 130px);padding:24px;position:absolute;top:85px;right:28px;overflow:auto;box-shadow:0 20px 100px #0008}.index-heading{letter-spacing:.06em;border-bottom:1px solid #48514a;justify-content:space-between;padding-bottom:18px;font-size:10px;display:flex}.index-heading span{color:#68786b;font-size:8px}.index-panel>button{text-align:left;border-bottom:1px solid #48514a50;align-items:center;gap:16px;width:100%;padding:14px 0;font-size:13px;display:flex}.index-panel>button:hover,.index-panel>button.active{color:#c7edac}.index-num{color:#627965;font-size:8px}.index-panel img{object-fit:cover;filter:saturate(.5);width:60px;height:40px}.index-panel small{color:#788679;margin-top:6px;font-size:8px;display:block}.index-panel b{margin-left:auto;font-size:16px;font-weight:400}.loading{z-index:20;letter-spacing:.2em;background:#050607;flex-direction:column;justify-content:center;align-items:center;gap:25px;font-size:9px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.loading-mark{letter-spacing:-.12em;font-size:64px;position:relative}.loading-mark span{font-size:24px;position:absolute;top:0;right:-24px}.loading i{background:#476552;width:140px;height:1px;position:relative;overflow:hidden}.loading i:after{content:"";background:#c9e7c8;animation:1s infinite load;position:absolute;top:0;bottom:0;left:0;right:0}.detail{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overscroll-behavior:contain;background:#070a0ced;animation:.65s cubic-bezier(.2,.8,.2,1) detailIn;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.close-detail{float:right;z-index:2;background:#101714d9;border:1px solid #465348;border-radius:30px;align-items:center;gap:35px;margin:24px 30px 0 0;padding:9px 18px;font-size:9px;display:flex;position:sticky;top:24px}.close-detail span{font:24px Arial}.detail-inner{width:min(980px,85%);margin:120px auto 40px}.detail-kicker{text-transform:uppercase;letter-spacing:.1em;color:#a7b8ac;justify-content:space-between;font-size:10px;display:flex}.detail h2{letter-spacing:-.06em;margin:25px 0 45px;font-size:clamp(40px,7vw,90px);font-weight:400;line-height:1.1}.detail-video{background:#111714;border:1px solid #788e7b38}.detail-video video,.detail-video img{object-fit:contain;width:100%;max-height:65vh;display:block}.detail-video p{padding:15px;font-size:12px}.detail-bottom{grid-template-columns:1fr 2fr;gap:30px;margin:50px 0 65px;display:grid}.detail-bottom>span{color:#789583;letter-spacing:.1em;padding-top:8px;font-size:9px}.detail-bottom p{color:#bccbbf;margin:0;font-size:16px;line-height:1.8}.next-project{border-top:1px solid #788e7b50;justify-content:space-between;width:100%;padding:25px 0;font-size:12px;display:flex}.next-project span{font-size:24px}.attribution{color:#607164;margin-top:30px;font-size:8px}.fallback-card{background-blend-mode:soft-light;background-color:#24352a;background-position:50%;background-size:cover;height:40%;padding:40px;position:absolute;top:24%;left:20%;right:20%}.fallback-card h1{font-size:32px}.fallback-card p{font-size:12px}.fallback-card span{font-size:11px}.detail-open .main-interface{opacity:0}@keyframes drift{50%{transform:translateY(5px)}}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes detailIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:650px){header{top:23px;left:22px;right:22px}.wordmark{padding-right:28px;font-size:13px}.brand-star{font-size:25px}.study-label{font-size:9px}.study-label span{display:none}.index-toggle{width:57px;font-size:9px}.side-label{display:none}.project-counter{top:120px;left:22px}.project-progress{right:16px}.current-project{bottom:140px}.current-project h1{font-size:20px}footer{bottom:24px;left:22px;right:22px}.scroll-note{font-size:7px}.scroll-note small{display:none}.scroll-icon{font-size:20px}.pill{gap:8px;bottom:46px}.pill span{font-size:9px}.motion-toggle{font-size:7px}.detail-inner{width:87%;margin-top:120px}.detail h2{margin:25px 0}.detail-bottom{grid-template-columns:1fr;gap:15px;margin:30px 0}.detail-bottom p{font-size:13px}.fallback-card{padding:25px;left:10%;right:10%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.portfolio-study{color:#28313b;background:#e8ebee;width:100%;height:100dvh;position:relative}.portfolio-study .vignette{background:radial-gradient(#0000 50%,#d4dae333)}.portfolio-study .project-counter span,.portfolio-study .current-project>span,.portfolio-study .project-progress button.active span{color:#394755}.portfolio-study .pill{color:#28313b;background:#ffffffcf;border-color:#aeb5be}.portfolio-study .current-project{background:#f8fafbba;border-radius:18px;width:min(75%,400px);padding:12px;bottom:115px}.portfolio-study .current-project h1{margin:5px 0 8px}.portfolio-study .index-panel,.portfolio-study .detail{color:#e0e6eb}.frame-panel{z-index:20;color:#303944;width:250px;font-size:12px;position:absolute;top:95px;right:24px}.frame-panel summary{cursor:pointer;background:#ffffffdc;border-radius:20px;padding:12px 16px}.frame-controls{overscroll-behavior:contain;background:#f5f7faf2;border-radius:16px;max-height:calc(100dvh - 200px);margin-top:8px;padding:16px;overflow:auto}.frame-controls label{margin:14px 0;display:block}.frame-controls output{float:right}.frame-controls input{accent-color:#424e5e;width:100%;margin-top:8px;display:block}.frame-controls button{border:1px solid #bbc4ce;border-radius:7px;margin:3px;padding:9px}.frame-controls p{font-size:10px}@media (max-width:650px){.frame-panel{width:225px;top:78px;right:12px}}.strand-panel{top:95px;left:24px;right:auto}.strand-panel select{color:#303944;background:#fff;border:1px solid #c6cdd6;border-radius:6px;width:100%;margin-top:8px;padding:8px;display:block}.strand-panel input[type=color]{border:0;height:28px;padding:0}@media (max-width:650px){.strand-panel{top:126px;left:12px}}.portfolio-clean-ui .main-interface>header,.portfolio-clean-ui .side-label,.portfolio-clean-ui .project-counter,.portfolio-clean-ui .current-project,.portfolio-clean-ui .main-interface>footer{display:none}.portfolio-clean-ui{background:#000}.portfolio-clean-ui .vignette{background:0 0}.study-left-controls{z-index:21;overscroll-behavior:contain;width:250px;max-height:calc(100dvh - 120px);position:absolute;top:95px;left:24px;overflow:auto}.study-left-controls>.frame-panel{width:100%;margin-bottom:8px;position:static}.particle-panel input[type=color]{border:0;height:28px;padding:0}.particle-panel input[type=checkbox]{width:auto;margin-left:10px;display:inline-block}.study-left-controls .frame-controls{max-height:calc(100dvh - 260px)}@media (max-width:650px){.study-left-controls{width:min(225px,100vw - 24px);max-height:calc(100dvh - 146px);top:126px;left:12px}}.portfolio-dark{background:#000}.portfolio-dark .vignette{background:0 0}html.cinematic-document{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d4dedc #08141a;height:auto;overflow:hidden auto}.cinematic-document body{background:#02080e;height:auto;overflow:visible}.cinematic-site{isolation:isolate;background:#02080e;width:100%;height:auto;min-height:100dvh}.scroll-story{pointer-events:none;z-index:-1;width:100%;position:relative}.scroll-story section{width:100%;min-height:100vh}.story-world,.story-gallery{will-change:transform;background:#02080e;width:100%;height:100dvh;position:fixed;top:0;bottom:0;left:0;right:0}.navigation-curtain{z-index:3;opacity:0;pointer-events:none;background:#020b11;position:fixed;top:0;bottom:0;left:0;right:0}.story-gallery.is-transitioning{background:0 0}.story-gallery.is-transitioning .world,.story-gallery.is-transitioning .vignette,.story-gallery.is-transitioning .grain{visibility:hidden}.story-world{pointer-events:none;z-index:0}.story-world canvas{width:100%;height:100%;display:block}.story-gallery{z-index:1}.story-gallery .portfolio-study{background:0 0}.gallery-experience{width:100%;height:100dvh;min-height:440px;position:relative}.story-gallery .world,.story-gallery .world canvas{touch-action:pan-y}.story-gallery header{top:120px;left:auto;right:42px}.story-gallery header .wordmark,.story-gallery header .study-label,.story-gallery .side-label{display:none}.story-gallery .project-counter{top:50%;left:28px}.story-gallery .project-progress{right:52px}.story-gallery .index-panel{top:166px}.story-interface{z-index:4;pointer-events:none;opacity:0;transition:opacity 1s;position:fixed;top:0;bottom:0;left:0;right:0}.scene-ready .story-interface{opacity:1}.story-interface button,.story-interface nav{pointer-events:auto}.has-dialog .story-interface{opacity:0;pointer-events:none}.has-dialog .story-gallery{visibility:hidden!important;pointer-events:none!important}.scene-loading .loading-brand{object-fit:contain;width:68px;height:68px;display:block}.chapter-rail{flex-direction:column;gap:6px;display:flex;position:absolute;top:49%;right:8px;transform:translateY(-50%)}.chapter-rail button{justify-content:flex-end;align-items:center;gap:12px;height:40px;padding:4px 8px;display:flex;position:relative}.chapter-rail button i{background:#aac2c040;border-radius:3px;width:3px;height:17px;transition:height .3s,background .3s}.chapter-rail button.active i{background:#e7eeec;height:32px;box-shadow:0 0 9px #91d8db40}.chapter-rail button span{white-space:nowrap;color:#d6e6e9;opacity:0;pointer-events:none;background:#0a151de8;border:1px solid #7daaaa40;border-radius:3px;padding:7px 10px;font:12px Arial,sans-serif;transition:all .2s;position:absolute;right:30px;transform:translate(6px)}.chapter-rail button:hover span{opacity:1;transform:translate(0)}.chapter-rail button:focus-visible span{opacity:1;transform:translate(0)}.scene-footer{left:3.7%;right:3.7%;bottom:max(22px,env(safe-area-inset-bottom));color:#a3b4bf;letter-spacing:.12em;justify-content:space-between;align-items:center;font:11px Arial,Microsoft YaHei,sans-serif;display:flex;position:absolute}.scene-motion{opacity:.6;place-items:center;width:40px;height:40px;padding:0;transition:opacity .2s;display:grid}.scene-motion:hover{opacity:1}.scene-motion:focus-visible{opacity:1}.continue-label{align-items:center;gap:19px;min-height:40px;padding:0 4px;display:flex}.continue-label>span{font:22px Arial,sans-serif}.light-story-copy{z-index:2;pointer-events:none;color:#e1e8ed;text-shadow:0 2px 5px #000,0 0 22px #000b;max-width:29%;position:fixed;top:53%;left:65%}.light-story-copy p{letter-spacing:.32em;color:#a3b2bc;margin:0 0 16px;font:10px Arial,sans-serif}.light-story-copy h2{letter-spacing:.06em;margin:0;font:400 clamp(26px,2.6vw,44px)/1.5 Ponder Serif SC,Songti SC,SimSun,serif}.scene-loading{z-index:30;color:#d9eeed;letter-spacing:.1em;background:radial-gradient(at 80% 0,#173b42,#02080e 60%);flex-direction:column;justify-content:center;align-items:center;gap:26px;font-size:12px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.scene-loading strong{font-size:13px;font-weight:400}.scene-loading>span{letter-spacing:-.02em;font-size:28px}.scene-loading small{color:#799597;font-size:10px}.scene-loading i{background:#668c8d;width:140px;height:1px;position:relative;overflow:hidden}.scene-loading i:after{content:"";background:#fff;animation:1.5s infinite load;position:absolute;top:0;bottom:0;left:0;right:0}.scene-error{pointer-events:auto;background:#071319e8;border:1px solid #427776;padding:35px;font-family:Arial,sans-serif;position:absolute;top:35%;left:15%;right:15%}.scene-error h1{font-size:24px}.scene-error p{font-size:16px}.scene-error button{border:1px solid #7caaa5;margin:10px 12px 0 0;padding:10px;font-size:14px}@media (max-width:700px){.chapter-rail{right:0}.chapter-rail button{height:38px}.scene-footer{left:20px;right:25px;bottom:max(14px,env(safe-area-inset-bottom));font-size:10px}.continue-label{gap:13px}.light-story-copy{max-width:82%;top:10%;left:7%}.light-story-copy p{margin-bottom:11px;font-size:8px}.light-story-copy h2{font-size:26px}.story-gallery .index-panel{top:80px}}@media (prefers-reduced-motion:reduce){.story-world,.story-gallery,.story-interface{transition:none}}.story-world[data-light-space-loading=true]:after{content:"正在点亮空间…";color:#c5cac7;letter-spacing:.12em;background:#04050b;place-items:center;font:13px Arial,sans-serif;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.story-world[data-light-space-active=true][data-light-space-error=true]:after{content:"灯光空间加载未完成，请刷新重试";color:#eee;background:#04050b;place-items:center;font:13px Arial,sans-serif;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.story-gallery .portfolio-dark .main-interface>header,.story-gallery .portfolio-dark .main-interface>footer{display:none}.story-gallery .portfolio-dark{color:#e4edf3}.story-gallery .portfolio-dark .project-counter{color:#a8b7c2;text-shadow:0 1px 8px #000}.story-gallery .portfolio-dark .project-counter span,.story-gallery .portfolio-dark .project-progress button.active span{color:#f0f7ff}.story-gallery .portfolio-dark .project-counter i{background:#8c9ca9}.story-gallery .portfolio-dark .project-progress button{color:#c6d3dd;text-shadow:0 1px 8px #000}.story-gallery .portfolio-dark .project-progress button i{background:#74828e}.story-gallery .portfolio-dark .project-progress button.active i,.story-gallery .portfolio-dark .project-progress button:hover i{background:#e7f6ff;box-shadow:0 0 5px #b8e3ff44}.story-gallery .portfolio-dark .detail{color:#e4edf3;background:#080e15f5}.story-gallery .portfolio-dark .project-counter{display:none}.story-gallery .portfolio-dark .current-project{text-align:left;color:#e1e8ed;text-shadow:0 2px 16px #000c;isolation:isolate;background:0 0;border-radius:0;width:min(360px,38%);padding:0;font-family:Arial,Microsoft YaHei,sans-serif;bottom:12%;left:6%;transform:none}.story-gallery .portfolio-dark .current-project:before{content:"";z-index:-1;pointer-events:none;filter:blur(12px);background:radial-gradient(at 30%,#02070be0,#0000 73%);position:absolute;top:-28px;bottom:-24px;left:-34px;right:-34px}.story-gallery .portfolio-dark .current-project>span{letter-spacing:.16em;color:#a3b2bc;font-size:9px}.story-gallery .portfolio-dark .current-project h1{margin:12px 0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.4vw,38px);font-weight:400;line-height:1.2}.story-gallery .portfolio-dark .current-project button{letter-spacing:.06em;border-color:#9baebb66;padding-bottom:9px;font-size:12px}.story-gallery .portfolio-dark .project-progress{flex-direction:row;gap:0;top:auto;bottom:4%;left:50%;right:auto;transform:translate(-50%)}.story-gallery .portfolio-dark .project-progress button{justify-content:center;width:24px;height:36px}.story-gallery .portfolio-dark .project-progress button span{display:none}.story-gallery .portfolio-dark .project-progress button i{border-radius:50%;width:4px;height:4px}.story-gallery .portfolio-dark .project-progress button.active i{width:5px;height:5px}.home-mirror-scene .mirror-cta{align-items:center;margin-top:36px;font-size:17px;display:inline-flex}@media (max-width:700px){.story-gallery .portfolio-dark .current-project{width:78%;bottom:11%;left:7%}.story-gallery .portfolio-dark .current-project>span{font-size:8px}.story-gallery .portfolio-dark .current-project h1{margin:9px 0 12px;font-size:25px}.story-gallery .portfolio-dark .current-project button{font-size:11px}.story-gallery .portfolio-dark .project-progress{bottom:max(12px,env(safe-area-inset-bottom));max-width:88%}.story-gallery .portfolio-dark .project-progress button{width:22px}.home-mirror-scene .mirror-cta{margin-top:25px;font-size:15px}}@media (any-pointer:coarse){.cinematic-site,.cinematic-site *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cinematic-site img,.cinematic-site canvas,.cinematic-site video{-webkit-user-drag:none}.cinematic-site input,.cinematic-site textarea,.cinematic-site select,.cinematic-site [contenteditable]:not([contenteditable=false]),.cinematic-site [contenteditable]:not([contenteditable=false]) *,.cinematic-site [data-allow-selection],.cinematic-site [data-allow-selection] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}.scene-loading{z-index:1000;color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.scene-loading .loading-brand{object-fit:contain;opacity:.95;width:60px;height:60px;display:block}.loading-progress{background:#ffffff26;width:150px;height:2px;overflow:hidden}.scene-loading .loading-progress i{transform-origin:0;background:#e8eff5;width:100%;height:100%;transition:transform .35s;animation:none;display:block;position:static}.story-contact{top:max(26px,env(safe-area-inset-top));pointer-events:auto;color:#d1dfe8;letter-spacing:.1em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06101866;border:1px solid #c4d7e126;border-radius:24px;padding:11px 17px;font:11px Arial,Microsoft YaHei,sans-serif;position:fixed;right:36px}.story-contact:hover{color:#fff;border-color:#c4d7e188}.collection-tabs{z-index:5;pointer-events:auto;gap:24px;display:flex;position:absolute;top:32px;left:6%}.collection-tabs button{color:#8c9da9;cursor:pointer;letter-spacing:.06em;background:0 0;border:0;border-bottom:1px solid #0000;padding:9px 0;font:12px Arial,Microsoft YaHei,sans-serif}.collection-tabs button[aria-selected=true]{color:#e9f3f9;border-color:#d1e6f1}.collection-tabs button:focus-visible{outline-offset:5px;outline:1px solid #c2d8ec}.story-contact:focus-visible{outline-offset:5px;outline:1px solid #c2d8ec}.collection-empty{color:#dce7ef;pointer-events:none;max-width:80%;font-family:Arial,Microsoft YaHei,sans-serif;position:absolute;bottom:15%;left:6%}.collection-empty h2{letter-spacing:.08em;font:400 32px Ponder Serif SC,serif}.collection-empty p{color:#8fa2b1;font-size:13px;line-height:1.8}@media (max-width:700px){.story-contact{top:max(20px,env(safe-area-inset-top));padding:10px 13px;font-size:10px;right:22px}.collection-tabs{gap:23px;top:83px;left:7%}.collection-tabs button{font-size:11px}.collection-empty{bottom:18%;left:7%}.collection-empty h2{font-size:27px}}.scene-loading .loading-progress i:after{content:none;animation:none}.collection-tabs{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050b10ba;border:1px solid #b8cbd11c;border-radius:4px;padding:4px 17px}@media (max-width:700px){.collection-tabs{gap:22px;padding:3px 13px;left:calc(7% - 13px)}}.collection-empty{text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#18242bef,#070e13f2);border:1px solid #b3cbd347;border-radius:9px;width:430px;max-width:calc(100% - 56px);padding:38px 32px 35px;top:47%;bottom:auto;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #0008,inset 0 1px #d4e4ef18}.empty-eyebrow{letter-spacing:.22em;color:#9cabb9;font-size:11px}.empty-orbit{border:1px solid #829aaa6b;border-radius:50%;width:39px;height:39px;margin:25px auto 23px;display:block;position:relative}.empty-orbit:after{content:"";background:#d2e3ee;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:3px;box-shadow:0 0 14px #b5defd88}.collection-empty h2{letter-spacing:.12em;margin:0 0 15px;font-size:30px}.collection-empty p{max-width:290px;margin:0 auto 26px;font-size:12px;line-height:1.9}.collection-empty button{color:#d7e5ef;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c5d8e566;padding:10px 0;font:12px Arial,Microsoft YaHei,sans-serif}.collection-empty button span{margin-left:13px}.collection-empty button:hover{color:#fff;border-color:#fff}.gallery-hover-hint{pointer-events:none;color:#dcebf7;background:#071119dc;border:1px solid #d4eaff33;border-radius:4px;flex-direction:column;gap:9px;max-width:260px;padding:14px 18px;font:12px Arial,sans-serif;display:flex;position:absolute;bottom:12%;right:6%}.gallery-hover-hint small{color:#98adbd;letter-spacing:.08em;font-size:10px}@media (max-width:700px){.collection-empty{padding:28px 22px 29px;top:48%}.collection-empty h2{font-size:27px}.gallery-hover-hint{display:none}}.project-cinema{z-index:40;overscroll-behavior:contain;color:#e0e7ec;isolation:isolate;-webkit-tap-highlight-color:transparent;background:#020407;width:100%;height:100dvh;font-family:Arial,Microsoft YaHei,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.project-cinema *{box-sizing:border-box}.project-cinema button,.project-cinema a{color:inherit;cursor:pointer;touch-action:manipulation;font-family:inherit;font-weight:400}.project-cinema button{background:0 0;border:0}.project-cinema button:disabled{opacity:.35;cursor:default}.project-cinema button:focus-visible{outline-offset:6px;outline:1px solid #c2d8ec}.project-cinema a:focus-visible{outline-offset:6px;outline:1px solid #c2d8ec}.project-cinema input:focus-visible{outline-offset:6px;outline:1px solid #c2d8ec}.project-cinema a{text-decoration:none}.project-cinema svg{display:block}.cinema-top{z-index:5;top:max(25px,env(safe-area-inset-top));letter-spacing:.15em;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;left:2.5%;right:2.5%}.cinema-wordmark{letter-spacing:.38em;font-size:13px}.cinema-close{letter-spacing:.15em;align-items:center;gap:15px;padding:10px 0 10px 16px;display:flex}.cinema-close span{color:#85939d;font-size:23px;font-weight:200;line-height:1}.cinema-content{background:radial-gradient(at 40% 39%,#09111d33,#0000 57%);flex-direction:column;align-items:center;min-height:100dvh;padding:8vh 0 22px;display:flex;position:relative}.cinema-stage-wrap{flex:none;width:100%;height:62vh;min-height:280px;position:relative}.cinema-stage{touch-action:pan-y;position:absolute;top:0;bottom:0;left:7%;right:7%;-webkit-mask-image:linear-gradient(#0000,#000 8% 85%,#0000);mask-image:linear-gradient(#0000,#000 8% 85%,#0000)}.cinema-stage canvas{opacity:0;width:100%;height:100%;transition:opacity .55s;display:block}.is-cinema-ready .cinema-stage canvas{opacity:1}.cinema-source{clip-path:inset(100%);pointer-events:none;opacity:0;width:1px;height:1px;position:absolute;top:0;left:0}.cinema-native .cinema-source{object-fit:contain;clip-path:none;opacity:1;pointer-events:auto;background:#05090d;border:1px solid #8e9eaf66;width:74%;height:85%;top:0;bottom:0;left:13%;right:13%;box-shadow:0 0 30px #90b7e510}.cinema-native .cinema-stage{display:none}.cinema-arrow{z-index:3;opacity:.7;padding:22px 18px;transition:opacity .2s;position:absolute;top:48%;transform:translateY(-50%)}.cinema-arrow:hover{opacity:1}.cinema-arrow svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:17px;height:29px}.cinema-previous{left:1.8%}.cinema-next{right:1.8%}.cinema-loading{letter-spacing:.2em;color:#8ea1b3;align-items:center;gap:15px;font-size:11px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.cinema-loading span{background:#cbdce9;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite alternate cinema-breathe}.cinema-media-error{text-align:center;background:#020609dd;padding:14px;font-size:12px;position:absolute;bottom:12%;left:15%;right:15%}.cinema-media-error button{margin-left:18px;text-decoration:underline}.cinema-player{z-index:2;color:#c6cfd7;align-items:center;gap:17px;width:min(580px,55vw);height:44px;margin:-1.5vh auto 0;display:flex;position:relative}.cinema-player button{flex:none;place-items:center;width:34px;height:40px;padding:8px;display:grid}.cinema-player button svg{width:18px;height:18px}.cinema-player input{accent-color:#e8f2fb;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:0;flex:1;min-width:40px;height:24px}.cinema-player input::-webkit-slider-runnable-track{background:linear-gradient(to right,#dae5ef var(--cinema-progress),#697787 var(--cinema-progress));border:0;height:1px}.cinema-player input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#eef6ff;border-radius:50%;width:6px;height:6px;margin-top:-2.5px}.cinema-player input::-moz-range-track{background:#697787;height:1px}.cinema-player input::-moz-range-thumb{background:#eef6ff;border:0;border-radius:50%;width:6px;height:6px}.cinema-time{letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#8a9aa6;font-size:9px}.cinema-sound svg,.cinema-fullscreen svg{fill:none;stroke:currentColor;stroke-width:1.3px}.cinema-player .cinema-sound,.cinema-player .cinema-fullscreen{opacity:.65;width:28px;padding:5px}.cinema-player button:hover{opacity:1}.cinema-project-heading{text-align:center;max-width:82%;margin:1.5vh auto 0;position:relative}.cinema-project-heading h2{letter-spacing:.045em;margin:0;font-family:Georgia,Songti SC,SimSun,serif;font-size:clamp(25px,2.7vw,44px);font-weight:400;line-height:1.18}.cinema-project-heading p{color:#b0bcc7;letter-spacing:.15em;margin:12px 0 7px;font-size:12px;line-height:1.6}.cinema-project-heading>span{letter-spacing:.18em;color:#657681;font-size:10px}.cinema-interaction-hint{letter-spacing:.18em;color:#526371;text-align:center;margin:10px 0 14px;font-size:10px}.cinema-bottom{letter-spacing:.15em;color:#aebbc5;justify-content:space-between;align-items:center;gap:24px;width:95%;margin-top:auto;padding-top:6px;font-size:10px;display:flex}.cinema-bottom>span{white-space:nowrap}.cinema-bottom i{color:#637480;margin:0 12px;font-style:normal}.cinema-bottom>div{align-items:center;gap:24px;display:flex}.cinema-bottom button{letter-spacing:.1em;border-bottom:1px solid #a5b6c180;padding:10px 0;font-size:11px}.cinema-bottom button span{margin-left:9px}.cinema-info-scrim{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.cinema-project-info{background:#0a1119;border:1px solid #a1b9cd33;width:min(600px,100%);max-height:88dvh;padding:46px;position:relative;overflow:auto}.cinema-project-info>p:first-of-type{letter-spacing:.22em;color:#8da2b4;font-size:9px}.cinema-project-info h3{margin:20px 0;font-family:Georgia,serif;font-size:30px;font-weight:400}.cinema-project-info .cinema-description{color:#b6c3ce;margin:20px 0 30px;font-size:14px;line-height:1.8}.cinema-project-info dl{flex-wrap:wrap;gap:25px;margin:25px 0 35px;display:flex}.cinema-project-info dt{color:#657c90;letter-spacing:.14em;margin-bottom:8px;font-size:9px}.cinema-project-info dd{margin:0;font-size:12px}.cinema-project-info small{color:#788b9a;font-size:10px;line-height:1.7}.cinema-project-info .cinema-info-close{padding:8px;font-size:25px;position:absolute;top:12px;right:16px}.cinema-metrics{z-index:8;color:#afd9ed;letter-spacing:0;background:#06121eee;padding:7px;font:10px monospace;position:fixed;bottom:8px;left:20px}@keyframes cinema-breathe{to{opacity:.25}}@media (max-width:759px),(pointer:coarse) and (orientation:portrait){.cinema-top{left:22px;right:22px;top:max(19px,env(safe-area-inset-top))}.cinema-wordmark{letter-spacing:.25em;font-size:11px}.cinema-close{letter-spacing:.05em;gap:10px;font-size:10px}.cinema-content{padding-top:max(100px,12svh);padding-bottom:max(24px,env(safe-area-inset-bottom));min-height:100svh}.cinema-stage-wrap{height:min(86vw,49svh);min-height:220px}.cinema-stage{top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 6% 83%,#0000);mask-image:linear-gradient(#0000,#000 6% 83%,#0000)}.cinema-arrow{padding:15px 18px;top:auto;bottom:-112px;transform:none}.cinema-arrow svg{width:13px;height:22px}.cinema-previous{left:8px}.cinema-next{right:8px}.cinema-player{gap:10px;width:calc(100% - 36px);margin:-2vh auto 0}.cinema-player .cinema-play{width:27px}.cinema-time{font-size:8px}.cinema-player .cinema-sound,.cinema-player .cinema-fullscreen{width:25px}.cinema-project-heading{max-width:calc(100% - 116px);margin:37px 58px 0}.cinema-project-heading h2{overflow-wrap:anywhere;font-size:27px;line-height:1.17}.cinema-project-heading p{letter-spacing:.09em;margin:14px 0 8px;font-size:10px}.cinema-project-heading>span{letter-spacing:.09em;font-size:9px}.cinema-interaction-hint{margin:23px 0 50px;font-size:9px}.cinema-bottom{letter-spacing:.08em;align-items:flex-end;width:calc(100% - 44px);font-size:8px}.cinema-bottom>div{flex-direction:column;align-items:flex-end;gap:15px}.cinema-bottom button{padding:7px 0;font-size:10px}.cinema-bottom i{margin:0 7px}.cinema-project-info{padding:30px 24px}.cinema-native .cinema-source{width:92%;height:80%;top:5%;left:4%;right:4%}.cinema-media-error{font-size:11px;left:7%;right:7%}}@media (max-height:650px) and (min-width:760px){.cinema-stage-wrap{height:60vh;min-height:250px}.cinema-project-heading{margin-top:15px}.cinema-interaction-hint{margin:12px 0 20px}.cinema-project-heading h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.cinema-stage canvas{transition:none}.cinema-loading span{animation:none}}@media (min-width:760px) and (pointer:fine){.cinema-content{height:100dvh;min-height:600px;padding:0;overflow:hidden}.cinema-stage-wrap{width:100%;height:100%;min-height:0;position:absolute;top:0;bottom:0;left:0;right:0}.cinema-stage{top:0;bottom:0;left:0;right:0;-webkit-mask-image:none;mask-image:none}.cinema-arrow{top:48%}.cinema-player{margin:0;position:absolute;top:71%;left:50%;transform:translate(-50%)}.cinema-project-heading{max-width:none;margin:0;position:absolute;top:80%;left:10%;right:10%}.cinema-project-heading h2{font-size:clamp(25px,2.7vw,44px)}.cinema-project-heading p{margin:12px 0 7px}.cinema-interaction-hint{opacity:.65;margin:0;font-size:9px;position:absolute;top:78%;right:2.5%}.cinema-bottom{margin:0;padding:0;position:absolute;bottom:3%;left:2.5%}.cinema-native .cinema-source{width:68%;height:57%;top:12%;bottom:12%;left:16%;right:16%}}@media (max-width:759px){.cinema-stage-wrap{height:min(70vw,42svh)}.cinema-player .cinema-play,.cinema-player .cinema-sound,.cinema-player .cinema-fullscreen{width:38px;height:44px}.cinema-player{gap:8px}.cinema-time{font-size:9px}.cinema-project-heading{margin-top:32px}.cinema-arrow{bottom:-109px}}.project-cinema{background:var(--cinema-bg,#020407)}.project-cinema:focus{outline:none}.project-cinema.cinema-shared,.cinema-entering .cinema-content,.cinema-exiting .cinema-content{background:0 0}.cinema-entering .cinema-stage canvas,.cinema-exiting .cinema-stage canvas{transition:none}.cinema-top,.cinema-player,.cinema-project-heading,.cinema-interaction-hint,.cinema-bottom,.cinema-arrow{transition:opacity .45s,translate .6s}.cinema-entering .cinema-top,.cinema-entering .cinema-player,.cinema-entering .cinema-project-heading,.cinema-entering .cinema-interaction-hint,.cinema-entering .cinema-bottom,.cinema-entering .cinema-arrow,.cinema-exiting .cinema-top,.cinema-exiting .cinema-player,.cinema-exiting .cinema-project-heading,.cinema-exiting .cinema-interaction-hint,.cinema-exiting .cinema-bottom,.cinema-exiting .cinema-arrow{opacity:0;pointer-events:none;translate:0 8px}.cinema-project-images{gap:16px;margin-top:24px;display:grid}.cinema-project-images img{width:100%;height:auto;display:block}.site-content-status{color:#afc4d5;letter-spacing:.12em;text-align:center;background:#03080d;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:30px;font:12px Arial,sans-serif;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.site-content-status button{color:inherit;cursor:pointer;background:0 0;border:1px solid #afc4d550;padding:12px 25px}.current-project>a{pointer-events:auto;color:inherit;font:inherit;letter-spacing:.06em;border-bottom:1px solid #5b6c60;padding:0 0 9px;font-size:9px;text-decoration:none;display:inline-block}.current-project>a span{margin-left:25px;font-size:15px}@media (prefers-reduced-motion:reduce){.project-cinema *{transition:none!important}}.cinema-tuning{z-index:9;letter-spacing:0;color:#c7d5df;font-family:Arial,Microsoft YaHei,sans-serif;font-size:11px;position:fixed;bottom:65px;left:22px}.project-cinema .cinema-tuning-toggle{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.08em;background:#08111bea;border:1px solid #b0cfdf45;border-radius:4px;justify-content:space-between;align-items:center;gap:22px;min-width:132px;min-height:40px;padding:11px 15px;font-size:11px;display:flex}.cinema-tuning-panel{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080f18f5;border:1px solid #a5c4df38;border-radius:7px;flex-direction:column;width:326px;max-height:calc(100dvh - 150px);display:flex;position:absolute;bottom:51px;left:0;overflow:hidden;box-shadow:0 12px 60px #0009}.cinema-tuning-heading{border-bottom:1px solid #adcade20;flex:none;justify-content:space-between;align-items:center;padding:15px 17px 13px;display:flex}.cinema-tuning-heading>div{flex-direction:column;gap:6px;display:flex}.cinema-tuning-heading span{color:#6d8399;letter-spacing:.2em;font-size:8px}.cinema-tuning-heading strong{color:#e6eef5;font-size:13px;font-weight:400}.project-cinema .cinema-tuning-heading button{color:#8c9fad;width:32px;height:34px;font-size:24px}.cinema-tuning-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#56697a #080f18;padding:0 17px 12px;overflow-y:auto}.cinema-tuning-note{color:#8296a8;margin:12px 0;font-size:10px;line-height:1.8}.cinema-tuning-select{justify-content:space-between;align-items:center;gap:10px;margin:15px 0;display:flex}.cinema-tuning-select select{color:#d0dfe9;background:#14202c;border:1px solid #99afbf33;border-radius:3px;max-width:208px;padding:7px 5px;font-size:10px}.cinema-tuning-color{align-items:center;gap:12px;margin-bottom:17px;display:flex}.cinema-tuning-color input{cursor:pointer;background:0 0;border:0;width:26px;height:24px;margin-left:auto;padding:0}.cinema-tuning-color span{color:#8ba0b5;font-variant-numeric:tabular-nums;font-size:10px}.cinema-tuning-group{border-top:1px solid #b4c8d024;padding:0}.cinema-tuning-group summary{cursor:pointer;color:#d6e3ed;letter-spacing:.035em;padding:14px 0;font-size:11px;list-style-position:inside}.cinema-tuning-group summary::marker{color:#7c96a9;font-size:9px}.cinema-tuning-group>div{padding:0 1px 2px}.cinema-tuning-row{margin:0 0 11px}.cinema-tuning-row>div{align-items:center;gap:5px;display:flex}.cinema-tuning-row label{color:#9fb2c2;flex:1;font-size:10px}.cinema-tuning-row input[type=number]{color:#dfeaf2;text-align:right;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;background:#111d29;border:1px solid #8ba9c125;border-radius:3px;width:67px;padding:4px;font:10px Arial}.cinema-tuning-row small{color:#6c8394;min-width:18px;font-size:9px}.cinema-tuning-row input[type=range]{accent-color:#99bfd6;cursor:pointer;background:0 0;border:0;width:100%;height:21px;margin:3px 0 0;padding:0}.cinema-tuning-check{align-items:center;gap:8px;font-size:10px;line-height:1.7;display:flex}.cinema-tuning-check input{accent-color:#98bad0}.project-cinema .cinema-randomize{color:#a5c2d6;border:1px solid #9bbdd23c;border-radius:3px;width:100%;margin-bottom:13px;padding:8px 12px;font-size:10px}.cinema-tuning-save{background:#0c1721;border-top:1px solid #b7d4e329;flex:none;padding:12px 15px}.cinema-tuning-save>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.project-cinema .cinema-tuning-save button{background:#0d1c29;border:1px solid #90acbe40;border-radius:3px;padding:9px 5px;font-size:10px}.project-cinema .cinema-tuning-save button:first-child{color:#09111a;background:#c5d9e7;border-color:#c5d9e7}.cinema-tuning-save p{color:#819bad;min-height:30px;margin:10px 0 0;font-size:9px;line-height:1.7}@media (max-width:759px){.cinema-tuning{bottom:65px;left:15px}.cinema-tuning-panel{width:min(326px,100vw - 30px);max-height:calc(100dvh - 155px)}.cinema-tuning-row input[type=number]{width:88px;padding:4px;font-size:16px}.cinema-tuning-select select{max-width:185px;font-size:16px}.cinema-tuning-row input[type=range]{height:30px}.project-cinema .cinema-tuning-save button{min-height:40px}}.project-cinema.is-dormant{visibility:hidden;pointer-events:none}.project-cinema.is-dormant *{visibility:hidden!important;animation:none!important}.cinema-media-host{display:contents}.project-cinema>.cinema-stage{z-index:0;width:100%;height:100dvh;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:none;mask-image:none}.cinema-content{pointer-events:none;background:0 0}.cinema-content button,.cinema-content a,.cinema-player,.cinema-native .cinema-source{pointer-events:auto}.cinema-stage canvas{transition:none}.cinema-info-scrim{pointer-events:auto}@media (any-pointer:coarse){.project-cinema{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.project-cinema input,.project-cinema textarea{-webkit-user-select:text;user-select:text}}.cinema-stream-status{text-align:center;letter-spacing:.08em;color:#e0e7ee;pointer-events:none;text-shadow:0 1px 8px #000;font-size:11px;position:absolute;bottom:7%;left:15%;right:15%}.cinema-play-full{white-space:nowrap;color:#e0e7ee;padding:8px 0;font-size:11px}.cinema-player button:disabled{opacity:.4;cursor:default}