/* ============================================================
 *  zxcloudai · 质感精修层 Refine Layer  v1
 *  目标：不是"加特效"，而是把页面从「模板拼装感」拉到「成品质感」。
 *  四个动作：
 *    1. 卡片表面系统 —— 底色/高光/阴影/描边，让卡片真正"浮"起来
 *    2. 工具区重构 —— 从 6 个微缩线框，变成可读的媒体货架
 *    3. 字体与层级 —— 标题重新拿到它该有的重量，副标题脱离渐变裁切
 *    4. 节奏与细节 —— 章节 eyebrow、胶囊标签、统一圆角
 *  纯 CSS，不改 DOM、不改业务；移除本文件即完全回滚。
 * ============================================================ */

/* ------------------------------------------------------------
 *  0. 设计令牌
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready {
  --rf-ink:#0d0f12;
  /* 卡面与页面底色保持一致（参考站实测 rgb(21,23,26) 同色）。
     之前提亮到 #22262e 反而弱化了描边的作用——边界应完全由实色描边承担，
     而不是靠"面比底亮一点"这种半吊子层次。 */
  --rf-surface-1:  #15171a;
  --rf-surface-2:  #1a1e25;
  --rf-line:       #3d3d3d;
  --rf-line-soft:  #333333;
  --rf-cyan:       #ffb45a;
  --rf-violet:     #a78bfa;
  --rf-ease:       cubic-bezier(.22, 1, .36, 1);
}
/* 深色模式：强制所有文字纯白（覆盖框架次级灰文字与内联/变量色） */
html.polish-v4.polish-ready.dark,
html.polish-v4.polish-ready.dark body,
html.polish-v4.polish-ready.dark .guide-page,
html.polish-v4.polish-ready.dark [class*="guide-"],
html.polish-v4.polish-ready.dark [data-v-f2ae3d93] {
  color: #fff !important;
}
/* 例外：橙色激活分类 chip 用深色字保证对比（白字在橙底上反而看不清） */
html.polish-v4.polish-ready.dark .guide-category-list button.active {
  color: #06222a !important;
}
html.polish-v4.polish-ready:not(.dark) .guide-category-list button.active {
  color: #fff !important;
}



/* 全局：文本选中色 + 更细腻的字形渲染 */
html.polish-v4.polish-ready ::selection {
  background: rgba(255, 180, 90, .26);
  color: #fff;
}
html.polish-v4.polish-ready body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 网格纹理挂载位置说明：
   实测 body / html 上的背景都被两层不透明容器盖住了——
     .z-40...dark:border → rgb(13,13,14)
     .guide-page           → rgb(13,13,14)
   所以网格必须画在 .guide-page 上（它就是真正可见的舞台），
   html/body 保持纯色兜底即可。网格随 .guide-page 一起缩放（scale .75），
   因此 background-size 用 CSS px 记56，实际视觉约 42px，比例舒适。 */
html.polish-v4.polish-ready .guide-page {
  background-color: #15171a;
  background-image:
    radial-gradient(1100px 560px at 50% -12%, rgba(207, 140, 58, .10), transparent 62%),
    radial-gradient(820px 520px at 96% 4%, rgba(139, 92, 246, .075), transparent 64%),
    radial-gradient(700px 420px at 4% 22%, rgba(207, 140, 58, .045), transparent 70%),
    linear-gradient(to right, rgba(255, 255, 255, .014) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, .014) 1px, transparent 1px);
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    36px 36px,
    36px 36px;
  /* 前三层是径向光晕，不能平铺（会变成一格格重复的光斑）；
     后两层是网格，需要 repeat 才能铺满。 */
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat;
  /* 不用fixed：.guide-page 带 transform:scale(.75)，会让 fixed 背景退化/错位。
     直接随内容平铺即可，网格本身是规则纹理，滚动时看不出位移。 */
  background-attachment: scroll;
}
html.polish-v4.polish-ready body {
  background: transparent;
}

