/* ============================================================
   火影忍者 · 木叶联名主题  [data-theme="naruto"]
   主视觉：暖色木叶午后 —— 护额钢印 / 卷轴纸感 / 鸣人橙 / 查克拉蓝
   说明：本文件全量覆盖全局变量（其他页面简化生效），
        仅对首页 .hero 与发布页（.publish-pstyle-*）做精细化改造。
   ============================================================ */

/* ---------- 主题变量 ---------- */
[data-theme="naruto"] {
  --naruto-orange: #F26B1D;
  --naruto-orange-deep: #D4540A;
  --naruto-orange-soft: #FFB27A;
  --naruto-navy: #22314F;        /* 护额布带 */
  --naruto-navy-deep: #16223A;
  --naruto-steel: #C9D2DD;       /* 护额金属牌 */
  --naruto-paper: #FBF5EA;       /* 卷轴纸 */
  --naruto-cream: #F6EEDF;       /* 页面底色 */
  --naruto-red: #C0392B;         /* 晓红（仅警示/删除） */
  --naruto-chakra: #3E9BE0;      /* 查克拉 */

  /* 覆盖全站变量：链接/主按钮变鸣人橙，导航变护额蓝 */
  --bg: var(--naruto-cream);
  --blue: var(--naruto-orange);
  --nav-bg: var(--naruto-navy);
}

/* ---------- 页面背景：暖纸 + 斜纹 + 顶部一抹橙光 ---------- */
[data-theme="naruto"] body {
  background-color: var(--naruto-cream);
  background-image:
    radial-gradient(ellipse 900px 480px at 50% -8%, rgba(242, 107, 29, 0.13), transparent 70%),
    repeating-linear-gradient(45deg, rgba(34, 49, 79, 0.028) 0 2px, transparent 2px 14px);
  background-size: auto, auto;
}

/* ---------- 选中文字：鸣人橙 ---------- */
[data-theme="naruto"] ::selection {
  background: var(--naruto-orange);
  color: #fff;
}

/* ---------- 导航栏：护额（深蓝布带 + 顶部金属钢印条） ---------- */
[data-theme="naruto"] .navbar {
  background: linear-gradient(180deg, #26365A 0%, var(--naruto-navy) 100%);
  border-bottom: 2px solid var(--naruto-navy-deep);
  box-shadow:
    inset 0 3px 0 var(--naruto-steel),
    inset 0 4px 0 rgba(0, 0, 0, 0.35),
    0 2px 8px rgba(22, 34, 58, 0.25);
}
[data-theme="naruto"] .navbar-links a {
  color: #D8DEE8;
  transition: color 0.15s ease;
}
[data-theme="naruto"] .navbar-links a:hover,
[data-theme="naruto"] .navbar-links a.active {
  color: var(--naruto-orange-soft);
}

/* ---------- 入口图标激活态：橙色呼吸光 ---------- */
[data-theme="naruto"] #narutoIcon {
  color: var(--naruto-orange-soft);
  filter: drop-shadow(0 0 4px rgba(242, 107, 29, 0.65));
  animation: naruto-breathe 2.5s ease-in-out infinite;
}
@keyframes naruto-breathe {
  0%, 100% { filter: drop-shadow(0 0 3px rgba(242, 107, 29, 0.5)); }
  50%      { filter: drop-shadow(0 0 9px rgba(242, 107, 29, 0.95)); }
}

/* ============================================================
   首页 HERO（精细化）
   ============================================================ */
[data-theme="naruto"] .hero {
  background:
    linear-gradient(180deg, rgba(246, 238, 223, 0.86) 0%, rgba(246, 238, 223, 0.58) 46%, rgba(242, 167, 110, 0.42) 100%),
    url('/static/img/naruto/konoha-street.webp') center 28% / cover no-repeat,
    #F3E4CF;
  border: 2px solid var(--naruto-navy);
  box-shadow: 4px 4px 0 var(--naruto-navy);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  text-align: left;
  overflow: hidden;
}
/* 点击切换：木叶黄昏（压暗蒙版，标题变月色）
   2026-08-28：an26 夜晚画面原样放进 ::before 蒙版，opacity 0.6s 过渡——
   夜晚效果与 an26 一致，日↔夜丝滑淡入淡出；蒙版与标题色仍由同一 hero-clicked 类驱动 */
