/* 紧凑侧栏按菜单顺序排列，首页延续原海报布局。 */
:root{--navigation-width:208px}
.shell{grid-template-columns:var(--navigation-width) minmax(0,1fr)}
.sidebar{width:var(--navigation-width);padding:24px 10px 16px;overflow-y:auto;scrollbar-width:thin}
@media(min-width:721px) and (max-width:1100px){:root{--navigation-width:192px}}
@media(max-width:720px){.sidebar.menu-open{width:min(280px,calc(100vw - 32px))}}
.sidebar .brand{flex:none;flex-direction:column;justify-content:center;gap:10px;margin:0 0 26px}.sidebar .brand img{width:46px;height:46px}.sidebar .brand strong{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:28px;font-weight:800;letter-spacing:2px}
.sidebar .nav{flex:none;justify-content:flex-start;gap:8px}.sidebar .nav-button{height:auto;min-height:52px;padding:12px 16px;gap:12px;font-size:17px;line-height:1.5}.sidebar .nav-button svg{width:22px;height:22px;flex:none}
.sidebar .sidebar-bottom{margin-top:auto}
.sidebar .sidebar-bottom{flex:none;padding-top:14px;margin-top:auto}.sidebar .r3-community-links{padding:4px;gap:4px;display:flex;flex-direction:column;align-items:stretch}.sidebar .r3-community-links button{font-size:15px;line-height:1.5;padding:7px;text-align:left}.sidebar .r3-sidebar-announcement{margin:6px 5px 10px;padding:11px;min-height:72px}.sidebar .r3-sidebar-announcement strong{font-size:18px}.sidebar .r3-sidebar-announcement small{font-size:13px;line-height:1.6}
.r3-quiet{justify-content:flex-start;gap:9px;margin:0;padding:11px 16px;align-items:center}.r3-quiet input{width:17px!important;height:17px;flex:0 0 17px;margin:0;accent-color:#c9aff0}.r3-quiet span{display:block;min-width:0}.r3-quiet b{font-size:12px;font-weight:500}.r3-quiet small{display:block;margin:3px 0 0;font-size:11px;line-height:1.5;white-space:normal}
.hall-section .section-title .hall-title-link{display:inline-flex;align-items:center;gap:16px;font-size:24px;line-height:1.5;color:inherit;text-decoration:none;border-bottom:1px solid #c9d4a038;padding:6px 0;transition:color .15s,border-color .15s}.hall-section .hall-title-link small{font-size:16px;font-weight:400;color:#b3bca7;display:inline!important;margin:0!important}.hall-title-link:hover{color:var(--accent);border-color:var(--accent)}.hall-title-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.hall-title-link svg{width:20px;flex:none}
.site-metrics-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}.site-metrics-heading h2{margin:0 0 7px}.site-metrics-heading p{margin:0;color:var(--muted);font-size:13px}.site-metrics-heading>span{white-space:nowrap;color:var(--accent)}
.site-time-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px;border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.site-time-filter label{display:flex;flex-direction:column;gap:6px;font-size:12px;flex:1;min-width:180px}.site-time-filter label:first-child{min-width:130px;max-width:190px}.site-time-filter .form-error{flex-basis:100%;margin:0}
@media(max-height:720px){.sidebar .sidebar-note{display:none}}
.story-people.panel{max-width:none;width:100%;margin-inline:0}
.story-people.panel{width:100%;max-width:none;margin:24px 0;padding:24px;min-width:0}.story-people .cast-showcase{width:100%;max-width:none;margin:0}.story-people .cast-banner{width:100%;max-width:none;aspect-ratio:16/9;container-type:size}.story-people .cast-banner:has(.cast-slice:only-child){max-width:none;aspect-ratio:16/9;justify-content:center;border:1px solid #d3dfca55;background:#232c30}.story-people .cast-slice:only-child{flex:1 1 100%;border-radius:0}.story-people .cast-slice.selected{flex:0 0 min(52%,100cqh)}.story-people .cast-slice.selected:only-child{flex:1 1 100%}.story-people .cast-photo.framed-portrait{background:radial-gradient(ellipse at 50% 38%,#788b8152,transparent 66%),linear-gradient(150deg,#36454b,#202831)}.story-people .cast-download{pointer-events:auto}.story-people .cast-banner-hint{font-size:12px;color:var(--muted)}
@media(min-width:721px){.story-people.panel{display:flex;flex-direction:column;box-sizing:border-box;height:50dvh;max-height:50dvh;min-height:0}.story-people.panel>h2,.story-people.panel>.cast-banner-hint{flex:none}.story-people .cast-showcase{flex:1;min-height:0}.story-people .cast-banner,.story-people .cast-banner:has(.cast-slice:only-child){height:100%;aspect-ratio:auto}}
.detail-scenes{width:100%;max-width:none;margin:24px 0}.detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-section-heading h2{margin:0}.detail-section-heading span{font-size:12px;color:var(--muted)}.detail-scenes .detail-scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:20px}.detail-scenes figure{margin:0;min-width:0;border:1px solid #b7c8a62c;border-radius:14px;overflow:hidden;background:#ffffff04}.detail-scenes figure img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;max-height:360px}.detail-scenes figcaption{padding:15px;line-height:1.7}.detail-scenes figcaption strong{font-size:16px}.detail-scenes figcaption p{font-size:12px;color:var(--muted);margin:6px 0 0}.detail-scene-empty{padding:20px;border:1px dashed var(--line);font-size:13px;line-height:1.8;grid-column:1/-1}.story-introduction{max-width:none;width:100%}.story-introduction p{max-width:100%;line-height:1.9}.story-detail-hero{max-width:none}.story-community{max-width:none}
@media(max-width:720px){.story-people.panel{padding:18px 14px}.story-people .cast-banner,.story-people .cast-banner:has(.cast-slice:only-child){aspect-ratio:1.05}.story-people .cast-slice.selected{flex-basis:74%}.story-people .cast-slice.selected:only-child{flex-basis:100%}.story-people .cast-banner.has-selection .cast-slice:not(.selected) .cast-label{opacity:0}.detail-scenes .detail-scene-grid{grid-template-columns:1fr}.detail-scenes figcaption{padding:12px}.detail-section-heading{flex-wrap:wrap}.detail-scenes{padding:18px 14px}}
.site-metric-switch{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.site-metric-switch .button{font-size:12px}.site-chart{margin:18px 0;min-width:0}.site-chart h3{margin:0 0 20px;font-size:17px}.site-bar{display:grid;grid-template-columns:minmax(70px,140px) minmax(35px,1fr) minmax(55px,auto);gap:13px;align-items:center;margin:16px 0;font-size:12px}.site-bar>i{height:12px;background:linear-gradient(90deg,#9cb685,#d0d99c);width:var(--value);min-width:1px;border-radius:9px}.site-bar b{text-align:right;font-weight:500}.site-bar span{overflow-wrap:anywhere}
.site-trend{width:100%;max-height:250px}.site-trend polyline{fill:none;stroke:#c5d39a;stroke-width:3}.site-trend .site-axis{fill:none;stroke:#6e7870;stroke-width:1}.site-trend text{fill:#a9b5a2;font-size:12px}.site-data,.site-heat{border-collapse:collapse;width:100%;font-size:12px}.site-data th,.site-data td,.site-heat th,.site-heat td{padding:12px;border:1px solid #a3b09529;text-align:left;white-space:nowrap}.site-heat td{background:rgb(154 183 127 / var(--shade));text-align:center}.site-heat th{background:#ffffff05}.site-method{line-height:1.8;font-size:12px}.site-method summary{cursor:pointer}.site-metrics-heading+.site-time-filter select{min-height:41px}
@media(max-width:720px){.sidebar.menu-open{padding:14px 12px}.site-metrics-heading{align-items:start;flex-direction:column}.site-time-filter{padding:14px}.site-time-filter label,.site-time-filter label:first-child{min-width:100%;max-width:none}.site-time-filter .button{width:100%}.site-bar{grid-template-columns:80px minmax(20px,1fr) auto;gap:8px}.site-data th,.site-data td,.site-heat th,.site-heat td{padding:9px}.site-chart{padding:18px 14px}.hall-title-link{gap:7px;flex-wrap:wrap}.hall-title-link small{font-size:10px}}
