/* ============================================================
 * LensWave 首页 v2 · 创作者视角视觉体系
 * 浅蓝白：--blue #38BDF8 / --ink #1d2129 / --sub #606266；禁紫
 * 区块统一 max-width 1160 / 间距 36 / 卡片白底圆角16 hover上浮
 * 最后加载，覆盖 rectify_*.css 现网样式
 * ============================================================ */

/* ---------- 区块统一栅格 ---------- */
.hw-sect{max-width:1160px;margin:36px auto 0;padding:0 20px}
.hw-sect-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.hw-sect-head h2{font-size:20px;font-weight:700;color:#1d2129;letter-spacing:.3px}
.hw-sect-head .hw-more{font-size:13px;color:#1d2129;text-decoration:none;white-space:nowrap}
.hw-sect-head .hw-more:hover{text-decoration:underline}
.hw-sect-head .hw-note{font-size:13px;color:#606266}

/* ---------- Hero 微调 ---------- */
.e2-hero{padding-top:36px}
#e2Chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
#e2Chips .e2-chip{cursor:pointer;transition:transform .15s,box-shadow .15s}
#e2Chips .e2-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(29,33,41,.18)}
.hw-slash-row{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.hw-slash{font-size:12px;color:#606266;background:#fff;border:1px dashed rgba(56,189,248,.45);padding:4px 12px;border-radius:999px;cursor:pointer;user-select:none}
.hw-slash:hover{border-color:#38BDF8;color:#1d2129}
.hw-slash .hw-wip{font-size:12px;color:#9A7B32;background:#FBF4E2;border:1px solid rgba(190,150,70,.35);border-radius:999px;padding:1px 7px;margin-left:5px}

/* ---------- 粘贴剧本条 ---------- */
.i1-paste{background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(29,33,41,.06)}
.i1-paste textarea{width:100%;min-height:74px;border:1px solid #dcdfe6;border-radius:12px;padding:11px;font-size:13px;resize:vertical;outline:none;background:#ffffff;font-family:inherit}
.i1-paste textarea:focus{border-color:#38BDF8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}
.i1-paste-row{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}
.i1-paste-hint{font-size:12px;color:#606266;line-height:1.6}

/* ---------- 能力入口行（6 卡） ---------- */
#e2Caps{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
#e2Caps .e2-cap{background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:16px 12px;text-align:center;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 6px 18px rgba(29,33,41,.06)}
#e2Caps .e2-cap:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(29,33,41,.14);border-color:rgba(56,189,248,.45)}
#e2Caps .e2-cap-ic{font-size:24px;line-height:1}
#e2Caps .e2-cap-n{font-weight:700;font-size:14px;margin-top:8px;color:#1d2129}
#e2Caps .e2-cap-d{font-size:12px;color:#606266;margin-top:5px;line-height:1.5}

/* ---------- 选题灵感（x1.js 渲染容器，视觉对齐） ---------- */
#x1InspWrap .x1-topics{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}
#x1InspWrap .x1-topic{flex:0 0 auto;min-width:172px;background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:13px 14px;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 18px rgba(29,33,41,.06)}
#x1InspWrap .x1-topic:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(29,33,41,.14)}
#x1InspWrap .x1-t-open{font-size:12px;color:#606266;line-height:1.55;margin-top:6px}
#x1InspWrap .x1-remake{margin-top:14px;background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(29,33,41,.06)}

/* ---------- 最近项目快捷行 ---------- */
.hw-quick-row{display:flex;gap:18px;align-items:center;margin-top:14px;flex-wrap:wrap;font-size:13px;color:#606266}
.hw-quick-row a{color:#1d2129;text-decoration:none;cursor:pointer}
.hw-quick-row a:hover{text-decoration:underline}

/* ---------- 管线横条 ---------- */
.hw-pipeline{background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:6px;overflow-x:auto;box-shadow:0 6px 18px rgba(29,33,41,.06)}
.hw-step{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:80px;flex-shrink:0}
.hw-step-ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#E6F0FB,#D3E4F9);display:flex;align-items:center;justify-content:center;font-size:20px}
.hw-step-n{font-size:13px;font-weight:600;color:#1d2129}
.hw-arrow{color:#38BDF8;font-size:16px;flex-shrink:0}

/* ---------- 价值三列 ---------- */
.hw-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.hw-value{background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:16px;padding:18px;box-shadow:0 6px 18px rgba(29,33,41,.06);transition:transform .18s,box-shadow .18s}
.hw-value:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(29,33,41,.14)}
.hw-value-ic{font-size:24px;line-height:1}
.hw-value-t{font-size:16px;font-weight:700;margin:10px 0 6px;color:#1d2129}
.hw-value-d{font-size:13px;color:#606266;line-height:1.75}

/* ---------- 定价区 ---------- */
.hw-price-banner{background:linear-gradient(135deg,#E9F2FC,#D9E8FA);border:1px solid rgba(56,189,248,.25);border-radius:16px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.hw-price-line{font-size:14px;line-height:1.8;color:#1d2129}
.hw-price-line b{color:#1d2129}
.hw-tags{display:flex;gap:8px;flex-wrap:wrap}
.hw-tag{font-size:12px;background:#fff;border:1px solid rgba(56,189,248,.35);color:#1d2129;padding:3px 11px;border-radius:999px}

/* ---------- 页脚 ---------- */
.hw-footer{max-width:1160px;margin:44px auto 64px;padding:0 20px;text-align:center}
.hw-footer .x1-ai-badge{justify-content:center}
.hw-recruit{color:#1d2129;font-size:13px;text-decoration:none;border:1px solid #38BDF8;padding:5px 16px;border-radius:20px;display:inline-block;transition:background .15s}
.hw-recruit:hover{background:#E9F2FC}
.hw-footer-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:14px;font-size:13px}
.hw-footer-links a{color:#606266;text-decoration:none}
.hw-footer-links a:hover{color:#1d2129}
.hw-footer-models{font-size:12px;color:#909399;margin-top:10px;line-height:1.6;text-align:center}

/* ---------- 新建弹窗：密钥分组弱化说明 ---------- */
.hw-key-note{font-size:12px;color:#606266;background:#F4F8FD;border:1px dashed rgba(56,189,248,.45);border-radius:12px;padding:8px 12px;margin:4px 0 10px;line-height:1.6}
#kg{display:none}

/* ---------- 钩子：镜浪 vs 头部 对比条 ---------- */
.hw-vs{background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(29,33,41,.06)}
.hw-vs-row{display:grid;grid-template-columns:72px 1fr 1fr;gap:14px;padding:15px 20px;align-items:center;border-bottom:1px solid #EAF1FA}
.hw-vs-row:last-child{border-bottom:0}
.hw-vs-k{font-weight:700;font-size:14px;color:#1d2129}
.hw-vs-hw{font-size:13px;color:#909399;line-height:1.6}
.hw-vs-us{font-size:13px;color:#1d2129;font-weight:600;line-height:1.6;background:#F0F7FF;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:8px 12px}

/* ---------- FAQ · 信任区 ---------- */
.hw-faq{background:#fff;border:1px solid rgba(56,189,248,.18);border-radius:12px;margin-bottom:10px;padding:13px 18px;box-shadow:0 4px 14px rgba(29,33,41,.05)}
.hw-faq summary{cursor:pointer;font-weight:600;font-size:14px;color:#1d2129;list-style:none}
.hw-faq summary::-webkit-details-marker{display:none}
.hw-faq summary::before{content:'Q · ';color:#38BDF8}
.hw-faq[open] summary{margin-bottom:8px}
.hw-faq p{font-size:13px;color:#606266;line-height:1.75}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  #e2Caps{grid-template-columns:repeat(3,1fr)}
  .hw-values{grid-template-columns:1fr}
}
@media (max-width:768px){
  .hw-sect{margin-top:28px}
  #e2Caps{grid-template-columns:repeat(2,1fr)}
  .hw-pipeline{flex-wrap:nowrap;justify-content:flex-start}
  .hw-vs-row{grid-template-columns:56px 1fr;gap:10px 12px}
  .hw-vs-hw{grid-column:2}
  .hw-vs-us{grid-column:2}
  .hw-footer{margin-bottom:48px}
}

/* ============================================================
 * v3 升级：内容感卡片（浅蓝白禁紫）
 * ============================================================ */

/* ① 隐藏重复的 fallback 输入（ab-card 挂载后 fallback 永远不显示） */
.e2-fallback{display:none !important}

/* ② 能力入口 6 卡：16:9 视觉卡头 + 卡身 */
#e2Caps .e2-cap{
  padding:0;overflow:hidden;text-align:left;
  display:flex;flex-direction:column;
}
.e2-cap-visual{
  position:relative;height:96px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#E9F2FC 0%,#D6E6F9 100%);
  border-bottom:1px solid rgba(56,189,248,.18);
  overflow:hidden;
}
.e2-cap-visual::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 60%);
  pointer-events:none;
}
.e2-cap-body{padding:12px 14px 14px}
.e2-cap-body .e2-cap-ic{font-size:20px;margin-top:0}
.e2-cap-body .e2-cap-n{font-size:14px;margin-top:4px}
.e2-cap-body .e2-cap-d{font-size:12px;margin-top:4px}
.vv-badge{
  position:absolute;top:8px;right:8px;
  font-size:12px;font-weight:600;color:#1d2129;
  background:rgba(255,255,255,.85);border:1px solid rgba(56,189,248,.35);
  padding:2px 8px;border-radius:999px;letter-spacing:.5px;
}

/* 视频：胶片帧条 */
.vv-strip{display:flex;gap:4px;align-items:center}
.vv-strip i{
  width:22px;height:32px;border-radius:4px;
  background:linear-gradient(180deg,#38BDF8,#38BDF8);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);
}
.vv-strip i:nth-child(2){height:38px;width:26px}
.vv-strip i:nth-child(3){height:30px}
.vv-strip i:nth-child(4){height:34px;opacity:.7}

/* 剧本：文本行 */
.vv-lines{display:flex;flex-direction:column;gap:5px;width:60%}
.vv-lines i{height:6px;border-radius:4px;background:#9DBDE6}
.vv-lines i:nth-child(1){width:100%}
.vv-lines i:nth-child(2){width:75%}
.vv-lines i:nth-child(3){width:55%}

/* 图片：2x2 网格 */
.vv-grid{display:grid;grid-template-columns:repeat(2,22px);gap:4px}
.vv-grid i{
  height:22px;border-radius:4px;
  background:linear-gradient(135deg,#9DBDE6,#38BDF8);
}

/* 音频：波形 */
.vv-waves{display:flex;align-items:center;gap:3px;height:36px}
.vv-waves i{
  width:4px;border-radius:2px;
  background:linear-gradient(180deg,#38BDF8,#38BDF8);
}
.vv-waves i:nth-child(1){height:12px}
.vv-waves i:nth-child(2){height:24px}
.vv-waves i:nth-child(3){height:32px}
.vv-waves i:nth-child(4){height:20px}
.vv-waves i:nth-child(5){height:14px}

/* 剪辑：时间线轨道 */
.vv-timeline{display:flex;gap:3px;align-items:center;width:70%}
.vv-timeline i{height:10px;border-radius:4px;background:#9DBDE6}
.vv-timeline i:nth-child(1){width:30%}
.vv-timeline i:nth-child(2){width:20%;background:#38BDF8}
.vv-timeline i:nth-child(3){width:25%}
.vv-timeline i:nth-child(4){width:15%;background:#38BDF8}

/* 市场：店铺 */
.vv-store{display:flex;flex-direction:column;gap:4px;align-items:center}
.vv-store i{height:10px;border-radius:4px}
.vv-store i:nth-child(1){width:36px;background:#38BDF8}
.vv-store i:nth-child(2){width:28px;background:#9DBDE6}

/* ③ 模板卡：帧感占位增强（在已有 .i1-tthumb 上叠光影/角标） */
.i1-tcard{
  border:1px solid rgba(56,189,248,.18);border-radius:12px;overflow:hidden;
  background:#fff;box-shadow:0 6px 18px rgba(29,33,41,.06);
  transition:transform .18s,box-shadow .18s;
}
.i1-tcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(29,33,41,.14)}
.i1-tcard .i1-tthumb{
  position:relative;height:120px;display:flex;align-items:center;justify-content:center;
  font-size:42px;font-weight:700;color:rgba(255,255,255,.92);
  text-shadow:0 2px 8px rgba(30,42,58,.25);
}
.i1-tcard .i1-tthumb::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 75% 25%,rgba(255,255,255,.35),transparent 55%),
    linear-gradient(180deg,rgba(30,42,58,0) 50%,rgba(30,42,58,.25) 100%);
  pointer-events:none;
}
.i1-tcard .i1-kind-badge{
  position:absolute;top:8px;left:8px;
  font-size:12px;font-weight:600;color:#fff;
  background:rgba(30,42,58,.45);backdrop-filter:blur(4px);
  padding:3px 8px;border-radius:999px;letter-spacing:.5px;
}
.i1-tcard .i1-tname{padding:10px 12px 4px;font-size:14px;font-weight:700;color:#1d2129}
.i1-tcard .i1-tags{padding:0 12px}
.i1-tcard .i1-scene{padding:4px 12px 0;font-size:12px;color:#606266}
.i1-tcard .i1-meta{
  padding:8px 12px 12px;display:flex;justify-content:space-between;align-items:center;
  font-size:12px;color:#606266;border-top:1px solid #F0F4FA;margin-top:6px;
}
.i1-tcard .i1-meta b{color:#1d2129;font-size:12px}

/* ④ 最近项目卡：帧感占位 */
.i1-rcard{
  position:relative;border:1px solid rgba(56,189,248,.18);border-radius:12px;overflow:hidden;
  background:#fff;cursor:pointer;
  box-shadow:0 6px 18px rgba(29,33,41,.06);
  transition:transform .18s,box-shadow .18s;
}
.i1-rcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(29,33,41,.14)}
.i1-rcard .i1-rcover{
  position:relative;height:120px;display:flex;align-items:center;justify-content:center;
  font-size:36px;font-weight:700;color:rgba(255,255,255,.92);
  text-shadow:0 2px 8px rgba(30,42,58,.25);
}
.i1-rcard .i1-rcover::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(30,42,58,0) 55%,rgba(30,42,58,.3) 100%);
  pointer-events:none;
}
.i1-rcard .i1-rbadge{
  position:absolute;top:8px;left:8px;z-index:2;
  font-size:12px;font-weight:600;padding:3px 8px;border-radius:999px;
  background:rgba(255,255,255,.9);backdrop-filter:blur(4px);
}
.i1-b-empty{color:#909399}
.i1-b-run{color:#1d2129}
.i1-b-done{color:#2D7A4F;background:rgba(45,122,79,.1)}
.i1-rcard .i1-rbody{padding:10px 12px 12px}
.i1-rcard .i1-rname{font-size:14px;font-weight:700;color:#1d2129;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.i1-rcard .i1-rmeta{font-size:12px;color:#606266;margin-top:4px}

/* ⑤ 价值三列：加微型示意图 */
.hw-value{position:relative;padding:20px 18px 18px}
.hw-value-ic{font-size:24px}
/* 时序画布：微型节点连线 */
.hw-values .hw-value:nth-child(1) .hw-value-visual{
  height:44px;margin:10px 0 6px;position:relative;
  background:linear-gradient(135deg,#F0F7FF,#E3EEFB);border-radius:8px;
}
.hw-values .hw-value:nth-child(1) .hw-value-visual::before{
  content:"●   ●   ●";
  position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;
  color:#38BDF8;font-size:14px;letter-spacing:6px;
}
.hw-values .hw-value:nth-child(1) .hw-value-visual::after{
  content:"";position:absolute;left:15%;right:15%;top:50%;height:2px;
  background:linear-gradient(90deg,#38BDF8,#38BDF8);
}
/* 一致性：角色×多镜 */
.hw-values .hw-value:nth-child(2) .hw-value-visual{
  height:44px;margin:10px 0 6px;position:relative;
  background:linear-gradient(135deg,#F0F7FF,#E3EEFB);border-radius:8px;
  display:flex;align-items:center;justify-content:space-around;padding:0 12px;
}
.hw-values .hw-value:nth-child(2) .hw-value-visual i{
  width:22px;height:28px;border-radius:4px;
  background:linear-gradient(135deg,#9DBDE6,#38BDF8);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
}
/* 零差价：价格双轨 */
.hw-values .hw-value:nth-child(3) .hw-value-visual{
  height:44px;margin:10px 0 6px;position:relative;
  background:linear-gradient(135deg,#F0F7FF,#E3EEFB);border-radius:8px;
  display:flex;flex-direction:column;justify-content:center;padding:0 14px;gap:5px;
}
.hw-values .hw-value:nth-child(3) .hw-value-visual::before{
  content:"官方价 ────────";font-size:12px;color:#909399;letter-spacing:1px;
}
.hw-values .hw-value:nth-child(3) .hw-value-visual::after{
  content:"镜浪  ────────  ≈";font-size:12px;color:#1d2129;font-weight:600;letter-spacing:1px;
}

/* ⑥ 对比条：色块层次 + 徽章 */
.hw-vs-row{position:relative}
.hw-vs-k{
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#E9F2FC,#D6E6F9);
  border-radius:8px;padding:6px 0;text-align:center;
  font-size:13px;
}
.hw-vs-hw{
  position:relative;padding:10px 12px;
  background:#F7FAFD;border:1px dashed #D6E2F0;border-radius:12px;
}
.hw-vs-hw::before{
  content:"头部";position:absolute;top:-8px;left:10px;
  font-size:12px;font-weight:600;color:#909399;background:#fff;
  padding:1px 6px;border-radius:999px;letter-spacing:.5px;
}
.hw-vs-us{
  position:relative;padding:10px 12px;
  background:linear-gradient(135deg,#E9F2FC,#D9E8FA);
  border:1px solid rgba(56,189,248,.4);border-radius:12px;
  color:#1d2129;font-weight:500;
}
.hw-vs-us::before{
  content:"镜浪";position:absolute;top:-8px;left:10px;
  font-size:12px;font-weight:700;color:#fff;background:#38BDF8;
  padding:1px 7px;border-radius:999px;letter-spacing:.5px;
}

/* ⑦ 页脚：删招募后留白微调 */
.hw-footer{margin-top:44px}

/* ⑧ 定价横幅：去掉过强渐变，改浅底 */
.hw-price-banner{
  background:#F4F8FD;border:1px solid rgba(56,189,248,.25);
}