/*
 * home-polish.css — 首页整体视觉美化（黑金浮雕统一层）
 * 版本：20260925_home_polish_v1_1（v1 视觉 + 交互体感）
 * 规范：docs/mcp-site-main-visual-style.md（石墨黑灰 + 低饱和香槟金 + 暖白）
 * 原则：
 *   - 只改颜色 / 边框 / 阴影 / 圆角 / 质感，不改宽高、栅格、间距与交互，布局零位移。
 *   - solid-first：全部实色 #hex / rgba()，不使用 color-mix()、:has()、dvh（Edge 100 可解析）。
 *   - 深色主题（黑金 / 深色）生效；浅色主题只修正导航选中色。
 *   - 选择器前缀特异性 (0,5,3)+，高于原主题层 (0,5,2)，须在所有首页 CSS 之后加载。
 *   - 回滚：模板中删除本文件的 <link> 即可完全恢复原样。
 */

/* ---------- 0. 局部变量 ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home {
  --xp-bg: #111111;
  --xp-panel: #1b1b1b;
  --xp-panel-2: #171717;
  --xp-card: #242423;
  --xp-card-2: #1d1d1c;
  --xp-line: #333332;
  --xp-line-2: #3f3e3c;
  --xp-edge: #4a4947;
  --xp-gold: #dbc18c;
  --xp-gold-deep: #8b7b4d;
  --xp-text: #f0eee7;
  --xp-muted: #a8a7a6;
}

/* ---------- 1. 页面底 ---------- */
html:not([data-theme="light"]) body.home-page-shell,
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home {
  background-color: #111111 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home {
  background-image:
    radial-gradient(1200px 520px at 50% -180px, rgba(219, 193, 140, 0.06), rgba(219, 193, 140, 0) 70%),
    linear-gradient(180deg, #131313 0%, #111111 420px) !important;
  background-repeat: no-repeat !important;
}

/* ---------- 2. 分区面板（浮雕底座） ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-section {
  background-color: #1a1a1a !important;
  background-image: linear-gradient(180deg, #1e1e1d 0%, #191919 100%) !important;
  border-color: #313130 !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    inset 0 -1px 0 rgba(0, 0, 0, 0.5),
    0 10px 26px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-section::before,
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-section:nth-of-type(2n)::before,
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-section:nth-of-type(2n+1)::before {
  background: radial-gradient(420px 160px at 0 0, rgba(219, 193, 140, 0.05), rgba(219, 193, 140, 0) 70%) !important;
}

/* ---------- 3. 分区标题 ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-section-title {
  border-bottom-color: transparent !important;
  background-image: linear-gradient(90deg, rgba(219, 193, 140, 0.42) 0, rgba(139, 123, 77, 0.28) 120px, #2c2c2b 260px, rgba(44, 44, 43, 0) 100%) !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  background-size: 100% 1px !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-section-title h2 {
  color: #f0eee7 !important;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6), 0 -1px 0 rgba(255, 255, 255, 0.04) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-section-title > span {
  background: #dbc18c !important;
  background-image: linear-gradient(180deg, #ecd6a4 0%, #c6a36a 100%) !important;
  box-shadow: 0 0 10px rgba(219, 193, 140, 0.28) !important;
  border-radius: 2px !important;
}

/* ---------- 4. 工具卡片 ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-card {
  background-color: #222221 !important;
  background-image: linear-gradient(180deg, #262625 0%, #1c1c1b 100%) !important;
  border-color: #3a3938 !important;
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 6px 16px rgba(0, 0, 0, 0.34) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home a.xl-tool-card:hover,
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home a.xl-tool-card:focus-visible {
  border-color: #8b7b4d !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 0 0 1px rgba(219, 193, 140, 0.16),
    0 12px 26px rgba(0, 0, 0, 0.45),
    0 0 22px rgba(219, 193, 140, 0.08) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home a.xl-tool-card:focus-visible {
  outline: 1px solid #e1c488 !important;
  outline-offset: 2px;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-image {
  border-radius: 13px 13px 0 0 !important;
  background-color: #151515 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-info {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 #2f2f2e, inset 0 2px 0 rgba(255, 255, 255, 0.03) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-copy h3 {
  color: #f0eee7 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.55) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home a.xl-tool-card:hover .xl-tool-copy h3 {
  color: #ecd6a4 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-copy p {
  color: #999998 !important;
}

/* 卡片右下箭头 */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-link-arrow {
  background-color: #1a1a19 !important;
  background-image: linear-gradient(180deg, #2a2a29 0%, #1a1a19 100%) !important;
  border: 1px solid #4a4947 !important;
  color: #d6d5d3 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 2px 5px rgba(0, 0, 0, 0.4) !important;
  transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home a.xl-tool-card:hover .xl-tool-link-arrow {
  background-color: #c6a36a !important;
  background-image: linear-gradient(180deg, #e6ce9a 0%, #c6a36a 100%) !important;
  border-color: #e1c792 !important;
  color: #28281c !important;
}

/* 限免徽标：小面积香槟金 */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-free-badge {
  background-color: #c6a36a !important;
  background-image: linear-gradient(180deg, #ead5a6 0%, #c6a36a 100%) !important;
  color: #28281c !important;
  border: 1px solid rgba(255, 240, 205, 0.55) !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45) !important;
}

/* 维护中：石墨 + 细斜纹，不再偏蓝 */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-card.is-maintenance {
  background-image: linear-gradient(180deg, #212120 0%, #1a1a19 100%) !important;
  border-style: dashed !important;
  border-color: #3f3e3c !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-maintenance-mask {
  background-color: #1d1d1c !important;
  background-image: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0, rgba(255, 255, 255, 0.025) 6px, rgba(0, 0, 0, 0) 6px, rgba(0, 0, 0, 0) 12px) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-maintenance-label {
  color: #d6d5d3 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-maintenance-hint {
  color: #8f8e8c !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-card.is-maintenance .xl-tool-copy h3 {
  color: #9a9997 !important;
}

/* ---------- 5. 左侧分类导航 ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-track {
  background-color: #1a1a1a !important;
  background-image: linear-gradient(180deg, #1e1e1d 0%, #181818 100%) !important;
  border-color: #313130 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 10px 24px rgba(0, 0, 0, 0.32) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link {
  border-radius: 9px !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link .xl-category-rail-label {
  color: #a8a7a6 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link .xl-category-rail-dot {
  background: #4a4947 !important;
  box-shadow: none !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link:hover {
  background-color: #232322 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link:hover .xl-category-rail-label {
  color: #f0eee7 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link.is-active {
  background-color: #262522 !important;
  background-image: linear-gradient(90deg, rgba(219, 193, 140, 0.14) 0%, rgba(219, 193, 140, 0) 100%) !important;
  box-shadow: inset 2px 0 0 #c6a36a !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link.is-active .xl-category-rail-label {
  color: #dbc18c !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link.is-active .xl-category-rail-dot {
  background: #dbc18c !important;
  box-shadow: 0 0 0 3px rgba(219, 193, 140, 0.16), 0 0 8px rgba(219, 193, 140, 0.4) !important;
}

/* ---------- 6. 日期 / 进度卡 ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-home-time-card .xl-side-card {
  background-color: #1a1a1a !important;
  background-image:
    radial-gradient(260px 120px at 50% 0, rgba(219, 193, 140, 0.07), rgba(219, 193, 140, 0) 70%),
    linear-gradient(180deg, #1f1f1e 0%, #181818 100%) !important;
  border-color: #3a3833 !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 10px 26px rgba(0, 0, 0, 0.32) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-time-month,
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-time-date span {
  color: #a8a7a6 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-time-date strong {
  color: #dbc18c !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6), 0 0 16px rgba(219, 193, 140, 0.18) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-time-progress-head span {
  color: #d6d5d3 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-time-progress-head strong {
  color: #f0eee7 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-time-progress-track {
  background: #2a2a29 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6) !important;
  border-color: transparent !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home [data-progress-unit="day"] .xl-time-progress-track i {
  background: #8b7b4d !important;
  background-image: linear-gradient(90deg, #6f6240 0%, #a8925c 100%) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home [data-progress-unit="month"] .xl-time-progress-track i {
  background: #c6a36a !important;
  background-image: linear-gradient(90deg, #a8925c 0%, #dbc18c 100%) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home [data-progress-unit="year"] .xl-time-progress-track i {
  background: #dbc18c !important;
  background-image: linear-gradient(90deg, #c6a36a 0%, #efdcb0 100%) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-time-progress-track i {
  box-shadow: 0 0 8px rgba(219, 193, 140, 0.25) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-home-signin-button {
  background-color: #c6a36a !important;
  background-image: linear-gradient(180deg, #e6ce9a 0%, #c6a36a 100%) !important;
  border: 1px solid #e1c792 !important;
  color: #28281c !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-home-signin-button:hover {
  background-color: #ead5a6 !important;
  background-image: linear-gradient(180deg, #efdcb0 0%, #d2b27a 100%) !important;
}

/* ---------- 7. 更新日志 ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-side-updates-card {
  background-color: #1a1a1a !important;
  background-image: linear-gradient(180deg, #1e1e1d 0%, #181818 100%) !important;
  border-color: #313130 !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 10px 26px rgba(0, 0, 0, 0.32) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-side-head h2 {
  color: #f0eee7 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6) !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-side-head a {
  color: #a8a7a6 !important;
  transition: color 0.2s ease !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-side-head a:hover {
  color: #dbc18c !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-notice-item {
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-notice-item:hover {
  background-color: #222221 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-notice-item h3 {
  color: #f0eee7 !important;
  text-shadow: none !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-notice-item:hover h3 {
  color: #ecd6a4 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-notice-item p {
  color: #999998 !important;
}
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-side-item-meta {
  color: #dbc18c !important;
}

/* ---------- 8. 顶部横幅：去掉偏黄描边，与面板统一 ---------- */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-hero {
  border-color: #4a4640 !important;
  border-radius: 16px !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 30px rgba(0, 0, 0, 0.4) !important;
}

/* ---------- 9. 浅色主题：仅修正导航选中色（原为绿色） ---------- */
html[data-theme="light"] body.home-page-shell main.xl-home .xl-category-rail-link.is-active .xl-category-rail-label {
  color: #7a6331 !important;
}

/* =====================================================================
 * 10. 交互体感升级（v1.1）
 *   - 只用 transform / opacity / 颜色 / 阴影，不改变布局尺寸。
 *   - 悬停动效只对精确指针（鼠标）生效，触屏只保留按压反馈，避免“粘住的悬停”。
 *   - 维护中卡片保持静止；尊重 prefers-reduced-motion。
 * ===================================================================== */
@keyframes xpRise {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes xpBarGrow {
  from { transform: scaleY(0.2); opacity: 0.4; }
  to   { transform: scaleY(1); opacity: 1; }
}
@keyframes xpSweep {
  from { transform: translateX(-130%) skewX(-18deg); opacity: 0; }
  20%  { opacity: 1; }
  to   { transform: translateX(260%) skewX(-18deg); opacity: 0; }
}
@keyframes xpDotPing {
  0%   { box-shadow: 0 0 0 0 rgba(219, 193, 140, 0.55), 0 0 8px rgba(219, 193, 140, 0.4); }
  100% { box-shadow: 0 0 0 9px rgba(219, 193, 140, 0), 0 0 8px rgba(219, 193, 140, 0.4); }
}

/* 10.1 卡片：统一过渡曲线，去掉触屏灰色点击高亮 */
html[data-theme] body.home-page-shell main.xl-home .xl-tool-card {
  -webkit-tap-highlight-color: transparent;
}
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance) {
  transition:
    transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1),
    border-color 0.2s ease,
    box-shadow 0.28s ease,
    background-color 0.2s ease !important;
}
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance) picture img,
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance) .xl-tool-image-side {
  transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.3s ease !important;
}
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card .xl-tool-link-arrow svg {
  transition: transform 0.24s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
}

/* 10.2 图片区扫光层（悬停时一次性掠过，不遮挡徽标） */
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance) .xl-tool-image-pair {
  position: relative;
}
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance) .xl-tool-image-pair::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 42%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, rgba(255, 244, 214, 0) 0%, rgba(255, 244, 214, 0.22) 50%, rgba(255, 244, 214, 0) 100%);
  transform: translateX(-130%) skewX(-18deg);
}

