/* ============================================================
 * rectify_x1.css — X1 画布完善（第一波 4 项）
 * ① AI 生成标识声明徽章（浅蓝白）
 * ② 剪辑工具衔接说明卡
 * ③ 选题灵感区（题材 chips + 爆款复刻卡）
 * ④ 情绪/微表情预设库
 * 全部 .x1-* 前缀，append-only，不改既有样式；浅蓝白基调，零深色。
 * ============================================================ */

/* ---------- ① AI 生成标识声明徽章 ---------- */
.x1-ai-badge{
  display:flex; align-items:flex-start; gap:8px;
  background:linear-gradient(90deg,#EAF3FD,#DCEBFC);
  border:1px solid rgba(56,189,248,.32);
  color:#1d2129; border-radius:12px;
  padding:9px 14px; font-size:13px; line-height:1.65;
}
.x1-ai-badge .x1-ai-ic{flex-shrink:0; font-size:14px; line-height:1.5;}
.x1-ai-footer{max-width:1160px;margin:30px auto 0;padding:0 20px 10px;}
.x1-ai-footer .x1-ai-badge{justify-content:center;text-align:center;}

/* ---------- ② 剪辑工具衔接说明卡 ---------- */
.x1-bridge h4{font-size:14px;color:#1d2129;margin:14px 0 6px;}
.x1-bridge h4:first-child{margin-top:0;}
.x1-bridge p,.x1-bridge li{font-size:13px;color:var(--v10-sub,#606266);line-height:1.8;}
.x1-bridge ul{padding-left:18px;margin:4px 0;}
.x1-bridge code{background:#e6f4ff;color:#1d2129;border-radius:8px;padding:1px 6px;font-size:12px;}
.x1-bridge table{width:100%;border-collapse:collapse;margin-top:6px;font-size:13px;}
.x1-bridge th,.x1-bridge td{border:1px solid #f5f7fa;padding:7px 10px;text-align:left;}
.x1-bridge th{background:#F2F8FF;color:#1d2129;font-weight:600;}
.x1-bridge td{color:#606266;}
.x1-bridge td:first-child{color:#1d2129;font-weight:600;white-space:nowrap;}

/* ---------- ③ 选题灵感区 ---------- */
.x1-topics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media(max-width:960px){.x1-topics{grid-template-columns:repeat(2,1fr);}}
.x1-topic{
  background:#fff;border:1px solid rgba(56,189,248,.2);border-radius:12px;
  padding:14px;cursor:pointer;transition:all .18s;text-align:left;
  box-shadow:0 4px 14px rgba(29,33,41,.06);
}
.x1-topic:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.45);box-shadow:0 10px 24px rgba(29,33,41,.14);}
.x1-topic.on{border-color:#38BDF8;box-shadow:0 0 0 3px rgba(56,189,248,.18);}
.x1-topic .x1-t-name{font-size:16px;font-weight:700;color:#1d2129;}
.x1-topic .x1-t-heat{display:inline-block;font-size:12px;color:#ff7d00;background:#fff7e8;border-radius:999px;padding:1px 8px;margin-top:6px;}
.x1-topic .x1-t-open{font-size:12px;color:#606266;line-height:1.65;margin-top:7px;}
.x1-remake{
  margin-top:16px;background:linear-gradient(120deg,#F4F9FF,#E7F1FC);
  border:1px dashed rgba(56,189,248,.4);border-radius:12px;padding:16px;
}
.x1-remake-t{font-size:14px;font-weight:700;color:#1d2129;margin-bottom:10px;}
.x1-remake-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.x1-remake-out{
  background:#fff;border:1px solid #dcdfe6;border-radius:12px;padding:11px 13px;
  font-size:13px;color:#1d2129;line-height:1.75;min-height:58px;margin-bottom:10px;
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
.x1-remake-empty{color:#909399;font-family:-apple-system,'PingFang SC',sans-serif;}

/* ---------- ④ 情绪/微表情预设库 ---------- */
.x1-em-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:960px){.x1-em-grid{grid-template-columns:repeat(2,1fr);}}
.x1-em{
  background:#fff;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:14px;
  box-shadow:0 4px 14px rgba(29,33,41,.06);display:flex;flex-direction:column;gap:7px;
}
.x1-em .x1-em-head{display:flex;align-items:center;gap:8px;}
.x1-em .x1-em-ic{font-size:20px;}
.x1-em .x1-em-name{font-size:16px;font-weight:700;}
.x1-em .x1-em-desc{font-size:12px;color:#606266;line-height:1.65;}
.x1-em .x1-em-prompt{
  font-size:12px;color:#1d2129;background:#F2F8FF;border-radius:8px;
  padding:7px 9px;line-height:1.6;font-family:ui-monospace,Menlo,Consolas,monospace;
}
.x1-em .x1-em-scene{font-size:12px;color:#909399;}
.x1-em .x1-em-ops{display:flex;gap:7px;margin-top:auto;padding-top:6px;}
.x1-em .x1-em-ops button{flex:1;padding:6px 4px;font-size:12px;border-radius:8px;}
.x1-em-empty{text-align:center;padding:36px 16px;color:#909399;font-size:13px;line-height:1.8;grid-column:1/-1;}