html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f7f7}:root{--primary-light: #a8d8ff;--primary: #4aa3df;--primary-dark: #1a6ca4;--secondary-light: #c5e8c5;--secondary: #7ac17a;--secondary-dark: #3e8e3e;--accent: #f8f9fa;--text-dark: #333333;--text-light: #ffffff;--background: #f5f9ff;--card-bg: #ffffff;--shadow: rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Microsoft YaHei,sans-serif;background-color:var(--background);color:var(--text-dark);line-height:1.6}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--text-light);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;text-align:center;transition:all .3s ease;text-decoration:none}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow)}.btn-secondary{background:linear-gradient(135deg,var(--secondary),var(--secondary-dark))}.card{background-color:var(--card-bg);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 4px var(--shadow)}.icon{margin-right:var(--spacing-sm)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}