/* ============================================================
 * lw_plugin.css — LensWave 海外版 Plugin(MCP) Hero + LibTV 风格导航外壳
 * 作者分工：Chrome/导航外壳 + Plugin Hero（只读引用，不修改 lw_v2_vision.css / rectify_libtv.css）
 * ID 前缀：lwNav*（侧栏/帮助/版本）、lwPlg*（Plugin Hero）
 * 设计令牌：优先引用 rectify_libtv.css :root --lw3-*（已在 index.html 第981行加载）；
 *           本文件自含兜底值，防止令牌未加载时样式塌陷。
 * 只新增样式，不改任何现有规则。
 * ============================================================ */

/* ---------- 设计令牌兜底（与 rectify_libtv.css 对齐） ---------- */
:root{
  --lwplg-bg:#141b29;
  --lwplg-surface:#1a2333;
  --lwplg-raised:#242f42;
  --lwplg-side:#181e2c;
  --lwplg-main:#4790ff;
  --lwplg-main-soft:rgba(71,144,255,.16);
  --lwplg-line:rgba(255,255,255,.09);
  --lwplg-t1:#eef1f8;
  --lwplg-t2:#aab3c5;
  --lwplg-t3:#7c8699;
}

/* ============================================================
 * B) 左侧固定竖栏（LibTV 风格）
 * 与 s10_skel.js 注入的 .s10-side 为平行实现，合入时由 MainAgent 决定去留
 * ============================================================ */
#lwNavRail{
  position:fixed;left:0;top:0;bottom:0;width:216px;z-index:300;
  display:flex;flex-direction:column;
  background:var(--lwplg-side,#181e2c);
  border-right:1px solid var(--lwplg-line,rgba(255,255,255,.09));
  padding:20px 12px;box-sizing:border-box;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
}
#lwNavRail .lw-nav-menu{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;}
#lwNavRail .lw-nav-mi{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:10px;
  color:var(--lwplg-t2,#aab3c5);font-size:14px;font-weight:500;
  text-decoration:none;transition:background .15s,color .15s;
}
#lwNavRail .lw-nav-mi:hover{background:var(--lwplg-main-soft,rgba(71,144,255,.16));color:var(--lwplg-t1,#eef1f8);}
#lwNavRail .lw-nav-mi.on{background:var(--lwplg-main-soft,rgba(71,144,255,.16));color:var(--lwplg-main,#4790ff);font-weight:600;}

/* C) 左下角：版本号 + 更新记录入口 */
#lwNavVer{
  border-top:1px solid var(--lwplg-line,rgba(255,255,255,.09));
  padding:12px 14px 4px;display:flex;align-items:center;gap:8px;font-size:12px;
}
#lwNavVer .lw-nav-ver-tag{
  background:var(--lwplg-raised,#242f42);color:var(--lwplg-t2,#aab3c5);
  border-radius:6px;padding:2px 8px;font-weight:600;letter-spacing:.02em;
}
#lwNavVer a{color:var(--lwplg-t2,#aab3c5);text-decoration:none;}
#lwNavVer a:hover{color:var(--lwplg-main,#4790ff);text-decoration:underline;}

/* D) 右下角：问号帮助菜单 */
#lwNavHelp{position:fixed;right:20px;bottom:20px;z-index:310;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;}
#lwNavHelpBtn{
  width:40px;height:40px;border-radius:50%;border:1px solid var(--lwplg-line,rgba(255,255,255,.09));
  background:var(--lwplg-raised,#242f42);color:var(--lwplg-t1,#eef1f8);
  font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.35);
}
#lwNavHelpBtn:hover{background:var(--lwplg-main,#4790ff);}
#lwNavHelpMenu{
  position:absolute;right:0;bottom:52px;min-width:200px;
  background:var(--lwplg-surface,#1a2333);border:1px solid var(--lwplg-line,rgba(255,255,255,.09));
  border-radius:12px;padding:8px;box-shadow:0 12px 32px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:2px;
}
#lwNavHelpMenu[hidden]{display:none;}
#lwNavHelpMenu a{
  display:block;padding:8px 12px;border-radius:8px;font-size:13.5px;
  color:var(--lwplg-t1,#eef1f8);text-decoration:none;
}
#lwNavHelpMenu a:hover{background:var(--lwplg-main-soft,rgba(71,144,255,.16));}
#lwNavHelpMenu .lw-nav-help-group{
  padding:10px 12px 4px;font-size:11px;color:var(--lwplg-t3,#7c8699);
  text-transform:uppercase;letter-spacing:.08em;
}

