/* ==========================================================================
   MB01 · 组件库（前台表达版）
   玻璃卡 / 霓虹按钮 / 胶囊标签 / 影片卡 / 网格 / 区块 / 分页 / 表单 / 导航 / 页脚
   ========================================================================== */

/* ---------------- 玻璃面板 ---------------- */
.mb-glass{
  position:relative;
  background:var(--bg-panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 8px 32px rgba(2,6,23,.45);
}
.mb-glass--strong{ background:rgba(255,255,255,.07); border-color:var(--line-strong); }
/* 悬浮发光：translateY(-4px) + 流光边框 */
.mb-hover{ transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.mb-hover:hover{
  transform:translateY(-4px);
  border-color:rgba(34,211,238,.45);
  box-shadow:0 14px 40px rgba(59,130,246,.28), 0 0 0 1px rgba(34,211,238,.18) inset;
}
/* 流光边框（首屏卡片用） */
.mb-shine::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1px;
  background:linear-gradient(120deg, transparent 20%, rgba(34,211,238,.7), rgba(139,92,246,.7) 60%, transparent 85%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .35s ease; pointer-events:none;
}
.mb-shine:hover::before{ opacity:1; }

/* ---------------- 按钮 ---------------- */
.mb-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:40px; padding:0 20px; border-radius:999px;
  font-size:14px; font-weight:600; color:#fff; white-space:nowrap;
  border:1px solid transparent;
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease, background .25s ease;
}
.mb-btn:hover{ color:#fff; transform:translateY(-2px); }
.mb-btn:active{ transform:none; }
/* 主渐变霓虹 */
.mb-btn--neon{
  background:var(--grad-main);
  box-shadow:0 6px 18px rgba(59,130,246,.35), var(--glow);
  background-size:200% 200%;
}
.mb-btn--neon:hover{ box-shadow:0 10px 28px rgba(59,130,246,.5), 0 0 32px rgba(34,211,238,.5); filter:brightness(1.06); }
/* 幽灵按钮 */
.mb-btn--ghost{
  background:rgba(255,255,255,.05);
  border-color:var(--line-strong);
  color:var(--t-primary);
}
.mb-btn--ghost:hover{ background:rgba(59,130,246,.16); border-color:rgba(34,211,238,.55); color:#fff; }
/* 尺寸 */
.mb-btn--lg{ height:48px; padding:0 30px; font-size:15px; }
.mb-btn--sm{ height:32px; padding:0 14px; font-size:13px; }
.mb-btn--block{ display:flex; width:100%; }
.mb-btn[disabled],.mb-btn.is-disabled{
  background:rgba(255,255,255,.06) !important; color:var(--t-muted) !important;
  box-shadow:none !important; border-color:var(--line) !important; cursor:not-allowed; transform:none;
}

/* ---------------- 胶囊标签 ---------------- */
.mb-tag{
  display:inline-flex; align-items:center; gap:6px;
  padding:3px 12px; border-radius:999px;
  font-size:12px; line-height:1.8; color:var(--t-secondary);
  background:rgba(255,255,255,.05); border:1px solid var(--line);
  transition:all .25s ease;
}
.mb-tag:hover{ color:#fff; border-color:rgba(34,211,238,.5); background:rgba(59,130,246,.18); }
.mb-tag--primary{ color:#cfe3ff; border-color:rgba(59,130,246,.45); background:rgba(59,130,246,.16); }
.mb-tag--ok{ color:#6ee7b7; border-color:rgba(52,211,153,.4); background:rgba(52,211,153,.12); }
.mb-tag--warn{ color:#fcd34d; border-color:rgba(251,191,36,.4); background:rgba(251,191,36,.12); }
.mb-tag--err{ color:#fca5a5; border-color:rgba(248,113,113,.4); background:rgba(248,113,113,.12); }

/* ---------------- 区块标题 ---------------- */
.mb-section{ margin-top:clamp(28px,4vw,46px); }
.mb-section__head{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:16px; margin-bottom:18px;
}
.mb-section__title{
  display:flex; align-items:center; gap:12px;
  font-size:clamp(18px,2vw,22px); font-weight:700; color:var(--t-ink);
}
.mb-section__title::before{
  content:""; width:4px; height:20px; border-radius:2px;
  background:var(--grad-main); box-shadow:var(--glow);
}
.mb-section__more{ font-size:13px; color:var(--t-muted); }
.mb-section__more:hover{ color:var(--c-cyan); }

/* ---------------- 影片卡（2:3） ---------------- */
/* 统一以 --card-min 决定列数，改一处即全站生效 */
.mb-grid{
  display:grid; gap:var(--gap);
  grid-template-columns:repeat(auto-fill, minmax(var(--card-min),1fr));
}
.mb-grid > *{ min-width:0; }          /* 防长标题撑破栅格 */
.mb-grid--4{ grid-template-columns:repeat(4,1fr); }
.mb-grid--5{ grid-template-columns:repeat(5,1fr); }
.mb-grid--6{ grid-template-columns:repeat(6,1fr); }
@media (max-width:1200px){ .mb-grid--6{ grid-template-columns:repeat(5,1fr); } }
@media (max-width:992px){ .mb-grid--4,.mb-grid--5,.mb-grid--6{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:768px){ .mb-grid--4,.mb-grid--5,.mb-grid--6{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){
  .mb-grid,.mb-grid--4,.mb-grid--5,.mb-grid--6{ grid-template-columns:repeat(3,1fr); gap:10px; }
}
@media (max-width:400px){
  .mb-grid,.mb-grid--4,.mb-grid--5,.mb-grid--6{ grid-template-columns:repeat(2,1fr); }
}

/* ---------------- 两栏布局（主内容 + 侧栏） ---------------- */
/* minmax(0,1fr) 是关键：不让超长内容/表格把主栏顶宽 */
.mb-layout{
  display:grid; gap:var(--gap);
  grid-template-columns:minmax(0,1fr) var(--sidebar);
  align-items:start;
}
.mb-layout--rev{ grid-template-columns:var(--sidebar) minmax(0,1fr); }  /* 侧栏在左（会员中心） */
.mb-layout--uc{ grid-template-columns:var(--side-uc) minmax(0,1fr); }
.mb-layout__main{ min-width:0; }
.mb-layout__side{ min-width:0; }
@media (max-width:960px){
  .mb-layout,.mb-layout--rev,.mb-layout--uc{ grid-template-columns:minmax(0,1fr); }
}

.mb-card{
  position:relative; display:block; border-radius:var(--radius-sm);
  background:var(--bg-deep); overflow:hidden;
  border:1px solid var(--line);
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.mb-card:hover{ transform:translateY(-4px); border-color:rgba(34,211,238,.45); box-shadow:0 12px 32px rgba(59,130,246,.3); }
.mb-card__poster{
  position:relative; display:block; aspect-ratio:2/3; overflow:hidden;
  background:linear-gradient(160deg,#0d1430,#111a3a 60%,#0a0e27);
}
.mb-card__poster img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .5s ease, opacity .3s ease; opacity:.96;
}
.mb-card:hover .mb-card__poster img{ transform:scale(1.06); opacity:1; }
/* 封面底部渐隐遮罩 */
.mb-card__poster::after{
  content:""; position:absolute; inset:auto 0 0 0; height:55%;
  background:linear-gradient(to top, rgba(5,8,22,.92), transparent);
  pointer-events:none;
}
/* 角标（评分 / 集数） */
.mb-card__badge{
  position:absolute; left:8px; top:8px; z-index:2;
  display:inline-flex; align-items:center; gap:4px;
  padding:2px 8px; border-radius:999px; font-size:11px; font-weight:600;
  color:#fff; background:rgba(5,8,22,.62);
  border:1px solid var(--line-strong); backdrop-filter:blur(6px);
  font-family:var(--font-tech);
}
.mb-card__score{
  position:absolute; right:8px; top:8px; z-index:2;
  padding:2px 8px; border-radius:999px; font-size:11px; font-weight:700;
  color:#fff; background:var(--grad-main); box-shadow:0 2px 10px rgba(59,130,246,.5);
  font-family:var(--font-tech);
}
/* 悬浮播放光圈 */
.mb-card__play{
  position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .3s ease; pointer-events:none;
}
.mb-card__play i{
  width:46px; height:46px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.5);
  backdrop-filter:blur(8px); box-shadow:0 0 24px rgba(34,211,238,.6);
}
.mb-card__play i::before{
  content:""; width:0; height:0; margin-left:4px;
  border-left:14px solid #fff; border-top:9px solid transparent; border-bottom:9px solid transparent;
}
.mb-card:hover .mb-card__play{ opacity:1; }
.mb-card__body{ position:relative; z-index:2; padding:10px 10px 12px; margin-top:-42px; }
.mb-card__title{
  font-size:14px; font-weight:600; color:var(--t-ink);
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.mb-card:hover .mb-card__title{ color:var(--c-cyan); }
.mb-card__meta{
  margin-top:4px; font-size:12px; color:var(--t-muted);
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}

/* ---------------- 排行条（横向列表） ---------------- */
.mb-rank{ display:grid; gap:10px; }
.mb-rank__item{
  display:flex; align-items:center; gap:12px;
  padding:8px 12px; border-radius:var(--radius-sm);
  background:rgba(255,255,255,.04); border:1px solid var(--line);
  transition:all .25s ease;
}
.mb-rank__item:hover{ background:rgba(59,130,246,.14); border-color:rgba(34,211,238,.4); transform:translateX(3px); }
.mb-rank__no{
  flex:0 0 24px; height:24px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-tech); font-size:13px; font-weight:700; color:#fff;
  background:rgba(255,255,255,.08); border:1px solid var(--line);
  counter-increment:mb-rank;
}
.mb-rank{ counter-reset:mb-rank; }
.mb-rank__item:nth-child(1) .mb-rank__no{ background:linear-gradient(135deg,#f87171,#fbbf24); border-color:transparent; }
.mb-rank__item:nth-child(2) .mb-rank__no{ background:linear-gradient(135deg,#fbbf24,#34d399); border-color:transparent; }
.mb-rank__item:nth-child(3) .mb-rank__no{ background:linear-gradient(135deg,#22d3ee,#3b82f6); border-color:transparent; }
.mb-rank__title{
  flex:1 1 auto; min-width:0; font-size:14px; color:var(--t-primary);
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}
.mb-rank__hot{ flex:0 0 auto; font-family:var(--font-tech); font-size:12px; color:var(--c-cyan); }

/* ---------------- 表单 ---------------- */
.mb-field{ margin-bottom:14px; }
.mb-label{ display:block; margin-bottom:7px; font-size:13px; color:var(--t-secondary); }
.mb-input,.mb-select,.mb-textarea{
  width:100%; height:44px; padding:0 14px;
  background:rgba(10,14,39,.72);
  border:1px solid var(--line-strong); border-radius:var(--radius-sm);
  color:var(--t-ink); font-size:14px;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
.mb-textarea{ height:auto; padding:12px 14px; min-height:110px; resize:vertical; }
.mb-input::placeholder,.mb-textarea::placeholder{ color:var(--t-muted); }
.mb-input:focus,.mb-select:focus,.mb-textarea:focus{
  outline:none;
  border-color:var(--c-primary);
  box-shadow:var(--glow);
  background:rgba(17,26,58,.85);
}
.mb-select{ appearance:none; -webkit-appearance:none; padding-right:34px; cursor:pointer; }
.mb-select option{ background:var(--bg-deep); color:var(--t-ink); }
.mb-field--select{ position:relative; }
.mb-field--select::after{
  content:""; position:absolute; right:14px; top:38px; width:7px; height:7px;
  border-right:2px solid var(--t-secondary); border-bottom:2px solid var(--t-secondary);
  transform:rotate(45deg); pointer-events:none;
}

/* ---------------- 分页 ---------------- */
.mb-pager{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:30px 0 10px; }
.mb-pager__tip{ width:100%; text-align:center; font-size:12px; color:var(--t-muted); margin-bottom:4px; }
.mb-pager__link{
  min-width:36px; height:36px; padding:0 12px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:13px; color:var(--t-secondary);
  background:rgba(255,255,255,.05); border:1px solid var(--line);
  transition:all .25s ease;
}
.mb-pager__link:hover{ color:#fff; border-color:rgba(34,211,238,.5); background:rgba(59,130,246,.18); }
.mb-pager__link.is-current{
  color:#fff; font-weight:700; border-color:transparent;
  background:var(--grad-main); box-shadow:0 4px 14px rgba(59,130,246,.4);
}
.mb-pager__go{ display:inline-flex; align-items:center; gap:6px; margin-left:6px; }
.mb-pager__input{
  width:56px; height:36px; text-align:center;
  border-radius:999px; border:1px solid var(--line-strong);
  background:rgba(10,14,39,.72); color:var(--t-ink);
}
.mb-pager__input:focus{ outline:none; border-color:var(--c-primary); box-shadow:var(--glow); }

/* ---------------- 空状态 ---------------- */
.mb-empty{
  padding:60px 20px; text-align:center;
  border:1px dashed var(--line-strong); border-radius:var(--radius);
  background:rgba(255,255,255,.02);
}
.mb-empty__icon{
  width:64px; height:64px; margin:0 auto 16px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:28px; color:var(--c-cyan);
  background:rgba(59,130,246,.12); border:1px solid rgba(34,211,238,.3);
  box-shadow:0 0 26px rgba(59,130,246,.25) inset;
}
.mb-empty__title{ font-size:16px; color:var(--t-ink); margin-bottom:6px; }
.mb-empty__desc{ font-size:13px; color:var(--t-muted); margin-bottom:18px; }

/* ---------------- 面包屑 ---------------- */
.mb-crumb{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:13px; color:var(--t-muted); margin:18px 0 4px; }
.mb-crumb a{ color:var(--t-secondary); }
.mb-crumb a:hover{ color:var(--c-cyan); }
.mb-crumb__sep{ opacity:.5; }

/* ---------------- 顶部导航（毛玻璃固定） ---------------- */
.mb-nav{
  position:fixed; left:0; right:0; top:0; z-index:var(--z-nav);
  background:linear-gradient(180deg, rgba(5,8,22,.86), rgba(5,8,22,.55));
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  transition:background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.mb-nav.is-scrolled{
  background:linear-gradient(180deg, rgba(5,8,22,.96), rgba(10,14,39,.9));
  border-bottom-color:var(--line);
  box-shadow:0 8px 30px rgba(2,6,23,.5);
}
.mb-nav__inner{
  display:flex; align-items:center; gap:18px;
  height:var(--header-h); max-width:var(--container); margin-inline:auto;
  padding-inline:var(--pad-x);
}
.mb-brand{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.mb-brand__logo{ height:30px; width:auto; display:block; }
.mb-brand__name{
  font-family:var(--font-tech); font-size:20px; font-weight:700; letter-spacing:1px;
  background:var(--grad-main); -webkit-background-clip:text; background-clip:text; color:transparent;
  white-space:nowrap;
}
.mb-menu{ display:flex; align-items:center; gap:4px; flex:1 1 auto; min-width:0; }
.mb-menu__link{
  position:relative; padding:8px 12px; border-radius:999px;
  font-size:14px; color:var(--t-secondary); white-space:nowrap;
  transition:color .25s ease, background .25s ease;
}
.mb-menu__link:hover{ color:#fff; background:rgba(255,255,255,.06); }
.mb-menu__link.is-on{ color:#fff; background:rgba(59,130,246,.18); }
.mb-menu__link.is-on::after{
  content:""; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%);
  width:18px; height:2px; border-radius:2px; background:var(--grad-main); box-shadow:var(--glow);
}
.mb-nav__tools{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }

/* 搜索 */
.mb-search{ position:relative; display:flex; align-items:center; }
.mb-search__input{
  width:clamp(150px,20vw,240px); height:38px; padding:0 44px 0 16px;
  border-radius:999px; border:1px solid var(--line-strong);
  background:rgba(10,14,39,.7); color:var(--t-ink); font-size:13px;
  transition:border-color .25s ease, box-shadow .25s ease, width .3s ease;
}
.mb-search__input::placeholder{ color:var(--t-muted); }
.mb-search__input:focus{
  outline:none; border-color:var(--c-primary); box-shadow:var(--glow);
  background:rgba(17,26,58,.9);
}
.mb-search__btn{
  position:absolute; right:5px; top:5px; width:28px; height:28px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:var(--t-secondary); background:rgba(255,255,255,.06);
  transition:all .25s ease;
}
.mb-search__btn:hover{ color:#fff; background:var(--grad-main); box-shadow:var(--glow); }

/* 汉堡按钮 */
.mb-burger{
  display:none; width:38px; height:38px; border-radius:10px;
  border:1px solid var(--line-strong); background:rgba(255,255,255,.05);
  flex-direction:column; align-items:center; justify-content:center; gap:4px;
}
.mb-burger span{ display:block; width:16px; height:2px; border-radius:2px; background:var(--t-primary); }

/* 移动端抽屉 */
.mb-drawer{
  position:fixed; inset:var(--header-h) 0 auto 0; z-index:var(--z-drawer);
  padding:14px; display:none;
  background:rgba(5,8,22,.96); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-strong);
  max-height:calc(100vh - var(--header-h)); overflow-y:auto;
}
.mb-drawer.is-open{ display:block; animation:mb-drop .25s ease; }
@keyframes mb-drop{ from{ opacity:0; transform:translateY(-10px);} to{ opacity:1; transform:none;} }
.mb-drawer__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.mb-drawer__link{
  display:flex; align-items:center; justify-content:center; text-align:center;
  padding:12px 6px; border-radius:var(--radius-sm); font-size:13px; color:var(--t-secondary);
  background:rgba(255,255,255,.05); border:1px solid var(--line);
}
.mb-drawer__link.is-on{ color:#fff; background:rgba(59,130,246,.2); border-color:rgba(34,211,238,.45); }
.mb-drawer .mb-search{ margin-top:12px; }
.mb-drawer .mb-search__input{ width:100%; }

@media (max-width:992px){
  .mb-menu{ display:none; }
  .mb-burger{ display:flex; }
  .mb-nav__inner{ gap:10px; }
  .mb-search{ display:none; }
}

/* ---------------- 页脚 ---------------- */
.mb-footer{
  position:relative; margin-top:clamp(40px,6vw,72px);
  padding:38px 0 26px;
  background:linear-gradient(180deg, rgba(10,14,39,.35), rgba(5,8,22,.9));
  border-top:1px solid var(--line);
}
.mb-footer__inner{ max-width:var(--container); margin-inline:auto; padding-inline:var(--pad-x); }
.mb-footer__cols{ display:grid; gap:24px; grid-template-columns:1.4fr 1fr 1fr; }
@media (max-width:820px){ .mb-footer__cols{ grid-template-columns:1fr; gap:18px; } }
.mb-footer__title{ font-size:14px; font-weight:700; color:var(--t-ink); margin-bottom:12px; }
.mb-footer__links{ display:flex; flex-wrap:wrap; gap:8px 14px; }
.mb-footer__links a{ font-size:13px; color:var(--t-muted); }
.mb-footer__links a:hover{ color:var(--c-cyan); }
.mb-footer__desc{ font-size:13px; color:var(--t-muted); line-height:1.9; }
.mb-footer__bottom{
  margin-top:26px; padding-top:18px; border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between;
  font-size:12px; color:var(--t-muted);
}

/* 回到顶部 */
.mb-top{
  position:fixed; right:20px; bottom:28px; z-index:var(--z-top);
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; background:var(--grad-main); box-shadow:0 8px 22px rgba(59,130,246,.4);
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:all .3s ease;
}
.mb-top.is-show{ opacity:1; visibility:visible; transform:none; }
.mb-top:hover{ box-shadow:0 12px 30px rgba(34,211,238,.5); }

/* ===== MAC 弹层主题化（home.js Pop：登录弹窗 / 消息提示 / 报错） ===== */
.mac_pop_bg{
  display:none; position:fixed; top:0; right:0; bottom:0; left:0;
  z-index:1200; background:rgba(4,7,20,.72); backdrop-filter:blur(6px);
}
.mac_pop{
  display:none; position:fixed; top:0; right:0; bottom:0; left:0; margin:auto;
  z-index:1201; padding:0; max-height:750px; overflow:hidden;
  background:linear-gradient(165deg, var(--bg-panel), var(--bg-deep));
  border:1px solid var(--line-strong); border-radius:var(--radius);
  box-shadow:0 18px 60px rgba(0,0,0,.55), 0 0 32px rgba(34,211,238,.08);
}
.mac_pop .pop_top{
  display:flex; align-items:center; justify-content:space-between;
  padding:15px 20px; border-bottom:1px solid var(--line);
  background:rgba(13,20,48,.55);
}
.mac_pop .pop_top h2{ margin:0; font-size:15px; font-weight:700; color:var(--t-ink); letter-spacing:1px; }
.mac_pop .pop_close{
  cursor:pointer; color:var(--t-muted); font-size:13px; line-height:1;
  padding:4px 6px; transition:color .2s ease;
}
.mac_pop .pop_close:hover{ color:var(--err); text-shadow:0 0 8px rgba(248,113,113,.5); }
.mac_pop .pop_content{ padding:22px 20px; color:var(--t-secondary); }

/* 消息提示弹层 */
.mac_pop_msg_bg{
  display:none; position:fixed; top:0; right:0; bottom:0; left:0;
  z-index:1300; background:rgba(4,7,20,.6);
}
.mac_pop_msg{
  display:none; position:fixed; top:0; right:0; bottom:0; left:0; margin:auto;
  z-index:1301; padding:0;
  background:linear-gradient(165deg, var(--bg-panel), var(--bg-deep));
  border:1px solid var(--line-strong); border-radius:var(--radius-sm);
  box-shadow:0 14px 44px rgba(0,0,0,.5), 0 0 24px rgba(34,211,238,.08);
}
.mac_pop_msg .pop-msg{ display:flex; align-items:center; justify-content:center; height:100%; padding:0 16px; color:var(--t-ink); text-align:center; }

/* 弹窗内登录表单（配合 home.js 的 .mac_login_form / .login_form_submit 钩子） */
.mb-pop-form__tip{ font-size:13px; color:var(--t-muted); margin-bottom:14px; }
.mb-pop-form__field{ margin-bottom:12px; }
.mb-pop-form__field .mb-input{ height:44px; }
.mb-pop-form__code{ display:flex; gap:10px; }
.mb-pop-form__code .mb-input{ flex:1 1 auto; min-width:0; }
.mb-pop-form__code img{
  width:110px; height:44px; border-radius:var(--radius-sm); cursor:pointer;
  border:1px solid var(--line); object-fit:cover; background:var(--bg-deep);
}
.mb-pop-form__links{
  display:flex; justify-content:space-between; align-items:center;
  margin:14px 0 16px; font-size:13px;
}
.mb-pop-form__links a{ color:var(--t-muted); transition:color .2s ease; }
.mb-pop-form__links a:hover{ color:var(--c-cyan); }
.mb-pop-form__links--info{ justify-content:center; gap:12px; margin:18px 0 0; }
.login_form_submit{ cursor:pointer; border:none; }

/* 已登录信息弹窗 */
.mb-pop-info__head{ display:flex; align-items:baseline; gap:10px; margin-bottom:16px; }
.mb-pop-info__name{ font-size:18px; font-weight:700; color:var(--t-ink); }
.mb-pop-info__group{
  font-size:11px; padding:2px 10px; border-radius:999px; color:var(--c-cyan);
  border:1px solid rgba(34,211,238,.35); background:rgba(34,211,238,.08);
}
.mb-pop-info__list{ list-style:none; margin:0 0 6px; padding:0; }
.mb-pop-info__list li{
  display:flex; justify-content:space-between; align-items:center;
  padding:10px 2px; border-bottom:1px dashed var(--line); font-size:13px;
}
.mb-pop-info__list li span{ color:var(--t-muted); }
.mb-pop-info__list li b{ color:var(--t-ink); font-weight:600; }

/* 弹窗内报错表单（gbook/report.html 片段） */
.mac_report .msg_cue{ margin:0 0 10px; font-size:13px; color:var(--t-muted); }
.mac_report .gbook_content{
  width:100% !important; height:120px !important; box-sizing:border-box;
  background:var(--bg-elevate); border:1px solid var(--line); border-radius:var(--radius-sm);
  color:var(--t-ink); padding:10px 12px; font-size:13px; line-height:1.7; resize:vertical;
}
.mac_report .gbook_content:focus{ border-color:rgba(34,211,238,.5); outline:none; box-shadow:0 0 0 3px rgba(34,211,238,.12); }
.mac_report .msg_code{ display:flex; align-items:center; gap:10px; margin:12px 0; font-size:13px; color:var(--t-muted); }
.mac_report .mac_verify{
  width:90px; background:var(--bg-elevate); border:1px solid var(--line);
  border-radius:var(--radius-sm); color:var(--t-ink); padding:7px 10px;
}
.mac_report .remaining-w{ margin-left:auto; font-size:12px; color:var(--t-muted); }
.mac_report .gbook_submit{
  background:var(--grad-main); color:#fff; border:none; border-radius:var(--radius-sm);
  padding:9px 26px; cursor:pointer; font-size:13px; box-shadow:0 4px 14px rgba(59,130,246,.35);
}
.mac_report .gbook_submit:hover{ box-shadow:0 6px 20px rgba(34,211,238,.45); }