:root { --primary-color: #165DFF; --primary-dark: #0E42D2; --primary-light: #E8F3FF; --light-color: #F0F7FF; --text-color: #1D2939; --text-dark: #101828; --shadow-sm: 0 2px 6px rgba(22, 93, 255, 0.2); --shadow-md: 0 4px 12px rgba(22, 93, 255, 0.25); --shadow-lg: 0 8px 24px rgba(22, 93, 255, 0.3); --transition-normal: all 0.3s ease; --radius: 12px; --radius-sm: 8px; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; line-height: 1.6; color: var(--text-color); background-color: var(--light-color); padding: 10px; position: relative; min-height: 100vh; overflow-x: hidden; cursor: default; } #main-content { max-width: 1200px; margin: 0 auto; padding: 0 16px; } .main-content { width: 100%; } /* 响应式调整 */ @media (max-width: 767px) { .footer-content { flex-direction: column; align-items: center; } } @media (max-width: 1023px) and (min-width: 768px) { .footer-content { justify-content: space-around; } }