[data-theme="naruto"] .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(34, 49, 79, 0.78) 0%, rgba(34, 49, 79, 0.52) 100%),
    url('/static/img/naruto/konoha-street.webp') center 28% / cover no-repeat,
    var(--naruto-navy);
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
  z-index: 0;
}
[data-theme="naruto"] .hero > * { position: relative; z-index: 1; }
[data-theme="naruto"] .hero.hero-clicked::before { opacity: 1; }
/* 标题颜色/描边阴影丝滑跟随 */
[data-theme="naruto"] .hero-title span {
  transition: color 0.6s ease, text-shadow 0.6s ease;
}
/* 入场「由暗到亮」：挂此类时日夜切换不带过渡，用于瞬间定格夜晚首帧（见 playNarutoHeroDuskFade） */
[data-theme="naruto"] .hero.ne-no-trans::before,
[data-theme="naruto"] .hero.ne-no-trans .hero-title span {
  transition: none;
}

/* 标题：护额蓝 + 鸣人橙，叠层描边字（NARUTO 海报感） */
[data-theme="naruto"] .hero-title span {
  letter-spacing: 2px;
  text-shadow:
    2px 2px 0 rgba(251, 245, 234, 0.95),
    4px 4px 0 rgba(34, 49, 79, 0.22);
}
[data-theme="naruto"] .hero-title .line1,
[data-theme="naruto"] .hero-title .line3 { color: var(--naruto-navy); }
[data-theme="naruto"] .hero-title .line2 { color: var(--naruto-orange); }

