:root{--color-bg-base:#0a0e14;--color-bg-elevated:#131820;--color-bg-overlay:#1a212c;--color-bg-hover:#202938;--color-border:#2a3442;--color-border-strong:#3d4a5c;--color-text-primary:#f0f4fa;--color-text-secondary:#b4bdcc;--color-text-tertiary:#8590a3;--color-accent:#00d9ff;--color-accent-hover:#33e3ff;--color-accent-glow:#00d9ff40;--color-warning:#ff8c42;--color-success:#4ade80;--color-danger:#ef4444;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px var(--color-accent-glow);--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--font-sans:-apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--ease-out:cubic-bezier(.19, 1, .22, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--sidebar-width:220px;--header-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}body{background-image:radial-gradient(circle at 20% 30%,#00d9ff0a,#0000 50%),radial-gradient(circle at 80% 70%,#ff8c4208,#0000 50%);background-attachment:fixed}.text-mono{font-family:var(--font-mono)}.text-glow{text-shadow:0 0 8px var(--color-accent-glow)}.x-message-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.x-message{background:var(--color-bg-overlay);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);min-width:220px;max-width:480px;box-shadow:var(--shadow-md);color:var(--color-text-primary);pointer-events:auto;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex}.x-message__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.x-message__text{flex:1}.x-message--info .x-message__dot{background:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.x-message--success{border-color:color-mix(in srgb, var(--color-success) 50%, var(--color-border))}.x-message--success .x-message__dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.x-message--warning{border-color:color-mix(in srgb, var(--color-warning) 50%, var(--color-border))}.x-message--warning .x-message__dot{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.x-message--error{border-color:color-mix(in srgb, var(--color-danger) 50%, var(--color-border))}.x-message--error .x-message__dot{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.x-msg-enter-active,.x-msg-leave-active{transition:all .25s var(--ease-out)}.x-msg-enter-from,.x-msg-leave-to{opacity:0;transform:translateY(-8px)}