:root{--bg:#f4f5fa;--card:#ffffff;--border:#e9ebf4;--border-strong:#dfe3f2;--primary:#4f46e5;--primary-2:#6366f1;--primary-weak:#eef0fe;--primary-strong:#4338ca;--text:#1a1f36;--text-2:#667085;--text-3:#98a1b3;--ok:#0e9f6e;--ok-bg:#e8f8f1;--ok-strong:#0b8159;--err:#e02424;--err-bg:#fdecec;--err-strong:#b91c1c;--warn:#d97706;--warn-bg:#fdf3e3;--radius:18px;--shadow:0 1px 2px rgba(23,25,60,.04),0 12px 32px -14px rgba(23,25,60,.14);--shadow-lg:0 2px 4px rgba(23,25,60,.05),0 20px 44px -16px rgba(79,70,229,.22);--grad:linear-gradient(135deg,#4338ca,#6366f1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(1100px 420px at 85% -60px,rgba(99,102,241,.08),transparent 60%),radial-gradient(900px 380px at -60px 0,rgba(79,70,229,.07),transparent 55%),var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:900px;margin:0 auto;padding:20px 16px 64px}a{color:var(--primary);text-decoration:none}.app-header{position:relative;overflow:hidden;background:var(--grad);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;box-shadow:var(--shadow-lg)}.app-header:before{content:"";position:absolute;width:200px;height:200px;right:-60px;top:-90px;border-radius:50%;background:#ffffff1f}.app-header:after{content:"";position:absolute;width:120px;height:120px;right:90px;bottom:-70px;border-radius:50%;background:#ffffff14}.h-left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.h-right{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.logo{width:46px;height:46px;border-radius:14px;background:#ffffff29;border:1px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}header h1{font-size:19px;font-weight:700;letter-spacing:.4px;line-height:1.3}header .sub{font-size:12.5px;opacity:.88;margin-top:3px}.view{animation:fadeUp .28s cubic-bezier(.2,.7,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:16px;box-shadow:var(--shadow)}.card h2{font-size:15px;color:var(--text);font-weight:600;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.card-title{display:flex;align-items:center;gap:8px}.card-title .dot{width:8px;height:8px;border-radius:3px;background:var(--grad);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;background:var(--grad);color:#fff;box-shadow:0 4px 12px -4px #4f46e580}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn.ghost:hover{border-color:var(--primary);color:var(--primary);filter:none}.btn.ok{background:linear-gradient(135deg,#0b8159,#12b76a);box-shadow:0 4px 12px -4px #0e9f6e80}.btn.err{background:#fff;color:var(--err);border:1px solid #f2c4c4;box-shadow:none}.btn.err:hover{background:var(--err-bg);filter:none}.btn.warn{background:linear-gradient(135deg,#b45309,#f59e0b);box-shadow:0 4px 12px -4px #d9770680}.btn.sm{padding:7px 14px;font-size:13px;border-radius:10px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--text-2)}.input,select.input{width:100%;padding:11px 14px;border:1.5px solid var(--border-strong);border-radius:11px;font-size:14px;background:#fff;color:var(--text);transition:border-color .15s}.input:focus{outline:none;border-color:var(--primary)}.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{background:var(--primary-weak);color:var(--primary);padding:11px 12px;text-align:left;font-weight:600}.tbl td{padding:11px 12px;border-top:1px solid var(--border)}.tbl tr:hover td{background:#fafbfe}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.green{background:var(--ok-bg);color:var(--ok-strong)}.badge.red{background:var(--err-bg);color:var(--err)}.toast{position:fixed;top:22px;left:50%;transform:translate(-50%);background:#1f2437;color:#fff;padding:11px 22px;border-radius:12px;font-size:14px;z-index:99;box-shadow:var(--shadow-lg)}.feedback{margin-top:14px;border-radius:12px;padding:13px 16px;font-size:14px;line-height:1.7;border:1px solid transparent}.feedback.ok{background:var(--ok-bg);color:var(--ok-strong);border-color:#c6ecd9}.feedback.err{background:var(--err-bg);color:var(--err-strong);border-color:#f5cdcd}