:root{--primary-color: #1677ff;--primary-color-hover: #4096ff;--primary-color-pressed: #0958d9;--bg-color: #f0f2f5;--text-color: #1f2225;--text-color-secondary: #5c6b77;--border-color: #e5e7eb}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}.page-container{max-width:1200px;margin:0 auto;padding:24px}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600;color:var(--text-color);margin:0 0 8px}.page-desc{font-size:14px;color:var(--text-color-secondary);margin:0}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014!important}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}html,body,#app{height:100%;width:100%}