/* ==========================================================================
   静态站点补充样式
   仅用于静态化重构后的少量修正，不覆盖原有计算器样式
   （加载顺序：bootstrap.min.css → style.css → calculator-common.css → site.css）

   主题定位：金融计算工具站 —— 稳重金融蓝
   --dk-primary      品牌主色（导航 LOGO、强调、按钮）
   --dk-primary-dark 悬停加深
   --dk-footer       页脚深色底，与同意横幅同色系，增强站点层级与信任感
   ========================================================================== */

:root {
	--dk-primary: #1f6fd4;
	--dk-primary-dark: #1558ab;
	--dk-footer-bg: #1c2b3a;
	--dk-footer-deep: #15212d;
	--dk-footer-text: #a9bccb;
	--dk-footer-link-hover: #7cc4f7;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 70px; /* 锚点跳转避开固定导航 */
}

/* --------------------------------------------------------------------------
   文字版 LOGO：原模板使用背景图片，图片已缺失导致导航左侧空白
   -------------------------------------------------------------------------- */
.navbar-default .navbar-brand.brand-text {
	width: auto;
	min-width: 0;
	height: auto;
	padding: 0;
	line-height: 20px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .5px;
	color: var(--dk-primary);
	text-indent: 0;
	background: none;
	overflow: visible;
}

.navbar-default .navbar-brand.brand-text:hover,
.navbar-default .navbar-brand.brand-text:focus {
	color: var(--dk-primary-dark);
}

@media (max-width: 999px) {
	.navbar-default .navbar-brand.brand-text {
		font-size: 16px;
	}
}

/* 导航激活项与悬停：统一到品牌主色（原模板为浅蓝 #4ea1dc） */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: var(--dk-primary);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: var(--dk-primary);
}

/* --------------------------------------------------------------------------
   首屏：桌面端左右两栏垂直居中，消除左栏底部大片留白
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
	.hp-hero .row {
		display: flex;
		align-items: center;
	}
}

/* --------------------------------------------------------------------------
   强调色统一：原模板珊瑚橙 #ff7f66 与新主题金融蓝混用，收敛为品牌蓝
   -------------------------------------------------------------------------- */
.footer-bg a:hover,
.hp-article-list li a:hover,
.neirong .fd-article-list li a:hover {
	color: var(--dk-primary);
}

/* --------------------------------------------------------------------------
   页脚主题化：深色底 + 清晰层级（原为白底灰字，与正文区无区分）
   -------------------------------------------------------------------------- */
.footer-bg {
	background-color: var(--dk-footer-bg);
	color: var(--dk-footer-text);
	font-size: 13px;
}

.footer-bg .footer {
	padding-top: 36px;
}

.footer-bg .footer h3 {
	font-weight: 600;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	padding-bottom: 10px;
	margin-bottom: 14px;
}

.footer-bg .footer ul.list-unstyled li {
	line-height: 30px;
}

.footer-bg .footer p {
	line-height: 26px;
	color: #92a6b8;
}

.footer-bg a {
	color: var(--dk-footer-text);
}

.footer-bg a:hover {
	color: var(--dk-footer-link-hover);
	text-decoration: none;
}

/* 版权 / 备案区 */
.copy-bg {
	background-color: var(--dk-footer-deep);
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding-bottom: 26px;
}

.copy-bg .copy {
	color: #8ba0b3;
	padding-top: 22px;
}

.copy-bg .copy a {
	color: #c8d5e0;
}

.copy-bg .copy a:hover {
	color: var(--dk-footer-link-hover);
}

/* --------------------------------------------------------------------------
   面包屑
   -------------------------------------------------------------------------- */
.crumbs .breadcrumb {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   埋点同意横幅（对接 vidrank-api telemetry 的批级 consent 门控）
   底色与页脚同色系
   -------------------------------------------------------------------------- */
#daikuan-consent {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1080;
	background-color: rgba(28, 43, 58, .96);
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	padding: 12px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 16px;
}

#daikuan-consent .dc-text a {
	color: #9fd1f5;
	text-decoration: underline;
}

#daikuan-consent .dc-btns button {
	border: 0;
	border-radius: 3px;
	padding: 6px 18px;
	margin-left: 10px;
	font-size: 13px;
	cursor: pointer;
}

#daikuan-consent .dc-accept {
	background-color: var(--dk-primary);
	color: #fff;
}

#daikuan-consent .dc-accept:hover {
	background-color: var(--dk-primary-dark);
}

#daikuan-consent .dc-decline {
	background-color: transparent;
	color: #cfd8e0;
	border: 1px solid #6b7c8c !important;
}