/* 创芯蜂 HiveChip 品牌皮肤 v7 -- 品牌色 #0033FF + #E2FF00 */
:root{
  --hc-blue:#0033ff; --hc-blue-h:#0029d1; --hc-tint:#eef2ff; --hc-lime:#e2ff00;
  --hc-ink:#0b1220; --hc-text:#334155; --hc-muted:#64748b; --hc-line:#e7ebf3; --hc-bg:#f7f8fb;
}
body{ background:var(--hc-bg)!important; color:var(--hc-text); -webkit-font-smoothing:antialiased;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif; }

/* ===== 顶栏 ===== */
.navbar.navbar-inverse{ background:rgba(255,255,255,.9)!important; -webkit-backdrop-filter:saturate(180%) blur(12px); backdrop-filter:saturate(180%) blur(12px);
  border:0!important; border-bottom:1px solid var(--hc-line)!important; box-shadow:none!important; }
.navbar-inverse .navbar-brand.hc-brand{ display:flex!important; align-items:center; gap:10px; height:60px; padding:0 15px!important; }
.hc-brand img{ height:32px!important; width:auto; display:block; }
.hc-wordmark{ display:flex; align-items:center; font-size:19px; font-weight:800; color:var(--hc-ink); letter-spacing:1px; line-height:1; }
.hc-wordmark small{ font-size:12px; font-weight:500; color:var(--hc-muted); letter-spacing:0; margin-left:10px; padding-left:10px; border-left:1px solid var(--hc-line); }
.navbar-inverse .navbar-nav>li>a{ color:#475569!important; font-weight:500; background:transparent!important; }
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{ color:var(--hc-blue)!important; background:transparent!important; }
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{ color:var(--hc-blue)!important; background:transparent!important; box-shadow:inset 0 -2px 0 var(--hc-blue); }
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover{ background:var(--hc-tint)!important; color:var(--hc-blue)!important; }
.navbar-inverse .caret{ border-top-color:#94a3b8!important; }
.navbar-inverse .navbar-toggle{ border-color:var(--hc-line)!important; }
.navbar-inverse .navbar-toggle .icon-bar{ background:#475569!important; }
.navbar-inverse input[type="text"],.navbar-inverse .form-control{ background:#f1f5f9!important; border:1px solid transparent!important; border-radius:999px!important; box-shadow:none!important; }
.navbar-inverse input[type="text"]:focus,.navbar-inverse .form-control:focus{ background:#fff!important; border-color:var(--hc-blue)!important; }
.swmultilingual-skip img{ border-radius:3px; height:16px; width:auto; box-shadow:0 0 0 1px rgba(15,23,42,.08); }

/* ===== Hero ===== */
.full-section.search-section-listing.hc-hero{ position:relative; overflow:hidden; padding:0!important;
  background:radial-gradient(620px 320px at 82% 18%,rgba(0,51,255,.10),transparent 62%),
             radial-gradient(380px 200px at 74% 86%,rgba(226,255,0,.20),transparent 64%),
             linear-gradient(180deg,#fbfcff 0%,var(--hc-bg) 100%)!important;
  border-bottom:1px solid var(--hc-line); }
.hc-hero:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none;
  background-image:radial-gradient(rgba(0,51,255,.16) 1px,transparent 1.4px); background-size:22px 22px;
  -webkit-mask-image:radial-gradient(ellipse 55% 75% at 76% 45%,#000 0%,transparent 72%); mask-image:radial-gradient(ellipse 55% 75% at 76% 45%,#000 0%,transparent 72%); }
.hc-hero-inner{ position:relative; display:flex; align-items:center; gap:56px; padding:72px 15px 64px!important; text-align:left!important; }
.hc-hero-text{ flex:1 1 auto; min-width:0; }
.hc-pill{ display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; background:#fff; border:1px solid var(--hc-line);
  color:var(--hc-ink); font-size:12px; font-weight:600; letter-spacing:.3px; box-shadow:0 1px 2px rgba(16,24,40,.04); }
.hc-pill i{ width:8px; height:8px; border-radius:50%; background:var(--hc-lime); box-shadow:0 0 0 1.5px var(--hc-blue); }
.hc-hero .search-title{ margin:18px 0 12px!important; font-size:46px!important; line-height:1.2!important; font-weight:800!important;
  color:var(--hc-ink)!important; letter-spacing:-.5px; text-align:left!important; text-shadow:none!important; }
.hc-hero .search-title:after{ display:none!important; content:none!important; }
.hc-hl{ color:var(--hc-blue); background:linear-gradient(180deg,transparent 76%,rgba(226,255,0,.7) 76%,rgba(226,255,0,.7) 93%,transparent 93%); padding:0 1px; }
.hc-hero .search-tag-line{ color:var(--hc-muted)!important; font-size:16px!important; margin:0 0 28px!important; text-align:left!important; text-shadow:none!important; }
.hc-hero .index-search-form{ display:flex!important; max-width:580px; margin:0!important; background:#fff; border:1px solid var(--hc-line);
  border-radius:14px; padding:6px; box-shadow:0 18px 40px rgba(15,23,42,.08); }
.hc-hero .index-search-form .search-term{ flex:1 1 auto; float:none!important; width:auto!important; min-width:0!important; height:48px!important; border:0!important;
  box-shadow:none!important; background:transparent!important; padding:0 14px!important; font-size:15px; color:var(--hc-text); border-radius:10px!important; outline:0; }
.hc-hero .index-search-form .search-btn{ flex:0 0 auto; float:none!important; width:auto!important; height:48px!important; padding:0 22px!important; border-radius:10px!important;
  background:var(--hc-blue)!important; color:#fff!important; font-weight:600; border:0!important; box-shadow:none!important; white-space:nowrap; }
.hc-hero .index-search-form .search-btn:hover{ background:var(--hc-blue-h)!important; }
.hc-hot{ margin-top:18px; display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13px; color:var(--hc-muted); }
.hc-hot a{ padding:4px 12px; border-radius:999px; background:rgba(255,255,255,.85); border:1px solid var(--hc-line); color:var(--hc-text); text-decoration:none; transition:all .15s; }
.hc-hot a:hover{ border-color:var(--hc-blue); color:var(--hc-blue); }

.hc-hero-art{ position:relative; flex:0 0 360px; height:340px; display:flex; align-items:center; justify-content:center; }
.hc-orb{ position:relative; width:260px; height:260px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 32% 28%,#fff 0%,#f1f4ff 55%,#e3e9ff 100%);
  box-shadow:0 40px 80px rgba(0,51,255,.16),inset 0 0 0 10px rgba(255,255,255,.7); border:1px solid rgba(0,51,255,.08); }
.hc-orb:before{ content:""; position:absolute; top:-26px; right:-26px; bottom:-26px; left:-26px; border-radius:50%; border:1px dashed rgba(0,51,255,.22); animation:hcSpin 40s linear infinite; }
.hc-orb:after{ content:""; position:absolute; top:-56px; right:-56px; bottom:-56px; left:-56px; border-radius:50%; border:1px solid rgba(0,51,255,.07); }
.hc-orb img{ width:150px; height:150px; animation:hcFloat 6s ease-in-out infinite; }
.hc-float{ position:absolute; display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:12px; background:#fff; border:1px solid var(--hc-line);
  font-size:13px; font-weight:600; color:var(--hc-ink); box-shadow:0 12px 30px rgba(15,23,42,.10); white-space:nowrap; }
.hc-float i{ color:var(--hc-blue); font-size:15px; }
.hc-f1{ top:28px; left:-6px; animation:hcFloat 7s ease-in-out infinite; }
.hc-f2{ top:122px; right:-18px; animation:hcFloat 8s ease-in-out infinite .6s; }
.hc-f3{ bottom:22px; left:24px; animation:hcFloat 9s ease-in-out infinite 1.2s; }
@keyframes hcFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
@keyframes hcSpin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){ .hc-orb:before,.hc-orb img,.hc-float{ animation:none!important; } }

/* ===== 泰芯 TXW 芯片方案区 ===== */
.hc-solutions{ padding:44px 0 10px; }
.hc-sec-head{ margin-bottom:22px; }
.hc-sec-head h2{ display:flex; align-items:center; margin:0 0 6px!important; font-size:22px; font-weight:800; color:var(--hc-ink); }
.hc-sec-head h2:before{ content:""; width:5px; height:20px; border-radius:3px; background:var(--hc-blue); margin-right:12px; }
.hc-sec-head p{ margin:0; color:var(--hc-muted); font-size:14px; padding-left:17px; }
.hc-sol-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.hc-sol-card{ position:relative; display:block; padding:22px; background:#fff; border:1px solid var(--hc-line); border-radius:16px;
  text-decoration:none!important; color:inherit; transition:transform .18s,box-shadow .18s,border-color .18s; box-shadow:0 1px 2px rgba(16,24,40,.04); overflow:hidden; }
.hc-sol-card:before{ content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--hc-blue),var(--hc-lime)); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.hc-sol-card:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,51,255,.12); border-color:#d6defb; }
.hc-sol-card:hover:before{ transform:scaleX(1); }
.hc-sol-ic{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:12px; background:var(--hc-tint); color:var(--hc-blue); font-size:20px; }
.hc-chip{ position:absolute; top:22px; right:18px; font:700 11px/1.7 "SFMono-Regular",Consolas,monospace; letter-spacing:.5px; color:var(--hc-blue); background:var(--hc-tint); border:1px solid #dbe2fb; padding:1px 8px; border-radius:6px; }
.hc-sol-card h3{ margin:14px 0 6px; font-size:16px; font-weight:700; color:var(--hc-ink); }
.hc-sol-card p{ margin:0; font-size:13px; line-height:1.6; color:var(--hc-muted); }

/* ===== 正文 ===== */
#mainbody{ padding-top:10px; }
#mainbody>h2{ display:flex; align-items:center; margin:30px 0 0!important; font-size:18px!important; font-weight:700; color:var(--hc-ink); }
#mainbody>h2:before{ content:""; width:4px; height:16px; border-radius:2px; background:var(--hc-blue); margin-right:10px; }
.swiper-recommend:not(:has(.swiper-slide)){ display:none!important; }
#mainbody>h2:has(+ .swiper-recommend):not(:has(+ .swiper-recommend .swiper-slide)){ display:none!important; }
.panel-blockimg:not(:has(img)){ display:none!important; }

.btn{ border-radius:10px; }
.btn-primary{ background:var(--hc-blue)!important; border-color:var(--hc-blue)!important; }
.btn-primary:hover,.btn-primary:focus{ background:var(--hc-blue-h)!important; border-color:var(--hc-blue-h)!important; }
.btn-default{ border-color:var(--hc-line)!important; color:var(--hc-text); }
.panel{ border:1px solid var(--hc-line)!important; border-radius:12px!important; box-shadow:0 1px 2px rgba(16,24,40,.04)!important; overflow:hidden; }
.panel-heading{ background:#fff!important; border-bottom:1px solid #eef1f6!important; }
.panel-title{ color:var(--hc-ink)!important; font-weight:700!important; font-size:15px!important; }
.nav-tabs{ border-bottom:1px solid var(--hc-line)!important; }
.nav-tabs>li>a{ color:var(--hc-muted)!important; border:0!important; background:transparent!important; }
.nav-tabs>li>a:hover{ color:var(--hc-blue)!important; }
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{ color:var(--hc-blue)!important; border:0!important; background:transparent!important; box-shadow:inset 0 -2px 0 var(--hc-blue); font-weight:600; }
a{ color:var(--hc-blue); } a:hover{ color:var(--hc-blue-h); }
.form-control{ border-radius:10px; border-color:#e2e8f0; }
.form-control:focus{ border-color:var(--hc-blue); box-shadow:0 0 0 3px rgba(0,51,255,.12); }
.badge,.label-primary{ background:var(--hc-blue)!important; }

/* ===== 响应式 ===== */
@media (max-width:1199px){ .hc-sol-grid{ gap:14px; } }
@media (max-width:991px){
  .hc-hero-art{ display:none; }
  .hc-hero-inner{ display:block!important; padding:44px 15px 40px!important; }
  .hc-hero .search-title{ font-size:32px!important; }
  .hc-sol-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:767px){
  .hc-hero .index-search-form{ max-width:none; }
  .nav-tabs{ display:flex; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .nav-tabs::-webkit-scrollbar{ display:none; }
  .nav-tabs>li{ float:none; flex:0 0 auto; }
  .nav-tabs>li>a{ white-space:nowrap; }
}
@media (max-width:575px){
  .hc-sol-grid{ grid-template-columns:1fr; }
  .hc-solutions{ padding:28px 0 4px; }
}
@media (max-width:480px){
  .hc-wordmark small{ display:none; }
  .hc-hero .search-title{ font-size:27px!important; }
  .hc-hero .index-search-form .search-btn{ padding:0 15px!important; }
}

/* ===== 登录/注册/会员中心(index 的 navbar-white 布局) ===== */
.navbar.navbar-white{ background:rgba(255,255,255,.92)!important; -webkit-backdrop-filter:saturate(180%) blur(12px); backdrop-filter:saturate(180%) blur(12px); border-bottom:1px solid var(--hc-line)!important; box-shadow:none!important; }
.navbar-white .navbar-brand{ color:var(--hc-ink)!important; font-weight:800; letter-spacing:.5px; }
.navbar-white .navbar-nav>li>a{ color:#475569!important; }
.navbar-white .navbar-nav>li>a:hover,.navbar-white .navbar-nav>.active>a{ color:var(--hc-blue)!important; }
.navbar-white .navbar-nav>.open>a,.navbar-white .navbar-nav>.open>a:hover{ background:var(--hc-tint)!important; color:var(--hc-blue)!important; }
.user-section{ border-radius:16px!important; box-shadow:0 18px 48px rgba(15,23,42,.10)!important; border:1px solid var(--hc-line)!important; overflow:hidden; }
.logon-tab{ background:#f6f8fb; }
.logon-tab a,.logon-tab li a,.logon-tab>div a{ color:var(--hc-muted)!important; font-weight:600; }
.logon-tab .active,.logon-tab .active a,.logon-tab a.active{ color:var(--hc-blue)!important; background:#fff!important; }
.user-section .btn.btn-lg.btn-block:not(.btn-default):not(.no-border){ background:var(--hc-blue)!important; border-color:var(--hc-blue)!important; color:#fff!important; font-weight:600; }
.user-section .btn.btn-lg.btn-block:not(.btn-default):not(.no-border):hover{ background:var(--hc-blue-h)!important; border-color:var(--hc-blue-h)!important; }
.user-section .btn-default.no-border{ background:#f1f5f9!important; color:#475569!important; border:1px solid var(--hc-line)!important; }
.user-section a{ color:var(--hc-blue); }
.user-section .form-control{ border-radius:10px; }