/* ------------------------------------------------------------
 *  1. Hero 字体层级
 *     原来整块 .guide-copy 一起做 background-clip:text，
 *     导致副标题也被渐变裁切、颜色发灰。这里把渐变只留给 h1。
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready .guide-copy.polish-shine-title {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  animation: none !important;
  margin-top: 26px;
  padding-bottom: 4px;
}

html.polish-v4.polish-ready .guide-copy h1 {
  margin: 0;
  font-size: clamp(28px, 2.9vw, 38px);
  line-height: 1.22;
  font-weight: 800;
  letter-spacing: -.012em;
  text-wrap: balance;
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: none;
  animation: none;
  filter: drop-shadow(0 2px 18px rgba(207, 140, 58, .12));
}

html.polish-v4.polish-ready .guide-copy p {
  margin: 14px auto 0;
  max-width: 580px;
  font-size: 14.5px;
  line-height: 1.85;
  letter-spacing: .012em;
  color: #fff;
  -webkit-text-fill-color: currentColor;
}

/* h1 与按钮行之间的呼吸（原布局几乎贴住） */
html.polish-v4.polish-ready .guide-actions {
  margin-top: 4px;
}

/* ---- 1b. Hero 层级重排 + 横幅成"媒体卡" ----
 * 原 DOM 顺序是「轮播 → 按钮 → 标题」，导致 CTA 压在标题上方、层级倒置。
 * hero 是 flex column，用 order 把「标题 → 副标题 → CTA」还回来。 */
html.polish-v4.polish-ready .guide-copy            { order: 1; }
html.polish-v4.polish-ready .guide-actions          { order: 2; }
html.polish-v4.polish-ready .guide-swiper-dots     { order: 0; }

html.polish-v4.polish-ready .guide-hero .guide-actions {
  margin-top: 22px;
  margin-bottom: 6px;
}

/* 横幅加圆角 + 发丝描边 + 投影：从"贴图"变成"精心裁切的媒体卡" */
html.polish-v4.polish-ready .guide-swiper-stage {
  border-radius: 20px;
  border: 1px solid var(--sys-line);
  box-shadow:
    0 40px 80px -40px rgba(0, 0, 0, .95),
    0 2px 10px -4px rgba(0, 0, 0, .6);
}

/* 两侧预览图：退成柔和暗角，不再像两块"切歪的脏图"，
   但保留足够可见度，用户才知道这里可以点着翻页 */
html.polish-v4.polish-ready .guide-side-slide {
  opacity: .30 !important;
  filter: saturate(.35) brightness(.52) blur(2.2px);
}
html.polish-v4.polish-ready .guide-side-slide:hover {
  opacity: .82 !important;
  filter: saturate(.9) brightness(.9) blur(0px);
}

/* ------------------------------------------------------------
 *  2. 工具区标题
 *     polish-v4.js 已注入「01 / AI TOOLKIT · 创作工具矩阵」eyebrow，
 *     这里只补呼吸感，不重复造标题（避免出现两条编号）。
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready .guide-tools {
  padding-top: 6px;
}
html.polish-v4.polish-ready .guide-tools > .pv4-eyebrow {
  margin-bottom: 16px;
}

/* ------------------------------------------------------------
 *  3. 工具卡：从「微缩线框」改为「媒体货架卡」
 *     结构：img 铺满 → 底部渐变衬底 + 名称 → 左上角角标 → 右上编号
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready .guide-tool-list {
  gap: 14px;
  align-items: stretch;
  /* 左右 padding 必须为 0：卡片宽度由框架按 clientWidth 反推，
     clientWidth 含 padding，一旦留 2px 就会让整排多出 4px，
     末张卡右边框（翻页后首张卡左边框）正好被 overflow 裁掉。 */
  padding: 8px 0 16px;
}

