@charset "UTF-8"; /* ========================================================================= theme.css — 全站统一蓝色"水利"主题 + 移动端适配 说明：本文件在各页面 中最后引入，用于覆盖 bootstrap / index.css / style1.css / responsive.css 等遗留样式。仅做着色与响应式增强，不改 markup。 ========================================================================= */ /* ---------------- 设计令牌 ---------------- */ :root { --primary-blue: #2E86AB; --primary-dark: #1f6c8c; --secondary: #A23B72; --accent: #F18F01; --water-gradient: linear-gradient(135deg, #2E86AB 0%, #1f6c8c 60%, #16526b 100%); --hero-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%); --section-bg: #f8fafb; --ink: #2c3e50; --muted: #6b7c8c; --line: #e7eef3; --radius: 14px; --shadow-sm: 0 2px 8px rgba(20, 60, 90, .06); --shadow: 0 8px 26px rgba(20, 60, 90, .10); --shadow-lg: 0 14px 40px rgba(20, 60, 90, .16); } /* ---------------- 全局基线 ---------------- */ html, body { overflow-x: hidden; max-width: 100%; } body { font-family: "Microsoft YaHei", "微软雅黑", -apple-system, "Segoe UI", Arial, sans-serif; color: var(--ink); background: linear-gradient(to bottom, #f8fafb 0%, #ffffff 240px); line-height: 1.7; -webkit-text-size-adjust: 100%; } img { max-width: 100%; } * { box-sizing: border-box; } a { transition: color .25s ease; } /* ============================================================ 1. 统一头部 + 导航 ============================================================ */ .header { height: auto !important; border-top: 3px solid var(--primary-blue); background: rgba(255, 255, 255, .96); backdrop-filter: saturate(180%) blur(8px); box-shadow: var(--shadow-sm); position: sticky; top: 0; z-index: 1200; } .header > .container { display: flex; align-items: center; justify-content: space-between; min-height: 76px; position: relative; } .header .logo-main { margin-top: 0 !important; float: none !important; display: flex; align-items: center; } .header .logo-main img { height: 50px; width: auto; display: block; } /* 桌面横向菜单 */ .header-menu { float: none !important; } .header-menu .menu { display: flex; align-items: center; margin: 0; padding: 0; } .header-menu .menu > li { float: none !important; border-left: none !important; border-bottom: 3px solid transparent !important; background: transparent !important; position: relative; } .header-menu .menu > li > a { padding: 26px 18px 22px !important; font-size: 15px !important; font-weight: 600; color: var(--ink) !important; letter-spacing: .3px; } .header-menu .menu > li > a span { font-size: 11px !important; color: var(--muted); font-weight: 400; letter-spacing: 1px; } .header-menu .menu > li:hover, .header-menu .menu > li.hover { background: linear-gradient(to bottom, rgba(46,134,171,.06), transparent) !important; border-bottom: 3px solid var(--primary-blue) !important; } .header-menu .menu > li:hover > a, .header-menu .menu > li.hover > a { color: var(--primary-blue) !important; } /* 桌面下拉子菜单 */ .header-menu .sub-menu { top: 100% !important; left: 0; background: #fff; box-shadow: var(--shadow); border-radius: 0 0 10px 10px; overflow: hidden; } .header-menu .menu > li:hover .sub-menu { max-height: 400px; } .sub-menu li a { padding: 12px 22px !important; font-size: 14px !important; } .sub-menu li a:hover { background: var(--primary-blue) !important; color: #fff !important; } .sub-menu li:last-child { border-bottom: none !important; } /* 隐藏遗留的