* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Microsoft YaHei', Arial, sans-serif;line-height: 1.6;color: #333;background-color: #f8f9fa;}nav {transition: all 0.3s ease;}nav.scrolled {background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}.hero-section {position: relative;overflow: hidden;}.hero-section::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1;}.hero-content {position: relative;z-index: 2;}.card {transition: all 0.3s ease;}.card:hover {transform: translateY(-5px);}.btn {transition: all 0.3s ease;}.btn:hover {transform: translateY(-2px);}.fade-in {opacity: 0;transform: translateY(20px);transition: all 0.6s ease;}.fade-in.visible {opacity: 1;transform: translateY(0);}@media (max-width: 768px) {.container {padding: 0 15px;}h1 {font-size: 2.5rem;}h2 {font-size: 2rem;}h3 {font-size: 1.5rem;}}.loader {display: inline-block;width: 30px;height: 30px;border: 3px solid rgba(255, 255, 255, 0.3);border-radius: 50%;border-top-color: #fff;animation: spin 1s ease-in-out infinite;}@keyframes spin {to { transform: rotate(360deg); }}html {scroll-behavior: smooth;}.nav-link.active {color: #3b82f6;font-weight: 600;}.form-control {transition: all 0.3s ease;}.form-control:focus {box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);}footer {background-color: #1f2937;color: #f3f4f6;}::-webkit-scrollbar {width: 8px;}::-webkit-scrollbar-track {background: #f1f1f1;}::-webkit-scrollbar-thumb {background: #888;border-radius: 4px;}::-webkit-scrollbar-thumb:hover {background: #555;}