/* =====================================================================
   正赢电力官网 · 高端极简增强样式（叠加层）
   设计语言：墨黑 + 香槟金 · 中性留白 · 克制点缀
   仅做视觉精修，不改动原有布局结构
   ===================================================================== */

:root {
    --zy-ink: #16191f;          /* 主文字 · 近墨黑 */
    --zy-ink-soft: #3a3f47;     /* 次级文字 */
    --zy-gray: #8a8f98;         /* 辅助灰 */
    --zy-line: rgba(22, 25, 31, 0.08);
    --zy-bg-soft: #f6f5f2;      /* 暖白底 */
    --zy-gold: #b08d57;         /* 香槟金 · 点缀 */
    --zy-gold-deep: #977442;    /* 深金 · 悬浮态 */
    --zy-gold-soft: rgba(176, 141, 87, 0.14);
    --zy-shadow-sm: 0 6px 22px rgba(22, 25, 31, 0.06);
    --zy-shadow-md: 0 16px 44px rgba(22, 25, 31, 0.10);
    --zy-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ---------- 全局基础 ---------- */
html { scroll-behavior: smooth; }
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: var(--zy-ink);
}
img { -webkit-user-drag: none; }
::selection { background: var(--zy-ink); color: #fff; }

a,
.banner-t4,
.w1-b2, .w1-b3, .w1-b4,
.w3-right > div, .w3-left,
.w4-r4 > div, .w4-r4 a, .w4-r2,
img {
    transition: all 0.5s var(--zy-ease);
}

/* ---------- 极简滚动条 ---------- */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--zy-gold) transparent;
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb {
    background: var(--zy-gold);
    border-radius: 8px;
}
*::-webkit-scrollbar-thumb:hover { background: var(--zy-gold-deep); }

/* ---------- 顶部导航 · 金色细线悬浮 ---------- */
.h-nav > li > a, .h-nav a {
    position: relative;
    letter-spacing: 0.5px;
}
.h-nav > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 0;
    height: 1.5px;
    background: var(--zy-gold);
    transition: width 0.45s var(--zy-ease);
}
.h-nav > li:hover > a::after { width: 100%; }

/* ---------- Banner 首屏 ---------- */
.banner-video,
#banner-video-pc,
.banner-img video,
.banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.banner-img { position: relative; }
.banner .banner-img::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(10, 12, 16, 0.28) 0%, rgba(10, 12, 16, 0) 38%, rgba(10, 12, 16, 0.42) 100%);
}
.banner-t1 {
    letter-spacing: 3px;
    font-weight: 300;
    text-shadow: 0 4px 26px rgba(0, 0, 0, 0.4);
}
.banner-t3 {
    letter-spacing: 8px;
    font-weight: 300;
    text-shadow: 0 4px 22px rgba(0, 0, 0, 0.4);
}

/* ---------- “了解更多”按钮 · 极简描边 ---------- */
.banner-t4 {
    position: relative;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.45s var(--zy-ease);
}
.banner-t4:hover { transform: translateY(-2px); }
.banner-t6 {
    letter-spacing: 2px;
    font-weight: 400;
}
.banner-t4 .banner-t5 img { transition: transform 0.45s var(--zy-ease); }
.banner-t4:hover .banner-t5 img { transform: translateX(6px); }

/* ---------- 板块标题 · 英文做浅灰水印，中文配金色短线 ---------- */
.title {
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(22, 25, 31, 0.06) !important;
    -webkit-text-fill-color: rgba(22, 25, 31, 0.06);
}
.title2 {
    position: relative;
    letter-spacing: 1px;
    font-weight: 700;
    color: var(--zy-ink);
}
.title2::after {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin-top: 16px;
    background: var(--zy-gold);
}
.title3 {
    color: var(--zy-gray);
    line-height: 1.95;
    font-weight: 300;
}

