:root{--paper: #efefea;--ink: #22282b;--pine: #31554a;--line: #d8d6ce;--card: #fff;--muted: #5b6062;--stage: #f7f8f5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:var(--paper);color:var(--ink);padding:20px}header{max-width:1000px;margin:0 auto 22px}h1{font-size:24px;letter-spacing:-.02em}h1 span{color:var(--pine)}p.sub{color:var(--muted);font-size:14px;margin-top:6px;line-height:1.5}.grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.viewer{width:100%;height:320px;background:var(--stage);--poster-color: var(--stage)}.meta{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}.meta h2{font-size:16px}.meta small{color:var(--muted);display:block;margin-top:2px;font-size:12.5px}.ar-btn{background:var(--pine);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:700;font-size:14px;cursor:pointer}footer{max-width:1000px;margin:26px auto 0;font-size:12.5px;color:var(--muted);line-height:1.6}