/* 资金安全保障区域 */
.fourth-section-content {
	display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
	list-style: none; margin: 0; padding: 0; align-items: stretch;
}
.capital-card { position: relative; height: 100%; display: flex; flex-direction: column; }
.capital-card-bg { position: absolute; bottom: -12px; right: -12px; width: 100%; height: 100%; background: #F3F4F6; z-index: 0; }
.capital-card-main {
	position: relative; background: #FFFFFF; border: 2px solid #000000;
	padding: 24px; box-shadow: 8px 8px 0 rgba(0,0,0,1); z-index: 1;
	transition: all 0.3s cubic-bezier(0.22,1,0.36,1); height: 100%;
	display: flex; flex-direction: column;
}
.capital-card:hover .capital-card-main { transform: translate(-4px, -4px); box-shadow: 12px 12px 0 rgba(255,51,102,0.4); }
.capital-card-main::before {
	content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 4px;
	background: var(--brutal-accent-red); transform: scaleY(0);
	transition: transform 0.35s cubic-bezier(0.22,1,0.36,1);
	transform-origin: top; z-index: 2;
}
.capital-card:hover .capital-card-main::before { transform: scaleY(1); }
.capital-card-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.capital-card-label {
	display: inline-block; font-family: 'Space Mono', monospace; font-size: 10px;
	font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase;
	padding: 4px 10px; background: #0A0A0A; color: white;
}
.capital-card-arrow { width: 20px; height: 20px; opacity: 0; transition: opacity .2s, transform .3s; }
.capital-card:hover .capital-card-main .capital-card-arrow { opacity: 1; transform: translateX(4px); }
.capital-icon-box { margin-bottom: 16px; }
.home_capital_img { width: 100%; max-width: 180px; height: auto; max-height: 140px; object-fit: contain; border: 2px solid rgba(10,10,10,0.08); padding: 8px; background: #F5F5F3; transition: transform .3s ease; }
.capital-card:hover .capital-card-main .home_capital_img { transform: scale(1.05) rotate(-2deg); }
.fourth-bottom-section-label { display: flex; flex-direction: column; gap: 8px; margin-top: auto; padding-top: 16px; border-top: 2px solid rgba(10,10,10,.06); }
.fourth-bottom-section-label li { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #5C5C5C; }
.fourth-bottom-section-label li::before { content: ''; width: 6px; height: 6px; background: var(--brutal-accent-red); border-radius: 50%; flex-shrink: 0; }
.capital-card-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; margin-top: 16px; border-top: 2px solid rgba(10,10,10,.06); }
.capital-footer-text { font-size: 11px; font-family: 'Space Mono', monospace; color: #9CA3AF; text-transform: uppercase; letter-spacing: .06em; transition: color .2s; }
.capital-card:hover .capital-card-main .capital-footer-text { color: var(--brutal-accent-red); }
.capital-footer-arrow { width: 20px; height: 20px; transition: transform .3s; }
.capital-card:hover .capital-card-main .capital-footer-arrow { transform: translateX(4px); }
.capital_content { flex: 1; display: flex; flex-direction: column; }
.capital_content h3 { font-family: 'Fraunces', serif; font-size: 22px; font-weight: 800; color: #0A0A0A; margin: 0 0 12px; letter-spacing: -.02em; transition: color .2s; }
.capital-card:hover .capital-card_main .capital_content h3 { color: var(--brutal-accent-red); }
.capital_content .font14 { font-size: 14px; color: #5C5C5C; line-height: 1.7; flex: 1; margin-bottom: 16px; }

@media (max-width: 992px) { .fourth-section-content { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 768px) { .fourth-section-content { grid-template-columns: 1fr; } .home_capital_img { width: 100%; max-width: 200px; margin: 0 auto; } }