/* ---------- 卡片 · 干净留白 + 极轻阴影 ---------- */
.w1-b2 {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: var(--zy-shadow-sm);
    background: #fff;
    border: 1px solid var(--zy-line);
}
.w1-lunbo .swiper-slide:hover .w1-b2,
.w1-b2:hover {
    transform: translateY(-8px);
    box-shadow: var(--zy-shadow-md);
    border-color: transparent;
}
.w1-b3, .w1-b4 { overflow: hidden; }
.w1-lunbo .swiper-slide:hover .w1-b3 img,
.w1-lunbo .swiper-slide:hover .w1-b4 img,
.w1-b2:hover img { transform: scale(1.06); }
.w1-b5 {
    color: var(--zy-gold);
    font-weight: 700;
    letter-spacing: 1px;
}
.w1-b6 { font-weight: 600; color: var(--zy-ink); }
.w1-b9 { transition: color 0.4s var(--zy-ease), letter-spacing 0.4s var(--zy-ease); }
.w1-b2:hover .w1-b9 { color: var(--zy-gold); letter-spacing: 1.5px; }

/* ---------- 技术优势 ---------- */
.w3-right > div, .w3-right .item {
    border-radius: 4px;
    transition: all 0.4s var(--zy-ease);
}
.w3-right > div:hover,
.w3-right .item:hover,
.w3-right .item.on,
.w3-right .on {
    transform: translateX(6px);
    color: var(--zy-gold);
}
.w3-left { border-radius: 6px; overflow: hidden; }
.w3-left img { transition: transform 0.7s var(--zy-ease); }
.w3-left:hover img { transform: scale(1.04); }

/* ---------- 新闻 ---------- */
.w4-r2 {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: var(--zy-shadow-sm);
}
.w4-r2:hover { box-shadow: var(--zy-shadow-md); }
.w4-r2 img { transition: transform 0.7s var(--zy-ease); }
.w4-r2:hover img { transform: scale(1.05); }
.w4-r4 > div, .w4-r4 a {
    border-radius: 4px;
    border-bottom: 1px solid var(--zy-line);
    transition: all 0.4s var(--zy-ease);
}
.w4-r4 > div:hover, .w4-r4 a:hover {
    transform: translateX(6px);
    border-bottom-color: var(--zy-gold);
}

/* ---------- Swiper 分页 / 按钮 ---------- */
.swiper-pagination-bullet {
    transition: all 0.4s var(--zy-ease);
    opacity: 0.4;
    background: var(--zy-ink);
}
.swiper-pagination-bullet-active {
    opacity: 1;
    width: 24px;
    border-radius: 4px;
    background: var(--zy-gold);
}
.swiper-button-prev, .swiper-button-next {
    transition: all 0.4s var(--zy-ease);
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    color: var(--zy-gold);
    transform: scale(1.1);
}

/* ---------- 内页顶部 Banner ---------- */
.banner-top .bt-img { overflow: hidden; }
.banner-top .bt-img img { transition: transform 1.3s var(--zy-ease); }
.banner-top:hover .bt-img img { transform: scale(1.04); }
.bt-title { letter-spacing: 2px; font-weight: 300; text-shadow: 0 6px 26px rgba(0, 0, 0, 0.35); }
.bt-nav3 a { position: relative; transition: color 0.35s var(--zy-ease); }
.bt-nav3.on a, .bt-nav3:hover a { color: var(--zy-gold); }

/* ---------- 通用列表卡片 ---------- */
.w10 .list li, .w10 li, .list-item, .w10 .item {
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.5s var(--zy-ease);
}
.w10 .list li:hover, .w10 li:hover, .list-item:hover, .w10 .item:hover {
    transform: translateY(-6px);
    box-shadow: var(--zy-shadow-md);
}
.w10 img, .list-item img { transition: transform 0.7s var(--zy-ease); }
.w10 .list li:hover img, .list-item:hover img { transform: scale(1.05); }

/* ---------- 富文本内容区 ---------- */
.w13 img, .content img, .article-content img {
    border-radius: 6px;
    box-shadow: var(--zy-shadow-sm);
}
.w13, .article-content { line-height: 2.05; color: var(--zy-ink-soft); }

