/* 艾朗科技 · 顶部信息条 —— 正式站共用
   左上：公司全称 + 定位；右侧：地点 / 手机号 / 小程序入口
   依赖站点令牌：--text / --muted / --cyan / --line */

.topbar{background:rgba(11,21,31,.82);border-bottom:1px solid rgba(59,86,111,.5);font-size:12.5px;color:var(--muted)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:38px;flex-wrap:wrap}
.topbar a{text-decoration:none}

.tb-l{display:flex;align-items:center;gap:9px;min-width:0}
.tb-l-a{color:var(--text);font-weight:600;letter-spacing:.02em;white-space:nowrap}
.tb-l-b{color:var(--muted);white-space:nowrap}

.tb-dot{width:6px;height:6px;border-radius:50%;flex:none;
  background:var(--cyan);box-shadow:0 0 8px rgba(82,196,205,.9);
  animation:tbPulse 2.4s ease-in-out infinite}
@keyframes tbPulse{0%,100%{opacity:.5}50%{opacity:1}}

.tb-r{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.tb-i{color:var(--muted);transition:color .2s;position:relative}
.tb-r .tb-i+.tb-i::before{content:"";position:absolute;left:-10px;top:50%;width:1px;height:11px;
  background:var(--line);transform:translateY(-50%)}
.tb-tel{font-variant-numeric:tabular-nums;letter-spacing:.03em;color:var(--text)}
.tb-tel:hover{color:var(--cyan)}
.tb-mp{color:var(--cyan)}
.tb-mp:hover{color:#bff0f4}

@media(max-width:900px){
  .tb-l-b{display:none}
  .tb-r{gap:14px}
  .tb-r .tb-i+.tb-i::before{left:-7px}
}
@media(max-width:760px){
  .topbar{font-size:11px}
  .topbar .wrap{flex-wrap:nowrap;gap:10px;min-height:32px;padding:6px 16px}
  .tb-l{gap:6px;min-width:0;overflow:hidden}
  .tb-l-a{overflow:hidden;text-overflow:ellipsis}
  .tb-r{gap:0;flex:none}
  .tb-r .tb-i:not(.tb-tel){display:none}
  .tb-r .tb-i::before{display:none}
  .tb-tel{white-space:nowrap}
}