/* ============================================================ wuyffip.com 整站改版 · 清新现代风皮肤 v2.0（覆盖层） 设计令牌： 主色 #2563EB（活力蓝，呼应 logo） 辅助 #06B6D4（清爽青） 强调 #10B981（薄荷绿） 背景 #F5F8FC 卡片 白底 / 圆角 16px / 轻阴影 正文 #1F2937 / 次要 #6B7280 用法：上传至 /skinp/css/redesign.css，并在各 shtml 引入 原则：仅覆盖视觉属性；不动布局结构、模块 ID、URL ============================================================ */ /* ---------- 全局基调 ---------- */ body { background-color: #F5F8FC !important; font-family: 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important; color: #1F2937 !important; } body img { border-radius: 12px; } /* ---------- 顶部导航：白底 + 悬浮置顶 ---------- */ #headercontainer { background: #FFFFFF !important; box-shadow: 0 2px 24px rgba(37, 99, 235, 0.08) !important; border-bottom: 1px solid rgba(37, 99, 235, 0.06) !important; position: sticky; top: 0; z-index: 1000; } #headercontainer .row.container { max-width: 1320px !important; } /* 导航文字与高亮（原粉红 -> 活力蓝） */ #module_module_202105171056534598 .main-nav-item { color: #1F2937 !important; font-weight: 500 !important; } #module_module_202105171056534598 .main-nav-item:hover { color: #2563EB !important; } #module_module_202105171056534598 .main-nav-item-group.current .main-nav-item { color: #FFFFFF !important; } #module_module_202105171056534598 .main-nav-item-group.current .main-nav-item::after { background: #2563EB !important; border-radius: 22px !important; height: 38px !important; top: 12px !important; } #module_module_202105171056534598 .menu_item:hover, #module_module_202105171056534598 .menu_item.main-nav-item-hover { background-color: #2563EB !important; color: #FFFFFF !important; border-radius: 22px !important; } #module_module_202105171056534598 .menu_item_one:hover { background-color: #F0F7FF !important; color: #2563EB !important; } #module_module_202105171056534598 .sub-nav-item-group { border-radius: 14px !important; overflow: hidden !important; box-shadow: 0 12px 32px rgba(17, 24, 39, 0.10) !important; } #module_module_202105171056534598 .sub-nav-item { color: #374151 !important; } /* ---------- 移动端导航：黑色 -> 浅色 ---------- */ .mobileNav_1.black { background: #FFFFFF !important; border-bottom: 1px solid rgba(37, 99, 235, 0.08) !important; } .mobileNav_1.black #header p { color: #1F2937 !important; } .mobileNav_1.black .rect { background: #2563EB !important; } .mobileNavFloatLayer_1.black { background: #FFFFFF !important; } .mobileNavFloatLayer_1.black .micro-nav-item a { color: #1F2937 !important; } .mobileNavFloatLayer_1.black .micro-nav-item li.open > a { color: #2563EB !important; } /* ---------- 内容区：大留白 + 卡片化 ---------- */ #contentcontainer { padding-top: 20px !important; } #contentcontainer .lyrow > .container { max-width: 1320px !important; } #contentcontainer .module { border-radius: 16px !important; transition: box-shadow 0.25s ease, transform 0.25s ease !important; } #contentcontainer .module:hover { box-shadow: 0 14px 40px rgba(37, 99, 235, 0.10) !important; } /* 内容文本可读性 */ #contentcontainer .ModuleImageTextGiantContent, #contentcontainer .imagetext_item_text { line-height: 1.85 !important; color: #374151 !important; } #contentcontainer h1, #contentcontainer h2, #contentcontainer h3, #contentcontainer h4 { color: #111827 !important; font-weight: 600 !important; letter-spacing: 0.3px !important; } /* 新闻/列表条目卡片化 */ #contentcontainer .news_item, #contentcontainer .article-item, #contentcontainer .ModuleNewsGiant .news-item, #contentcontainer .cat_item { background: #FFFFFF !important; border-radius: 14px !important; box-shadow: 0 4px 16px rgba(17, 24, 39, 0.05) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; } #contentcontainer .news_item:hover, #contentcontainer .article-item:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 28px rgba(37, 99, 235, 0.12) !important; } /* ---------- 按钮：蓝绿渐变 + 圆角 ---------- */ .moduleButton { background-image: linear-gradient(135deg, #2563EB 0%, #06B6D4 100%) !important; background-color: #2563EB !important; color: #FFFFFF !important; border: none !important; border-radius: 12px !important; font-weight: 500 !important; box-shadow: 0 6px 18px rgba(37, 99, 235, 0.25) !important; transition: transform 0.2s ease, box-shadow 0.2s ease !important; width: 128px !important; height: 42px !important; line-height: 42px !important; } .moduleButton:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 26px rgba(37, 99, 235, 0.35) !important; color: #FFFFFF !important; } /* ---------- 页脚：浅色 + 版权图保留 ---------- */ #footercontainer { background: #FFFFFF !important; border-top: 1px solid rgba(37, 99, 235, 0.08) !important; } #footercontainer p, #footercontainer div, #footercontainer span, #footercontainer a { color: #6B7280 !important; } #footercontainer a:hover { color: #2563EB !important; } /* ---------- 侧边栏悬浮按钮 ---------- */ .btns.btns-side-bar { border-radius: 14px !important; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.16) !important; background: #FFFFFF !important; border: 1px solid rgba(37, 99, 235, 0.15) !important; color: #2563EB !important; } .btns.btns-side-bar:hover { background: #2563EB !important; color: #FFFFFF !important; } .btns.btns-side-bar .chat-online { color: #2563EB !important; } .btns.btns-side-bar:hover .chat-online { color: #FFFFFF !important; } /* ---------- 弹窗（layer） ---------- */ .layui-layer { border-radius: 18px !important; overflow: hidden !important; box-shadow: 0 24px 64px rgba(17, 24, 39, 0.20) !important; } .layui-layer-title { background: #2563EB !important; color: #FFFFFF !important; font-weight: 600 !important; } /* ---------- 通用 ---------- */ a { transition: color 0.2s ease !important; } a:hover { color: #2563EB !important; } /* 强调数字/高亮文字 */ .stat-num, .highlight, .focus-num { color: #2563EB !important; } /* 滚动条 */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background: #C7D8F0; border-radius: 8px; } ::-webkit-scrollbar-track { background: transparent; } /* 移动端内容边距 */ @media screen and (max-width: 767px) { #contentcontainer { padding-top: 8px !important; } .moduleButton { width: 110px !important; height: 38px !important; line-height: 38px !important; } }