/* 背景色块 + 分类标签跑马灯 */
.back_color { background: #FFFFFF; height: 600px; position: absolute; top: 0; left: 0; right: 0; z-index: -1; }
.top-cards-section { position: relative; z-index: 1; padding-top: 90px; }
.top-cards-left { width: 100%; max-width: 100%; overflow: hidden; }
.category-marquee { display: block !important; overflow: hidden; position: relative; width: 100%; max-width: 100vw; background: #FFFFFF; padding: 16px 20px; clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%); }
.category-marquee::before,
.category-marquee::after {
	content: ''; position: absolute; top: 0; width: 60px; height: 100%; z-index: 2; pointer-events: none;
}
.category-marquee::before { left: 0; background: linear-gradient(to right, #FFFFFF, transparent); }
.category-marquee::after { right: 0; background: linear-gradient(to left, #FFFFFF, transparent); }
.category-marquee-content { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: fit-content; align-items: center; gap: 15px; will-change: transform; }
.category-item {
	display: inline-flex !important; flex-direction: row !important; align-items: center !important;
	white-space: nowrap !important; flex-shrink: 0 !important; writing-mode: horizontal-tb !important;
	text-orientation: mixed !important; gap: 8px; padding: 14px 28px 14px 22px;
	background: #FFFFFF; border: 3px solid #0A0A0A;
	font-family: 'Space Mono', monospace; font-weight: 800; font-size: 13px;
	color: #0A0A0A; text-decoration: none; cursor: pointer;
	transition: all .2s cubic-bezier(0.22, 1, 0.36, 1);
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
	box-shadow: 5px 5px 0 #0A0A0A; position: relative; overflow: hidden;
	letter-spacing: 0.05em; text-transform: uppercase;
}
.category-item::before {
	content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
	transition: width .2s ease; background: var(--item-color, #0A0A0A);
}
.category-item i { font-size: 16px; transition: color .2s ease; }
.category-item:hover { transform: translate(-3px, -3px); box-shadow: 8px 8px 0 #0A0A0A; }
.category-item:hover::before { width: 6px; }