/* ------------------------------------------------------------
 *  工具卡：还原为组件原本的横向布局
 *  原始规格（index-005eed72.css）：
 *    flex 0 0 225px / 225×127 / padding 22px18px
 *    文字 strong 在左（max-width 128px, 15px）
 *    图标 img 在右（66×58, object-fit contain）
 *    圆角 15px，背景 var(--ui-surface-1)，边框 var(--ui-border)
 *  此处只补表面质感与入场，不改布局。
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready .guide-tool-card {
  flex: 0 0 225px;
  width: 225px;
  min-width: 225px;
  height: 127px;
  padding: 22px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  border: 1px solid var(--rf-line);
  background-color: var(--rf-surface-1);
  /* 参考站工具卡无渐变叠加：多余的明暗过渡会干扰描边读数，保持纯净卡面 */
  box-shadow:
    0 12px 26px -22px rgba(0, 0, 0, .95),
    0 2px 6px -2px rgba(0, 0, 0, .55);
  transition:
    transform .5s var(--rf-ease),
    border-color .4s ease,
    box-shadow .5s ease;
}

/* 图标：回到组件原始规格（右侧 66×58 contain），不做铺满封面 */
html.polish-v4.polish-ready .guide-tool-card img {
  position: static;
  inset: auto;
  width: 66px;
  height: 58px;
  max-width: none;
  max-height: none;
  margin: 0;
  flex-shrink: 0;
  object-fit: contain;
  border-radius: 0;
  transform: none;
  transition: transform .6s var(--rf-ease), opacity .35s ease;
  z-index: auto;
}

/* 名称：回到组件原始排版（左列，静态流内，非绝对定位） */
html.polish-v4.polish-ready .guide-tool-card > strong {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: auto;
  display: block;
  margin: 0;
  padding: 0;
  max-width: 128px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .01em;
  color: var(--rf-text-1, #fff);
  text-align: left;
  text-shadow: none;
  background: none;
  pointer-events: auto;
}

/* 角标「热门推荐」：严格复刻组件原设计（对标 manju-const.xiaochuankeji.com）
 *
 * 原版规格（index-005eed72.css，data-v-f2ae3d93）：
 *   position:absolute; top:0; left:0; width:70px; height:23px;
 *   border-radius:12px 0;  background:linear-gradient(90deg,#ff7324,#fa5151);
 *   font-size:12px; line-height:23px; text-align:center; color:#fff
 *
 * 之前踩过的坑：把它改成小胶囊后，字号缩到 10px 又加左右 padding，
 * 70px 减去 padding 只剩 53px 内容宽 → 4 个汉字折成两行。
 * 所以这里不缩字号、不加 padding，靠 70px 定宽 + line-height 23px 定高，
 * 只保留 z-index（压在封面图之上）和 pointer-events（不吃hover）。 */
html.polish-v4.polish-ready .guide-tool-card > .guide-hot-tag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 70px;
  height: 23px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 23px;
  white-space: nowrap;
  text-align: center;
  color: #FFFFFF;
  border: 0;
  border-radius: 12px 0;
  background: linear-gradient(90deg, #ff7324 0%, #fa5151 100%);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;
}

/* 右上编号：小号制表符数字 */
html.polish-v4.polish-ready .guide-tool-card::before {
  top: 9px;
  right: 12px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #fff;
  text-shadow: none;
}

/* hover：青描边 + 冷光；图标微推而非铺满封面 */
html.polish-v4.polish-ready .guide-tool-card:hover {
  border-color: rgba(255, 180, 90, .34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .10),
    0 22px 42px -26px rgba(0, 0, 0, .95),
    0 0 0 1px rgba(255, 180, 90, .10),
    0 10px 30px -14px rgba(207, 140, 58, .26);
}
html.polish-v4.polish-ready .guide-tool-card:hover img {
  transform: scale(1.06);
  opacity: 1 !important;
  filter: saturate(1.06);
}
html.polish-v4.polish-ready .guide-tool-card:hover::before {
  color: #fff;
}

/* 货架左右翻页箭头：从灰疙瘩改成磨砂玻璃圆钮，压低存在感 */
html.polish-v4.polish-ready .guide-tool-arrow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: rgba(14, 17, 20, .52);
  border: 1px solid #4a4a4a;
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  backdrop-filter: blur(14px) saturate(150%);
  box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .95);
  opacity: .62;
  z-index: 6;
  transition: opacity .3s ease, color .3s ease,
              border-color .3s ease, background .3s ease,
              transform .35s var(--rf-ease);
}
html.polish-v4.polish-ready .guide-tool-arrow:hover {
  opacity: 1 !important;
  color: #fff;
  border-color: rgba(255, 180, 90, .40);
  background: rgba(255, 180, 90, .12);
}
html.polish-v4.polish-ready .guide-tool-arrow:not(.active) { opacity: .16; }
/* 键盘可达性：非激活箭头虽然 opacity 只有 .16，但聚焦时必须清晰可见。
   opacity 会连同 outline 一起压暗，所以这里用不透明度满值的 box-shadow 环
   （focus 期间把 opacity 拉回 1，避免"聚焦了却看不见焦点在哪"）。 */
