/* ==========================================================================
   双力星 · 黄白皮肤补丁层
   —— main-yellow.css 负责把原站蓝色体系整体重映射成黄色，
      这个文件负责「对比度与观感」：黄底黑字、白顶栏、按钮、点缀色
   想切回蓝色原版：把 inc/setup.php 里的 $skin 改成 'blue' 即可（或主题自定义器）
   ========================================================================== */

/* ---------- 1. 顶栏：白底 + 黑字 + 黄色高亮 ---------- */
.main-header-menu-wrap,
.main-header-menu-wrap.affix {
	background: #ffffff !important;
	box-shadow: 0 2px 14px rgba(0, 0, 0, .07);
}
/* 注意：原站 .bg-transparent .header-nav a.custom-nav-link 里带 !important 的白字权重更高，
   所以这里必须用同等或更高的选择器权重把它压下去，否则白底白字看不见 */
.main-header-menu-wrap .header-nav a.custom-nav-link,
.main-header-menu-wrap.bg-transparent .header-nav a.custom-nav-link,
.main-header-menu-wrap.affix .header-nav a.custom-nav-link,
.header-main .header-nav a.custom-nav-link {
	color: #16181d !important;
	opacity: 1 !important;
}
.main-header-menu-wrap .header-nav a.custom-nav-link:hover,
.main-header-menu-wrap .header-nav a.custom-nav-link:focus,
.main-header-menu-wrap .header-nav .active > a.custom-nav-link,
.header-main .header-nav .active > a.custom-nav-link {
	color: #8a6f00 !important;
}
/* 下拉箭头等伪元素跟着变深 */
.main-header-menu-wrap .header-nav a.custom-nav-link:after,
.main-header-menu-wrap .header-nav a.custom-nav-link:before { border-color: currentColor !important; }
/* 汉堡图标原本是白色 png，白底看不见 → 反相成深色 */
#hamburgerTrigger img { filter: invert(1) brightness(.25); }