[data-theme="naruto"] .hero.hero-clicked .hero-title span {
  text-shadow:
    2px 2px 0 rgba(22, 34, 58, 0.9),
    4px 4px 0 rgba(0, 0, 0, 0.35);
}
[data-theme="naruto"] .hero.hero-clicked .hero-title .line1,
[data-theme="naruto"] .hero.hero-clicked .hero-title .line3 { color: #F3E9D7; }
[data-theme="naruto"] .hero.hero-clicked .hero-title .line2 { color: var(--naruto-orange-soft); }

[data-theme="naruto"] .hero p { color: var(--naruto-navy); }

/* 2026-08-28：移除 Hero 底部「★ PERSONAL BLOG ★」徽章（style.css 通用规则，
   火影主题下呈现为照片下方的白色长条，此前多次清理未覆盖到它） */
[data-theme="naruto"] .hero::after { content: none; }

/* 火影主题下像素头像让位给角色立绘 */
[data-theme="naruto"] .pixel-art-wrapper { display: none; }

/* 立绘容器（JS 注入）：卷轴装裱框 + 右上角木叶徽章 */
[data-theme="naruto"] .naruto-hero-portrait {
  justify-self: end;
  align-self: center;
  width: 100%;
  max-width: 290px;
  padding: 10px;
  background: var(--naruto-paper);
  border: 2px solid var(--naruto-navy);
  box-shadow: 5px 5px 0 rgba(34, 49, 79, 0.85);
  transform: rotate(1.2deg);
  position: relative;
  opacity: 0;
  /* translate 与 transform 互不干扰，移动端覆盖 rotate 时 slide 仍生效 */
  translate: 28px 0;
  animation: ne-portrait-in 0.7s cubic-bezier(0.22, 0.7, 0.3, 1) 0.25s forwards;
}
@keyframes ne-portrait-in {
  0%   { opacity: 0; translate: 28px 0; }
  100% { opacity: 1; translate: 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  [data-theme="naruto"] .naruto-hero-portrait { animation: none; opacity: 1; translate: none; }
}
[data-theme="naruto"] .naruto-hero-portrait img {
  display: block;
  width: 100%;
  height: auto;
  /* 2026-08-28：去掉 max-height + cover 裁切，整图完整显示（修：举手鸣人顶部被裁掉手） */
  border: 1px solid rgba(34, 49, 79, 0.35);
}
[data-theme="naruto"] .naruto-hero-portrait::after {
  content: "";
  position: absolute;
  top: -13px;
  right: -13px;
  width: 30px;
  height: 30px;
  background: var(--naruto-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M12 3.5a8.5 8.5 0 1 0 8.5 8.5c0-.42-.03-.84-.1-1.25h-1.75c.06.28.1.55.1.83a6.75 6.75 0 1 1-6.75-6.75c.28 0 .55.04.83.1V3.63c-.42-.07-.84-.13-1.33-.13z'/%3E%3Cpath fill='%23FFFFFF' d='M12 7.6a4.4 4.4 0 1 0 4.4 4.4h-1.7a2.7 2.7 0 1 1-2.7-2.7z'/%3E%3Ccircle cx='12' cy='12' r='1.3' fill='%23FFFFFF'/%3E%3Cpath fill='%23FFFFFF' d='M12 3.5l3.2 1.85-3.2 1.85z'/%3E%3C/svg%3E") center / 19px no-repeat;
  border: 2px solid var(--naruto-navy);
  border-radius: 50%;
}

/* 桌面端：立绘在右，标题按钮在左 */
@media (min-width: 769px) {
  [data-theme="naruto"] .hero:has(.naruto-hero-portrait) {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    column-gap: 24px;
  }
  [data-theme="naruto"] .hero-title { grid-column: 1; grid-row: 1; }
  [data-theme="naruto"] .hero-buttons {
    grid-column: 1;
    grid-row: 2;
    justify-content: flex-start;
  }
  [data-theme="naruto"] .naruto-hero-portrait { grid-column: 2; grid-row: 1 / span 2; }
}
/* 移动端：立绘可见（标题→立绘→按钮纵向排布），Hero 整体拉长 */
@media (max-width: 768px) {
  [data-theme="naruto"] .hero {
    min-height: 480px;
    align-content: center;
    row-gap: 18px;
    padding: 28px 20px;
    text-align: center;
    /* 放大 118% 顶对齐：裁掉底部街景招牌白条；窗口右移=图片左移，露出鸣人脸 */
    background-size: auto 118%;
    background-position: 65% 0;
  }
  [data-theme="naruto"] .hero::before {
    background-size: auto 118%;
    background-position: 65% 0;
  }
  [data-theme="naruto"] .hero-title { grid-column: 1; grid-row: 1; }
  [data-theme="naruto"] .naruto-hero-portrait {
    display: block;
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
    max-width: 190px;
    margin: 2px 2px 2px 0;
    transform: rotate(2.5deg);
  }
  [data-theme="naruto"] .hero-buttons {
    grid-column: 1;
    grid-row: 3;
    justify-content: center;
    margin-top: 0;
  }
}

/* Hero 按钮：苦无切角 + 半透明纸感（透出村景）+ 硬阴影 */
[data-theme="naruto"] .btn-pixel {
  border: 2px solid var(--naruto-navy);
  background: rgba(251, 245, 234, 0.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  color: var(--naruto-navy);
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  box-shadow: none;
  filter: drop-shadow(3px 3px 0 rgba(34, 49, 79, 0.9));
  transition: transform 0.12s ease, filter 0.12s ease, background 0.12s ease, color 0.12s ease;
}
[data-theme="naruto"] .btn-pixel:hover {
  background: var(--naruto-orange);
  color: #fff;
  transform: translate(-1px, -1px);
  filter: drop-shadow(4px 4px 0 rgba(34, 49, 79, 0.9));
}
[data-theme="naruto"] .btn-pixel:active {
  transform: translate(2px, 2px);
  filter: drop-shadow(1px 1px 0 rgba(34, 49, 79, 0.9));
}

/* ============================================================
   区块标题：木叶旋纹标记 + 橙色下划线
   ============================================================ */
[data-theme="naruto"] .section-title { color: var(--naruto-navy); }
[data-theme="naruto"] .section-title::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2322314F' d='M12 3.5a8.5 8.5 0 1 0 8.5 8.5c0-.42-.03-.84-.1-1.25h-1.75c.06.28.1.55.1.83a6.75 6.75 0 1 1-6.75-6.75c.28 0 .55.04.83.1V3.63c-.42-.07-.84-.13-1.33-.13z'/%3E%3Cpath fill='%2322314F' d='M12 7.6a4.4 4.4 0 1 0 4.4 4.4h-1.7a2.7 2.7 0 1 1-2.7-2.7z'/%3E%3Ccircle cx='12' cy='12' r='1.3' fill='%2322314F'/%3E%3Cpath fill='%2322314F' d='M12 3.5l3.2 1.85-3.2 1.85z'/%3E%3C/svg%3E") center / contain no-repeat;
}
[data-theme="naruto"] .section-title::after {
  background: var(--naruto-orange);
  width: 72px;
}

/* ============================================================
   卡片体系：卷轴纸 + 护额蓝描边（全站简化生效）
   ============================================================ */
[data-theme="naruto"] .post-card,
[data-theme="naruto"] .content-card,
[data-theme="naruto"] .gallery-card,
[data-theme="naruto"] .file-card {
  background: var(--naruto-paper);
  border-color: var(--naruto-navy);
}
[data-theme="naruto"] .post-card,
[data-theme="naruto"] .content-card {
  box-shadow: 4px 4px 0 rgba(34, 49, 79, 0.85);
}
[data-theme="naruto"] .post-card:hover,
[data-theme="naruto"] .file-card:hover,
[data-theme="naruto"] .gallery-card:hover {
  box-shadow: 6px 6px 0 rgba(34, 49, 79, 0.85);
}

/* ---------- 主按钮：橙底蓝边硬阴影；hover 抬升 ---------- */
[data-theme="naruto"] .btn-primary {
  border: 2px solid var(--naruto-navy);
  box-shadow: 3px 3px 0 var(--naruto-navy);
}
[data-theme="naruto"] .btn-primary:hover {
  box-shadow: 5px 5px 0 var(--naruto-navy);
}

/* ---------- 表单控件：纸感 + 聚焦橙圈 ---------- */
[data-theme="naruto"] .form-control {
  background: #FFFDF8;
  border-color: var(--naruto-navy);
}
[data-theme="naruto"] .form-control:focus {
  border-color: var(--naruto-orange);
  box-shadow: 0 0 0 2px rgba(242, 107, 29, 0.25);
  outline: none;
}

/* ---------- 危险/删除：晓红 ---------- */
[data-theme="naruto"] .btn-danger {
  background: var(--naruto-red);
}

/* ============================================================
   发布页（精细化）：鸣人夕阳横幅 + 查克拉发布按钮
   ============================================================ */
[data-theme="naruto"] [class*="publish-pstyle-"]::before {
  content: "";
  display: block;
  height: 150px;
  margin: -24px -24px 18px;
  background:
    linear-gradient(180deg, rgba(34, 49, 79, 0) 52%, rgba(34, 49, 79, 0.3) 100%),
    url('/static/img/naruto/naruto-sunset.webp?v=2') center 24% / cover no-repeat;
  border-bottom: 4px solid var(--naruto-navy);
}
@media (max-width: 768px) {
  [data-theme="naruto"] [class*="publish-pstyle-"]::before {
    height: 104px;
    margin: -24px -24px 14px;
  }
}

/* 发布按钮：hover 泛查克拉蓝光（螺旋丸蓄力感） */
[data-theme="naruto"] .publish-btn,
[data-theme="naruto"] .test-old-btn {
  border: 2px solid var(--naruto-navy) !important;
  box-shadow: 3px 3px 0 var(--naruto-navy) !important;
  transition: box-shadow 0.18s ease, transform 0.18s ease !important;
}
[data-theme="naruto"] .publish-btn:hover,
[data-theme="naruto"] .test-old-btn:hover {
  box-shadow:
    0 0 0 3px rgba(62, 155, 224, 0.35),
    0 0 22px 4px rgba(62, 155, 224, 0.5),
    3px 3px 0 var(--naruto-navy) !important;
  transform: translate(-1px, -1px);
}

/* ============================================================
   文件页上传区：纸感化（简化范畴，仅变量级）
   ============================================================ */
[data-theme="naruto"] .upload-zone {
  background: var(--naruto-paper);
  border-color: var(--naruto-navy);
}
[data-theme="naruto"] .upload-zone:hover {
  background: rgba(242, 107, 29, 0.08);
  border-color: var(--naruto-orange);
}

/* ============================================================
   互动按钮：忍术徽章图标（技能 orb）+ 苦无发送
   点赞=式纸之舞·小南 / 点踩=九尾查克拉 / 评论=千鸟锐枪 / 分享=写轮眼
   ============================================================ */

/* 隐藏原图标，统一按钮配色 */
[data-theme="naruto"] .post-action-btn .action-icon { display: none; }
[data-theme="naruto"] .post-action-btn {
  border-color: var(--naruto-navy);
  box-shadow: 2px 2px 0 var(--naruto-navy);
  color: var(--naruto-navy);
}
[data-theme="naruto"] .post-action-btn:hover {
  background: var(--naruto-orange);
  color: #fff;
  box-shadow: 1px 1px 0 var(--naruto-navy);
}
[data-theme="naruto"] .post-action-btn::before {
  content: "";
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  transition: transform 0.15s ease, filter 0.15s ease;
}
[data-theme="naruto"] .post-action-btn:hover::before {
  transform: scale(1.18);
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.55));
}

/* 点赞 = ThumbsUp（图标库线稿，与重播烟花同风格） */
[data-theme="naruto"] .post-action-btn.like-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322314F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3Cpath d='M7 10v12'/%3E%3C/svg%3E");
}

