@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap');
.featured{margin:22px 0}.featured-track{display:flex;gap:12px;overflow-x:auto;padding:4px 0 10px;scroll-snap-type:x mandatory}.featured-card{flex:0 0 min(330px,78vw);height:145px;border:1px solid #5f5138;background-color:#242420;background-position:center;background-size:cover;color:#fff;text-align:left;padding:18px;display:flex;flex-direction:column;justify-content:end;gap:6px;scroll-snap-align:start}.featured-card span{font-size:11px;color:var(--gold)}.featured-card strong{font:600 18px 'Noto Serif SC';text-shadow:0 1px 3px #000}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 5vw 60px;color:var(--muted)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pin-control{margin-top:14px!important;color:var(--cream)!important;font-size:14px!important}.pin-control input{width:auto!important;margin-right:7px}
:root{--bg:#111110;--panel:#1a1a18;--line:#33332f;--text:#f7f4ee;--muted:#a5a29b;--gold:#d8b87b;--cream:#efe7d7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Plus Jakarta Sans','Microsoft YaHei',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.top{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 5vw;position:sticky;top:0;background:#111110ed;backdrop-filter:blur(15px);z-index:10}.brand{font:600 25px 'Noto Serif SC';letter-spacing:3px}.brand small{font:12px 'Plus Jakarta Sans';color:var(--gold);letter-spacing:3px;display:block;margin-top:2px}.grow{flex:1}.search{width:260px;background:#242420;border:1px solid var(--line);border-radius:20px;padding:10px 16px;color:white;outline:none}.ghost,.gold{border:1px solid var(--line);background:transparent;color:var(--cream);padding:9px 16px;border-radius:4px}.gold{border-color:var(--gold);color:#201b13;background:var(--gold)}.hero{padding:64px 5vw 34px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px}.hero h1{font:600 clamp(30px,5vw,54px) 'Noto Serif SC';margin:14px 0}.hero p{color:var(--muted);font-size:15px}.filters{padding:0 5vw 32px}.filterrow{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.chip{border:1px solid var(--line);padding:8px 15px;border-radius:20px;background:transparent;color:var(--muted)}.chip.active,.chip:hover{color:#151410;background:var(--cream);border-color:var(--cream)}.grid{padding:0 5vw 70px;columns:4 250px;column-gap:18px}.card{break-inside:avoid;margin:0 0 18px;background:var(--panel);position:relative;overflow:hidden}.card img{width:100%;display:block;transition:.4s}.card:hover img{transform:scale(1.035);filter:brightness(.8)}.cardinfo{padding:15px 16px 17px}.cardtitle{font:600 17px 'Noto Serif SC'}.cardmeta{font-size:11px;color:var(--muted);margin-top:7px}.heart{position:absolute;top:13px;right:13px;border:0;background:#111a;color:#fff;font-size:18px;width:35px;height:35px;border-radius:50%}.empty{padding:70px 0;text-align:center;color:var(--muted);break-inside:avoid}.drawer{position:fixed;right:0;top:0;width:min(540px,100vw);height:100vh;background:#191918;z-index:30;padding:28px;overflow:auto;box-shadow:-20px 0 60px #0008}.drawer h2{font:600 27px 'Noto Serif SC';margin:0 0 25px}.form label{display:block;color:var(--muted);font-size:12px;margin:15px 0 6px}.form input,.form textarea,.form select{width:100%;background:#242420;border:1px solid var(--line);color:#fff;padding:11px;border-radius:3px}.form textarea{height:90px}.upload{padding:28px;border:1px dashed #766848;color:var(--gold);text-align:center;margin:15px 0}.previews{display:flex;gap:8px;overflow:auto}.preview{position:relative;flex:0 0 80px}.preview img{width:80px;height:68px;object-fit:cover}.preview button{position:absolute;right:0;top:0;background:#000b;color:white;border:0}.row{display:flex;gap:10px}.row>*{flex:1}.case-detail{max-width:1200px;margin:auto;padding:45px 5vw}.back{color:var(--gold);border:0;background:none;padding:0}.case-detail h1{font:600 40px 'Noto Serif SC';margin:20px 0 8px}.description{color:#c4c0b7;line-height:1.9;max-width:720px;margin:22px 0 35px}.masonry{columns:2 350px;column-gap:14px}.masonry img{width:100%;display:block;margin-bottom:14px;cursor:zoom-in}.viewer{position:fixed;inset:0;background:#080808f7;z-index:60;display:flex;align-items:center;justify-content:center}.viewer .mainimg{max-height:78vh;max-width:85vw;object-fit:contain}.nav{position:absolute;top:45%;background:#222c;color:white;border:0;font-size:34px;width:55px;height:70px}.prev{left:24px}.next{right:24px}.close{position:absolute;right:25px;top:20px;background:none;border:0;color:white;font-size:30px}.thumbs{position:absolute;bottom:20px;display:flex;gap:8px;max-width:90vw;overflow:auto}.thumbs img{width:70px;height:50px;object-fit:cover;opacity:.55;border:2px solid transparent}.thumbs img.on{opacity:1;border-color:var(--gold)}.board{padding:40px 5vw}.hide{display:none!important}@media(max-width:650px){.top{padding:0 20px;gap:10px}.search{display:none}.hero{padding:40px 20px 20px}.filters,.grid{padding-left:20px;padding-right:20px}.grid{columns:2 150px;gap:10px}.case-detail{padding:28px 20px}.nav{display:none}}