:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#233d4c66,transparent 50%),#0b131b;color:#f0ede4;font:15px/1.8 system-ui,"Microsoft YaHei"}main{max-width:1200px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #385064}header span,.eyebrow{font-size:11px;letter-spacing:3px;color:#d9b36b}a{color:#e6c588;text-decoration:none}h1{font-size:clamp(30px,5vw,54px);margin:10px 0}.eyebrow{margin-top:40px}.lead{color:#b3c4cf}.mix{padding:20px;background:#152736;border:1px solid #375365;border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0}.mix label{display:grid;gap:8px;font-size:13px}.mix input[type=range]{width:100%;accent-color:#d9b36b}.mix .check{display:flex;align-items:center;grid-column:span 2}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cards article{min-width:0;background:linear-gradient(150deg,#203b4c,#101d2b);border:1px solid #3a5b70;border-radius:12px;overflow:hidden}.portrait{height:190px;background:radial-gradient(ellipse,#3c526955,transparent);display:flex;align-items:center;justify-content:center}.portrait img{height:100%;width:100%;object-fit:contain}.content{padding:22px}h2{font-size:24px;margin:0}.content>p{color:#b3c4cf;font-size:13px;min-height:48px}button{background:#d74838;color:white;border:1px solid #f27666;border-radius:6px;font:inherit;min-height:44px;padding:9px 18px;cursor:pointer}.quiet{background:#172d3e;border-color:#48677b;color:#e8c98c;font-size:12px}.content details{margin-top:18px;border-top:1px solid #436074;padding-top:14px}summary{cursor:pointer;color:#e4c68c;font-size:13px;min-height:30px}.slot{margin-top:18px;display:grid;gap:9px}.slot label{font-size:12px;color:#b6cad7}.slot input{width:100%;font:inherit;font-size:12px}.slot small{color:#aac0cd;overflow-wrap:anywhere}.slot>div{display:flex;gap:8px;flex-wrap:wrap}.sources{margin-top:30px;border-top:1px solid #375266;padding-top:18px}.sources p{font-size:12px;color:#aac0cd}#status{min-height:35px;color:#bde3d0;font-size:13px}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f2ca71;outline-offset:4px}@media(max-width:750px){.cards{grid-template-columns:1fr}.mix{grid-template-columns:1fr}.mix .check{grid-column:auto}main{padding:18px}.portrait{height:170px}header{font-size:12px;flex-wrap:wrap}.eyebrow{margin-top:25px}}
