/* tokens.css — 由 style.css 第 1-50 行切分（模块化②，保持原顺序）。link 顺序即层叠顺序，勿乱序。 */
/* 方舟网 · ARK中文站 —— 统一外壳样式（曜石暗色主题）
   融合：主菜单外壳 + 服务器查询 + 方舟编年史 */

:root{
  --obsidian:#070d10; --obsidian-2:#0b161b; --panel:rgba(14,26,31,.72);
  --stone:#d6cfbf; --stone-dim:#8a8576;
  --red:#e8473b; --blue:#3fa9f5; --green:#6fcf4f; --gold:#e0b341;
  --text:#eaf0ec; --muted:rgba(234,240,236,.68); --muted-2:rgba(234,240,236,.48);
  --line:rgba(214,207,191,.18);
  /* 语义色：页面只依赖用途，不直接依赖具体灰阶 */
  --surface-page:var(--obsidian); --surface:rgba(8,16,20,.68); --surface-raised:rgba(14,26,31,.88);
  --text-strong:#f2f5f2; --text-body:var(--text); --text-muted:var(--muted); --text-disabled:rgba(234,240,236,.38);
  --text-reading:rgba(234,240,236,.82); --text-reading-muted:rgba(234,240,236,.66);
  --border:var(--line); --border-strong:rgba(214,207,191,.3); --focus:var(--blue);
  /* 语义评价色（工具好/中/差，收敛散落的硬编码 hex） */
  --good:#6fcf4f; --mid:#d6cfbf; --bad:#d98a8a;
  --serif:"Noto Serif SC",serif; --sans:"Inter","Noto Serif SC",sans-serif;
  /* 字体规格：除展示型 Hero 外，界面只能使用以下字号档位。 */
  --fs-11:11px; --fs-12:12px; --fs-14:14px; --fs-16:16px;
  --fs-20:20px; --fs-24:24px; --fs-30:30px;
  --fs-hero:clamp(40px,6vw,64px);
  /* 间距、控件与层级 */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px;
  --control-h:40px; --touch-h:44px; --mobile-header-h:64px; --desktop-nav-w:256px;
  --z-bg:0; --z-content:2; --z-nav:20; --z-float:30; --z-modal:40; --z-toast:50;
  --ease-standard:cubic-bezier(.2,.8,.2,1); --duration-fast:150ms; --duration-panel:280ms;
  /* 圆角档位（统一收敛散乱圆角） */
  --r-sm:6px; --r-md:10px; --r-lg:14px;
}
*{box-sizing:border-box;margin:0;padding:0}
/* 全站统一隐藏滚动条（保留滚动功能）：表格 / 详情弹窗 / 编年史左栏等 */
*{scrollbar-width:none; -ms-overflow-style:none}
*::-webkit-scrollbar{width:0; height:0; display:none}
/* 长内容容器单独恢复细滚动条（全站隐藏的例外）：长列表/弹窗/工具/攻略/小说阅读 */
.tw, .modal-card, #toolsRoot, #guidesRoot, .story-novel{scrollbar-width:thin; scrollbar-color:var(--line) transparent}
.tw::-webkit-scrollbar,
.modal-card::-webkit-scrollbar,
#toolsRoot::-webkit-scrollbar,
#guidesRoot::-webkit-scrollbar,
.story-novel::-webkit-scrollbar{width:6px; height:6px; display:block}
.tw::-webkit-scrollbar-thumb,
.modal-card::-webkit-scrollbar-thumb,
#toolsRoot::-webkit-scrollbar-thumb,
#guidesRoot::-webkit-scrollbar-thumb,
.story-novel::-webkit-scrollbar-thumb{background:rgba(214,207,191,.22); border-radius:3px}
.tw::-webkit-scrollbar-thumb:hover,
.modal-card::-webkit-scrollbar-thumb:hover,
#toolsRoot::-webkit-scrollbar-thumb:hover,
#guidesRoot::-webkit-scrollbar-thumb:hover,
.story-novel::-webkit-scrollbar-thumb:hover{background:rgba(214,207,191,.38)}
.tw::-webkit-scrollbar-track,
.modal-card::-webkit-scrollbar-track,
#toolsRoot::-webkit-scrollbar-track,
#guidesRoot::-webkit-scrollbar-track,
.story-novel::-webkit-scrollbar-track{background:transparent}
html,body{height:100%; max-width:100%}
body{
  font-family:var(--sans); color:var(--text); background:var(--obsidian);
  overflow:hidden; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
/* 键盘可达性：仅键盘聚焦时显示焦点环（鼠标点击不显示，不破坏视觉） */
:focus-visible{outline:2px solid var(--blue); outline-offset:2px; border-radius:4px}
.ipt2:focus-visible,.ipt:focus-visible{outline-offset:0}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important}
}