:root{
  --dk-1:#0f2027; --dk-2:#203a43; --dk-3:#2c5364;   /* 深藏青渐变主色 */
  --dk-cyan:#4fc3f7; --dk-orange:#ff7043;           /* 点缀：青 + 橙 */
  --dk-text:#1f2937; --dk-text2:#6b7280; --dk-line:#e5e7eb; --dk-bg:#f6f8fa;
}
.hero-zone{ background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%); color:#fff; }
.hero-title{ font-size:2.3rem; font-weight:800; line-height:1.18; }
.hero-title .accent{ color:#4fc3f7; }
.hero-sub{ font-size:1rem; opacity:0.92; }
.hero-search .form-control{ border-radius:8px 0 0 8px; height:50px; border:none; }
.hero-search .btn{ border-radius:0 8px 8px 0; height:50px; font-weight:700; background:#ff7043; color:#fff; border:none; }
.cat-badge{ background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.35); border-radius:20px; padding:6px 13px; color:#fff; font-size:0.78rem; }
.stat-box strong{ font-size:1.5rem; font-weight:800; color:#4fc3f7; }
.stat-box .lbl{ font-size:0.76rem; opacity:0.8; }
.sec-title{ font-size:1.3rem; font-weight:800; color:var(--dk-text); border-left:4px solid #4fc3f7; padding-left:12px; }
.sec-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; }
.sec-head a.more{ font-size:0.84rem; color:#374151; font-weight:600; text-decoration:none; }
.sec-head a.more:hover{ color:#4fc3f7; }
.hero-card{ background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.16); border-radius:14px; backdrop-filter:blur(5px); }
.hero-card .ic{ font-size:2.2rem; }
.hero-card .t{ font-weight:800; font-size:1rem; }
.hero-card .s{ font-size:0.78rem; opacity:0.8; }

.cat-tile{ border:1px solid var(--dk-line); border-radius:12px; text-align:center; padding:20px 8px; color:var(--dk-text); text-decoration:none; transition:box-shadow .15s,transform .15s; display:block; background:#fff; height:100%; }
.cat-tile:hover{ box-shadow:0 8px 22px rgba(32,58,67,.14); transform:translateY(-3px); text-decoration:none; color:inherit; }
.cat-tile .ic{ font-size:2rem; margin-bottom:8px; }
.cat-tile .nm{ font-size:0.82rem; font-weight:700; line-height:1.25; }
.cat-tile .go{ font-size:0.7rem; color:#4fc3f7; margin-top:6px; font-weight:600; }

.prod-card{ border:1px solid var(--dk-line); border-radius:12px; overflow:hidden; background:#fff; transition:box-shadow .18s,transform .18s; height:100%; text-decoration:none; color:inherit; display:block; }
.prod-card:hover{ box-shadow:0 10px 26px rgba(32,58,67,.16); transform:translateY(-3px); text-decoration:none; color:inherit; }
.prod-img{ aspect-ratio:4/3; overflow:hidden; background:#f3f4f6; }
.prod-img img{ width:100%; height:100%; object-fit:cover; }
.prod-body{ padding:14px; }
.prod-cat{ font-size:0.7rem; color:#4fc3f7; font-weight:700; text-transform:uppercase; letter-spacing:.3px; }
.prod-name{ font-size:0.92rem; font-weight:700; color:var(--dk-text); line-height:1.25; margin-top:3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.prod-attr{ font-size:0.72rem; color:var(--dk-text2); background:var(--dk-bg); border:1px solid var(--dk-line); border-radius:5px; padding:2px 7px; margin:4px 3px 0 0; display:inline-block; }
.prod-price{ font-size:1.05rem; font-weight:800; color:#ff7043; margin-top:8px; }
.prod-sup{ font-size:0.72rem; color:var(--dk-text2); margin-top:6px; }

.tb-card{ border:1px solid var(--dk-line); border-radius:10px; padding:16px 12px; text-align:center; height:100%; background:#fff; }
.tb-card .ic{ font-size:1.5rem; }
.tb-card .t{ font-weight:700; font-size:0.88rem; margin-top:6px; }
.tb-card .s{ font-size:0.74rem; color:var(--dk-text2); margin-top:2px; }

.sup-card{ border:1px solid var(--dk-line); border-radius:12px; background:#fff; height:100%; text-decoration:none; color:inherit; display:block; transition:box-shadow .15s; border-top:3px solid #2c5364!important; }
.sup-card:hover{ box-shadow:0 8px 22px rgba(32,58,67,.13); text-decoration:none; color:inherit; }
.sup-card .b{padding:14px;}
.sup-card .nm{ font-size:0.95rem; font-weight:700; }
.sup-card .meta{ font-size:0.78rem; color:var(--dk-text2); margin-top:3px; }
.sup-card .cert{ font-size:0.76rem; color:#2c5364; margin-top:6px; }

.rfq-card{ border-radius:10px; border:1px solid var(--dk-line); border-left:3px solid #4fc3f7; background:#fff; height:100%; text-decoration:none; color:inherit; display:block; }
.rfq-card:hover{ box-shadow:0 6px 16px rgba(32,58,67,.1); text-decoration:none; color:inherit; }
.rfq-card .b{padding:12px;}
.rfq-card .who{ font-size:0.74rem; color:var(--dk-text2); margin-bottom:4px; }
.rfq-card .tt{ font-size:0.86rem; font-weight:600; line-height:1.3; }
.rfq-card .go{ font-size:0.75rem; color:#ff7043; margin-top:8px; font-weight:600; }

.list-row{ display:flex; align-items:center; padding:11px 2px; border-bottom:1px solid var(--dk-line); text-decoration:none; color:inherit; min-height:46px; box-sizing:border-box; }
.list-row:hover{ background:#fafcfe; text-decoration:none; color:inherit; }
.list-row .badge-new{ background:#4fc3f7; color:#0f2027; font-size:0.62rem; font-weight:800; padding:2px 7px; border-radius:4px; margin-right:10px; flex-shrink:0; }
.list-row .at{ font-size:0.85rem; font-weight:600; flex-grow:1; color:#1f2937; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list-row .at img{ width:50px; height:36px; object-fit:cover; border-radius:6px; margin-right:10px; flex-shrink:0; }
.list-row .am{ font-size:0.78rem; color:var(--dk-text2); flex-shrink:0; margin-left:8px; }

.cta-zone{ background:linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%); border-radius:14px; padding:34px; text-align:center; color:#fff; }
.cta-zone .bt{ font-size:1.4rem; font-weight:800; }
.cta-zone .bs{ font-size:0.95rem; opacity:0.9; margin-bottom:16px; }
.cta-zone .btn{ border-radius:8px; font-weight:700; }

/* Banner 轮播里 Slide 2 的产品小卡 */
.slide-prod{ display:block; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18); border-radius:10px; overflow:hidden; height:100%; text-decoration:none; color:#fff; transition:transform .15s,box-shadow .15s; }
.slide-prod:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.3); text-decoration:none; color:#fff; }
.slide-prod img{ width:100%; height:110px; object-fit:cover; }
.slide-prod .pn{ font-size:0.78rem; font-weight:600; padding:8px 9px 2px; line-height:1.25; }
.slide-prod .pc{ font-size:0.82rem; font-weight:800; color:#ff7043; padding:0 9px 9px; }
/* 轮播控制按钮在深藏青上可见 */
#heroCarousel .carousel-control-prev, #heroCarousel .carousel-control-next{ opacity:.6; }
#heroCarousel .carousel-indicators li{ background-color:#4fc3f7; width:22px; height:4px; border-radius:2px; border:none; }
#heroCarousel .carousel-indicators .active{ background:#ff7043; }
/* 三张 Banner 统一高度 + 内容垂直居中（固定等高，防内容量不同导致高度差） */
#heroCarousel .carousel-item .hero-body{ height:340px; min-height:340px; display:flex; align-items:center; overflow:hidden; }
@media (max-width: 991.98px){ #heroCarousel .carousel-item .hero-body{ height:auto; min-height:300px; } }