@font-face{font-family:Portfolio;src:url('portfolio-noto-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Portfolio;src:url('portfolio-noto-700.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
:root{--paper:#f7f7f4;--white:#fff;--ink:#26342e;--muted:#626b61;--brown:#806047;--line:#dbded7;--night:#192523;--night-ink:#f3f0e9;--night-muted:#c2c9bd;--gold:#dfc49c;--ease:cubic-bezier(.22,1,.36,1);--layer-nav:10;--layer-skip:20}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-family:Portfolio,"PingFang SC","Microsoft YaHei",sans-serif;font-size:1rem;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}:focus-visible{outline:2px solid #ad7137;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;color:var(--ink);background:var(--white);z-index:var(--layer-skip)}.skip-link:focus{top:8px}
.site-header{position:sticky;top:0;z-index:var(--layer-nav);background:var(--night);color:var(--night-ink);border-bottom:1px solid #35403a}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:13px;align-items:center;font-size:1.0625rem;font-weight:700;white-space:nowrap}.brand-seal{display:grid;place-items:center;width:34px;height:38px;border:1px solid #ad926d;color:var(--gold);font-family:"Songti SC",SimSun,serif;font-size:1.375rem;line-height:1}.brand small{font-size:.6875rem;font-weight:400;color:var(--night-muted);margin-left:14px}.nav-links{display:flex;align-items:center;gap:36px;font-size:.8125rem}.nav-links a,.back-link{padding-block:14px}.nav-links a:hover,.back-link:hover{color:var(--gold)}.back-link{font-size:.75rem;color:var(--night-muted);display:flex;align-items:center;gap:10px;white-space:nowrap}
.hero{background:var(--night);color:var(--night-ink)}.hero-grid{display:grid;grid-template-columns:minmax(295px,.82fr) minmax(0,1.8fr);align-items:center;gap:54px;padding-block:72px 60px;min-height:592px}.project-type{font-size:.8125rem;color:var(--gold);margin-bottom:25px}h1{font-family:"Songti SC",STSong,SimSun,serif;font-size:clamp(3.2rem,5.3vw,5rem);font-weight:700;line-height:1.3;letter-spacing:.055em;white-space:nowrap}.hero-line{font-family:"Songti SC",STSong,SimSun,serif;font-size:clamp(1.375rem,1.75vw,1.65rem);line-height:1.85;margin-top:22px;letter-spacing:.1em}.hero-description{font-size:.8125rem;line-height:2;color:var(--night-muted);margin-top:27px;max-width:29em}.hero-action{display:inline-flex;align-items:center;gap:34px;font-size:.8125rem;color:var(--gold);border-bottom:1px solid #7e8069;padding:12px 0;margin-top:27px}.hero-action span{transition:transform .25s var(--ease)}.hero-action:hover span{transform:translateY(3px)}.hero-art{min-width:0}.hero-art>img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:3px;animation:hero-in 1s var(--ease)}.hero-art figcaption{display:flex;justify-content:space-between;gap:20px;font-size:.6875rem;color:var(--night-muted);padding-top:17px}.hero-art figcaption>span:last-child{white-space:nowrap}.hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-block:23px 27px;border-top:1px solid #35403a}.credit{display:flex;align-items:center;gap:25px;font-size:.75rem}.credit>span{color:var(--gold);white-space:nowrap}.credit>p{color:var(--night-muted)}.credit i{font-style:normal;color:#8c998e;margin-inline:9px}.hero-bottom>a{font-size:.75rem;display:flex;gap:18px;align-items:center;white-space:nowrap}
.section{padding-block:92px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:40px}h2{font-size:clamp(1.875rem,2.75vw,2.625rem);font-weight:700;line-height:1.5;letter-spacing:-.025em}.section-heading>p{font-size:.875rem;color:var(--muted);line-height:1.95;max-width:32em;padding-bottom:5px}.character-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.8fr);gap:68px;align-items:center}.character-controls{display:flex;gap:8px;margin-bottom:18px}.character-controls button{padding:9px 18px;min-height:44px;border:0;background:transparent;color:var(--muted);font-size:.8125rem;transition:background .2s,color .2s;border-radius:4px}.character-controls button[aria-pressed=true]{background:var(--ink);color:var(--white)}.character-controls button[aria-pressed=false]:hover{background:#e8ebe4;color:var(--ink)}.zoom-link{display:block;position:relative;cursor:zoom-in}.character-image-link{background:#e8e2d5;isolation:isolate}.character-image-link img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.zoom-hint{position:absolute;right:12px;bottom:12px;display:flex;gap:18px;align-items:center;padding:7px 12px;background:var(--paper);color:var(--ink);font-size:.6875rem;border-radius:3px}.character-notes{padding-top:46px}.small-label{color:var(--brown);font-size:.75rem}.character-heading h3{font-size:1.875rem;line-height:1.5;margin-top:7px}.character-heading>p{font-size:.875rem;color:var(--muted);margin-top:15px;line-height:1.95;min-height:82px}.visual-principles{margin-top:28px}.visual-principles>div{padding-block:17px;border-top:1px solid var(--line)}.visual-principles dt{font-size:.8125rem;font-weight:700;margin-bottom:3px}.visual-principles dd{font-size:.75rem;color:var(--muted);line-height:1.9}.scene-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-top:48px;margin-bottom:22px}.scene-heading h3{font-size:1.25rem}.scene-heading p{font-size:.8125rem;color:var(--muted)}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.scene-image{overflow:hidden;border-radius:3px}.scene-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .55s var(--ease)}.scene-view{position:absolute;bottom:12px;right:12px;font-size:.625rem;line-height:1.8;background:#18211aeb;padding:5px 10px;color:#f4f3ed;border-radius:2px}.scene-grid figcaption{padding-top:16px}.scene-grid h4{font-size:.875rem;font-weight:700}.scene-grid figcaption p{font-size:.75rem;color:var(--muted);margin-top:4px}.noscript-characters{font-size:.8125rem;margin-top:12px}.noscript-characters a{display:inline-block;margin-right:12px;text-decoration:underline}
.story{background:#ecf0ea}.storyboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.storyboard .zoom-link{overflow:hidden;border-radius:3px}.storyboard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .55s var(--ease)}.shot-copy{display:flex;align-items:flex-start;gap:14px;padding-top:16px}.shot-index{color:var(--brown);font-family:Arial,sans-serif;font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.9}.shot-copy>div{flex:1}.shot-copy h3{font-size:.9375rem;line-height:1.6}.shot-copy p{font-size:.75rem;line-height:1.8;margin-top:5px;color:var(--muted)}.shot-scale{font-size:.625rem;color:#596557;border:1px solid #b8c2b3;padding:1px 7px;border-radius:3px;white-space:nowrap;margin-top:2px}.workflow{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid #cdd6c9;margin-top:42px;padding-top:27px}.workflow h3{font-size:1rem}.workflow p{font-size:.6875rem;color:var(--muted);margin-top:3px}.workflow>ol{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:.75rem}.workflow li:not(:last-child):after{content:'→';color:#68775e;margin-left:12px}
.episode{background:var(--night);color:var(--night-ink);padding-bottom:62px}.cinema-wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.episode-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:31px}.episode-heading>div>p{font-size:.75rem;color:var(--gold);margin-bottom:12px}.episode-heading h2{font-size:clamp(1.875rem,2.7vw,2.625rem)}.episode-heading>span{font-size:.8125rem;color:var(--night-muted);padding-bottom:9px}.screen{background:#0c1512;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:3px}.episode-placeholder{position:absolute;inset:0}.episode-placeholder>img{width:100%;height:100%;object-fit:contain;opacity:.61}.pending-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#14201d08 5%,#14201d10 25%,#14201d65 100%);color:#fff;text-shadow:0 1px 4px #101b13}.pending-label{display:inline-block;padding:10px 22px;border:1px solid #ced6c29c;background:#16221fdd;font-size:.8125rem;border-radius:3px;line-height:1.7;letter-spacing:.1em}.pending-message>p{font-family:"Songti SC",STSong,SimSun,serif;font-size:clamp(1.25rem,2.1vw,1.875rem);letter-spacing:.13em;margin-top:18px}.screen video{display:block;position:absolute;width:100%;height:100%;inset:0;object-fit:contain;background:#060b09}.episode-foot{display:flex;justify-content:space-between;gap:24px;font-size:.6875rem;color:var(--night-muted);margin-top:19px}.episode-status{margin-top:16px;font-size:.8125rem;color:var(--gold)}.episode-recovery{display:flex;flex-wrap:wrap;gap:22px;font-size:.8125rem;align-items:center}.episode-recovery button{background:transparent;color:var(--gold);border:1px solid #69806c;border-radius:3px;padding:8px 16px}.episode-recovery a{padding-block:12px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
.footer{background:var(--night);color:var(--night-muted)}.footer>.wrap{border-top:1px solid #35403a;display:flex;justify-content:space-between;gap:28px;align-items:center;padding-block:28px 32px;font-size:.75rem}.footer p{font-family:"Songti SC",STSong,SimSun,serif;letter-spacing:.12em;color:var(--gold)}.footer a{padding-block:6px}.footer a:hover{color:var(--gold)}
.image-dialog{position:fixed;inset:0;margin:auto;border:0;border-radius:5px;width:min(1500px,94vw);max-width:94vw;height:min(1000px,92dvh);max-height:92dvh;padding:0;background:#f7f7f4;color:var(--ink);overflow:hidden}.image-dialog::backdrop{background:#09130feb;backdrop-filter:blur(5px)}.dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:16px 24px;border-bottom:1px solid var(--line);min-height:72px}.dialog-toolbar>p{font-size:.875rem;font-weight:700}.dialog-toolbar>div{display:flex;gap:28px;align-items:center;flex-shrink:0;font-size:.75rem}.dialog-toolbar button{display:flex;gap:14px;align-items:center;background:none;border:0;padding:8px}.dialog-toolbar button span{font-size:1.5rem;line-height:1}.dialog-toolbar a{text-decoration:underline;text-underline-offset:4px}.dialog-image-wrap{height:calc(100% - 72px);padding:18px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#e8e9e4}.dialog-image-wrap img{width:100%;height:100%;object-fit:contain}.image-dialog p[data-error]{padding:16px;font-size:.875rem}
@keyframes hero-in{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.scene-image:hover img,.storyboard .zoom-link:hover img{transform:scale(1.025)}.zoom-link:hover .zoom-hint{background:white}}
@media(min-width:1600px){.hero-grid{padding-block:90px 74px;min-height:650px}.section{padding-block:104px}}
@media(max-width:1120px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.brand small{display:none}.nav-links{gap:26px}.hero-grid{gap:34px;grid-template-columns:minmax(270px,.95fr) minmax(0,1.5fr);padding-block:60px 48px;min-height:530px}h1{font-size:3.75rem}.hero-description{font-size:.75rem}.desktop-break{display:none}.hero-art figcaption{font-size:.625rem;gap:14px}.hero-art figcaption>span:first-child{max-width:15em}.character-layout{gap:38px;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr)}.character-heading h3{font-size:1.65rem}.character-heading>p{font-size:.8125rem;min-height:0}.visual-principles{margin-top:20px}.visual-principles>div{padding-block:13px}.scene-grid{gap:20px}.scene-heading p{font-size:.75rem}.section-heading>p{max-width:27em;font-size:.8125rem}.storyboard{gap:28px 20px}.shot-copy{gap:10px}.shot-copy p{font-size:.6875rem}.workflow{gap:24px}.workflow>ol{gap:9px;font-size:.6875rem}.workflow li:not(:last-child):after{margin-left:9px}.cinema-wrap{width:calc(100% - 64px)}}
@media(max-width:850px){html{scroll-padding-top:92px}.nav{height:72px}.brand{font-size:.9375rem}.brand-seal{width:29px;height:32px;font-size:1.2rem}.nav-links{font-size:.75rem;gap:24px}.back-link{font-size:.6875rem;gap:5px}.hero-grid{grid-template-columns:1fr;gap:38px;padding-block:48px 32px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;align-items:start}.project-type{grid-column:1/-1;margin-bottom:16px}h1{font-size:4.5rem}.hero-line{grid-column:1;margin-top:12px;font-size:1.375rem}.hero-description{grid-column:2;grid-row:2/4;align-self:center;font-size:.8125rem;margin-top:0}.hero-action{grid-column:2;justify-self:start;margin-top:0;align-self:start;grid-row:3;transform:translateY(50px)}.hero-art figcaption>span:first-child{max-width:none}.hero-art figcaption{font-size:.6875rem}.hero-bottom{gap:22px}.credit{display:block;font-size:.6875rem}.credit>p{margin-top:5px}.credit i{margin-inline:5px}.hero-bottom>a{font-size:.6875rem}.section{padding-block:68px}.section-heading{gap:28px;margin-bottom:30px}.section-heading>p{max-width:24em;font-size:.8125rem}.character-layout{grid-template-columns:1fr;gap:24px}.character-notes{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding-top:0}.character-heading h3{font-size:1.5rem}.character-heading>p{font-size:.8125rem;margin-top:8px}.visual-principles{margin-top:0}.visual-principles>div{padding-block:9px}.visual-principles dt{font-size:.75rem}.visual-principles dd{font-size:.6875rem}.scene-heading{margin-top:35px;display:block}.scene-heading p{margin-top:5px}.scene-grid{gap:16px}.scene-grid figcaption p{font-size:.6875rem}.scene-grid h4{font-size:.8125rem}.scene-view{bottom:8px;right:8px;font-size:.5625rem;padding:3px 7px}.storyboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.shot-copy p{font-size:.75rem}.workflow{display:block}.workflow>div{display:flex;gap:20px;align-items:baseline}.workflow>ol{margin-top:19px;font-size:.75rem;gap:10px}.episode-heading>span{font-size:.6875rem}.episode-foot{font-size:.625rem}}
@media(max-width:600px){html{scroll-padding-top:86px}.wrap,.cinema-wrap{width:calc(100% - 40px)}.nav{height:68px;gap:16px}.brand{font-size:.875rem;gap:9px}.brand-seal{width:26px;height:30px;font-size:1.125rem}.nav-links{margin-left:auto}.nav-links>a:not(:last-child){display:none}.nav-links>a{font-size:.75rem}.back-link{font-size:.625rem;gap:4px}.back-link>span{display:none}.hero-grid{gap:30px;padding-block:39px 28px}.hero-copy{display:block}.project-type{font-size:.75rem;margin-bottom:19px}h1{font-size:clamp(2.75rem,12vw,4.5rem);letter-spacing:.06em}.hero-line{font-size:1.375rem;line-height:1.8;margin-top:19px}.hero-line br{display:none}.hero-description{margin-top:18px;font-size:.8125rem;max-width:30em}.hero-action{margin-top:18px;transform:none;font-size:.75rem;padding-block:10px;gap:38px}.hero-art figcaption{display:block;font-size:.625rem;padding-top:12px}.hero-art figcaption>span:last-child{display:none}.hero-bottom{padding-block:20px 23px;align-items:flex-start}.credit{font-size:.625rem;max-width:24em}.credit>p{line-height:2}.credit i{margin-inline:4px}.hero-bottom>a{font-size:.625rem;gap:8px;padding-top:3px}.section{padding-block:54px}.section-heading{display:block;margin-bottom:26px}h2{font-size:1.875rem;line-height:1.5}.section-heading>p{font-size:.8125rem;margin-top:16px;max-width:none;line-height:1.9}.character-controls{gap:4px;margin-bottom:13px}.character-controls button{font-size:.75rem;padding:8px 13px;flex:1}.character-image-link img{aspect-ratio:4/3}.zoom-hint{font-size:.5625rem;right:8px;bottom:8px;padding:4px 8px;gap:8px}.character-notes{display:block}.character-heading h3{font-size:1.5rem}.small-label{font-size:.6875rem}.character-heading>p{font-size:.8125rem;max-width:33em}.visual-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:21px}.visual-principles>div{padding-block:13px 0}.visual-principles dt{font-size:.75rem;line-height:1.7;margin-bottom:6px}.visual-principles dd{font-size:.6875rem;line-height:1.85}.scene-heading h3{font-size:1.125rem}.scene-heading{margin-top:33px;margin-bottom:19px}.scene-heading p{font-size:.75rem}.scene-grid{grid-template-columns:1fr;gap:22px}.scene-grid figure{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:center}.scene-grid figcaption{padding-top:0}.scene-grid h4{font-size:.8125rem}.scene-grid figcaption p{font-size:.6875rem;margin-top:6px}.scene-view{font-size:.5rem;padding:2px 5px;bottom:5px;right:5px}.storyboard{gap:24px 15px}.shot-copy{gap:7px;padding-top:12px}.shot-index{font-size:.625rem;line-height:2}.shot-copy h3{font-size:.8125rem;line-height:1.8}.shot-copy p{font-size:.6875rem;line-height:1.85;margin-top:3px}.shot-scale{display:none}.workflow{margin-top:30px;padding-top:23px}.workflow>div{display:block}.workflow h3{font-size:.9375rem}.workflow p{font-size:.625rem;margin-top:4px}.workflow>ol{font-size:.6875rem;gap:9px 7px;margin-top:16px}.workflow li:not(:last-child):after{margin-left:7px}.episode-heading{display:block;margin-bottom:23px}.episode-heading>div>p{font-size:.6875rem;margin-bottom:10px}.episode-heading h2{font-size:clamp(1.5rem,6.7vw,2.1rem)}.episode-heading>span{display:block;font-size:.75rem;margin-top:11px;padding:0}.pending-label{font-size:.625rem;padding:7px 12px;letter-spacing:.04em}.pending-message>p{font-size:1rem;letter-spacing:.09em;margin-top:12px}.episode-foot{font-size:.5625rem;gap:16px;margin-top:14px}.episode-foot>span:last-child{white-space:nowrap}.episode{padding-bottom:40px}.footer>.wrap{flex-wrap:wrap;padding-block:21px 25px;gap:17px;font-size:.6875rem}.footer p{order:3;flex-basis:100%;font-size:.6875rem;opacity:1}.footer a:last-child{margin-left:auto}.image-dialog{width:96vw;max-width:96vw;max-height:90dvh;height:80dvh}.dialog-toolbar{padding:11px 14px;gap:10px;min-height:80px}.dialog-toolbar>p{font-size:.6875rem;max-width:19em}.dialog-toolbar>div{gap:8px;font-size:.625rem}.dialog-toolbar button{gap:5px;padding:8px 2px}.dialog-toolbar a{max-width:4em;line-height:1.7}.dialog-image-wrap{padding:6px;height:calc(100% - 80px)}}
@media(max-width:360px){.nav{gap:10px}.brand{gap:7px}.back-link{font-size:.5625rem}.nav-links{font-size:.6875rem}.hero-line{font-size:1.15rem}.hero-bottom>a{font-size:.5625rem;gap:4px}.credit{max-width:22em}.scene-grid figure{grid-template-columns:1fr;gap:11px}.scene-grid figcaption p{font-size:.75rem}.storyboard{grid-template-columns:1fr;gap:26px}.shot-copy h3{font-size:.9375rem}.shot-copy p{font-size:.75rem}.shot-scale{display:block}.pending-message>p{font-size:.875rem}.visual-principles{gap:10px}.workflow>ol{font-size:.625rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-action:hover span,.scene-image:hover img,.storyboard .zoom-link:hover img{transform:none}}

.image-dialog[open]{display:flex;flex-direction:column}.dialog-toolbar{flex-shrink:0}.dialog-image-wrap{flex:1;min-height:0;height:auto}