*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f4f6;--bg-elevated: #efedf1;--surface: #ffffff;--surface2: #faf9fb;--surface3: #f0eef2;--border: rgba(0, 0, 0, .07);--border-md: rgba(0, 0, 0, .13);--border-strong: rgba(0, 0, 0, .26);--accent: #d4729a;--accent-dim: rgba(212, 114, 154, .1);--accent-glow: rgba(212, 114, 154, .22);--accent-ring: rgba(212, 114, 154, .18);--accent2: #2d7fb8;--accent2-dim: rgba(45, 127, 184, .09);--accent2-glow: rgba(45, 127, 184, .18);--accent2-ring: rgba(45, 127, 184, .16);--danger: #d93232;--danger-dim: rgba(217, 50, 50, .09);--danger-glow: rgba(217, 50, 50, .18);--success: #2a9d5c;--success-dim: rgba(42, 157, 92, .09);--success-glow: rgba(42, 157, 92, .18);--purple: #7153c2;--purple-dim: rgba(113, 83, 194, .09);--purple-glow: rgba(113, 83, 194, .18);--warning: #d97820;--warning-dim: rgba(217, 120, 32, .09);--text: #171717;--text-sub: #6b6b6b;--text-mute: #a0a0a0;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.09), 0 2px 6px rgba(0,0,0,.05);--shadow-inset: inset 0 1px 0 rgba(255,255,255,.9);--ease: cubic-bezier(.32, .72, 0, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}body{background:var(--bg);background-image:radial-gradient(ellipse 60% 50% at 15% 10%,rgba(212,114,154,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 85%,rgba(113,83,194,.04) 0%,transparent 60%);color:var(--text);font-family:Plus Jakarta Sans,PingFang SC,Noto Sans SC,Microsoft YaHei UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000024;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0000003d}button{cursor:pointer;border:1px solid var(--border-md);background:var(--surface);color:var(--text-sub);border-radius:var(--radius-sm);padding:5px 14px;font-size:13px;font-family:inherit;letter-spacing:.01em;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease),transform .15s var(--spring)}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}button:active:not(:disabled){transform:scale(.965)}button.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600;letter-spacing:.03em;box-shadow:0 1px 6px #d4729a47}button.primary:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 2px 12px #d4729a61;transform:translateY(-1px)}button.primary:active:not(:disabled){transform:scale(.965);filter:brightness(.96)}button:disabled{opacity:.35;cursor:not-allowed}input,select{background:var(--surface);border:1px solid var(--border-md);color:var(--text);border-radius:var(--radius-sm);padding:5px 10px;font-size:13px;font-family:inherit;outline:none;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input[type=checkbox],input[type=radio]{width:auto;padding:0;accent-color:var(--accent)}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--text)}.card{background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm),var(--shadow-inset);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.bezel-outer{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3px;box-shadow:var(--shadow-sm);transition:border-color .22s var(--ease),box-shadow .22s var(--ease)}.bezel-outer:hover{border-color:var(--border-md);box-shadow:var(--shadow-md)}.bezel-inner{background:#ffffffd9;border-radius:calc(var(--radius-xl) - 3px);padding:14px 18px;box-shadow:var(--shadow-inset);height:100%}.tag{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:500;letter-spacing:.03em;background:var(--surface3);color:var(--text-mute);border:1px solid var(--border)}.tag.buff{background:var(--success-dim);color:var(--success);border-color:#2a9d5c33}.tag.debuff{background:var(--danger-dim);color:var(--danger);border-color:#d9323233}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 1px var(--accent-ring),var(--shadow-sm)}50%{box-shadow:0 0 0 1px var(--accent-ring),0 0 16px var(--accent-glow)}}.anim-fade-up{animation:fadeUp .5s var(--ease-out) both}.anim-slide-in{animation:slideIn .35s var(--ease-out) both}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--text-mute);pointer-events:none}