*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #7c3aed;--primary-dark: #5b21b6;--bg: #f3f4f6;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--green: #16a34a;--red: #dc2626;--amber: #d97706;--border: #e5e7eb}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}button{cursor:pointer;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px;border:1px solid var(--border);border-radius:8px;padding:8px 12px;outline:none;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}.card{background:var(--card);border-radius:14px;padding:20px;box-shadow:0 1px 3px #00000014}.btn{border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:#f5f3ff}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{background:#f9fafb;color:var(--text)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:4px 10px;font-size:13px}.btn-add{background:var(--green)}.btn-add:hover{background:#15803d}.btn-sub{background:var(--red)}.btn-sub:hover{background:#b91c1c}.btn-plus2{background:var(--amber)}.btn-plus2:hover{background:#b45309}.muted{color:var(--muted);font-size:13px}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag-true{background:#dcfce7;color:var(--green)}.tag-false{background:#fee2e2;color:var(--red)}.tag-info{background:#ede9fe;color:var(--primary-dark)}.tag-amber{background:#fef3c7;color:var(--amber)}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;margin-bottom:20px}.topbar h1{font-size:20px;font-weight:600}.topbar a{color:#fff;text-decoration:none;margin-left:16px;opacity:.85;font-size:14px}.topbar a:hover{opacity:1}body.display-body{background:transparent;color:#fff}@media (max-width: 900px){.topbar{flex-direction:column;gap:8px}}