@font-face{font-family:"Wenqing Hand";src:url("assets/X-文清手迹.ttf") format("truetype");font-display:swap}@font-face{font-family:"Feifan Brush";src:url("assets/LXGWWenKai-Regular.ttf") format("truetype");font-display:swap}:root{--ink:#f7f2e9;--gold:#d5a85b;--bg:#080706}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif}body{overflow:hidden}.film{height:100svh;min-height:560px;position:relative;isolation:isolate;background:#080706}.scene{position:absolute;inset:0;z-index:1;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s step-end;overflow:hidden}.scene.is-active{opacity:1;visibility:visible;transition:opacity 1.2s ease,visibility 0s}.scene-image,.veil{position:absolute;inset:0}.scene-image{background-size:cover;background-position:center;filter:brightness(.60) saturate(.79);transform:scale(1.035);transition:transform 11s cubic-bezier(.16,.85,.3,1),filter 2s ease}.is-active .scene-image{transform:scale(1.10);filter:brightness(.77) saturate(.93)}.scene-door .scene-image{background-image:url("assets/film-01-night.png")}.scene-language .scene-image{background-image:url("assets/film-02-language.png")}.scene-art .scene-image{background-image:url("assets/film-03-art.png")}.scene-warm .scene-image{background-image:url("assets/film-04-home.png")}.scene-memory .scene-image{background-image:url("assets/film-05-shadow.png")}.scene-nest .scene-image{background-image:url("assets/film-06-nest.png")}.scene-end .scene-image{background-image:url("assets/film-07-brand.png");filter:brightness(.46) saturate(.63)}.veil{background:linear-gradient(90deg,rgba(4,3,2,.84) 0%,rgba(5,4,3,.55) 40%,rgba(5,4,3,.16) 77%,rgba(5,4,3,.32)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 47%,rgba(0,0,0,.16))}.scene-door .veil{background:linear-gradient(90deg,rgba(5,3,2,.92) 0%,rgba(5,3,2,.63) 45%,rgba(5,3,2,.08) 84%),linear-gradient(0deg,rgba(0,0,0,.56),transparent 52%)}.scene-art .veil{background:linear-gradient(90deg,rgba(3,3,2,.08),rgba(3,3,2,.20) 25%,rgba(3,3,2,.78) 62%,rgba(3,3,2,.85))}.scene-warm .veil{background:radial-gradient(circle at 78% 48%,rgba(236,166,69,.10),transparent 34%),linear-gradient(90deg,rgba(5,4,3,.88),rgba(5,4,3,.49) 57%,rgba(5,4,3,.16)),linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.scene-memory .veil{background:linear-gradient(90deg,rgba(8,5,3,.64),rgba(8,5,3,.23) 70%,rgba(8,5,3,.48))}.scene-nest .veil{background:linear-gradient(90deg,rgba(5,4,3,.9),rgba(5,4,3,.5) 48%,rgba(5,4,3,.12))}.scene-end .veil{background:radial-gradient(circle at 74% 56%,rgba(233,159,62,.16),transparent 28%),rgba(0,0,0,.45)}.topbar{height:96px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;padding:0 clamp(24px,4vw,76px);border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(180deg,rgba(0,0,0,.35),transparent);gap:clamp(28px,5vw,86px)}.brand{display:block;line-height:0}.brand img{width:144px;height:auto;max-height:54px;object-fit:contain;object-position:left center}.topbar nav{display:flex;gap:clamp(17px,2.2vw,38px);margin-right:auto}.topbar nav a{color:rgba(255,255,255,.84);text-decoration:none;font-size:13px;letter-spacing:.12em;transition:color .25s}.topbar nav a:hover{color:#e1ad58}.sound,.skip{font:inherit;color:var(--ink);background:transparent;border:0;cursor:pointer}.sound{display:inline-flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.15em;padding:9px 0}.sound-mark{width:9px;height:9px;border:1px solid currentColor;border-radius:50%;position:relative}.sound-mark:after{content:"";position:absolute;inset:-5px;border:1px solid currentColor;border-radius:50%;opacity:.56}.sound[aria-pressed=true]{color:#e4ae59}.sound[aria-pressed=true] .sound-mark:after{animation:pulse 1.8s infinite}.copy{position:absolute;z-index:2;left:clamp(28px,13vw,230px);top:50%;transform:translateY(-44%);max-width:min(70vw,890px);font-family:"Wenqing Hand","Feifan Brush","KaiTi",serif;text-shadow:0 3px 22px rgba(0,0,0,.62)}.copy p{margin:0 0 24px;font-size:clamp(28px,3.05vw,53px);font-weight:500;letter-spacing:.095em;line-height:1.54;opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .95s cubic-bezier(.2,.75,.28,1);-webkit-text-stroke:.2px rgba(255,255,255,.12)}.is-active .copy p{opacity:1;transform:translateY(0)}.is-active .copy p:nth-child(2){transition-delay:.7s}.is-active .copy p:nth-child(3){transition-delay:1.36s}.is-active .copy p:nth-child(4){transition-delay:2.04s}.copy-language{top:51%}.copy-art{left:auto;right:clamp(28px,10vw,190px);max-width:min(52vw,690px)}.copy-warm{max-width:min(76vw,980px)}.copy-warm p{font-size:clamp(21px,2.18vw,37px);margin-bottom:18px}.copy-warm p:nth-child(2){font-size:clamp(27px,2.65vw,45px)}.copy-memory{left:clamp(28px,11vw,190px);max-width:min(62vw,730px)}.copy-nest{top:50%;max-width:min(58vw,760px)}.copy-nest p:nth-child(2){font-size:clamp(23px,2.55vw,42px)}.chapter{position:absolute;z-index:2;left:clamp(28px,4vw,76px);bottom:42px;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.16em}.endmark{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;opacity:0;transform:translateY(16px);transition:opacity 1.2s ease .45s,transform 1.2s ease .45s}.is-active .endmark{opacity:1;transform:none}.endmark img{display:block;width:min(330px,54vw);height:auto;filter:drop-shadow(0 5px 18px rgba(0,0,0,.55))}.endmark p{font-family:"Wenqing Hand","Feifan Brush","KaiTi",serif;font-size:clamp(22px,2.2vw,34px);font-weight:500;letter-spacing:.14em;margin:28px 0 37px}.enter{color:#e7bc72;text-decoration:none;border-bottom:1px solid rgba(231,188,114,.7);padding-bottom:8px;font-size:12px;letter-spacing:.15em}.enter span{font-size:15px;margin-left:7px}.progress{position:absolute;z-index:12;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.13)}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#895c2b,#e4b46a);transition:width .1s linear}.skip{position:absolute;right:clamp(22px,4vw,76px);bottom:38px;z-index:14;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.62)}.skip:hover{color:#fff}.hint{position:absolute;z-index:13;right:clamp(22px,4vw,76px);top:50%;writing-mode:vertical-rl;letter-spacing:.16em;font-size:10px;color:rgba(255,255,255,.45);transform:translateY(-45%)}.grain{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}@keyframes pulse{50%{transform:scale(1.35);opacity:.12}}@media(max-width:720px){.film{min-height:510px}.topbar{height:70px;padding:0 18px;gap:14px}.brand img{width:104px;max-height:38px}.topbar nav{display:none}.sound{margin-left:auto;font-size:11px}.copy{left:27px;right:23px;max-width:none;top:49%;transform:translateY(-50%)}.copy p{font-size:clamp(25px,7.25vw,34px);margin-bottom:19px;letter-spacing:.07em;line-height:1.58}.copy-language p{font-size:clamp(23px,6.8vw,31px)}.copy-art{left:27px;right:23px}.copy-warm p{font-size:clamp(17px,4.9vw,23px);margin-bottom:14px;letter-spacing:.06em}.copy-warm p:nth-child(2){font-size:clamp(22px,6.3vw,30px)}.copy-memory,.copy-nest{left:27px;right:23px;max-width:none}.copy-nest p:nth-child(2){font-size:clamp(20px,6vw,28px)}.chapter{left:24px;bottom:27px;font-size:10px}.skip{right:22px;bottom:24px;font-size:10px}.hint{display:none}.endmark img{width:min(276px,74vw)}.endmark p{font-size:21px;margin:22px 0 29px;letter-spacing:.09em}}@media(prefers-reduced-motion:reduce){.scene,.scene-image,.copy p,.endmark{transition:none!important;animation:none!important}.scene-image{transform:none!important}}