:root{--elp-bg: #0b0d12;--elp-bg-elevated: #12151f;--elp-panel: #141826;--elp-panel-hover: #1a1f30;--elp-border: #262c40;--elp-border-strong: #333a52;--elp-accent: #8b5cf6;--elp-accent-strong: #7c3aed;--elp-accent-soft: rgba(139, 92, 246, .16);--elp-text-primary: #e7e9f0;--elp-text-secondary: #9ca3b5;--elp-text-disabled: #5b6172;--elp-success: #34d399;--elp-error: #f87171;--elp-warning: #fbbf24;--elp-info: #60a5fa;--elp-radius-card: 14px;--elp-radius-button: 10px;--elp-radius-input: 10px;--elp-transition-fast: .15s ease;--elp-transition-normal: .22s ease;--elp-font-sans: "Inter", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--elp-font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace}@media(prefers-reduced-motion:reduce){:root{--elp-transition-fast: 0ms;--elp-transition-normal: 0ms}}:root{--bg: #0f0f10;--bg-deep: #0a0a0b;--panel: #101112;--card: #19191b;--card-2: #1c1c1f;--card-3: #222226;--input: #111113;--border: #303030;--border-soft: #26262a;--border-strong: #3f3f46;--text: #fafafa;--text-2: #cbd5e1;--text-3: #a1a1aa;--faint: #71717a;--fainter: #52525b;--primary: #ac47ff;--primary-hover: #9b35f2;--purple: #8b5cf6;--purple-deep: #7c3aed;--purple-soft: #c4b5fd;--success: #22c55e;--success-soft: #4ade80;--amber: #f59e0b;--amber-2: #fbbf24;--danger: #ef4444;--teal: #14b8a6;--blue: #3b82f6;--pink: #ec4899;--indigo: #6366f1;--radius-card: 16px;--radius-panel: 12px;--radius-btn: 10px;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif, "Noto Sans Mono IPA";--font-ipa: "Noto Sans Mono", "SFMono-Regular", Consolas, monospace;--shadow-card: 0 25px 50px -12px rgba(0, 0, 0, .25);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}html,body,#app{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:#ac47ff59;color:#fff}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}hr{border:0;border-top:1px solid var(--border-soft)}code,kbd{font-family:var(--font-ipa)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#2a2a2e;border:2px solid var(--bg);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3a3a40}::-webkit-scrollbar-track{background:transparent}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 30px}.container-wide{width:100%;max-width:1360px;margin:0 auto;padding:0 30px}.muted{color:var(--text-3)}.faint{color:var(--faint)}.purple{color:var(--purple)}.success{color:var(--success)}.amber{color:var(--amber)}.danger{color:var(--danger)}.mono{font-family:var(--font-ipa)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-btn);background:transparent;color:var(--text);font-size:14px;font-weight:500;white-space:nowrap;transition:background-color .18s var(--ease-out),border-color .18s var(--ease-out),color .18s var(--ease-out),transform .12s var(--ease-out)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{border-color:#fafafa33;color:var(--text)}.btn-outline:hover{border-color:#fafafa5c;background:#ffffff0d}.btn-soft{border-color:var(--border);background:var(--card);color:var(--text-2)}.btn-soft:hover{background:var(--card-2);color:var(--text)}.btn-ghost{color:var(--text-3);padding:0 10px}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-sm{height:28px;padding:0 12px;border-radius:8px;font-size:13px}.btn-lg{height:44px;padding:0 22px;font-size:15px}.btn-icon{width:36px;height:36px;padding:0;border-radius:10px;color:var(--text-3)}.btn-icon:hover{background:#ffffff0f;color:var(--text)}.btn:focus-visible,.icon-btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.field{display:flex;flex-direction:column;gap:8px}.field-label{font-size:14px;color:var(--text-2)}.input{width:100%;height:44px;padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--input);color:var(--text);font-size:14px;outline:none;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.input::placeholder{color:var(--fainter)}.input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #8b5cf626}.checkbox{display:inline-flex;align-items:flex-start;gap:8px;color:var(--text-3);font-size:12px;line-height:1.6;cursor:pointer}.checkbox input{width:14px;height:14px;margin:2px 0 0;accent-color:var(--primary)}.card{border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--card)}.card-pad{padding:24px}.panel{border:1px solid var(--border-soft);border-radius:var(--radius-panel);background:var(--panel)}.divider{height:1px;background:var(--border-soft)}.chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;background:var(--card-2);border:1px solid var(--border-soft);color:var(--text-3);font-size:11px;white-space:nowrap}.chip-purple{background:#8b5cf61f;border-color:#8b5cf64d;color:var(--purple-soft)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--border-strong);border-bottom-color:#52525b;border-radius:5px;background:#1a1a1d;color:var(--text-3);font-family:var(--font-sans);font-size:11px;line-height:1}.app-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--border-soft);background:#0f0f10f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.app-topbar-left,.app-topbar-right{display:flex;align-items:center;gap:10px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:700;letter-spacing:-.3px}.brand img{width:30px;height:29px}.page-title{font-size:26px;font-weight:800;letter-spacing:-.6px}.page-sub{color:var(--text-3);font-size:14px;margin-top:6px}.section-title{font-size:22px;font-weight:700;letter-spacing:-.4px}.tabs{display:flex;align-items:center;gap:4px}.tab{height:34px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--text-3);font-size:14px}.tab:hover{color:var(--text);background:#ffffff0d}.tab.active{color:var(--text);background:var(--card-2)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.empty{padding:64px 24px;text-align:center;color:var(--faint)}.prose{color:var(--text-2);font-size:15px;line-height:1.85}.prose h1{color:#fff;font-size:32px;line-height:1.3;letter-spacing:-.6px;margin:0 0 20px}.prose h2{color:#fff;font-size:22px;line-height:1.4;letter-spacing:-.3px;margin:40px 0 14px;padding-top:8px}.prose h3{color:var(--text);font-size:17px;margin:28px 0 10px}.prose p{margin:14px 0}.prose a{color:var(--purple-soft);text-decoration:underline;text-decoration-color:#c4b5fd66;text-underline-offset:3px}.prose ul,.prose ol{margin:14px 0;padding-left:22px}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin:6px 0}.prose blockquote{margin:20px 0;padding:12px 18px;border-left:3px solid var(--purple);background:#8b5cf614;border-radius:0 8px 8px 0;color:var(--text-2)}.prose img{border-radius:12px;border:1px solid var(--border-soft);margin:20px 0}.prose table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.prose th,.prose td{border:1px solid var(--border-soft);padding:10px 12px;text-align:left}.prose th{background:var(--card-2);color:var(--text)}.prose code{padding:2px 6px;border-radius:4px;background:var(--card-2);color:var(--purple-soft);font-size:.9em}.prose pre{overflow-x:auto;padding:16px;border:1px solid var(--border-soft);border-radius:10px;background:#0b0b0c}.prose pre code{padding:0;background:none}.prose hr{margin:32px 0}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:.65}50%{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(max-width:900px){.container,.container-wide{padding:0 20px}.page-title{font-size:22px}}@media(max-width:640px){.container,.container-wide{padding:0 16px}.btn-lg{height:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--elp-bg: var(--bg);--elp-bg-elevated: var(--card);--elp-panel: var(--card);--elp-panel-hover: var(--card-2);--elp-border: var(--border-soft);--elp-border-strong: var(--border);--elp-accent: var(--purple);--elp-accent-strong: var(--purple-deep);--elp-accent-soft: rgba(139, 92, 246, .16);--elp-text-primary: var(--text);--elp-text-secondary: var(--text-3);--elp-text-disabled: var(--faint);--elp-success: var(--success-soft);--elp-error: var(--danger);--elp-warning: var(--amber);--elp-info: var(--blue);--elp-radius-card: var(--radius-card);--elp-radius-button: var(--radius-btn);--elp-radius-input: 10px;--elp-transition-fast: .15s ease;--elp-transition-normal: .22s ease;--elp-font-sans: var(--font-sans);--elp-font-mono: var(--font-ipa)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus,.input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--input) inset!important;-webkit-text-fill-color:var(--text)!important;caret-color:var(--text);transition:background-color 9999s ease-out 0s}.input:autofill{background-color:var(--input)!important;color:var(--text)!important}