/* 点赞点击动效：徽章丝滑放大充满按钮 → 停顿 → 弹回（超出按钮裁切，数字保持在上层） */
[data-theme="naruto"] .post-action-btn.like-btn {
  overflow: hidden;
  position: relative;
}
[data-theme="naruto"] .post-action-btn.like-btn span {
  position: relative;
  z-index: 1;
}
[data-theme="naruto"] .post-action-btn.like-btn.naruto-like-burst::before {
  animation: naruto-like-fill 0.65s cubic-bezier(0.3, 0.9, 0.35, 1) forwards;
}
@keyframes naruto-like-fill {
  0%   { transform: scale(1);   opacity: 1; }
  40%  { transform: scale(6.2); opacity: 0.95; }
  55%  { transform: scale(6);   opacity: 0.95; }
  100% { transform: scale(1);   opacity: 1; }
}

/* 点踩 = ThumbsDown（图标库线稿） */
[data-theme="naruto"] .post-action-btn.unlike-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322314F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3Cpath d='M17 14V2'/%3E%3C/svg%3E");
}

/* 评论 = MessageCircle（图标库线稿） */
[data-theme="naruto"] .post-action-btn:has(img[src*="comment.svg"])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322314F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3C/svg%3E");
}

/* 分享 = Share2（图标库线稿） */
[data-theme="naruto"] .post-action-btn:has(img[src*="share.svg"])::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322314F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49'/%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49'/%3E%3C/svg%3E");
}

