/* 网站展示层；影片资料与审核数据由原发布包提供。 */
:root{color-scheme:light;--bg:#f3f3f1;--panel:#fff;--line:#d6d6d4;--text:#202020;--muted:#696969;--gold:#292929}
body{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;line-height:1.85}
main{width:100%;max-width:1600px;margin-inline:auto;padding:0 clamp(24px,4vw,64px) 80px;min-width:0}
.sitebar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.12em}
.sitebar a{color:#202020;text-decoration:none;font-weight:700}.sitebar span{color:#777;font-size:11px}
.film-header{position:relative;padding:58px 0 48px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}
.film-header .tag{font-size:11px;letter-spacing:.2em;color:#777}.film-header h1{font-family:"Songti SC","SimSun",serif;font-size:clamp(46px,6vw,80px);font-weight:500;letter-spacing:.1em;line-height:1.3;margin:18px 0 22px}
.film-header #meta{font-size:13px}.film-number{font:100px/1 Georgia,serif;color:#d6d6d3;align-self:center}.film-number small{display:block;font:10px/2 system-ui;letter-spacing:.2em;text-align:center;color:#777}
.reading-nav{position:sticky;top:0;z-index:10;background:#202020;border:0;padding:0 24px;gap:32px;min-height:60px}.reading-nav a{color:#ddd;font-size:13px;padding:18px 0;white-space:nowrap}.reading-nav a:hover,.reading-nav a[aria-current]{color:#fff;box-shadow:inset 0 -2px #fff}.reading-nav .nav-end{margin-left:auto;font-size:11px;color:#aaa}
.reading-hint{font-size:12px;padding:16px 0;margin:0;color:#727272;border-bottom:1px solid var(--line)}
h2{font-size:24px;letter-spacing:.04em;font-weight:500;margin:50px 0 24px}#overview:before{content:'02 / ';font-size:12px;color:#888;vertical-align:middle;margin-right:16px}#shots:before{content:'03 / ';font-size:12px;color:#888;vertical-align:middle;margin-right:16px}
.story-section{padding:38px 0}.story-section.text-only #storytext{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 36px}.story-section h2{font-size:21px}.story-section h2:before{content:'01 /';display:block;font-size:11px;color:#888;margin-bottom:10px}.story-section p{font-size:15px;line-height:2.1;max-width:82ch}.story-section details{grid-column:2;margin-top:20px;font-size:13px}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.frame{background:#e5e5e5;border-radius:0}.thumb{transition:transform .18s}.thumb:hover{transform:translateY(-3px)}.caption{font-size:13px;padding-top:12px}.thumb .frame{outline:1px solid #0000000a}.thumb:hover .caption{text-decoration:underline;text-underline-offset:5px}
.shot{padding:32px;margin:28px 0;border-radius:0;border:1px solid var(--line);scroll-margin-top:85px}.shothead{padding-bottom:20px;border-bottom:1px solid var(--line)}h3{font-size:21px;font-weight:500}.shothead .muted{font-size:12px}h4{font-size:12px;letter-spacing:.06em;color:#666}.visual-pair.solo{max-width:100%;margin:26px 0}.visual-pair.solo .frame{max-width:1040px;margin:auto}.media-caption{font-size:12px;margin-top:10px}.shot-description{font-size:15px;line-height:2;max-width:90ch}.connection{background:#f4f4f3;border-left-color:#777;padding:16px 22px;font-size:14px}.watch-note{color:#666;background:#fafafa;padding:16px 22px;border:1px solid #e5e5e5}.shotnav{border-top:1px solid var(--line);padding-top:20px}.shotnav a{font-size:12px}.history-views{font-size:13px}
button,select,.filebutton{background:#f5f5f5;color:#222;border-color:#bcbcbc;border-radius:3px}button:hover,.filebutton:hover{background:#e8e8e8;border-color:#222}.imagebutton:hover{background:transparent}.imagebutton{border-radius:0}pre,textarea{background:#f5f5f5;color:#222;border-color:#bbb}dialog{background:#fff;color:#222;border-radius:0}dialog::backdrop{background:#000d}summary{color:#444}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #777;outline-offset:4px}.management{padding:24px;border:1px solid var(--line);background:#eaeae8}.sitefooter{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:60px;font-size:11px;color:#777}.sitefooter a{color:#555}.media-view video{background:#171717;border-radius:0}
@media(min-width:1100px){.shot{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:32px;align-items:start}.shothead,.shotnav,.history-views{grid-column:1/-1}.shot>.visual-pair{grid-column:1;grid-row:2/5;position:sticky;top:86px}.shot>h4,.shot>.shot-description,.shot>.connection,.shot>.watch-note{grid-column:2}.shot>.shot-description{margin-top:0}.shot>.visual-pair h4{margin-top:0}}
@media(max-width:800px){main{padding:0 20px 44px}.sitebar{padding:19px 0}.sitebar span{font-size:9px}.film-header{padding:36px 0}.film-header h1{font-size:48px}.film-number{font-size:64px}.film-header #meta{font-size:11px}.reading-nav{gap:24px;padding:0 18px;min-height:54px}.reading-nav a{font-size:12px;padding:16px 0}.reading-nav .nav-end{display:none}.story-section.text-only #storytext{display:block}.story-section h2:before{display:inline;margin-right:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.caption{font-size:12px}.shot{padding:20px}.shothead{gap:8px}h3{font-size:18px}.shot-description{font-size:14px}.connection,.watch-note{padding:12px}.sitefooter{gap:20px}.management{padding:16px}h2{margin-top:36px}}
@media(max-width:400px){main{padding-left:14px;padding-right:14px}.film-number{display:none}.film-header{grid-template-columns:1fr}.reading-nav{gap:20px}.shotnav{flex-direction:column}.shot{padding:16px}}
@media(prefers-reduced-motion:reduce){.thumb{transition:none}}
#story,#overview,#shots{scroll-margin-top:85px}