/* ============================================================
   重医小助手 · IOI 品牌字头
   ============================================================ */
.ioi-brandbar{
  display:flex;align-items:center;gap:7px;
  margin:0 2px 11px;min-width:0;
  -webkit-user-select:none;user-select:none;
}
.ioi-brandbar-dot{
  flex:0 0 7px;width:7px;height:7px;border-radius:50%;
  background:linear-gradient(140deg,#0d9488,#22d3ee);
  box-shadow:0 0 0 3px rgba(20,184,166,.12),0 0 10px rgba(20,184,166,.35);
}
.ioi-brandbar-name{
  display:inline-flex;align-items:baseline;
  font-size:10.5px;font-weight:800;letter-spacing:.35px;
  color:#0f766e;white-space:nowrap;
}
.ioi-brandbar-name em{
  font-style:normal;margin:0 3px;color:#14b8a6;font-weight:900;
}
.ioi-brandbar-name b{
  font-family:"Segoe UI",Arial,sans-serif;font-size:10px;font-weight:800;
  letter-spacing:1px;
}
.ioi-brandbar-rule{
  flex:1 1 auto;height:1px;min-width:10px;
  background:linear-gradient(90deg,rgba(20,184,166,.34),rgba(20,184,166,0));
}
.ioi-brandbar-tag{
  flex:0 0 auto;font-family:"Segoe UI",Arial,sans-serif;
  font-size:7px;font-weight:800;letter-spacing:1.5px;
  color:var(--v2-text-tertiary,#94a3b8);white-space:nowrap;
}

@media (prefers-color-scheme:dark){
  .ioi-brandbar-name{color:#5eead4}
  .ioi-brandbar-name em{color:#2dd4bf}
  .ioi-brandbar-dot{
    box-shadow:0 0 0 3px rgba(20,184,166,.16),0 0 12px rgba(34,211,238,.45);
  }
  .ioi-brandbar-rule{
    background:linear-gradient(90deg,rgba(94,234,212,.34),rgba(94,234,212,0));
  }
  .ioi-brandbar-tag{color:#64748b}
}

@media (max-width:350px){
  .ioi-brandbar-tag{display:none}
}