:root{color-scheme:dark;--bg:#13191d;--card:#1c2429;--line:#344047;--ink:#f0eee7;--muted:#aab3b7;--gold:#ddbf7a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}header,main,footer{max-width:1440px;margin:auto}header{height:98px;display:flex;justify-content:space-between;align-items:center;padding:0 6%}.brand{text-decoration:none;font-size:24px;font-weight:700;letter-spacing:3px}.brand span{font-size:13px;font-weight:400;color:var(--gold);border-left:1px solid var(--line);margin-left:14px;padding-left:16px;letter-spacing:2px}.edition,.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold)}.hero{padding:30px 6% 70px;display:grid;grid-template-columns:1fr 1.1fr;gap:5%;align-items:center}.hero h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:clamp(40px,4.7vw,67px);line-height:1.35;font-weight:500;letter-spacing:2px;margin:24px 0}.hero em{font-style:normal;color:var(--gold)}.hero p{font-size:15px;color:var(--muted);line-height:2}.explore{display:inline-flex;gap:55px;text-decoration:none;margin-top:25px;border-bottom:1px solid var(--gold);padding-bottom:10px;color:var(--gold);font-size:14px}.hero-art{position:relative;border:1px solid #56616a;background:#0b1013}.hero-art img{display:block;width:100%;aspect-ratio:1.42;object-fit:cover;object-position:center}.art-caption{padding:14px 18px;font-size:13px;display:flex;justify-content:space-between;gap:15px}.art-caption span{font-size:10px;color:var(--muted)}.intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 6%;padding:27px 0;display:flex;gap:12%;justify-content:space-between;align-items:center}.intro p{font-size:13px;color:var(--muted);max-width:820px;margin:0}.intro b{color:var(--ink);font-weight:500}.intro>div{flex-shrink:0;display:flex;flex-direction:column;text-align:right}.intro strong{font-family:Georgia,serif;font-size:36px;color:var(--gold);font-weight:400;line-height:1.3}.intro span{font-size:11px;color:var(--muted)}.archive{padding:65px 6% 90px;scroll-margin-top:25px}.section-title h2{font-size:28px;font-weight:500;letter-spacing:2px;margin:7px 0}.section-title p{font-size:12px;color:var(--muted);margin:4px 0 30px}form{display:grid;grid-template-columns:2fr 1.1fr 1fr 1fr auto;gap:13px;padding:22px;background:var(--card);border:1px solid var(--line)}form label{display:flex;flex-direction:column;gap:7px;min-width:0}label>span{color:var(--muted);font-size:11px}input,select{width:100%;color:var(--ink);background:var(--bg);border:1px solid #43515a;padding:11px 10px;border-radius:0;font-size:13px;min-height:45px}input::placeholder{color:#a0a7a9}#reset{align-self:end;background:transparent;color:var(--gold);border:1px solid #716543;min-height:45px;padding:0 16px;font-size:13px}.results-bar{display:flex;align-items:center;justify-content:space-between;margin:22px 0;font-size:12px;color:var(--muted)}.results-bar label{display:flex;align-items:center;gap:12px}.results-bar select{width:auto;background:none;min-height:32px;padding:4px 8px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.card{border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;min-width:0;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#8b7957}.card-picture{height:210px;width:100%;background:#10161a;object-fit:contain;display:block}.text-cover{height:128px;padding:22px 25px;background:linear-gradient(135deg,#263139,#1a2429);display:flex;align-items:center;justify-content:space-between;color:#ceb77e}.text-cover span:first-child{font-family:Georgia,serif;font-size:37px;opacity:.7}.text-cover span:last-child{font-size:11px;letter-spacing:3px}.card-inner{padding:22px;display:flex;flex-direction:column;flex:1}.meta{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.badge{border:1px solid #58645f;padding:2px 7px;white-space:nowrap;color:#d2d7c9}.badge.current{border-color:#817246;color:#e4ca8c}.badge.preview{color:#c3af9f;border-color:#66584d}.card h3{font-size:18px;font-weight:500;line-height:1.65;margin:15px 0 10px}.tags{font-size:11px;color:var(--muted);margin-bottom:22px}.card-open{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--gold);margin-top:auto}.empty{padding:65px;text-align:center;color:var(--muted);border:1px solid var(--line)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:35px 6%;gap:25px}footer p,footer>span{font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);padding:0;background:var(--bg);color:var(--ink);width:min(850px,94vw);max-height:92vh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-bar{position:sticky;top:0;background:#192127;display:flex;justify-content:space-between;align-items:center;padding:12px 23px;border-bottom:1px solid var(--line);z-index:1;font-size:12px}.dialog-bar button{border:1px solid #56616a;background:none;color:var(--ink);padding:6px 15px}#article{padding:30px 7% 50px}#article h2{font-size:28px;line-height:1.5;font-weight:500}#article .notice{border-left:2px solid var(--gold);background:var(--card);padding:13px 18px;margin:25px 0;color:#c6c9c5;font-size:12px}#article img{display:block;width:100%;height:auto;margin:18px 0}#article .body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2.05;margin-top:28px}#article .download{display:inline-block;color:var(--gold);font-size:12px;margin-top:25px}.skip{position:absolute;left:10px;top:-100px;background:var(--gold);color:#10161a;padding:8px;z-index:99}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:1050px){form{grid-template-columns:2fr 1.2fr 1fr}.search{grid-column:span 2}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:4%}.hero-art img{aspect-ratio:1.08}.art-caption{display:block}.art-caption span{display:block}.hero h1{font-size:44px}}@media(max-width:650px){header{height:75px}.edition{display:none}.hero{grid-template-columns:1fr;padding-top:15px;gap:35px;padding-bottom:35px}.hero h1{font-size:42px}.hero p{font-size:13px}.hero-art img{aspect-ratio:1.4}.art-caption{display:flex}.art-caption span{display:inline}.intro{gap:25px;padding:22px 0}.intro p{font-size:11px}.intro strong{font-size:30px}.archive{padding-top:40px}.section-title h2{font-size:24px}form{grid-template-columns:1fr 1fr;padding:15px;gap:12px}form .search{grid-column:1/-1}form #reset{grid-column:1/-1}.grid{grid-template-columns:1fr;gap:20px}.card-picture{height:auto;max-height:320px}.card h3{font-size:20px}.card-inner{padding:20px}.text-cover{height:100px}footer{flex-wrap:wrap;gap:5px}footer .brand{width:100%}#article{padding:20px 6% 35px}#article h2{font-size:24px}.hero .eyebrow{font-size:9px;letter-spacing:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
.hero-art img{aspect-ratio:auto;height:500px;object-fit:contain}@media(max-width:650px){.hero-art img{height:auto;aspect-ratio:auto;max-height:520px;object-fit:contain}}

/* The artwork itself determines the frame: preserve its natural ratio. */
.hero-art{justify-self:center;width:max-content;max-width:100%;overflow:hidden}
.hero-art img{display:block;width:auto;height:auto;max-width:100%;max-height:min(65vh,620px);object-fit:contain}
.art-caption span:first-child{font-size:13px;color:var(--ink)}
.archive{scroll-margin-top:0}
#filters{position:sticky;top:0;z-index:5;box-shadow:0 5px 18px #0004}
.card{position:relative}.card-open{position:absolute;inset:0;border:0;padding:0;margin:0;z-index:1}.card:focus-within{outline:2px solid var(--gold);outline-offset:3px}.tags{margin-bottom:0}
@media(max-width:650px){.hero-art img{width:auto;height:auto;max-width:100%;max-height:65vh}.art-caption{display:flex}.art-caption span:first-child{display:block}.archive{padding-top:30px}#filters{max-height:42vh;overflow-y:auto;padding:10px;gap:8px}#filters label{gap:3px}#filters input,#filters select,#filters #reset{min-height:38px;padding-top:6px;padding-bottom:6px}}

/* Resolve grid intrinsic overflow and fit frame to the scaled image. */
@media(min-width:651px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.hero-art-slot{min-width:0;width:100%;display:flex;justify-content:center}
.hero-art{box-sizing:content-box;min-width:0;max-width:calc(100% - 2px)}
.hero-art img{width:100%;height:auto;max-width:none;max-height:none}
@media(max-width:650px){.hero-art img{width:100%;height:auto;max-width:none;max-height:none}}

/* Native video controls; preserve approved page layout and image behavior. */
.notice-video{display:block;width:100%;max-height:75vh;object-fit:contain;background:#000;margin:22px auto;border-radius:4px}