html.polish-v4.polish-ready .guide-tool-arrow:focus-visible {
  opacity: 1 !important;
  outline: 2px solid rgba(255, 180, 90, .55);
  outline-offset: 3px;
}

/* ------------------------------------------------------------
 *  4. 灵感画廊卡：统一圆角 / 描边 / 常驻衬底
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready .guide-gallery-card {
  border-radius: 16px;
  border: 1px solid var(--rf-line);
  background-color: #101214;
  overflow: hidden;
  box-shadow:
    0 12px 26px -20px rgba(0, 0, 0, .9);
  transition:
    transform .45s var(--rf-ease),
    border-color .4s ease,
    box-shadow .45s ease;
}

/* 媒体区底部常驻衬底：作者名/查看按钮/标题在任何图上都可读 */
html.polish-v4.polish-ready .guide-gallery-media {
  position: relative;
  /* 原 inline aspect-ratio 是 2.5:1 的宽条，视觉上像照片墙；
     这里统一成 16:10 的"媒体瓷砖"，与工具卡节奏一致 */
  aspect-ratio: 16 / 10 !important;
}
html.polish-v4.polish-ready .guide-gallery-media::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 72%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top,
      rgba(6, 8, 10, .92) 0%,
      rgba(6, 8, 10, .68) 26%,
      rgba(6, 8, 10, .26) 58%,
      rgba(6, 8, 10, 0) 100%);
}

/* 信息层浮到图上，卡片不再有那条生硬的黑色信息带 */
/* 作者节点已从模板移除，仅保留「查看」按钮 —— 右对齐独立成组 */
html.polish-v4.polish-ready .guide-gallery-meta {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 44px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 0 13px;
  pointer-events: none;
}
html.polish-v4.polish-ready .guide-gallery-author {
  display: none;
}
/* 「查看」按钮：去胶囊化，改小圆角方钮，避免大圆角显得松散
   注：外层容器有 scale(.75)，下列 px 均为「视觉px」的1/1.33 倍，
   24px 视觉高≈ CSS 32px，与旧版 19px 视觉高保持同一量级但不显臃肿 */
html.polish-v4.polish-ready .guide-gallery-meta button {
  flex: none;
  pointer-events: auto;
  height: 30px;
  padding: 0 13px;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .02em;
  color: #fff;
  border-radius: 8px !important;
  border: 1px solid var(--sys-line-strong);
  background: rgba(12, 15, 19, .5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  cursor: pointer;
  /* 仅在卡片 hover 时显现（组件原版行为）。
     常态 opacity:0 + visibility:hidden 让它不占可点击区域，
     父级 .guide-gallery-meta 是 pointer-events:none，
     按钮自身 pointer-events:auto，因此不会出现"看不见却能点"的幽灵热区。 */
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(4px);
  transition: color .3s ease, border-color .3s ease, background .3s ease,
              opacity .26s var(--rf-ease), transform .26s var(--rf-ease),
              visibility 0s linear .26s;
}
/* 悬停卡片时浮现 */
html.polish-v4.polish-ready .guide-gallery-card:hover .guide-gallery-meta button,
html.polish-v4.polish-ready .guide-gallery-card:focus-within .guide-gallery-meta button {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
  transition: color .3s ease, border-color .3s ease, background .3s ease,
              opacity .26s var(--rf-ease), transform .26s var(--rf-ease),
              visibility 0s linear 0s;
  color: #fff;
  border-color: var(--sys-line-accent-strong);
  background: rgba(255, 180, 90, .18);
}
html.polish-v4.polish-ready .guide-gallery-card > p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11px;
  z-index: 3;
  margin: 0;
  padding: 0 13px;
  font-size: 13.5px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  letter-spacing: .01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .5);
}
html.polish-v4.polish-ready .guide-gallery-card:hover {
  border-color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 30px 56px -28px rgba(0, 0, 0, .95),
    0 0 40px -20px rgba(207, 140, 58, .25);
}

