:root{--bg:#141918;--fg:#f1efdf;--muted:#a4aea6;--accent:#e4ef9c;--line:#3a433d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.preview{background:#263127;text-align:center;font-size:11px;padding:6px;color:#c8d4ae}header,main,footer{max-width:1320px;margin:auto;padding:0 52px}header{display:flex;align-items:center;justify-content:space-between;height:100px}.brand{font-size:24px;font-weight:800;letter-spacing:2px}.brand span{font-weight:400}.brand small{font-size:9px;letter-spacing:3px;display:block;color:var(--muted)}nav{display:flex;gap:32px;font-size:13px;align-items:center}nav button{border:1px solid var(--line);border-radius:30px;color:var(--fg);background:transparent;padding:10px 18px}nav b{color:var(--accent);margin-left:10px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-copy{padding:52px 24px 38px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font-family:'Songti SC',serif;font-size:clamp(44px,5.4vw,76px);line-height:1.3;letter-spacing:2px;margin:34px 0 24px;font-weight:500}h1 span{color:var(--accent)}.hero-copy p{color:var(--muted);font-size:15px;line-height:2}.primary{display:inline-flex;gap:36px;background:var(--accent);color:#1c251b;border:0;padding:16px 22px;font-size:13px;margin-top:26px}.hero-bottom{border-top:1px solid var(--line);margin-top:48px;padding-top:20px;font-size:11px;color:var(--muted)}.hero-bottom b{margin-left:25px;color:var(--fg);font-weight:400}.hero-image{position:relative;margin:28px 0 28px 20px;overflow:hidden;min-height:500px}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;filter:brightness(.68) saturate(.7)}.hero-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.hero-caption{position:absolute;z-index:1;bottom:30px;left:32px}.hero-caption small{font-size:11px;letter-spacing:3px}.hero-caption h2{font-size:28px;font-weight:400;margin:10px 0}.hero-caption button{border:0;border-bottom:1px solid #ccc;padding:5px 0;color:white;background:none}.image-label{position:absolute;top:22px;right:18px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.selector{padding:75px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px}h2{font-size:32px;font-weight:500;line-height:1.5}.section-head h2{margin:12px 0 24px}.section-head label{font-size:10px;color:var(--muted);margin-bottom:24px}.section-head input{display:block;background:none;border:0;border-bottom:1px solid var(--line);padding:10px 0;color:var(--fg);width:230px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{padding:9px 20px;color:var(--muted);border:1px solid var(--line);background:none;border-radius:30px;font-size:12px}.filters button.active{color:#1c251b;background:var(--accent);border-color:var(--accent)}#status{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 22px;margin-top:26px}.cover{display:block;width:100%;height:310px;position:relative;overflow:hidden;border:0;padding:0;background:#253028}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.cover:hover img{transform:scale(1.04)}.cover span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000b);padding:25px 14px 13px;text-align:left;color:white;font-size:11px}.story .eyebrow{margin-top:18px;font-size:9px}.story h3{font-size:17px;font-weight:500;margin:10px 0}.story p{color:var(--muted);font-size:12px;line-height:1.9}.save{background:none;color:var(--accent);border:0;padding:8px 0;font-size:11px}.notes{background:#e8e8da;color:#222c25;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;padding:48px;margin:15px 0 70px}.notes .eyebrow{color:#64705c}.notes h2{font-family:'Songti SC',serif;font-size:36px}.notes p{font-size:13px;color:#5b675d}.essays details{border-top:1px solid #bec5b6;padding:21px 0}.essays summary{list-style:none;cursor:pointer;font-size:14px;display:flex;gap:16px;align-items:center}.essays summary span{color:#7e8978;font-size:11px}.essays summary b{margin-left:auto}.essays p{padding-left:29px}.closing{text-align:center;padding:20px 0 80px}.closing>span{font-size:11px;color:var(--muted);letter-spacing:4px}.closing h2{font-family:'Songti SC',serif;font-size:40px}.closing small{display:block;margin-top:14px;color:var(--muted);font-size:10px}footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:35px;display:flex;align-items:center;gap:55px}footer p{color:var(--muted);font-size:11px;flex:1}footer>a:last-child{font-size:12px}dialog{max-width:580px;width:90%;background:#e8e8da;border:0;padding:30px;color:#222c25;margin:auto}dialog::backdrop{background:#000a}#close{float:right;border:1px solid #bbb;background:none;padding:7px 12px}.dialog-body{clear:both;font-size:14px}.dialog-body button{display:block;background:none;border:0;border-bottom:1px solid #bcc5b6;text-align:left;padding:14px 0;width:100%}[hidden]{display:none!important}@media(max-width:950px){header,main,footer{padding-left:24px;padding-right:24px}.hero{min-height:520px}.hero-image{min-height:440px}.grid{grid-template-columns:repeat(2,1fr)}.cover{height:360px}.notes{padding:30px;gap:32px}.section-head h2{font-size:26px}}@media(max-width:760px){header{height:86px}.brand{font-size:20px}nav{gap:12px}nav>a{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:32px 0}.hero-image{margin:0 0 24px;min-height:440px}.hero-bottom{margin-top:30px}.section-head{display:block}.section-head input{width:100%}.selector{padding:48px 0}.grid{gap:28px 14px}.cover{height:235px}.story h3{font-size:15px}.notes{display:block;margin-bottom:40px;padding:25px}.closing h2{font-size:32px}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:100%}}