*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #e6f7ff;--accent-color: #ff9800;--primary-dark: #1890ff;--text-color: #333;--text-secondary: #666;--text-light: #999;--border-color: #e8e8e8;--shadow-color: rgba(0, 0, 0, .08);--card-bg: rgba(255, 255, 255, .7);--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f}html,body{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text-color);background:linear-gradient(135deg,#f0f5ff,#e6f7ff,#f0f5ff);background-attachment:fixed}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(24,144,255,.05) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,152,0,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}#app{width:100%;min-height:100vh}a{color:var(--primary-dark);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-color)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s ease}input,select,textarea{font-family:inherit;font-size:inherit;outline:none;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;transition:all .3s ease;background:#fffc}input:focus,select:focus,textarea:focus{border-color:var(--primary-dark);box-shadow:0 0 0 3px #1890ff1a}input::placeholder{color:var(--text-light)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(-20px);opacity:0}.slide-leave-to{transform:translate(20px);opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}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)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}@media (max-width: 768px){html{font-size:13px}}