@charset "utf-8";
/**
 * 文件路径: public/static/css/token.css
 * 作用: 全站 Design Token 定义 + 极简 reset。PC / 移动双端共用本文件。
 * 依赖: 无（必须最先加载，pc.css / m.css 全部变量均来自此处）
 *
 * 说明:
 *   1. 下面第一个 :root{} 为 DEVELOP.md 第五节 5.1 的原文，不得修改；
 *   2. 第二个 :root{} 是工程落地必需的少量补充（描边色、遮罩、渐变、尺寸），
 *      由 pc.css / m.css 与 app/core/DebugBar.php 引用，同样禁止在业务 CSS 里裸写色值；
 *   3. 业务样式禁止出现 #xxx / rgb() 裸色值，一律 var(--token)。
 */

/* ===== Design Token（DEVELOP.md 5.1 原文） ===== */
:root{
  --bg:#FCFCFA; --surface:#FFFFFF; --surface-2:#F5F4F0;
  --line:#ECEAE4; --line-2:#DEDBD2;
  --ink-1:#1A1C19; --ink-2:#3A3D42; --ink-3:#6B7077; --ink-4:#A0A5AC;
  --brand:#0A9D5F; --brand-2:#088A50; --brand-ink:#056A3E; --brand-soft:#E8F7F0; --brand-line:#C5ECD6;
  --c-blue:#2F6FED;  --c-blue-soft:#EDF2FF;  --c-blue-ink:#1A4FBF;
  --c-purple:#7C5CFC; --c-purple-soft:#F2EFFF; --c-purple-ink:#5B3EC9;
  --c-orange:#F5841F; --c-orange-soft:#FFF4EA; --c-orange-ink:#B4580A;
  --c-teal:#0EA494;  --c-teal-soft:#E5FAF6;  --c-teal-ink:#0A7A6E;
  --c-pink:#E5486F;  --c-pink-soft:#FFF0F3;  --c-pink-ink:#B02A47;
  --c-red:#E5484D;   --c-red-soft:#FDECEC;   --c-red-ink:#A8272C;
  --r-ctrl:6px; --r-card:10px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(20,22,20,.04);
  --shadow:0 1px 3px rgba(20,22,20,.06),0 1px 2px rgba(20,22,20,.04);
  --shadow-md:0 4px 16px rgba(20,22,20,.08);
}

/* ===== 工程补充 Token（描边 / 遮罩 / 渐变 / 尺寸） ===== */
:root{
  /* 语义色的描边版：用于选中态边框 */
  --c-blue-line:#C9D8FF; --c-purple-line:#DCD3FF; --c-orange-line:#FFD9B0;
  --c-teal-line:#B5E7DF; --c-pink-line:#FFC8D4; --c-red-line:#F6C9CB;

  /* 品牌色上的前景色 / 半透明玻璃 / 遮罩 */
  --on-brand:#FFFFFF;
  --glass:rgba(255,255,255,.92);
  --glass-top:rgba(255,255,255,.94);
  --mask:rgba(20,22,20,.28);
  --mask-strong:rgba(20,22,20,.45);

  /* 楼层头图渐变（16:9 故事卡 / 缩略图占位，共 8 组循环取用） */
  --grad-1:linear-gradient(135deg,#667eea,#764ba2);
  --grad-2:linear-gradient(135deg,#1a1a2e,#16213e);
  --grad-3:linear-gradient(135deg,#f093fb,#f5576c);
  --grad-4:linear-gradient(135deg,#a18cd1,#fbc2eb);
  --grad-5:linear-gradient(135deg,#43e97b,#38f9d7);
  --grad-6:linear-gradient(135deg,#4facfe,#00f2fe);
  --grad-7:linear-gradient(135deg,#fa709a,#fee140);
  --grad-8:linear-gradient(135deg,#ffecd2,#fcb69f);

  /* 论坛会员头像渐变（白绿色系 8 组循环取用，供在线会员墙 / 作者头像区分） */
  --grad-g1:linear-gradient(135deg,#0A9D5F,#088A50);
  --grad-g2:linear-gradient(135deg,#088A50,#056A3E);
  --grad-g3:linear-gradient(135deg,#0EA494,#0A7A6E);
  --grad-g4:linear-gradient(135deg,#14B8A6,#0EA494);
  --grad-g5:linear-gradient(135deg,#34D399,#0A9D5F);
  --grad-g6:linear-gradient(135deg,#6EE7B7,#0EA494);
  --grad-g7:linear-gradient(135deg,#0A9D5F,#0EA494);
  --grad-g8:linear-gradient(135deg,#A7F3D0,#0A9D5F);

  /* 层级阴影（抽屉 / 浮窗） */
  --shadow-lg:0 8px 30px rgba(20,22,20,.10);

  /* 尺寸 */
  --top-h:56px;      /* PC 顶栏高度 */
  --mtop-h:52px;     /* 移动顶栏高度 */
  --mtab-h:56px;     /* 移动底部 tabbar 高度 */
  --wrap:1200px;     /* PC 内容区宽度 */
}

/* ===== 极简 Reset ===== */
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--ink-2);-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit;}
input,textarea,select{font:inherit;color:inherit;}
ul,ol{margin:0;padding:0;list-style:none;}
img{max-width:100%;border:0;vertical-align:middle;}
h1,h2,h3,h4,p{margin:0;}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;}
.num{font-variant-numeric:tabular-nums;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill);border:2px solid var(--bg);}
::-webkit-scrollbar-track{background:transparent;}