/* 10.3 鼠标设备：悬停上浮 + 图片微放大 + 扫光 + 箭头前探 + 跟随光 */
@media (hover: hover) and (pointer: fine) {
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover {
    transform: translateY(-4px) !important;
  }
  html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover {
    background-image:
      radial-gradient(180px 110px at var(--xp-x, 50%) var(--xp-y, 120%), rgba(219, 193, 140, 0.13), rgba(219, 193, 140, 0) 70%),
      linear-gradient(180deg, #292928 0%, #1e1e1d 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.09),
      0 0 0 1px rgba(219, 193, 140, 0.18),
      0 18px 34px rgba(0, 0, 0, 0.5),
      0 0 26px rgba(219, 193, 140, 0.09) !important;
  }
  html[data-theme="light"] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover {
    box-shadow: 0 14px 30px rgba(60, 50, 30, 0.14), 0 0 0 1px rgba(157, 137, 93, 0.35) !important;
  }
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover picture img,
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover .xl-tool-image-side {
    transform: scale(1.06) !important;
  }
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover .xl-tool-image-pair::after {
    animation: xpSweep 0.9s cubic-bezier(0.3, 0.6, 0.2, 1) 0.05s 1 backwards;
  }
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover .xl-tool-link-arrow svg {
    transform: translateX(2px) !important;
  }

  /* 左侧导航：标签轻推 */
  html[data-theme] body.home-page-shell main.xl-home .xl-category-rail-link .xl-category-rail-label,
  html[data-theme] body.home-page-shell main.xl-home .xl-category-rail-link .xl-category-rail-dot {
    transition: transform 0.22s cubic-bezier(0.2, 0.7, 0.2, 1), color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
  }
  html[data-theme] body.home-page-shell main.xl-home .xl-category-rail-link:hover .xl-category-rail-label {
    transform: translateX(3px);
  }
  html[data-theme] body.home-page-shell main.xl-home .xl-category-rail-link:hover .xl-category-rail-dot {
    transform: scale(1.35);
  }

  /* 更新日志：内容轻推 + 时间轴点亮 */
  html[data-theme] body.home-page-shell main.xl-home .xl-notice-item .xl-notice-body {
    transition: transform 0.24s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
  }
  html[data-theme] body.home-page-shell main.xl-home .xl-notice-item:hover .xl-notice-body {
    transform: translateX(3px);
  }
  html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-notice-item:hover .xl-notice-dot {
    background: #dbc18c !important;
    border-color: #dbc18c !important;
    box-shadow: 0 0 0 3px rgba(219, 193, 140, 0.18), 0 0 8px rgba(219, 193, 140, 0.45) !important;
  }

  /* 签到按钮：上浮 1px */
  html[data-theme] body.home-page-shell main.xl-home .xl-home-signin-button:hover {
    transform: translateY(-1px);
  }
}

/* 10.4 按压反馈（所有设备） */
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):active {
  transform: translateY(-1px) scale(0.985) !important;
  transition-duration: 0.08s !important;
}
html[data-theme] body.home-page-shell main.xl-home .xl-category-rail-link:active {
  transform: scale(0.97);
}
html[data-theme] body.home-page-shell main.xl-home .xl-notice-item:active {
  transform: scale(0.99);
}
html[data-theme] body.home-page-shell main.xl-home .xl-home-signin-button:active {
  transform: translateY(1px) scale(0.97) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25) !important;
}

