:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#e8e9ef;background:#10131d}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}header{display:flex;align-items:center;gap:16px;padding:12px 0 30px}header strong{font-size:24px;color:#9fc5ff}#who{margin-left:auto}section,article{background:#1b2030;border:1px solid #343e56;border-radius:14px;padding:22px;margin:15px 0}#auth{max-width:480px;margin:8vh auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px}h1{font-size:27px}h2{font-size:20px;margin-top:0}p{color:#b8c2d5;line-height:1.6}label{display:block;margin:14px 0;color:#d4dded}input,textarea,select{display:block;width:100%;margin-top:7px;padding:11px;border-radius:8px;border:1px solid #586580;background:#131827;color:white;font:inherit}button{border:0;border-radius:8px;background:#688ff2;color:white;font:inherit;padding:10px 18px;cursor:pointer}button:hover{background:#83a5ff}details{margin-top:22px}summary{cursor:pointer}#message{min-height:24px;color:#ffd495}.task{border-top:1px solid #394358;padding:16px 0}.task img,.task video{display:block;max-width:100%;max-height:400px;margin:12px 0}a{color:#a9c9ff}#reference-preview{max-width:170px;max-height:170px}button:disabled{opacity:.5;cursor:wait}dialog{max-width:420px;border:1px solid #586580;border-radius:12px;background:#1b2030;color:#e8e9ef;padding:24px}dialog::backdrop{background:#0009}
.tabs{display:flex;gap:6px;margin:6px 0 4px;border-bottom:1px solid #343e56}.tabs button{background:transparent;color:#b8c2d5;border-radius:8px 8px 0 0;padding:9px 16px}.tabs button.active{background:#262d42;color:#fff}.tabs button:hover{background:#2c3550}
.code-row{display:flex;gap:8px;align-items:stretch;margin-top:7px}.code-row input{margin-top:0;flex:1;min-width:0}.code-row button{white-space:nowrap;flex:0 0 auto}
button.ghost{background:#2a3350;border:1px solid #586580}button.ghost:hover{background:#34406a}