/* ════════════════════════════════════════════════════════════
   开心格 · 像素艺术样式「存储单元」
   ─────────────────────────────────────────────────────────────
   本网站所有像素风（pixel-art）的样式集中存放于此文件。
   配套：
     · SVG 资源    → app/templates/partials/pixel_art.html（Jinja 宏）
     · 设计说明文档 → docs/PIXEL_ART.md
   引入：base.html 在 style.css 之后加载本文件，故全站可用。
   ════════════════════════════════════════════════════════════ */

:root {
  /* 像素调色板（与品牌色协调，集中定义便于换肤） */
  --px-gold:        #FFC72C;  /* 金主色（奖杯） */
  --px-gold-light:  #FFE899;  /* 金高光 */
  --px-gold-dark:   #E0A21A;  /* 金描边/阴影 */
  --px-red:         #FF5A5A;  /* 红（旗面，= --red） */
  --px-yellow:      #FFD93D;  /* 黄（星星，= --yellow） */
  --px-wood:        #8A6240;  /* 旗杆木色 */
  --px-wood-dark:   #6B4A2E;  /* 旗杆暗部 */
}

/* 所有像素图共用：缩放时保持硬边、不抗锯齿 */
.pixel-art {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  display: inline-block;
  vertical-align: middle;
}

/* ── 像素国旗（侧栏「爱国者」图标） ── */
.pixel-flag {
  filter: drop-shadow(0 1px 0 rgba(0,0,0,0.12));
  transition: transform 0.2s ease;
}
.sidebar-item:hover .pixel-flag,
.sidebar-item.active .pixel-flag {
  transform: translateY(-1px) rotate(-3deg);
}

/* ── 像素二级图标（侧栏子菜单，统一灰色、无彩色） ── */
.pixel-subicon {
  opacity: 0.9;
}
.sidebar-subitem.active .pixel-subicon { opacity: 1; }

/* ── 像素奖杯（竞赛入口/成绩页） ── */
.pixel-trophy {
  filter: drop-shadow(0 3px 0 rgba(200,130,20,0.55));
  animation: pxTrophyBob 2.4s ease-in-out infinite;
}
@keyframes pxTrophyBob {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}