/* 10.5 分区出现时：标题金条生长 + 卡片依次浮现（仅入场一次，结束后释放 transform） */
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section.is-visible .xl-section-title > span {
  transform-origin: 50% 100%;
  animation: xpBarGrow 0.5s cubic-bezier(0.2, 0.7, 0.2, 1) 1 backwards;
}
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section.is-visible .xl-tool-card {
  animation: xpRise 0.46s cubic-bezier(0.2, 0.7, 0.2, 1) 1 backwards;
}
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section.is-visible .xl-tool-card:nth-child(2) { animation-delay: 0.04s; }
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section.is-visible .xl-tool-card:nth-child(3) { animation-delay: 0.08s; }
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section.is-visible .xl-tool-card:nth-child(4) { animation-delay: 0.12s; }
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section.is-visible .xl-tool-card:nth-child(5) { animation-delay: 0.16s; }
html[data-theme] body.home-page-shell main.xl-home .xl-tool-section.is-visible .xl-tool-card:nth-child(n+6) { animation-delay: 0.2s; }

/* 10.6 导航选中点：切换时一次金色波纹 */
html[data-theme]:not([data-theme="light"]) body.home-page-shell main.xl-home .xl-category-rail-link.is-active .xl-category-rail-dot {
  animation: xpDotPing 0.7s ease-out 1;
}

/* 10.7 键盘焦点：统一细金轮廓 */
html[data-theme] body.home-page-shell main.xl-home .xl-category-rail-link:focus-visible,
html[data-theme] body.home-page-shell main.xl-home .xl-notice-item:focus-visible,
html[data-theme] body.home-page-shell main.xl-home .xl-home-signin-button:focus-visible {
  outline: 2px solid #e1c488 !important;
  outline-offset: 2px;
}

/* 10.8 减少动态效果 */
@media (prefers-reduced-motion: reduce) {
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-card,
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-card picture img,
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-card .xl-tool-image-side,
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-card .xl-tool-image-pair::after,
  html[data-theme] body.home-page-shell main.xl-home .xl-section-title > span,
  html[data-theme] body.home-page-shell main.xl-home .xl-category-rail-dot,
  html[data-theme] body.home-page-shell main.xl-home .xl-notice-body {
    animation: none !important;
    transition-duration: 0.01s !important;
  }
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover,
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover picture img,
  html[data-theme] body.home-page-shell main.xl-home .xl-tool-section a.xl-tool-card:not(.is-maintenance):hover .xl-tool-image-side {
    transform: none !important;
  }
}