/* ---------- 页脚表单 ---------- */
.w5 input, .w5 textarea, .w5 .layui-input, .w5 .layui-textarea {
    border-radius: 2px !important;
    transition: border-color 0.3s var(--zy-ease), box-shadow 0.3s var(--zy-ease);
}
.w5 input:focus, .w5 textarea:focus, .w5 .layui-input:focus, .w5 .layui-textarea:focus {
    border-color: var(--zy-gold) !important;
    box-shadow: 0 0 0 3px var(--zy-gold-soft) !important;
}
.w5 button, .w5 .layui-btn {
    border-radius: 2px !important;
    transition: transform 0.35s var(--zy-ease), box-shadow 0.35s var(--zy-ease) !important;
}
.w5 button:hover, .w5 .layui-btn:hover {
    transform: translateY(-2px);
    box-shadow: var(--zy-shadow-md);
}

/* ---------- 返回顶部 ---------- */
.back-top, .backtop, #backToTop {
    transition: transform 0.35s var(--zy-ease), opacity 0.35s var(--zy-ease) !important;
}
.back-top:hover, .backtop:hover, #backToTop:hover {
    transform: translateY(-4px) scale(1.05);
}

/* ---------- Banner 占位底色 ---------- */
.banner-img { background: #14171c; }

/* =====================================================================
   品牌色覆盖 · 将原模板绿色(#4FB66C)/绿蓝渐变 → 墨黑 + 香槟金
   原样式多为硬编码，这里按选择器逐一覆盖
   ===================================================================== */
:root {
    --color-primary: #b08d57;
    --color-primary-dark: #977442;
    --color-secondary: #16191f;
    --gradient-brand: linear-gradient(135deg, #c2a878, #b08d57, #977442);
}

/* 香槟金渐变（用于原绿蓝渐变的填充/悬浮态） */
.banner-t7,
.w1-b2::after,
.w1-b8::before,
.w3-r1::before,
.top-right .swiper-button-next::after,
.top-right .swiper-button-prev::after,
.f-fixed {
    background: linear-gradient(135deg, #c2a878, #b08d57, #977442) !important;
}

/* 绿色文字/描边 → 香槟金 */
.pc-lang-btn:hover,
.header.on .pc-lang-btn:hover,
.translate-dropdown-btn:hover,
.header.on .translate-dropdown-btn:hover,
.translate-dropdown-menu a:hover,
.translate-dropdown-menu a.active,
.mobile-lang-btn:hover,
.h-li.on .h-a,
.h-li:not(.on) .h-a:hover,
.header.on .h-li:not(.on) .h-a:hover,
.header.on .h-li.on .h-a,
.h-xlb2 a:hover,
.w4-r5.on .w4-r7,
.top-right .swiper-button-next,
.top-right .swiper-button-prev {
    color: #b08d57 !important;
}
.header.on .h-li.on .h-a:hover,
.h-li.on .h-a:hover { color: #977442 !important; }

/* 绿色背景小元素 → 香槟金 */
.h-a2,
.h-a2::before,
.w2-b3::before,
.w4-r5.on::before,
.w1-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.banner-lunbo .swiper-pagination-bullet-active span:after {
    background: #b08d57 !important;
}
.banner-lunbo .swiper-pagination-bullet svg circle { stroke: #b08d57 !important; }

/* 顶部下拉/导航金色描边 */
.h-xl { border-top-color: #b08d57 !important; }
.top-right .swiper-button-next,
.top-right .swiper-button-prev { border-color: rgba(176, 141, 87, 0.28) !important; }

/* 浅色悬浮底纹 绿 → 金 */
.pc-lang-btn:hover,
.translate-dropdown-btn:hover,
.translate-dropdown-menu a:hover,
.mobile-lang-btn:hover { background: rgba(176, 141, 87, 0.10) !important; }

/* 大面积背景块 → 中性，凸显高端留白 */
.w1-bj {
    background: linear-gradient(180deg, #f7f6f3 0%, #f1efea 100%) !important;
}
/* 页脚留言区 → 深墨底，质感更高级 */
.w5-box {
    background: #15181d !important;
}

/* w1-b5 项目编号 描边金 */
.w1-b5 {
    -webkit-text-stroke: 0.5px #b08d57 !important;
    color: #b08d57 !important;
}

/* logo/移动端条等零散绿底 → 金 */
.m-hbox .m-han,
.m-han { background: #b08d57 !important; }