/* 线稿图标是方版设计：去掉圆形徽章时代的隐形圆裁切（border-radius:50% 会把四角切掉=显示不全） */
[data-theme="naruto"] .post-action-btn.like-btn::before,
[data-theme="naruto"] .post-action-btn.unlike-btn::before,
[data-theme="naruto"] .post-action-btn:has(img[src*="comment.svg"])::before,
[data-theme="naruto"] .post-action-btn:has(img[src*="share.svg"])::before,
[data-theme="naruto"] .ms-replay-btn::before {
  border-radius: 0;
}

/* 重播特效 = 螺旋烟花（庆祝徽章；素材库无现成 webp，走“发送苦无”同款内联 SVG 线稿约定） */
[data-theme="naruto"] .ms-replay-btn::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322314F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.8 11.3 2 22l10.7-3.79'/%3E%3Cpath d='M4 3h.01'/%3E%3Cpath d='M22 8h.01'/%3E%3Cpath d='M15 2h.01'/%3E%3Cpath d='M22 20h.01'/%3E%3Cpath d='m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10'/%3E%3Cpath d='m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17'/%3E%3Cpath d='m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7'/%3E%3Cpath d='M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z'/%3E%3C/svg%3E");
}

/* --- 发送 = 苦无（评论区/回复框的发送按钮，白苦无指向上方=掷出） --- */
[data-theme="naruto"] .post-comments .btn-primary::before,
[data-theme="naruto"] .post-detail-comments .btn-primary::before {
  content: "";
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M3 21l7.8-7.8-2.3-2.3L3 16.2z'/%3E%3Cpath fill='%23FFFFFF' d='M11.6 12.4l3.9-3.9 2.3 2.3-3.9 3.9z'/%3E%3Cpath fill='%23FFFFFF' d='M14.6 9.4l1.9-1.9 1 1-1.9 1.9z'/%3E%3Ccircle cx='18.6' cy='5.4' r='2.1' fill='none' stroke='%23FFFFFF' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* --- 点赞粒子：纸鸽（JS 注入 SVG），加纸感投影 --- */
[data-theme="naruto"] .like-heart-particle svg {
  display: block;
  filter: drop-shadow(0 1px 2px rgba(34, 49, 79, 0.35));
}

/* ============================================================
   磨砂玻璃卡片修正（2026-09-05）：卷轴纸原为不透明底色，
   压过 .glass-card 的半透明底导致 backdrop blur 视觉失效。
   改为半透明纸色，保留纸的色相，让磨砂模糊重新可见；
   模糊强度仍由 .blur-low / .blur-medium / .blur-high 控制。
   ============================================================ */
[data-theme="naruto"] .glass-card {
  background: rgba(251, 245, 234, 0.45);
}

/* 不同模糊等级配合不同的背景透明度，让差异更明显 */
[data-theme="naruto"] .glass-card.blur-low {
  background: rgba(251, 245, 234, 0.55);
}
[data-theme="naruto"] .glass-card.blur-medium {
  background: rgba(251, 245, 234, 0.45);
}
[data-theme="naruto"] .glass-card.blur-high {
  background: rgba(251, 245, 234, 0.35);
}

/* 首页动态卡片：与个人主页一致的高模糊（后台磨砂=高 时为 20px） */
[data-theme="naruto"] #posts .glass-card {
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  backdrop-filter: blur(20px) saturate(1.2);
}