/* ============================================================
 * E) 中间纯黑 Plugin(MCP) Hero 区
 * ============================================================ */
#lwPlgHero{
  background:#000;color:#f2f5fb;
  padding:96px 24px 110px;box-sizing:border-box;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
}
#lwPlgHero .lw-plg-inner{max-width:880px;margin:0 auto;text-align:center;}
#lwPlgHero .lw-plg-badge{
  display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:#7cc4ff;border:1px solid rgba(124,196,255,.35);border-radius:999px;padding:5px 14px;margin-bottom:22px;
}
#lwPlgHero .lw-plg-title{
  font-size:44px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:0 0 18px;color:#fff;
}
#lwPlgHero .lw-plg-sub{
  font-size:16px;line-height:1.8;color:#aab3c5;margin:0 auto 34px;max-width:680px;
}
#lwPlgHero .lw-plg-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:44px;}
#lwPlgHero .lw-plg-tag{
  font-size:13px;color:#d7e4f5;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px;
}
#lwPlgHero .lw-plg-steps{
  list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;
  padding:0;margin:0 auto 44px;max-width:760px;text-align:left;
}
#lwPlgHero .lw-plg-steps li{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);
  border-radius:14px;padding:18px 20px;
}
#lwPlgHero .lw-plg-steps b{display:block;font-size:15px;color:#fff;margin-bottom:6px;}
#lwPlgHero .lw-plg-steps p{margin:0;font-size:13px;line-height:1.7;color:#9aa6bc;}

/* MCP 连接串代码块 */
#lwPlgHero .lw-plg-mcp{
  background:#0b0f18;border:1px solid rgba(124,196,255,.25);border-radius:14px;
  padding:18px 20px;margin:0 auto 34px;max-width:760px;text-align:left;
}
#lwPlgHero .lw-plg-mcp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
#lwPlgHero .lw-plg-mcp-head span{font-size:12px;color:#7cc4ff;letter-spacing:.1em;text-transform:uppercase;}
#lwPlgHero code{
  display:block;font-family:"SF Mono",Menlo,Consolas,monospace;font-size:14px;
  color:#7dffb0;background:rgba(0,0,0,.4);border-radius:8px;padding:12px 14px;overflow-x:auto;white-space:nowrap;
}
#lwPlgHero .lw-plg-mcp-note{font-size:12px;color:#6b7689;margin:10px 0 0;}
#lwPlgHero .lw-plg-copy{
  background:transparent;border:1px solid rgba(124,196,255,.4);color:#7cc4ff;
  border-radius:8px;padding:5px 12px;font-size:12.5px;cursor:pointer;
}
#lwPlgHero .lw-plg-copy:hover{background:rgba(124,196,255,.12);}
#lwPlgHero .lw-plg-copy.lw-copied{color:#7dffb0;border-color:rgba(125,255,176,.5);}

/* 创作指令示例 */
#lwPlgHero .lw-plg-cmds{max-width:760px;margin:0 auto;text-align:left;}
#lwPlgHero .lw-plg-cmd-head{font-size:13px;color:#9aa6bc;margin-bottom:12px;text-align:center;}
#lwPlgHero .lw-plg-row{
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:10px 14px;margin-bottom:8px;
}
#lwPlgHero .lw-plg-row code{
  display:block;background:transparent;padding:0;white-space:normal;
  font-family:inherit;font-size:14px;color:#e6ecf7;flex:1;
}
#lwPlgHero .lw-plg-row .lw-plg-copy{flex:none;}

/* 顶条会员项：限时六折徽标（文案=promo.b3，六语既有口径） */
.lw-nav-promo{
  display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;
  background:rgba(255,159,67,.14);color:#e8930c;font-size:11px;font-weight:600;white-space:nowrap;
}

/* ---------- 响应式 ---------- */
@media(max-width:880px){
  #lwNavRail{width:64px;padding:16px 6px;}
  #lwNavRail .lw-nav-mi span,
  #lwNavRail .lw-nav-mi[data-i18n]{font-size:0;}
  #lwNavVer a{display:none;}
  #lwPlgHero{padding:64px 18px 80px;}
  #lwPlgHero .lw-plg-title{font-size:30px;}
  #lwPlgHero .lw-plg-steps{grid-template-columns:1fr;}
}
/* 侧栏统一（2026-10-26）：全站统一使用 s10_skel.js 注入的 .s10-side，index.html 手写 #lwNavRail 平行实现已删除；
   不再隐藏 .s10-side（如需全屏页隐藏，请限定专用页面 body class） */