/* 大菜单面板 */
.hs-mega-menu.main-sub-menu {
	background: #ffffff !important;
	box-shadow: 0 12px 34px rgba(0, 0, 0, .12) !important;
	border-top: 3px solid #fce20f;
}
.hs-mega-menu .u-header__promo-title { color: #16181d !important; }
.hs-mega-menu .u-header__promo-text { color: #7a7f87 !important; }
.hs-mega-menu .title-with-icon-link:hover .u-header__promo-title { color: #8a6f00 !important; }

/* ---------- 2. 黄色底面上统一深色文字（黑字压黄底） ---------- */
.primary-bg,
.primary-bg h1, .primary-bg h2, .primary-bg h3, .primary-bg h4, .primary-bg h5, .primary-bg h6,
.primary-bg p, .primary-bg span, .primary-bg div, .primary-bg li, .primary-bg small, .primary-bg strong,
.primary-bg .text-white, .primary-bg a:not(.btn) { color: #141414 !important; }

.gradient-bg,
.gradient-bg h1, .gradient-bg h2, .gradient-bg h3, .gradient-bg h4, .gradient-bg h5, .gradient-bg h6,
.gradient-bg p, .gradient-bg span, .gradient-bg li, .gradient-bg small, .gradient-bg strong,
.gradient-bg .text-white, .gradient-bg a:not(.btn) { color: #141414 !important; }

.hero-slider-content, .hero-slider-content h1, .hero-slider-content p,
.hero-slider-content .headline, .hero-slider-content .headline *,
.hero-slider-content .text-white { color: #141414 !important; }
.hero-slider-content .headline .font-weight-bold { color: #141414 !important; }

.cta-content-wrap, .cta-content-wrap h2, .cta-content-wrap p,
.cta-content-wrap .text-white, .cta-content-wrap span { color: #141414 !important; }

/* 页脚：白底 + 深色字 + 黄色描边点缀（原站这里是蓝色区，按需求改白） */
.footer-1, .footer-1.gradient-bg {
	background: #ffffff !important;
	background-image: none !important;
	border-top: 4px solid #fce20f;
}
.footer-1 h6, .footer-1 p, .footer-1 span, .footer-1 div, .footer-1 li,
.footer-1 .font-weight-normal, .footer-1 .footer-info li { color: #1f1f1f !important; }
/* 三列链接：原来是白字压深底，白底上必须给深色，否则黑底黑字看不见 */
.footer-1 ul li a, .footer-1 a { color: #3d3d3d !important; opacity: 1 !important; }
.footer-1 ul li a:hover, .footer-1 a:hover { color: #8a6f00 !important; }
.footer-1 .footer-info li i { color: #c9a800 !important; }

/* 联系方式卡（原深蓝底） */
.contact-us-content, .contact-us-content *,
.contact-us-content h3, .contact-us-content small { color: #141414 !important; }

/* 价格卡选中态 */
.pricing-new-wrapper.active .btn { background-color: #fce20f !important; color: #141414 !important; }

/* 悬浮侧边栏：黑底黄图标（黄底、白底上都清晰） */
.side-bar { background: #141414 !important; border-color: #2a2a2a !important; }
.side-bar .side-bar-main { background: #141414 !important; }
.side-bar .bar-item { border-bottom-color: #2f2f2f !important; }
.side-bar .bar-item .item-con { color: #fce20f !important; }
.side-bar .bar-item .item-info .info-item .info-title { color: #16181d !important; }
.side-bar .bar-item .item-info .info-con strong { color: #141414 !important; }

/* 回到顶部按钮 */
.scroll-top.primary-bg { color: #141414 !important; }
.scroll-top.primary-bg span { color: #141414 !important; }

/* ---------- 3. 按钮 ---------- */
/* 主按钮：黑底黄字（白顶栏、黄底面上都跳得出来） */
.btn-brand-03 {
	background-color: #141414 !important;
	border-color: #141414 !important;
	color: #fce20f !important;
}
.btn-brand-03:hover, .btn-brand-03:focus {
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #fce20f !important;
}
/* 次主按钮：黄底黑字 */
.btn-brand-01 {
	background-color: #fce20f !important;
	border-color: #e8c900 !important;
	color: #141414 !important;
}
.btn-brand-01:hover, .btn-brand-01:focus {
	background-color: #e8c900 !important;
	border-color: #d8bb00 !important;
	color: #141414 !important;
}
/* 描边按钮（价格卡「立即购买」）→ 改成黄底黑字，比描边更清楚 */
.btn-outline-brand-01, .btn-outline-brand-02 {
	background-color: #fce20f !important;
	border-color: #fce20f !important;
	color: #141414 !important;
	font-weight: 600;
}
.btn-outline-brand-01:hover, .btn-outline-brand-02:hover {
	background-color: #141414 !important;
	border-color: #141414 !important;
	color: #fce20f !important;
}

/* ---------- 4. 点缀色 / 图标 ---------- */
.color-accent { color: #141414 !important; }          /* 原橙色点缀，黄底上用黑色更清晰 */
.color-primary { color: #c9a800 !important; }         /* 白底上的图标用深琥珀，保证看得见 */
.color-secondary { color: #b08a00 !important; }

/* 板块标题下的装饰线 */
.border-shape { background: #fce20f !important; }

/* 算力中心地图锚点：黄点 + 黑色描边，浅色地图上也看得清 */
.custom-map-location li span {
	background: #fce20f !important;
	border: 2px solid #141414 !important;
	box-shadow: 0 0 0 3px rgba(252, 226, 15, .45) !important;
}

/* 卡片 hover 阴影改成暖色 */
.single-promo-card:hover, .single-service:hover, .single-blog-article:hover {
	box-shadow: 0 12px 28px rgba(180, 150, 0, .18) !important;
}

/* ---------- 5. 表单控件聚焦色 ---------- */
.form-control:focus {
	border-color: #e8c900 !important;
	box-shadow: 0 0 0 .2rem rgba(252, 226, 15, .35) !important;
}

/* ---------- 6. 文章正文里的链接 ---------- */
.main-content a, .news-detail a { color: #8a6f00; }
.main-content a:hover, .news-detail a:hover { color: #6b5200; }

/* ---------- 11. 价格卡对齐：规格行数不同的卡片，按钮统一贴底对齐 ---------- */
.pricing-section .row.align-items-center,
.compare-pricing-section .row.align-items-center { align-items: stretch !important; }
.pricing-section .col-lg-4, .pricing-section .col-md-6,
.compare-pricing-section .col-lg-4, .compare-pricing-section .col-md-6 { display: flex; }
.pricing-section .popular-price,
.compare-pricing-section .popular-price {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.pricing-section .popular-price .pricing-content,
.compare-pricing-section .popular-price .pricing-content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
/* 规格列表占满剩余空间，按钮永远压在卡片底部 */
.pricing-section .popular-price .pricing-content .btn,
.compare-pricing-section .popular-price .pricing-content .btn { margin-top: auto !important; }
/* 首页价格卡是 swiper 滑片，同样处理（滑片等高，按钮贴底） */
.power-content .swiper-wrapper { align-items: stretch; }
.power-content .swiper-slide { display: flex; height: auto; }
.power-content .swiper-slide .popular-price { display: flex; flex-direction: column; width: 100%; height: 100%; }
.power-content .swiper-slide .popular-price .pricing-content { display: flex; flex-direction: column; flex: 1 1 auto; }
.power-content .swiper-slide .popular-price .pricing-content .btn { margin-top: auto !important; }
.hero-slider-one .owl-dots .owl-dot span { background: rgba(20, 20, 20, .28) !important; }
.hero-slider-one .owl-dots .owl-dot.active span { background: #141414 !important; }

/* ---------- 12. 算力服务推荐的左右切换箭头（swiper 导航，原站就有） ---------- */
.power-content { position: relative; }
.power-content .swiper-button-prev,
.power-content .swiper-button-next {
	color: #141414 !important;
	width: 46px;
	height: 46px;
	margin-top: -23px;
	border-radius: 50%;
	background: #fce20f;
	box-shadow: 0 4px 14px rgba(20, 20, 20, .14);
	transition: background .2s ease, transform .2s ease;
	z-index: 5;
}
.power-content .swiper-button-prev:after,
.power-content .swiper-button-next:after {
	font-size: 19px;
	font-weight: 700;
}
.power-content .swiper-button-prev:hover,
.power-content .swiper-button-next:hover,
.power-content .swiper-button-prev:focus,
.power-content .swiper-button-next:focus {
	background: #ffe14d;
	transform: scale(1.06);
}
.power-content .swiper-button-prev { left: -16px; }
.power-content .swiper-button-next { right: -16px; }
.power-content .swiper-button-prev.swiper-button-disabled,
.power-content .swiper-button-next.swiper-button-disabled { opacity: .35; }
@media (max-width: 767.98px) {
	.power-content .swiper-button-prev { left: 2px; }
	.power-content .swiper-button-next { right: 2px; }
}

/* ---------- 8. Logo 尺寸约束（保持与原站一致的展示比例） ---------- */
.navbar-brand .img-fluid { max-width: 172px; }
#preloader .preloader-wrap img { max-height: 64px; width: auto; }
.footer-1 .navbar-brand .img-fluid { max-width: 165px; }

/* ---------- 9. 页脚底部版权条（白底深字，跟着页脚一起改白） ---------- */
.footer-bottom { background: #f7f6f1 !important; border-top: 1px solid #ececec; }
.footer-bottom, .footer-bottom a, .footer-bottom p { color: #555555 !important; }
.footer-bottom a:hover { color: #8a6f00 !important; }

/* ---------- 10. 观感打磨 ---------- */
/* 常见问题手风琴：展开态原来是白字压黄底，统一改深色字 + 浅黄底 */
.faq-wrap .card-header,
.faq-wrap .card-header:hover,
.faq-wrap .card-header[aria-expanded="true"],
.faq-wrap .card-header[aria-expanded="false"],
.accordion .card-header {
	background-color: #fff8d6 !important;
	color: #141414 !important;
	border-left: 4px solid #fce20f;
}
.faq-wrap .card-header h6,
.faq-wrap .card-header h5,
.faq-wrap .card-header i,
.accordion .card-header h6 { color: #141414 !important; }
.faq-wrap .card-header[aria-expanded="true"] { background-color: #fce20f !important; }
.faq-wrap .card .card-body { color: #2b2b2b !important; background: #ffffff !important; }
/* 浅灰底 → 暖白，和黄色更协调 */
.gray-light-bg { background-color: #fdfbf2 !important; }
section.gray-light-bg { background-image: none !important; }
/* 黄色页头与下方白底之间加一条细分割，减少硬切感 */
.page-header-section.gradient-bg, section.gradient-bg.ptb-120 { border-bottom: 1px solid rgba(0, 0, 0, .08); }
/* 价格卡配置参数：字号与颜色略加深，长内容更好读 */
.pricing-feature-list-2 li p { color: #4a4a4a !important; }
.pricing-feature-list-2 li { border-bottom-color: #ececec !important; }