/* ============================================================
   首页动态流背景（2026-09-05）：hero 四人合影 naruto-team7.webp
   固定不随滚动移动；毛玻璃层级：卡片(20px) > 按钮(8px) > 背景(3px)
   ============================================================ */
#narutoFeedBg { display: none; }
[data-theme="naruto"] #narutoFeedBg {
  display: block;
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}
[data-theme="naruto"] #narutoFeedBg .nfb-wide {
  position: absolute; inset: 0;
}
[data-theme="naruto"] #narutoFeedBg .nfb-wide img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center 25%;
  filter: blur(6px) saturate(1.05);
  transform: scale(1.06);
}

/* 操作按钮毛玻璃（2026-09-05 调整）：模糊度低于卡片——按钮叠在卡片上，
   卡片自带 20px 垫底，按钮自身只加 2px 并提高纸底不透明度，视觉上比卡片清爽 */
[data-theme="naruto"] .post-action-btn {
  background: rgba(251, 245, 234, 0.65);
  -webkit-backdrop-filter: blur(2px) saturate(1.05);
  backdrop-filter: blur(2px) saturate(1.05);
}

/* 火影主题：玻璃卡（动态卡片等）四角圆角 */
[data-theme="naruto"] .glass-card { border-radius: 14px; }

/* 动态卡片去掉灰蓝细边框（底部阴影保留） */
[data-theme="naruto"] #posts .glass-card { border-color: transparent; }