/* ======================================================================
   B 站章节标记生成器 · 独立设计（播放器进度条主题）
   浅色 = 白净播放器 + 哔哩粉；深色 = 深夜播放器 + 亮粉
   ====================================================================== */
.bcg{
  --ink:#18191c; --sub:#616368; --faint:#9aa0a8;
  --bg:#f6f7f9; --card:#ffffff; --card2:#f0f2f5; --line:#e3e6ea; --line2:#edf0f3;
  --pri:#fb7299; --pri-2:#ff85ab; --pri-soft:#fdeef3; --pri-ink:#c93d6b;
  --bar:#18191c; --bar-ink:#f1f2f4;
  --ok:#15803d; --ok-soft:#e9f5ec; --err:#d23c3c; --err-soft:#fcecec; --warn:#b45309;
  --r:10px;
  --shadow:0 1px 2px rgba(24,25,28,.05),0 10px 28px rgba(24,25,28,.08);
  color:var(--ink);
  font-family:-apple-system,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:15px;line-height:1.75;
  background:
    radial-gradient(720px 300px at 90% -100px, rgba(251,114,153,.10), transparent 60%),
    var(--bg);
  padding:0 16px 56px;
}
:root[data-theme="dark"] .bcg{
  --ink:#eceef1; --sub:#9aa0a8; --faint:#6b7076;
  --bg:#121316; --card:#1a1c20; --card2:#22252a; --line:#2e3238; --line2:#262a30;
  --pri:#fb7299; --pri-2:#ff85ab; --pri-soft:rgba(251,114,153,.14); --pri-ink:#ffb3c8;
  --bar:#0b0c0e; --bar-ink:#d6d9de;
  --ok:#4ade80; --ok-soft:rgba(74,222,128,.10); --err:#f87171; --err-soft:rgba(248,113,113,.12); --warn:#fbbf24;
  --shadow:0 1px 2px rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.45);
}
.bcg *{box-sizing:border-box;}
.bcg b{font-weight:700;}
.bcg-wrap{max-width:1100px;margin:0 auto;}
.bcg code,.bcg pre,.bcg textarea{font-family:"JetBrains Mono",ui-monospace,Consolas,monospace;}

/* ---------- 首屏：假播放器 ---------- */
.bcg-hero{margin-top:22px;border-radius:14px;overflow:hidden;background:var(--bar);box-shadow:var(--shadow);border:1px solid var(--line);}
.bcg-screen{padding:24px 26px 14px;}
.bcg-screen h1{margin:0 0 6px;font-size:clamp(22px,3.3vw,30px);font-weight:900;color:#fff;}
.bcg-screen h1 i{font-style:normal;color:var(--pri);}
.bcg-screen p{margin:0;color:#a9adb5;font-size:14.5px;max-width:780px;}
.bcg-screen p em{font-style:normal;color:var(--pri-2);font-weight:700;}
.bcg-prog{padding:12px 26px 18px;}
.bcg-track{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#2b2e34;}
.bcg-seg{border-right:2px solid #18191c;position:relative;transition:filter .15s;}
.bcg-seg:last-child{border-right:none;}
.bcg-seg:hover{filter:brightness(1.2);}
.bcg-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:11.5px;color:#8d929a;}
.bcg-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px;}

.bcg-desk{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;}
@media (max-width:920px){.bcg-desk{grid-template-columns:1fr;}}
.bcg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;}
.bcg-card h2{margin:0 0 4px;font-size:15.5px;font-weight:900;display:flex;align-items:center;gap:8px;}
.bcg-card h2::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pri);}
.bcg-tip{font-size:12.5px;color:var(--sub);margin:0 0 10px;}
.bcg-ta{width:100%;min-height:230px;resize:vertical;padding:12px 14px;border-radius:9px;border:1px solid var(--line);
  background:var(--card2);color:var(--ink);font-size:13px;line-height:1.8;outline:none;}
.bcg-ta:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft);}
.bcg-out{width:100%;min-height:230px;border-radius:9px;border:1px solid var(--line);background:var(--bar);color:var(--bar-ink);
  padding:12px 14px;font-size:13px;line-height:1.8;overflow:auto;white-space:pre;margin:0;}
.bcg-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center;}
.bcg-btn{border:none;border-radius:9px;padding:9px 18px;font-size:13.5px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .15s;}
.bcg-btn-go{background:var(--pri);color:#fff;}
.bcg-btn-go:hover{background:var(--pri-2);}
.bcg-btn-ghost{background:var(--card2);color:var(--pri-ink);border:1px solid var(--line);}
.bcg-btn-ghost:hover{border-color:var(--pri);}
.bcg-msg{margin-top:10px;font-size:13px;min-height:20px;font-weight:700;}
.bcg-msg.err{color:var(--err);}
.bcg-msg.ok{color:var(--ok);}
.bcg-issues{margin-top:10px;display:flex;flex-direction:column;gap:6px;}
.bcg-iss{font-size:12.8px;border-radius:8px;padding:7px 11px;line-height:1.6;}
.bcg-iss.e{background:var(--err-soft);color:var(--err);}
.bcg-iss.w{background:var(--pri-soft);color:var(--pri-ink);}
.bcg-iss.o{background:var(--ok-soft);color:var(--ok);}
.bcg-stat{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.bcg-st{font-size:12.5px;color:var(--sub);background:var(--card2);border:1px solid var(--line2);border-radius:8px;padding:4px 10px;}
.bcg-st b{color:var(--pri-ink);}

.bcg-faq{margin-top:32px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow);}
.bcg-faq h2{margin:0 0 10px;font-size:19px;font-weight:900;}
.bcg-faq h3{margin:18px 0 4px;font-size:15.5px;font-weight:800;color:var(--pri-ink);}
.bcg-faq p{margin:0;color:var(--sub);font-size:14px;}
.bcg-faq p b{color:var(--ink);}

/* ---------- 场景模板 / 多格式导出 / 时长分布 ---------- */
.bcgx-panel{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:20px 22px;}
.bcgx-head h2{margin:0 0 4px;font-size:18px;font-weight:900;}
.bcgx-head p{margin:0 0 14px;color:var(--sub);font-size:13.5px;max-width:860px;}
.bcgx-tpl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.bcgx-tplbtn{cursor:pointer;border:1px solid var(--line);background:var(--card2);color:var(--ink);border-radius:999px;padding:6px 13px;font-size:13px;font-family:inherit;}
.bcgx-tplbtn:hover{border-color:var(--pri);color:var(--pri-ink);}
.bcgx-tplbtn.on{background:var(--pri-soft);border-color:var(--pri);color:var(--pri-ink);font-weight:700;}
.bcgx-chartwrap h3{margin:0 0 8px;font-size:14px;font-weight:800;}
.bcgx-chart{background:var(--card2);border:1px solid var(--line2);border-radius:8px;padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.bcgx-chart svg{display:block;width:100%;min-width:320px;height:auto;}
.bcgx-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.bcgx-btn{cursor:pointer;border:1px solid var(--line);background:var(--card2);color:var(--ink);border-radius:7px;padding:7px 14px;font-size:13px;font-family:inherit;}
.bcgx-btn:hover{border-color:var(--pri);color:var(--pri-ink);}
.bcgx-msg{font-size:12.5px;color:var(--sub);margin-top:8px;}
.bcgx-msg.err{color:var(--err,#d23c3c);}
.bcgx-msg.ok{color:var(--ok,#15803d);}
@media(max-width:760px){.bcgx-panel{padding:16px;}.bcgx-chart svg{min-width:280px;}}