:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:#0b1220;color:#e8edf8;--muted:#96a4bd;--line:#2a3750;--mint:#a2f1cf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 0%,#1a3047 0,transparent 42%)}main{max-width:1040px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--mint);font-size:34px}.brand span{font-size:15px;font-weight:700;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:1px;margin-top:5px}.card{background:#142036;border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:20px;box-shadow:0 10px 35px #0002}.hero{background:linear-gradient(120deg,#1b2c43,#142036 70%)}.hero-top,.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--mint)}h1{font-size:32px;letter-spacing:-1px;margin:20px 0 10px}h2{font-size:18px;margin:0}.muted{color:var(--muted);font-size:14px;line-height:1.7;min-height:24px}.badge,.chip{border-radius:30px;padding:6px 10px;font-size:11px;background:#26364e;color:#b7c6dc;white-space:nowrap}.badge.online{color:var(--mint);background:#244a43}.badge.error{color:#ffb4a2;background:#513634}.song{display:flex;align-items:center;gap:14px;margin:24px 0}.cover{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#6a78b9,#2e4e72);font-size:30px}.song strong{font-size:19px}.song small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.song .chip{margin-left:auto}button,input,select{font:inherit}button{border:0;border-radius:12px;padding:13px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s}button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.primary{background:var(--mint);color:#122b29}.secondary{background:#26374f;color:#e5edfa;border:1px solid #3a4c67}.subtle{color:#c0cee3;background:transparent;padding:8px 0;font-size:12px}.actions{display:flex;gap:12px}.actions .primary{flex:1}.actions .secondary{min-width:110px}.hint{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.metrics div{display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line);padding-left:24px}.metrics div:first-child{padding-left:0}.metrics div:last-child{border:0}.metrics strong{font-size:27px;font-variant-numeric:tabular-nums;font-weight:500}.metrics span{font-size:11px;color:var(--muted)}.columns{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.preview{margin-top:20px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0c1424;min-height:180px;display:grid;place-items:center}.preview img{width:100%;display:block}.preview p{padding:20px;color:var(--muted);font-size:12px;text-align:center}.field{margin:18px 0}label{display:block;font-size:13px;margin-bottom:9px}label small{font-size:11px;color:var(--muted);display:block;margin-top:5px}input,select{width:100%;border:1px solid #3a4b65;border-radius:10px;background:#0f1a2d;padding:12px;color:#edf4ff;min-height:45px;outline:none;font-size:16px}input:focus,select:focus{border-color:var(--mint)}fieldset{border:0;margin:0;padding:0}fieldset:disabled{opacity:.55}#save{width:100%}.security{padding:20px 26px;font-size:13px}.security summary{cursor:pointer;color:#c1cde1}.security form{margin-top:22px;max-width:420px}.security button{margin-top:12px}.notice{padding:14px 18px;background:#244b43;color:#c6ffe7;border-radius:12px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.notice.error{background:#4a3035;color:#ffc4c4}.login{max-width:470px;margin:60px auto}.login form{margin-top:28px}.login button{width:100%;margin-top:16px;display:flex;justify-content:space-between}footer{text-align:center;color:#71809b;font-size:10px;letter-spacing:1px;margin:36px 0 10px}footer span{margin:0 8px}[hidden]{display:none!important}@media(max-width:680px){main{padding:24px 16px}header{margin-bottom:24px}.card{padding:22px 20px;border-radius:18px}.columns{display:block}.hero h1{font-size:28px}.metrics div{padding-left:12px}.metrics strong{font-size:23px}.metrics span{font-size:10px}.song .chip{font-size:10px}.actions .secondary{min-width:90px}.login{margin:35px auto}.section-title h2{font-size:17px}}
.instance-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:20px 0}.instance-card{text-align:left;background:#0f1a2d;border:1px solid #3a4b65;color:#e8edf8;padding:18px}.instance-card.selected{border-color:var(--mint);background:#213d43}.instance-card strong{display:block;font-size:15px}.instance-card span{display:block;font-size:12px;color:#a9b8ce;margin-top:9px}.instance-panel .actions{flex-wrap:wrap}.instance-panel .actions button{flex:1;min-width:110px}.setup{background:#354238;border:1px solid #687052;border-radius:12px;padding:16px;margin:18px 0}.setup p{font-size:13px;line-height:1.7;margin-top:0}