:root{--bg:#f5f7ff;--card:#fff;--text:#182033;--muted:#667085;--line:#e7ebf5;--blue:#4f7cff;--blue2:#315ee8;--green:#12b981;--red:#ef4444;--orange:#ff8a3d;--shadow:0 18px 50px rgba(25,42,89,.10)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:linear-gradient(135deg,#f7f9ff,#eef3ff);color:var(--text)}a{text-decoration:none;color:inherit}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);border-right:1px solid var(--line);padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.logo,.auth-logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--blue),#8b5cf6,var(--orange));color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 12px 30px rgba(79,124,255,.3)}nav{display:grid;gap:10px}nav a{padding:13px 14px;border-radius:14px;color:#344054;font-weight:800}nav a:hover{background:#eef3ff;color:var(--blue2)}.main{flex:1;padding:28px;max-width:1280px}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.topbar h1{margin:0 0 6px;font-size:30px}.topbar p{margin:0;color:var(--muted)}.card,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:22px;margin-bottom:20px}.card h2{margin:0 0 14px}.switch-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-card p{color:var(--muted);margin:6px 0 0}.btn{border:0;background:#eef3ff;color:#344054;border-radius:14px;padding:11px 16px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 12px 30px rgba(79,124,255,.25)}.btn.danger{background:#fff1f2;color:#e11d48}.btn.small{padding:8px 10px;border-radius:11px;font-size:13px}.btn.full{width:100%}.switch{width:62px;height:34px;border:0;border-radius:999px;background:#d0d5dd;padding:3px;cursor:pointer}.switch span{display:block;width:28px;height:28px;background:#fff;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.16);transition:.2s}.switch.on{background:linear-gradient(135deg,var(--green),#38d39f)}.switch.on span{transform:translateX(28px)}.inline-form{display:flex;gap:12px;align-items:center}.success-box,.error-box{padding:13px 16px;border-radius:15px;margin:0 0 16px;font-weight:800}.success-box{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.error-box{background:#fff1f3;color:#c01048;border:1px solid #fecdd6}.empty{padding:28px;text-align:center;color:var(--muted);background:#f8faff;border-radius:16px;border:1px dashed var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:950px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:13px;color:var(--muted);background:#f8faff}td small{display:block;color:var(--muted);font-size:12px;margin-top:4px}code,pre{background:#f3f6ff;border:1px solid var(--line);border-radius:10px;padding:4px 7px;color:#315ee8;white-space:pre-wrap}pre{padding:14px;overflow:auto}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900}.badge.green{background:#ecfdf3;color:#027a48}.badge.gray{background:#f2f4f7;color:#667085}.api-input{width:100%;min-width:280px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#f8faff;color:#344054}.actions{display:flex;gap:8px;align-items:center}.actions form{margin:0}.form-grid{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:900}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;font:inherit;background:#fff;color:var(--text);outline:none}textarea{resize:vertical}input:focus,textarea:focus{border-color:#9cb5ff;box-shadow:0 0 0 4px rgba(79,124,255,.13)}label small{color:var(--muted);font-weight:500}.row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:center;gap:10px;background:#f8faff;border:1px solid var(--line);border-radius:15px;padding:12px}.check input{width:auto}.media-box{border:1px dashed #c9d6ff;background:#f8faff;border-radius:18px;padding:18px;display:grid;gap:14px}.media-box h3{margin:0}.preview{max-width:360px;max-height:220px;border-radius:16px;border:1px solid var(--line);background:#fff;object-fit:contain}.form-actions{display:flex;gap:12px}.auth-body{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at top left,#e7edff,#fff 34%,#f5f7ff)}.auth-card{width:min(440px,100%)}.auth-card h1{margin:14px 0 18px}.help-card p{color:var(--muted)}@media(max-width:760px){.layout{display:block}.sidebar{width:auto;height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}nav{grid-template-columns:repeat(2,1fr)}.main{padding:18px}.topbar,.switch-card{display:grid}.row.two{grid-template-columns:1fr}.actions{display:grid}.preview{max-width:100%}}