/* ================================================================
   opc-brand.css — OPC 社区中心 · 品牌层
   防城港跨境电商综合试验区 × 广西民族大学相思湖学院
   配色：综试区海蓝 #0070C0 + 学院金 #F0A000（NOTHING 三色打底）
   v2：登录页换相思湖学院实景背景 + 中英双语国际化标题框
   ================================================================ */

html[data-opc] {
  --opc-blue: #0070C0;
  --opc-blue-deep: #005A9E;
  --opc-blue-light: #4FA3E3;
  --opc-gold: #F0A000;
  --opc-gold-light: #FFC24B;
}

/* ① 侧栏：NOTHING 主 LOGO 保留，其下机构小字 */
html[data-opc] .sb-brand { flex-direction: column; gap: 6px; }
html[data-opc] .opc-side-tag {
  font-family: "Songti SC", "Noto Serif SC", serif;
  font-size: 10px; letter-spacing: 1px; line-height: 1.55;
  color: var(--txt, var(--text, #e8e8ec));
  text-align: center; opacity: .9;
}
html[data-opc] .opc-side-tag b { color: var(--opc-gold); font-weight: 700; }

/* ================================================================
   ② 登录页背景：相思湖学院实景（替换原赛博朋克图）
   亮底图 + 中心柔光径向遮罩：中心提亮留白，四周压暗收边，
   让深色玻璃卡片浮在校园实景之上。
   ================================================================ */
html[data-opc] .login-page {
  background-image: url('opc-login-bg.webp') !important;
  background-position: center 58% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-color: #0b1018 !important;
}
html[data-opc] .login-page::before {
  background:
    radial-gradient(ellipse 100% 84% at 50% 46%,
      rgba(8, 14, 26, .06) 0%,
      rgba(8, 14, 26, .34) 55%,
      rgba(5, 9, 17, .76) 100%) !important;
  backdrop-filter: saturate(1.08) !important;
}

/* ================================================================
   ③ 登录页标题框（国际化中英双语排版）
      主标题：OPC 社区中心 / OPC COMMUNITY CENTER
      副行：防城港跨境电商综合试验区 · 广西民族大学相思湖学院（中+英双行）
   ================================================================ */
html[data-opc] .login-page .opc-portal-tag {
  display: block; text-align: center;
  margin: 4px 0 16px; padding: 0 2px;
  color: #fff; letter-spacing: 0;
}
html[data-opc] .opc-portal-tag .opc-name-zh {
  font-family: "Songti SC", "Noto Serif SC", "STSong", serif;
  font-size: 22px; font-weight: 700; letter-spacing: 5px;
  line-height: 1.15; color: #fff; text-indent: 5px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .65);
}
html[data-opc] .opc-portal-tag .opc-name-en {
  font-family: "Nunito", "Segoe UI", sans-serif;
  font-size: 9px; font-weight: 800; letter-spacing: 4.2px;
  text-transform: uppercase; color: var(--opc-gold-light);
  margin-top: 7px; text-indent: 4.2px;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .6);
}
html[data-opc] .opc-portal-tag .opc-rule {
  width: 64px; height: 1px; margin: 11px auto 10px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .58), transparent);
}
html[data-opc] .opc-portal-tag .opc-org-zh {
  font-size: 12px; letter-spacing: 1px; line-height: 1.5;
  color: rgba(255, 255, 255, .92);
}
html[data-opc] .opc-portal-tag .opc-org-sep { color: rgba(255, 255, 255, .45); margin: 0 5px; }
html[data-opc] .opc-portal-tag .opc-org-en {
  font-family: "Nunito", "Segoe UI", sans-serif;
  font-size: 8.5px; letter-spacing: .8px; line-height: 1.55;
  color: rgba(255, 255, 255, .46); margin-top: 5px;
}
html[data-opc] .opc-portal-tag .opc-gate {
  margin-top: 9px; font-size: 9.5px; letter-spacing: .3px;
  color: rgba(255, 255, 255, .34);
}
html[data-opc] .opc-portal-tag .opc-gate b { color: var(--opc-blue-light); font-weight: 700; }

/* 卡片：亮背景上改用冷调玻璃 + 品牌细描边，LOGO 略收以容纳双语标题 */
html[data-opc] .login-page .login-card {
  background: linear-gradient(162deg, rgba(15, 20, 34, .86) 0%, rgba(8, 12, 21, .9) 100%) !important;
  border: 1px solid rgba(120, 168, 232, .24) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5), 0 0 0 1px rgba(240, 160, 0, .07),
              0 0 90px rgba(0, 112, 192, .16) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
}
html[data-opc] .login-page .login-logo { height: 128px !important; margin-bottom: 12px !important; }

/* ④ 登录按钮等强调件（综试区海蓝） */
html[data-opc] .login-page .lbtn { background: var(--opc-blue) !important; border-color: var(--opc-blue-deep) !important; }
html[data-opc] .login-page .lbtn:hover { background: var(--opc-blue-deep) !important; }
html[data-opc] .login-page .ltab.active { color: var(--opc-blue-light); border-bottom-color: var(--opc-blue-light); }

/* ⑤ 版本脚标 */
html[data-opc] #sbVer b { color: var(--opc-blue) !important; }

/* ================================================================
   ⑦ 主界面顶栏标题框：机构名中英双层（替代「智能体协作空间」）
      中文主行 13px + 英文副行 8.5px 大写，超宽省略号兜底
   ================================================================ */
html[data-opc] .topbar .topbar-title .bi {
  flex-direction: column !important; align-items: flex-start !important;
  gap: 0 !important; line-height: 1.2 !important;
  max-width: min(760px, 62vw);
}
html[data-opc] .topbar .topbar-title .bi > .zh {
  font-size: 13px; font-weight: 700; letter-spacing: .2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
html[data-opc] .topbar .topbar-title .bi > .en {
  display: block !important; font-size: 8.5px; font-weight: 600; letter-spacing: .9px;
  text-transform: uppercase; opacity: .58; margin-top: 1px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
html[data-opc] .topbar .topbar-title .ver-chip { flex: none; }
@media (max-width: 900px) {
  html[data-opc] .topbar .topbar-title .bi { max-width: 46vw; }
  html[data-opc] .topbar .topbar-title .bi > .en { display: none; }
}

/* ⑥ 窄屏：标题降一号，避免换行破版 */
@media (max-width: 430px) {
  html[data-opc] .opc-portal-tag .opc-name-zh { font-size: 19px; letter-spacing: 3.5px; }
  html[data-opc] .opc-portal-tag .opc-name-en { font-size: 8px; letter-spacing: 3.2px; text-indent: 3.2px; }
  html[data-opc] .opc-portal-tag .opc-org-zh { font-size: 10px; letter-spacing: .8px; }
  html[data-opc] .login-page .login-logo { height: 100px !important; }
}