/* ===== assets/css/05-ai.css | AI 编程台：左栏表单 / 右栏结果 / 复制代码面板 / 底部工具行 / 交互滑块 ===== */
/* 来源：原 index.html 内联样式 第 198-289 行；改样式只改这个文件 */
  /* ================= AI 操作台首页（截图风格） ================= */
  .ad-console { position:fixed; inset:0; display:none; flex-direction:column; background:#171410; }
  .ad-topbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:14px; padding:14px 22px; background:#1e1914; border-bottom:1px solid #2d2720; position:relative; z-index:20; }
  .ad-brand { display:flex; align-items:center; gap:12px; flex:0 0 auto; white-space:nowrap; }
  .ad-logo { width:42px; height:42px; border-radius:10px; background:linear-gradient(135deg,#d9a06b,#a05a2c); color:#fff; font-weight:800; font-size:22px; display:flex; align-items:center; justify-content:center; }
  .ad-title { font-size:24px; font-weight:800; color:#f0e9d8; letter-spacing:1px; }
  .ad-ver { font-size:12px; color:#9a8f7a; }
  .ad-topbtns { display:flex; gap:8px; align-items:center; flex:0 0 auto; flex-wrap:nowrap; white-space:nowrap; }
  .ad-topbtn { background:#2a231b; color:#e6e0d2; border:1px solid #3a332a; border-radius:8px; padding:8px 14px; font-size:13px; cursor:pointer; }
  .ad-topbtn:hover { border-color:#d9a06b; }
  .ad-topbtn.red { background:#7a2f22; border-color:#a03a27; }
  /* ===== 对齐同事站（MCH）新增：标语 / 设置行 / 标签页 / 右栏按钮 / 状态条 / PWA ===== */
  .ad-setrow { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:10px; padding:8px 11px; background:#1e1914; border:1px solid #2d2720; border-radius:8px; font-size:12.5px; color:#c9bda6; }
  .ad-setrow label { display:flex; align-items:center; gap:6px; cursor:pointer; user-select:none; }
  .ad-setrow select { background:#14110d; border:1px solid #3a332a; border-radius:6px; color:#e6e0d2; padding:3px 7px; font-size:12.5px; outline:none; max-width:210px; }
  .ad-setrow input[type=range] { width:110px; accent-color:#d9a06b; }
  .ad-setrow .lv { color:#e2a458; font-weight:700; min-width:2.2em; }
  .ad-setrow .sep { color:#4a4136; }
  .ad-tabs { display:flex; gap:6px; margin-top:10px; border-bottom:1px solid #2d2720; }
  .ad-tab { padding:7px 15px; font-size:13px; color:#b7ab95; background:#1e1914; border:1px solid #2d2720; border-bottom:none; border-radius:7px 7px 0 0; cursor:pointer; }
  .ad-tab:hover { color:#f0e9d8; border-color:#4a4136; }
  .ad-tab.gold { color:#ffd778; border-color:#6a5427; }
  .ad-prow { display:flex; align-items:center; margin-top:6px; }
  .ad-mini { background:#241e18; border:1px solid #3a332a; border-radius:6px; color:#c9bda6; font-size:11.5px; padding:3px 10px; cursor:pointer; }
  .ad-mini:hover { border-color:#d9a06b; color:#f0e9d8; }
  .ad-head .hb { border-radius:7px; padding:6px 12px; font-size:12.5px; cursor:pointer; border:1px solid #3a332a; background:#2a231b; color:#e6e0d2; }
  .ad-head .hb.blue { background:#1d3a5c; border-color:#2f5b8c; color:#cfe4ff; }
  .ad-head .hb.yellow { background:#3a2e12; border-color:#8a6a1f; color:#ffd778; }
  .ad-head .hb.x { background:#5a231b; border-color:#8a3a27; color:#ffd6cc; padding:6px 10px; }
  .ad-head .hb[disabled] { opacity:.5; cursor:not-allowed; }
  .ad-statbar { display:none; align-items:center; gap:10px; border:1px solid #2e9e5b; background:#16261c; color:#9fe0b4; border-radius:8px; padding:9px 13px; font-size:13px; margin-bottom:10px; flex-wrap:wrap; }
  .ad-statbar .spin { width:15px; height:15px; flex:0 0 15px; border:2px solid #2e9e5b; border-top-color:transparent; border-radius:50%; animation:adspin .8s linear infinite; }
  @keyframes adspin { to { transform:rotate(360deg); } }
  /* ★v1.32 状态条上的迷你「AI 正在处理」动图（绿色，和状态条同色系） */
  .ad-statbar .ai-mini { width:20px; height:20px; flex:0 0 20px; }
  .ad-statbar .ai-mini .at-led { animation:atLedPulse 1.6s ease-in-out infinite; }
  .ad-statbar .ai-mini .at-eye { transform-box:fill-box; transform-origin:50% 50%; animation:atEyeBlink 3.6s ease-in-out infinite; }
  .ad-statbar .ai-mini .at-scan { animation:atScanMove 1.9s ease-in-out infinite; }
  .ad-statbar .sub { color:#7fbf8f; font-size:11.5px; margin-left:auto; }
  .pwa-bar { position:fixed; left:16px; bottom:16px; z-index:60; display:none; align-items:center; gap:11px; background:#241e18; border:1px solid #4a4033; border-radius:11px; padding:10px 13px; box-shadow:0 8px 26px rgba(0,0,0,.45); max-width:340px; }
  .pwa-bar .tt { font-size:13.5px; color:#f0e9d8; font-weight:700; }
  .pwa-bar .ds { font-size:11.5px; color:#9a8f7a; margin-top:2px; }
  .pwa-bar .ib { background:#2e9e5b; color:#0f1a12; border:none; border-radius:7px; padding:6px 12px; font-size:12.5px; font-weight:800; cursor:pointer; }
  .pwa-bar .xb { background:transparent; border:none; color:#8a7f6a; font-size:15px; cursor:pointer; line-height:1; }
  .ad-maintabs { display:flex; gap:6px; flex-wrap:nowrap; overflow-x:auto; min-width:0; scrollbar-width:none; }
  .ad-maintabs::-webkit-scrollbar { height:0; }
  .ad-maintab { padding:9px 13px; border-radius:8px 8px 0 0; cursor:pointer; font-size:14px; white-space:nowrap; flex:0 0 auto; color:#9a8f7a; border:1px solid transparent; }
  .ad-maintab.active { background:#2a231b; color:#f0e9d8; border-color:#3a332a; }
  .ad-maintab.ad-tab-dev::after { content:"开发中"; margin-left:6px; padding:0 4px; font-size:10px; line-height:14px; color:#d9a06b; border:1px solid #6b5232; border-radius:3px; vertical-align:1px; }

  .ad-body { flex:1; display:flex; gap:16px; padding:20px 22px; overflow:hidden; }
  /* 左侧：功能选择 + 描述 + 提交 */
  .ad-left { width:430px; min-width:360px; display:flex; flex-direction:column; gap:14px; overflow-y:auto; }
  .ad-left .ad-selectrow { display:flex; gap:10px; }
  .ad-left select { flex:1; background:#14110d; border:1px solid #3a332a; border-radius:8px; color:#f0e9d8; padding:12px 14px; font-size:14px; outline:none; cursor:pointer; }
  .ad-left select:focus { border-color:#d9a06b; }
  .ad-left .ad-go { background:#2e9e5b; color:#fff; border:none; border-radius:8px; padding:12px 20px; font-size:15px; font-weight:700; cursor:pointer; white-space:nowrap; }
  .ad-left .ad-go:hover { background:#37b56a; }
  .ad-left .ad-go:disabled { background:#4a4238; }
  .ad-descbox { background:#1e1914; border:1px solid #2d2720; border-radius:12px; padding:14px; }
  .ad-descbox textarea { width:100%; background:#14110d; border:none; border-radius:8px; color:#f0e9d8; font-size:14px; line-height:1.6; padding:10px 12px; outline:none; resize:vertical; min-height:120px; font-family:inherit; }
  .ad-descbox textarea:focus { box-shadow:0 0 0 1px #d9a06b inset; }
  .ad-descbox .tip { color:#9a8f7a; font-size:12px; margin-top:8px; }
  /* 右侧：代码/结果区 */
  .ad-right { flex:1; display:flex; flex-direction:column; background:#1e1914; border:1px solid #2d2720; border-radius:12px; overflow:hidden; min-width:0; }
  .ad-right .ad-head { padding:12px 18px; border-bottom:1px solid #2d2720; font-size:14px; color:#d9cbb2; display:flex; align-items:center; justify-content:space-between; }
  .ad-right .ad-body2 { flex:1; overflow:auto; padding:16px 18px; }
  .ad-codebox { white-space:pre-wrap; font-family:Consolas,"Courier New",monospace; font-size:13px; color:#e6e0d2; line-height:1.55; }
/* ===== 改后显示页：复制代码面板（对齐同事站） ===== */
.aiCode { border:1px solid #3a332a; border-radius:10px; overflow:hidden; background:#221d17; }
.aiCodeHead { display:flex; align-items:center; gap:8px; padding:10px 12px; background:#2a241c; border-bottom:1px solid #3a332a; flex-wrap:wrap; }
.aiCodeTitle { display:inline-flex; align-items:center; gap:6px; background:#f0e6cf; color:#3a332a; border:0; border-radius:8px; font-weight:700; font-size:13.5px; padding:6px 12px; cursor:pointer; font-family:inherit; }
.aiCodeTitle:hover { background:#fff6de; }
.aiCodeTitle.plain { background:none; color:#d9cbb2; cursor:default; font-weight:600; padding-left:2px; }
.aiCodeExt { color:#9a8f7a; font-size:12px; }
.aiCodeExt b { color:#d9cbb2; }
.aiCodeIcons { margin-left:auto; display:flex; gap:6px; }
.aiCodeIcons .ad-toolbtn { padding:6px 11px; }
.aiCodePre { margin:0; max-height:56vh; overflow:auto; background:#f7f1e3; color:#3a332a; font-family:Consolas,"Courier New",monospace; font-size:12.5px; line-height:1.55; padding:12px 14px; white-space:pre-wrap; word-break:break-word; }
.aiCodeTa { display:none; width:100%; min-height:52vh; box-sizing:border-box; background:#f7f1e3; color:#3a332a; border:0; outline:0; font-family:Consolas,"Courier New",monospace; font-size:12.5px; line-height:1.55; padding:12px 14px; resize:vertical; }
.aiCodeFoot { padding:12px 14px 0; display:flex; gap:10px; flex-wrap:wrap; }
.aiCodeTip { padding:8px 14px 12px; color:#9a8f7a; font-size:12px; }
/* 上游输出撞 max_tokens：写出「已截断/已自动续写」的结论（只出现一次，放代码上方） */
.aiCodeWarn { margin:10px 14px 0; padding:9px 12px; background:#3a2a1c; border:1px solid #7a5a2a; border-radius:8px; color:#e8c88a; font-size:12px; line-height:1.65; }
.aiCodeOk { margin:10px 14px 0; padding:9px 12px; background:#1e2f22; border:1px solid #38683f; border-radius:8px; color:#9fd8a8; font-size:12px; line-height:1.65; }
.mq-c { color:#8a8365; font-style:italic; }
.mq-s { color:#b4543a; }
.mq-p { color:#a3551c; font-weight:600; }
.mq-k { color:#1f6fb2; font-weight:600; }
.mq-n { color:#7b4fd0; }
  /* 底部工具行 */
  .ad-tools { display:flex; gap:10px; padding:14px 22px; background:#1e1914; border-top:1px solid #2d2720; flex-wrap:wrap; align-items:center; }
  .ad-toolbtn { background:#2a231b; color:#e6e0d2; border:1px solid #3a332a; border-radius:8px; padding:9px 15px; font-size:13px; cursor:pointer; }
  .ad-toolbtn:hover { border-color:#d9a06b; }
  .ad-toolbtn.green { background:#2e9e5b; border-color:#2e9e5b; }
  .ad-toolbtn.gold { background:#7a5a2c; border-color:#a07a3a; }
  .ad-toolbtn.line { background:transparent; border-color:#3a332a; color:#b9ac93; }
  .ad-range { display:flex; align-items:center; gap:8px; color:#9a8f7a; font-size:12px; }
  .ad-range input { accent-color:#d9a06b; }

/* ===== v1.07 站点内容：视频教程 / 微信二维码（内容设置页 + 顶栏弹窗）===== */
.site-vid-row { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid #2a231b; }
.site-vid-row:last-child { border-bottom:none; }
.site-ttl { flex:1; min-width:0; background:#171410; border:1px solid #3a332a; border-radius:8px; color:#e6e0d2; padding:8px 10px; font-size:13px; }
.site-ttl:focus { outline:none; border-color:#d9a06b; }
.site-tip { background:#171410; border:1px solid #3a332a; border-radius:8px; color:#e6e0d2; padding:8px 10px; font-size:13px; width:220px; }
.site-tip:focus { outline:none; border-color:#d9a06b; }
.site-qr-row { display:flex; gap:32px; flex-wrap:wrap; }
.site-qr-col { display:flex; flex-direction:column; align-items:flex-start; }
.site-qr-t { color:#d9a06b; font-size:13px; margin-bottom:8px; }
.site-qr-img { width:180px; height:180px; object-fit:contain; background:#fff; border-radius:10px; border:1px solid #3a332a; display:block; }
.site-qr-none { width:180px; height:180px; display:flex; align-items:center; justify-content:center; border:1px dashed #4a4030; border-radius:10px; color:#8a7f6a; font-size:12px; }
.site-vid-item { margin-bottom:16px; }
.site-vid-t { color:#f0e9d8; font-size:13px; margin-bottom:6px; }
.site-vid { width:100%; max-width:520px; background:#000; border-radius:10px; border:1px solid #3a332a; display:block; }
.site-vid-m { color:#8a7f6a; font-size:12px; margin-top:4px; }
.ad-ct-qr { text-align:center; padding:6px 0 12px; }
.ad-ct-qr img { width:190px; height:190px; object-fit:contain; background:#fff; border-radius:10px; border:1px solid #3a332a; }
.ad-ct-qr-t { color:#d9a06b; font-size:13px; margin-top:8px; }
.ad-ct-tip { color:#9a8f7a; font-size:12px; margin-top:4px; }