/* B站工坊(bili.js)专用样式;弹窗骨架复用 style.css 的 .mm-overlay/.mm-card。
   手机优先(iPhone 16 Pro Max 440×956 是主视口铁律),桌面(用户2026-07-03要求同时适配)用
   宽度断点放大卡片+图墙列数,充分利用桌面空间,不是简单拉伸手机布局。 */
.bili-card{max-width:560px;width:calc(100vw - 24px);max-height:88vh;overflow-y:auto}
@media (min-width:900px){
  .bili-card{max-width:860px}
  .bili-grid{grid-template-columns:repeat(6,1fr)}
  .bili-qa{grid-template-columns:repeat(4,1fr)}
}
.bili-sec{margin:10px 0 14px;padding:10px 12px;background:#fafbfc;border:1px solid #e8ebf0;border-radius:12px}
.bili-sec-title{font-weight:600;font-size:14px;margin-bottom:8px}
.bili-part-title{font-weight:700;font-size:16px;margin-bottom:6px}
.bili-badge{display:inline-block;font-size:12px;padding:2px 10px;border-radius:99px;background:#eef1f5;color:#445}
.bili-st-ready{background:#e6f6ea;color:#1a7f37}
.bili-st-building,.bili-st-qa{background:#fff4e0;color:#9a6b00}
.bili-st-failed{background:#fdebec;color:#c0392b}
.bili-st-published{background:#e8f0fe;color:#1a56db}
.bili-progress{font-size:13px;color:#666;min-height:18px;margin-top:6px}
.bili-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.bili-btn{appearance:none;border:1px solid #d5dae2;background:#fff;border-radius:10px;
  width:auto;height:auto;min-width:44px;min-height:44px;box-sizing:border-box;
  padding:10px 14px;font-size:14px;line-height:1.25;cursor:pointer;white-space:nowrap;
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
.bili-btn.primary{background:#1a73e8;border-color:#1a73e8;color:#fff;font-weight:600}
.bili-btn.done{background:#1a7f37;border-color:#1a7f37;color:#fff;font-weight:600;width:100%}
.bili-btn:disabled{opacity:.5;cursor:default}
.bili-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bili-cell{position:relative;border-radius:8px;overflow:hidden;background:#eceff3;cursor:pointer;
  aspect-ratio:1/1}
.bili-cell img{width:100%;height:100%;object-fit:cover;display:block}
.bili-cell.noimg::after{content:'无图';position:absolute;inset:0;display:flex;align-items:center;
  justify-content:center;color:#99a;font-size:12px}
.bili-cap{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;
  align-items:center;padding:2px 6px;font-size:11px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.55))}
.bili-ai{font-weight:700;font-size:12px;padding:0 5px;border-radius:99px}
.bili-ai.ok{background:#1a7f37;color:#fff}
.bili-ai.bad{background:#c0392b;color:#fff}
.bili-ai.na{background:rgba(255,255,255,.35);color:#fff}
.bili-ai.human{background:#1a56db;color:#fff}
/* 审核原因直接叠显在图顶(手机无 hover);人工判误报后灰底删除线 */
.bili-reason{position:absolute;top:0;left:0;right:0;padding:3px 6px;font-size:11px;line-height:1.35;
  color:#fff;background:rgba(180,35,24,.82);display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;pointer-events:none}
.bili-reason.dismissed{background:rgba(90,96,110,.75);text-decoration:line-through}
.bili-video{width:100%;border-radius:10px;background:#000;margin-bottom:8px}
.bili-qa{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.bili-qa-item{background:#fff;border:1px solid #e8ebf0;border-radius:8px;padding:6px 8px}
.bili-qa-item.bad{border-color:#e5b6b0;background:#fdf3f2}
.bili-qa-k{font-size:11px;color:#889}
.bili-qa-v{font-size:14px;font-weight:600}
.bili-warn{font-size:12.5px;color:#9a6b00;background:#fff8e8;border:1px solid #f0e2b8;
  border-radius:8px;padding:6px 9px;margin-top:8px;line-height:1.5}
.bili-okline{font-size:13px;color:#1a7f37;margin-top:8px}
.bili-suggest{margin-top:8px}
.bili-suggest-line{font-size:14px;font-weight:600;margin-bottom:2px}
.bili-suggest-reason{font-size:12px;color:#889;margin-bottom:8px}
.bili-arms{display:flex;flex-direction:column;gap:5px}
.bili-arm-row{display:grid;grid-template-columns:44px 1fr 64px;align-items:center;gap:8px;font-size:12px}
.bili-arm-slot{color:#556;font-weight:600}
.bili-arm-barwrap{background:#eef1f5;border-radius:6px;height:10px;overflow:hidden}
.bili-arm-bar{height:100%;background:#9fb3cc;border-radius:6px;transition:width .3s}
.bili-arm-bar.best{background:#1a73e8}
.bili-arm-meta{color:#889;text-align:right}
.bili-contact{width:100%;border-radius:8px;margin-top:6px}
.bili-lbl{font-size:12px;color:#667;margin:8px 0 3px}
.bili-input{width:100%;box-sizing:border-box;border:1px solid #d5dae2;border-radius:8px;
  padding:9px 10px;font-size:14px;font-family:inherit;background:#fff}
.bili-ta{resize:vertical;line-height:1.5}
details>summary{cursor:pointer;font-size:13px;color:#556;margin-top:8px}

/* 每日排产 */
.bili-sched-sel{width:auto;min-width:230px;padding:8px 10px;font-size:15px}

/* 书名旁B站入口条(2026-07-03:一键做视频+工坊入口挪到书名附近;手机优先44px触控)
   ⚠️ 必须显式覆盖 style.css 全局 button 48px 圆形兜底(width/height/white-space),
   否则文字被压成竖排逐字折行(该坑已踩4次)。 */
.bili-headbar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:6px auto 2px}
.bili-hbtn{appearance:none;border:1px solid var(--line,#d5dae2);background:var(--card,#fff);
  color:var(--fg,#223);border-radius:12px;min-height:44px;padding:8px 14px;font-size:14px;cursor:pointer;
  width:auto;height:auto;white-space:nowrap;flex:0 0 auto}
.bili-hbtn.primary{background:var(--accent,#c9a227);border-color:var(--accent,#c9a227);color:#fff;font-weight:600}
.bili-hbtn:disabled{opacity:.5}

/* P切换:左右箭头+圆点(2026-07-03;触控44px,圆点自带padding扩触区) */
.bili-pnav{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.bili-pnav-btn{appearance:none;border:1px solid #d5dae2;background:#fff;border-radius:10px;
  width:44px;height:44px;font-size:20px;cursor:pointer;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center}
.bili-pnav-btn:disabled{opacity:.35;cursor:default}
.bili-pnav-dots{display:flex;flex-wrap:wrap;gap:2px;flex:1;justify-content:center}
.bili-pdot{appearance:none;border:none;background:none;width:24px;height:44px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;padding:0}
.bili-pdot::after{content:'';width:9px;height:9px;border-radius:50%;background:#c9cfd8}
.bili-pdot.on::after{background:#1a73e8;width:12px;height:12px}
