.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root[data-theme=dark]{--bg-primary: #0a1020;--bg-secondary: #0f1730;--bg-tertiary: #141e3a;--bg-elevated: #1a2342;--bg-overlay: rgba(15, 23, 48, .85);--surface: #182243;--surface-hover: #1f2c52;--surface-active: #243468;--text-primary: #e6edf7;--text-secondary: #a8b6d3;--text-tertiary: #6b7a9c;--text-disabled: #4a5476;--accent-blue: #4a8dff;--accent-blue-hover: #6ba5ff;--accent-blue-active: #3577e6;--accent-blue-soft: rgba(74, 141, 255, .15);--accent-gold: #f5c45a;--accent-gold-soft: rgba(245, 196, 90, .18);--accent-purple: #a070ff;--accent-cyan: #4dd5e6;--accent-pink: #ff6ba6;--accent-green: #4adc8f;--border: #1f2a4a;--border-light: #283356;--border-strong: #324375;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 6px 18px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .45);--shadow-glow: 0 0 24px rgba(74, 141, 255, .25);--gradient-primary: linear-gradient(135deg, #4a8dff 0%, #3577e6 100%);--gradient-accent: linear-gradient(135deg, #4a8dff 0%, #a070ff 100%);--gradient-gold: linear-gradient(135deg, #f5c45a 0%, #f59a3e 100%);--gradient-bg: linear-gradient(135deg, #0a1020 0%, #141e3a 100%);--header-bg: linear-gradient(180deg, rgba(20, 30, 58, .95), rgba(15, 23, 48, .85));--logo-color: #4a8dff;--particles-color: rgba(74, 141, 255, .4)}:root[data-theme=light]{--bg-primary: #f4f7fc;--bg-secondary: #ffffff;--bg-tertiary: #eaf0fa;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .92);--surface: #ffffff;--surface-hover: #f0f5fc;--surface-active: #e4edfa;--text-primary: #1a2238;--text-secondary: #495778;--text-tertiary: #7a89a8;--text-disabled: #b5bccc;--accent-blue: #2563eb;--accent-blue-hover: #1d4ed8;--accent-blue-active: #1e40af;--accent-blue-soft: rgba(37, 99, 235, .1);--accent-gold: #d97706;--accent-gold-soft: rgba(217, 119, 6, .1);--accent-purple: #7c3aed;--accent-cyan: #0891b2;--accent-pink: #db2777;--accent-green: #16a34a;--border: #e3eaf5;--border-light: #edf2f9;--border-strong: #c5d3e8;--shadow-sm: 0 1px 3px rgba(15, 30, 60, .08);--shadow-md: 0 4px 12px rgba(15, 30, 60, .1);--shadow-lg: 0 8px 24px rgba(15, 30, 60, .12);--shadow-glow: 0 0 18px rgba(37, 99, 235, .18);--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--gradient-accent: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-gold: linear-gradient(135deg, #d97706 0%, #b45309 100%);--gradient-bg: linear-gradient(135deg, #f4f7fc 0%, #eaf0fa 100%);--header-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 247, 252, .92));--logo-color: #2563eb;--particles-color: rgba(37, 99, 235, .25)}*,*:before,*:after{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:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:var(--bg-primary);overflow:hidden}body{background:var(--gradient-bg);transition:background .3s ease,color .3s ease}a{color:var(--accent-blue);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;outline:none;border:none}ul,ol{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.btn-primary{padding:10px 18px;background:var(--gradient-primary);color:#fff;border-radius:8px;font-weight:500;font-size:14px;transition:all .2s;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 22px #4a8dff59}.btn-secondary{padding:10px 18px;background:var(--surface);color:var(--text-primary);border-radius:8px;border:1px solid var(--border-strong);transition:all .2s}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--accent-blue)}.btn-large{padding:12px 24px;font-size:16px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);transition:all .2s}.card:hover{border-color:var(--accent-blue-soft);box-shadow:var(--shadow-md)}.label-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;background:var(--accent-blue-soft);color:var(--accent-blue)}.status-completed{color:var(--accent-green);background:#4adc8f26;padding:2px 8px;border-radius:4px;font-size:12px}.status-progress{color:var(--accent-gold);background:var(--accent-gold-soft);padding:2px 8px;border-radius:4px;font-size:12px}.status-review{color:var(--accent-pink);background:#ff6ba626;padding:2px 8px;border-radius:4px;font-size:12px}.status-draft{color:var(--text-secondary);background:var(--surface-active);padding:2px 8px;border-radius:4px;font-size:12px}.input,.textarea{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .2s}.input:focus,.textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-soft)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--accent-blue-soft)}50%{box-shadow:0 0 24px var(--accent-blue-soft)}}.fade-in{animation:fadeIn .4s ease}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 1.6s ease infinite}::selection{background:var(--accent-blue-soft);color:var(--text-primary)}.skip-link{position:absolute;left:12px;top:-48px;z-index:100000;padding:8px 16px;background:var(--accent-blue);color:#fff;border-radius:6px;font-size:13px;transition:top .2s ease}.skip-link:focus{top:12px;outline:3px solid #fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible,.router-link-active:focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}