:root{--brand-primary: #1e3a8a;--brand-accent: #3b82f6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-light: #f9fafb;--bg-white: #ffffff;--border: #e5e7eb;--radius: 8px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--brand-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover{background:#1e40af}.btn-outline{background:transparent;color:var(--brand-primary);border-color:var(--brand-primary)}.btn-outline:hover{background:var(--brand-primary);color:#fff}.card{background:var(--bg-white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}