@charset "utf-8";
/*栏目 Hero*/
.channel-hero { background: linear-gradient(135deg, #2576fb 0%, #4a90ff 100%); color: #fff; padding: 3.75rem 0 3.125rem; }
.channel-hero .breadcrumb-item+.breadcrumb-item::before { color: rgba(255, 255, 255, .6); }
.channel-hero .breadcrumb-item a { color: rgba(255, 255, 255, .85); text-decoration: none; }
.channel-hero .breadcrumb-item a:hover { color: #fff; }
.channel-hero .breadcrumb-item.active { color: rgba(255, 255, 255, .7); }
.channel-title { font-size: 2.2rem; font-weight: 700; margin-bottom: .5rem; }
.channel-subtitle { font-size: 1rem; opacity: .85; margin-bottom: 0; }
/*栏目图标*/
.channel-icon { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; background: var(--tncms-primary-light); border-radius: 0.625rem; flex-shrink: 0; }
.channel-icon img { width: 1.75rem; height: 1.75rem; object-fit: contain; }
/*产品卡片（复用于栏目页）*/
.product-card { display: block; padding: 1.75rem 1.25rem; text-align: center; border-radius: var(--tncms-radius); border: 1px solid var(--tncms-border); background: #fff; transition: all .3s ease; height: 100%; text-decoration: none; color: var(--tncms-text); }
.product-card:hover { transform: translateY(-0.375rem); box-shadow: var(--tncms-shadow-hover); border-color: #bfdbfe; color: var(--tncms-text); }
.product-card:hover .product-name { color: #2576fb; }
.product-icon { width: 3.5rem; height: 3.5rem; margin: 0 auto 1rem; background: var(--tncms-primary-light); border-radius: 0.875rem; display: flex; align-items: center; justify-content: center; font-size: 1.6rem; color: #2576fb; }
.product-icon img { width: 2rem; height: 2rem; object-fit: contain; }
.product-name { font-size: 1.1rem; font-weight: 600; color: var(--tncms-text); margin-bottom: 0.375rem; }
.product-desc { font-size: .85rem; color: var(--tncms-text-muted); line-height: 1.5; }
/*---------- 响应式 ----------*/
@media (max-width: 991.98px) {
  .channel-hero { padding: 2.5rem 0; }
  .channel-title { font-size: 1.75rem; }
}
/** 大屏适配（原 channel_highres.css 本页专属部分；置于文件末尾以保持最后的覆盖顺序）*/
@media (min-width: 1400px) {
  .channel-hero > .container,
  .section-padding > .container { width: calc(100% - (var(--tncms-channel-gutter) * 2)); max-width: var(--tncms-channel-wide); }
}