.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(8px)}:root{--bg: #0b0b0f;--card: #141420;--line: #262636;--blue: #4e7cff;--green: #22c55e;--red: #ef4444;--white: #f0f0f4;--gray: #9090a8;--mine: #2244aa;--other: #1e1e32;--input-bg: #1a1a2e;--input-ph: #55556a;--system-bg: rgba(30, 30, 50, .6);--card-shadow: rgba(0, 0, 0, .3);--btn-shadow: rgba(78, 124, 255, .3);--scrollbar: #333350;--time-clr: #55556a}[data-theme=light]{--bg: #f4f5f7;--card: #ffffff;--line: #e2e4ea;--blue: #3366ff;--green: #16a34a;--red: #dc2626;--white: #1a1a2e;--gray: #6b7280;--mine: #dde4ff;--other: #f0f1f4;--input-bg: #f0f1f4;--input-ph: #a0a4b0;--system-bg: rgba(0, 0, 0, .04);--card-shadow: rgba(0, 0, 0, .06);--btn-shadow: rgba(51, 102, 255, .25);--scrollbar: #c8ccd4;--time-clr: #9ca0aa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--white);font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:background .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}