/* ------------------------------------------------------------
 *  5. 标签体系：跑马灯胶囊 + 分类 chip
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready .polish-mq-item {
  padding: 7px 13px;
  font-size: 12.5px;
  letter-spacing: .04em;
  color: #fff;
  border-radius: 999px;
  border: 1px solid var(--sys-line);
  background: var(--sys-surface-1);
  transition: color .3s ease, border-color .3s ease, background .3s ease;
}
html.polish-v4.polish-ready .polish-mq-item:hover {
  color: #fff;
  border-color: var(--sys-line-accent);
  background: rgba(255, 180, 90, .08);
}
html.polish-v4.polish-ready .polish-mq-item i {
  width: 4px;
  height: 4px;
}

/* 分类 chip：去掉 Naive 默认的实心灰块，改胶囊描边 */
html.polish-v4.polish-ready .guide-category-list button {
  height: 30px;
  padding: 0 13px;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: .02em;
  color: #fff;
  border-radius: 999px;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, .035);
  transition: color .25s ease, background .25s ease, border-color .25s ease;
}
html.polish-v4.polish-ready .guide-category-list button:hover {
  color: #fff;
  background: rgba(255, 255, 255, .07);
}
html.polish-v4.polish-ready .guide-category-list button.active {
  color: #06222a;
  font-weight: 700;
  background: linear-gradient(135deg, #ffc070, #ffb45a 55%, #ffc070);
  border-color: rgba(255, 180, 90, .5);
  box-shadow: 0 4px 16px -6px rgba(255, 180, 90, .55);
}

/* 主/次 tab 更克制 */
html.polish-v4.polish-ready .guide-tabs button {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .01em;
  color: #fff;
  transition: color .28s ease;
}
html.polish-v4.polish-ready .guide-tabs button.active {
  color: #fff;
}

/* ------------------------------------------------------------
 *  6. 章节节奏
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready .guide-inspiration {
  padding-top: 30px;
  border-top: 1px solid var(--sys-line);
  margin-top: 22px;
}

/* ------------------------------------------------------------
 *  7. 浅色模式
 * ---------------------------------------------------------- */
html.polish-v4.polish-ready:not(.dark) {
  --rf-line: #c9d5db;
  --rf-line-soft: #dbe4e9;
}
html.polish-v4.polish-ready:not(.dark) {
  background-color: #f1f4f7;
}
html.polish-v4.polish-ready:not(.dark) .guide-page {
  background-color: #f1f4f7;
  background-image:
    radial-gradient(1100px 560px at 50% -12%, rgba(207, 140, 58, .055), transparent 62%),
    radial-gradient(820px 520px at 96% 4%, rgba(139, 92, 246, .04), transparent 64%),
    linear-gradient(to right, rgba(9, 38, 48, .012) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(9, 38, 48, .012) 1px, transparent 1px);
  background-size:
    100% 100%,
    100% 100%,
    36px 36px,
    36px 36px;
  background-repeat: no-repeat, no-repeat, repeat, repeat;
  background-attachment: scroll;
}
html.polish-v4.polish-ready:not(.dark) .guide-copy h1 {
  /* 用 background-image 而非 background 简写：简写会把 background-clip 重置为 border-box，
     渐变会整块铺满元素盒（表现为一个深色矩形），文字反而看不见。 */
  background-image: linear-gradient(100deg, #0c1b20 0%, #0c1b20 34%, #b5701f 46%, #6d5bcf 54%, #0c1b20 66%, #0c1b20 100%);
  background-size: 260% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
html.polish-v4.polish-ready:not(.dark) .guide-copy p {
  color: rgba(12, 27, 32, .58);
}
html.polish-v4.polish-ready:not(.dark) .guide-tools > .pv4-eyebrow {
  color: rgba(12, 27, 32, .42);
}
html.polish-v4.polish-ready:not(.dark) .guide-tool-card {
  background-color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 14px 30px -22px rgba(16, 40, 48, .45);
}
html.polish-v4.polish-ready:not(.dark) .guide-gallery-card {
  background-color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .9),
    0 12px 26px -20px rgba(16, 40, 48, .30);
}
html.polish-v4.polish-ready:not(.dark) .polish-mq-item {
  color: rgba(12, 27, 32, .55);
  border-color: rgba(15, 40, 48, .08);
  background: rgba(255, 255, 255, .6);
}
html.polish-v4.polish-ready:not(.dark) .guide-category-list button {
  color: rgba(12, 27, 32, .58);
  background: rgba(15, 40, 48, .045);
}
html.polish-v4.polish-ready:not(.dark) .guide-category-list button.active {
  color: #fff;
  background: linear-gradient(135deg, #cf8c3a, #b5701f);
  border-color: transparent;
}

/* ------------------------------------------------------------
 *  8. 响应式
 * ---------------------------------------------------------- */
@media (max-width: 1180px) {
  html.polish-v4.polish-ready .guide-tool-card { height: 122px; }
}
@media (max-width: 920px) {
  html.polish-v4.polish-ready .guide-tool-card {
    height: 116px;
    padding: 20px 16px;
  }
  html.polish-v4.polish-ready .guide-tool-card img { width: 54px; height: 48px; }
  html.polish-v4.polish-ready .guide-tool-card > strong { max-width: 104px; font-size: 14px; }
  html.polish-v4.polish-ready .guide-copy h1 { font-size: 26px; }
  html.polish-v4.polish-ready .guide-copy p { font-size: 13.5px; }
}

/* 减少动态：去掉图片缓推，保留静态层级 */
@media (prefers-reduced-motion: reduce) {
  html.polish-v4.polish-ready .guide-copy h1 { animation: none !important; }
  html.polish-v4.polish-ready .guide-tool-card img { transition: none !important; }
}

/* ============================================================
 *  9. 2026-10-19 二次微调（用户反馈）
 * ============================================================ */

/* 9.1 章节 eyebrow：英文小标 + 中文副标 设为纯白（覆盖框架 .52 半透明白） */
html.polish-v4.polish-ready .pv4-eyebrow,
html.polish-v4.polish-ready .pv4-eyebrow span {
  color: #fff !important;
  opacity: 1 !important;
}

/* 9.2 画廊卡片（绘画灵感等）：外边框圆角收窄 + 文字纯白 */
html.polish-v4.polish-ready .guide-gallery-card {
  border-radius: 10px !important;
  overflow: hidden;
}
html.polish-v4.polish-ready .guide-gallery-card,
html.polish-v4.polish-ready .guide-gallery-card p,
html.polish-v4.polish-ready .guide-gallery-meta,
html.polish-v4.polish-ready .guide-gallery-card button,
html.polish-v4.polish-ready .guide-gallery-author {
  color: #fff !important;
}
html.polish-v4.polish-ready .guide-gallery-card p { opacity: 1 !important; }

/* 9.3 灵感分类 tab（绘画灵感/视频灵感/短视频）：激活下划线统一为 1px，
       不再比整条基线（1px）更粗 */
html.polish-v4.polish-ready .guide-tabs button.active::after {
  height: 1px !important;
}