/* =========================================================
   HOPE CO., LTD. — 统一品牌条
   注入到 compass / plastic 两个子站的所有页面顶部，
   使两个事业部在视觉与导航上归属同一个站点。
   ========================================================= */

.hope-unibar{
  position:sticky;top:0;z-index:900;
  background:#0a1729;
  border-bottom:1px solid rgba(227,174,77,.26);
  font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;
  line-height:1.4;
}
.hope-unibar *{box-sizing:border-box}
.hope-unibar-in{
  max-width:1400px;margin:0 auto;padding:0 26px;height:48px;
  display:flex;align-items:center;gap:24px;
}
.hope-unibar-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none}
.hope-unibar-mark{
  width:30px;height:30px;border-radius:8px;flex-shrink:0;
  background:linear-gradient(140deg,#e3ae4d,#b9873a);
  color:#22303f;display:grid;place-items:center;font-size:16px;font-weight:800;
}
.hope-unibar-name{color:#fff;font-size:16px;font-weight:700;letter-spacing:.07em;white-space:nowrap}
.hope-unibar-sub{color:#8ba1c0;font-size:12.5px;letter-spacing:.04em;white-space:nowrap}
.hope-unibar-nav{margin-left:auto;display:flex;align-items:center;gap:7px}
.hope-unibar-nav a{
  color:#c9d6e8;font-size:15px;padding:8px 18px;border-radius:9px;
  text-decoration:none;transition:background .16s,color .16s;white-space:nowrap;
  font-weight:600;
}
.hope-unibar-nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.hope-unibar-nav a.is-on{background:rgba(227,174,77,.18);color:#e3ae4d;box-shadow:inset 0 0 0 1px rgba(227,174,77,.34)}
.hope-unibar-nav a.hope-home{color:#93a8c6;padding-left:14px;padding-right:14px;font-weight:500}

/* 子站自身导航下移到品牌条下方（两站都用 .site-header，恰好统一） */
.site-header{top:49px !important}

/* 品牌条下方的联系信息栏（与 compass 子站一致） */
.topbar{background:#0a1729;color:#a9bedb;font-size:13.5px;border-top:1px solid rgba(255,255,255,.06)}
.topbar .wrap,.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;height:40px}
.topbar a{color:#cfdcef;text-decoration:none}
.topbar a:hover{color:#fff}
.topbar-left{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.topbar-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.topbar-item svg{width:14px;height:14px;opacity:.75;flex-shrink:0}
@media(max-width:820px){
  .topbar .wrap,.topbar .container{height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
  .topbar-left{gap:14px}
}
@media(max-width:560px){
  .topbar{font-size:12px}
  .topbar-left{gap:10px;flex-direction:column;align-items:flex-start}
  .topbar .wrap,.topbar .container{justify-content:center}
}

@media(max-width:820px){
  .hope-unibar-sub{display:none}
  .hope-unibar-in{height:44px;gap:10px;padding:0 14px}
  .hope-unibar-mark{width:26px;height:26px;font-size:14px;border-radius:7px}
  .hope-unibar-name{font-size:14px}
  .hope-unibar-nav{gap:3px}
  .hope-unibar-nav a{font-size:13px;padding:6px 11px;border-radius:8px}
  .hope-unibar-nav a.hope-home{padding-left:9px;padding-right:9px}
  .site-header{top:45px !important}
}

@media(max-width:560px){
  .hope-unibar-name{font-size:12.5px;letter-spacing:.03em}
  .hope-unibar-in{height:42px;gap:8px}
  .hope-unibar-nav a{font-size:12px;padding:5px 8px}
  .site-header{top:43px !important}
}