:root{color-scheme:dark;--bg:#141413;--surface:#1e1d1b;--text:#ece9e4;--muted:#a8a29a;
--line:rgba(255,255,255,.09);--accent:#8fb8e8;--btn-bg:#f7f5f0;--btn-text:#141413;
--font-ui:'Inter','PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;
--font-display:'Outfit','Inter','PingFang SC','Microsoft YaHei',sans-serif}
@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f7f5f0;--surface:#fffdf8;
--text:#26241f;--muted:#6f6a61;--line:rgba(0,0,0,.09);--accent:#1769c2;--btn-bg:#141413;--btn-text:#f7f5f0}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);
font-family:var(--font-ui);font-size:14px;line-height:1.6}
main{max-width:40rem;margin:0 auto;padding:0 1.25rem 4rem}
.top{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;
border-bottom:1px solid var(--line);margin-bottom:2rem}
.top b{font-family:var(--font-display);font-size:15px;letter-spacing:.02em}
.top a{color:inherit;text-decoration:none}.top a:hover{color:var(--accent)}
h1{font-family:var(--font-display);font-size:26px;margin:.4rem 0 .3rem;line-height:1.25}
.sub{color:var(--muted);font-size:13px}
.photo{display:flex;justify-content:center;padding:1.6rem 0 .4rem}
.photo img{width:min(320px,80vw);height:auto;border-radius:10px;border:1px solid var(--line)}
.photo .missing{width:min(320px,80vw);aspect-ratio:1;display:flex;align-items:center;
justify-content:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;font-size:13px}
table{width:100%;border-collapse:collapse;margin:1.4rem 0 0}
td{padding:.55rem .2rem;border-bottom:1px solid var(--line);vertical-align:top}
td:first-child{color:var(--muted);width:7em}
.cta{margin:2.2rem 0;padding:1.1rem 1.25rem;background:var(--surface);border-radius:10px;
display:flex;justify-content:space-between;align-items:center;gap:1rem}
.cta p{margin:0;font-size:13.5px}
.btn{flex:none;display:inline-block;background:var(--btn-bg);color:var(--btn-text);
text-decoration:none;font-weight:600;font-size:13.5px;padding:.55rem 1.1rem;border-radius:999px}
.btn:active{transform:translateY(1px)}
.sec{margin-top:2rem}.sec h2{font-size:13px;color:var(--muted);font-weight:600;margin:0 0 .6rem}
.rel ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.rel a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.rel a:hover{color:var(--accent);border-color:var(--accent)}
footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);
color:var(--muted);font-size:12px}
footer a{color:inherit}