/* Vendor universe tiles · 作者：李季 LI JI */
.vendor-search-wrap{padding:10px 12px 14px;border-top:1px solid var(--l2,#ebf0f7)}
#vendor-q{width:100%;padding:8px 10px;border:1px solid var(--l,#d8e0ec);border-radius:10px;font:inherit;background:#fff}
.vendor-count{margin-top:8px;font-size:12px;color:var(--m);font-weight:600}
.panel-rail .secnav button{
  display:block;width:100%;text-align:left;border:0;background:transparent;cursor:pointer;
  padding:8px 14px;font:inherit;font-size:13px;color:var(--m);border-left:3px solid transparent;
}
.panel-rail .secnav button:hover{color:var(--b);background:#e8eef8}
.panel-rail .secnav button.active{background:var(--b);color:#fff;border-left-color:#7db0ff;font-weight:700}
.panel-rail .view-tabs button.view-tab{font:inherit}
.panel-main{padding:16px 18px 32px;overflow:auto}
.vendor-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.vendor-legend .lg{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#eef2f8;color:var(--m)}
.vendor-legend .lg.focus{background:#e6f4ea;color:#2b8a3e}
.vendor-legend .lg.p0{background:#fff4eb;color:var(--a)}
.vendor-legend .lg.b1{background:#e8eef9;color:var(--b)}
.vendor-legend .lg.b2{background:#e7f5ff;color:#0b7285}
.vendor-legend .lg.b3{background:#f3e8ff;color:#5f3dc4}
.vendor-legend .lg.b4{background:#fff0f6;color:#a61e4d}
.vendor-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
  gap:10px;
}
a.vendor-tile{
  display:flex;flex-direction:column;justify-content:space-between;gap:8px;
  min-height:96px;padding:12px 12px 10px;border-radius:12px;
  background:linear-gradient(180deg,#fff,#fbfcfe);
  border:1px solid var(--l);box-shadow:var(--shadow-sm,0 3px 12px rgba(10,58,134,.06));
  color:inherit;transition:transform .18s var(--ease,ease),box-shadow .18s,border-color .15s;
  position:relative;overflow:hidden;
}
a.vendor-tile::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--b)}
a.vendor-tile.b-intl_auto::before{background:linear-gradient(90deg,#0a3a86,#1a56b0)}
a.vendor-tile.b-cn_auto::before{background:linear-gradient(90deg,#0b7285,#14919b)}
a.vendor-tile.b-intl_ai::before{background:linear-gradient(90deg,#5f3dc4,#9775fa)}
a.vendor-tile.b-cn_ai::before{background:linear-gradient(90deg,#a61e4d,#f06595)}
a.vendor-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md,0 12px 36px rgba(10,58,134,.12));border-color:#b7c7de;color:inherit}
a.vendor-tile .vn{font-size:13px;font-weight:800;color:var(--b);line-height:1.35;word-break:break-word}
a.vendor-tile .vm{font-size:11px;color:var(--m);line-height:1.3}
a.vendor-tile .vtags{display:flex;flex-wrap:wrap;gap:4px}
a.vendor-tile .vtags span{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;background:#eef2f8;color:var(--m)}
a.vendor-tile.focus .vtags .f{background:#e6f4ea;color:#2b8a3e}
a.vendor-tile.hot .vtags .h{background:#fff4eb;color:var(--a)}
.vendor-foot{margin:22px 4px 0;font-size:12px;color:var(--m);line-height:1.5}
@media(max-width:700px){
  .vendor-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}
  a.vendor-tile{min-height:88px;padding:10px}
}
/* inline links in reports */
a.vendor-link{color:var(--b);border-bottom:1px dotted rgba(10,58,134,.35);font-weight:600}
a.vendor-link:hover{color:var(--a);border-bottom-color:var(--a)}


/* responsive+refine 2026-10-31 */
.vendor-grid{
  grid-template-columns:repeat(auto-fill,minmax(140px,1fr));
  gap:12px;
}
a.vendor-tile{
  box-shadow:var(--shadow-sm,0 1px 2px rgba(15,35,70,.03));
  border-radius:10px; min-height:100px;
}
a.vendor-tile:hover{box-shadow:var(--shadow,0 6px 20px rgba(10,58,134,.06))}
a.vendor-tile .vn{font-size:13px}
@media (max-width:700px){
  .vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px}
  a.vendor-tile{min-height:88px; padding:10px 10px 8px; border-radius:10px}
  a.vendor-tile .vn{font-size:13px}
  a.vendor-tile .vm{font-size:11px}
  .panel-main{padding:10px 10px 28px}
  .vendor-legend{gap:6px; margin-bottom:8px}
  .vendor-legend .lg{font-size:10px; padding:4px 8px; min-height:28px}
  #vendor-q{min-height:40px; font-size:15px; padding:10px 12px}
  .vendor-search-wrap{padding:8px 4px 10px}
}
@media (max-width:380px){
  .vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* responsive+refine 2026-10-31 vendors-nav */
@media (max-width:860px){
  .panel-rail .secnav{
    display:flex; flex-direction:row; flex-wrap:nowrap; overflow-x:auto;
    gap:6px; width:100%;
    -webkit-overflow-scrolling:touch;
  }
  .panel-rail .secnav button{
    display:inline-flex; align-items:center; justify-content:center;
    width:auto!important; flex:0 0 auto;
    min-height:36px; padding:7px 12px;
    border:1px solid var(--l,#d8e0ec)!important;
    border-left:1px solid var(--l,#d8e0ec)!important;
    border-radius:999px!important;
    background:#fff!important; color:var(--m)!important;
    font-size:12px; font-weight:700;
    white-space:nowrap;
  }
  .panel-rail .secnav button.active{
    background:var(--b)!important; color:#fff!important;
    border-color:var(--b)!important;
  }
  .panel-rail .view-tabs{margin-bottom:6px}
  .vendor-search-wrap{border-top:0; padding-top:4px}
}