.toast-container{z-index:9999;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;top:20px;right:20px}.toast{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;animation:.3s slideInRight;display:flex;box-shadow:0 8px 24px #00000026}.toast.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.toast.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.toast.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.toast.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.toast-icon{flex-shrink:0;font-size:18px}.toast-msg{flex:1}.toast-enter-active{animation:.3s slideInRight}.toast-leave-active{animation:.25s slideOutRight}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s,transform .2s}.page-fade-enter-from{opacity:0;transform:translateY(8px)}.page-fade-leave-to{opacity:0;transform:translateY(-8px)}:root{--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-lighter:#c7d2fe;--color-primary-bg:#eef2ff;--color-primary-dark:#3730a3;--color-success:#10b981;--color-success-bg:#ecfdf5;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-aux:#9ca3af;--color-text-inverse:#fff;--color-bg:#f3f4f6;--color-bg-white:#fff;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--font-xs:12px;--font-sm:13px;--font-base:14px;--font-md:15px;--font-lg:17px;--font-xl:20px;--font-2xl:24px;--font-3xl:30px;--font-4xl:36px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #0000000d, 0 2px 4px #0000000a;--shadow-lg:0 10px 15px #0000000f, 0 4px 6px #0000000a;--shadow-xl:0 20px 25px #00000014, 0 8px 10px #0000000a;--shadow-card:0 0 0 1px #00000008, 0 2px 8px #0000000f;--shadow-hover:0 0 0 1px #4f46e51a, 0 8px 24px #4f46e51f;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:var(--font-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;font:inherit;background:0 0;border:none;outline:none}input,textarea{font:inherit;border:none;outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-aux);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(12px)}.slide-down-enter-active,.slide-down-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-12px)}.scale-enter-active,.scale-leave-active{transition:all .2s}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.95)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--color-primary-bg);color:var(--color-primary-dark)}@media (width>=768px){body{background:#e8eaed;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px 0;display:flex}#app{max-width:430px;min-height:100vh;box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);background:var(--color-bg);overflow:hidden}}[data-theme=dark]{--color-bg:#0f172a;--color-bg-white:#1e293b;--color-bg-card:#1e293b;--color-bg-elevated:#273548;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-aux:#64748b;--color-border:#334155;--color-border-light:#1e293b;--shadow-card:0 0 0 1px #ffffff0d, 0 2px 8px #0000004d;--shadow-hover:0 0 0 1px #818cf833, 0 8px 24px #0006}[data-theme=dark] body{background:#0f172a}[data-theme=dark] .page-top,[data-theme=dark] .header-bar,[data-theme=dark] .tab-bar,[data-theme=dark] .section,[data-theme=dark] .card,[data-theme=dark] .modal,[data-theme=dark] .sheet{background:var(--color-bg-card)!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--color-bg);color:var(--color-text-primary)}[data-theme=dark] .tab-bar{box-shadow:0 -4px 20px #0006!important}