/*
---
generated_by: GLM-5.3 (ZCode agent, Reflect experience v2 Task 2)
date: 2026-09-14
core_logic: Reflect 体验 v2 全局基线——border-box 盒模型基线、body 纸张底 + 静止噪点颗粒（demo body::before 手法，opacity ≤.22 multiply）、排版基线（正文 16px/1.6 sans）、:focus-visible、::selection。永不执行 prefers-reduced-motion（2026-09-18 拍板红线）。仅 body.reflect-app 作用域生效。
test_record: Playwright 2 lang(en/zh-CN) × 2 viewport(390×844/1280×900) × 9 路由(#/ #/cards #/reflect #/shop #/you #/chart #/learn/transits #/settings #/start)：scrollWidth≤clientWidth 全绿（390 档 422 溢出由缺 border-box 引起，本文件补基线修复）；噪点静止（无 animation）；reduced-motion 模拟下降级生效（2026-09-14）。
recent_changes:
  - 2026-09-14: 初版——纸底/噪点/排版基线/焦点/选区/reduced-motion。
  - 2026-09-14: 补 body.reflect-app 作用域 border-box 盒模型基线（验证 D 暴露：静态伺服下 tailwind 404 时 width:100%+padding 溢出视口 32px）。
---
*/

/* 盒模型基线：border-box 全局（生产由 tailwind preflight 提供；此处自带，
   防加载链尾部的 tailwind.css 缺失/延迟时 width:100%+padding 溢出视口） */
body.reflect-app *,
body.reflect-app *::before,
body.reflect-app *::after {
  box-sizing: border-box;
}

html {
  /* 纸张环境色：overscroll 回弹露出的底色与纸一致（demo 金样同值） */
  background: #cfc8bb;
}

body.reflect-app {
  margin: 0;
  min-height: 100vh;
  color: var(--reflect-ink);
  /* 纸张底：左上高光 + 极淡苔绿斜洗 + 纸色（demo body 手法，静止） */
  background:
    radial-gradient(circle at 14% 7%, rgba(255, 255, 255, .78), transparent 34rem),
    linear-gradient(118deg, rgba(82, 107, 86, .07), transparent 44%),
    var(--reflect-paper);
  font-family: var(--reflect-sans);
  font-size: 16px;          /* GC#6：正文手机 ≥16px */
  line-height: 1.6;         /* 1.55–1.75 区间 */
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

/* 纸张噪点颗粒：repeating gradients，opacity ≤.22，mix-blend multiply，固定静止（禁动画） */
body.reflect-app::before {
  content: "";
  position: fixed;
  z-index: 30;              /* 压过内容纸面，低于弹层（#lang-pop z60 / #account-dropdown z50） */
  inset: 0;
  pointer-events: none;
  opacity: .2;
  mix-blend-mode: multiply;
  background-image:
    repeating-radial-gradient(circle at 31% 41%, rgba(18, 24, 20, .1) 0 .45px, transparent .62px 3.2px),
    repeating-linear-gradient(97deg, rgba(255, 255, 255, .14) 0 1px, transparent 1px 6px);
  background-size: 5px 5px, 13px 13px;
}

/* 链接继承墨色；下划线细而离字（页面级链接样式仍归各页） */
body.reflect-app a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* 选区：苔绿底纸白字（demo 同语言） */
body.reflect-app ::selection {
  color: var(--reflect-paper-light);
  background: var(--reflect-moss);
}

/* 焦点指示：陶锈描边（对纸底对比 ≈5:1 ≥3:1），全局兜底；组件可加细更强的同值描边 */
body.reflect-app :focus-visible {
  outline: 2px solid var(--reflect-rust);
  outline-offset: 2px;
}

/* 2026-09-18 拍板：全站永不执行 prefers-reduced-motion（AGENTS.md 红线），原全局降级块已删 */