/*
 * 法星图 CMS — 统一固定排版 (Readability)
 * 目标：全站固定、统一、舒适的阅读字号，无需用户自行调节。
 *   - 导航菜单 / 正文 / 文章 显著放大
 *   - 桌面根字号 18px、手机 17px（等比放大所有 rem 类，整体更舒展）
 *   - 装饰性小标签（英文 eyebrow）给可读下限，避免“看不见”
 * 这是字体/阅读体验的唯一调整入口：改这里即可全局生效。
 *
 * 注意：Tailwind 任意值类（text-[9px]、max-w-[1800px]）在 CSS 选择器中
 * 必须转义中括号为 \[ 与 \]，否则选择器无效。
 */

:root {
    /* 基础字号：桌面 18px / 手机 17px，比浏览器默认 16px 更利于中文长文阅读 */
    --reading-base: 18px;
}

html {
    font-size: var(--reading-base);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 正文行高：中文阅读舒适区间 1.8–1.9 */
body {
    line-height: 1.8;
    font-weight: 400;
}

/* ---- 统一字号下限（覆盖 Tailwind 默认过小的值）----
   Tailwind 文字类基于 rem，用 !important 确保覆盖 CDN 注入的样式。
   桌面前提（root 18px）：
     .8125rem = 14.6px   保留给装饰性英文小标签的可读下限
     .9375rem = 16.9px   导航辅助 / 次级
     1rem     = 18px     导航菜单
     1.0625rem= 19.1px   正文 / 文章主体
     1.125rem = 20.25px  基础强调
*/
.text-\[8px],
.text-\[9px],
.text-\[10px] { font-size: 0.8125rem !important; }   /* ≥14.6px (原 8–10px) */
.text-\[11px] { font-size: 0.9375rem !important; }   /* 16.9px (原 11px) */
.text-\[12px] { font-size: 1rem !important; }        /* 18px    (原 12px) */
.text-xs     { font-size: 0.9375rem !important; }    /* 16.9px  (原 12px) */
.text-sm     { font-size: 1.0625rem !important; }    /* 19.1px  (原 14px) */
.text-base   { font-size: 1.125rem !important; }     /* 20.25px (原 16px) */

/* 正文段落与列表：继承放大后的基准，长文更顺眼 */
p, li { font-size: inherit; }

/* ---- 导航栏：固定统一、清晰可点 ---- */
nav a,
nav .font-bold,
nav .space-x-8 > * {
    font-size: 1rem !important;            /* 18px 导航菜单 */
    letter-spacing: 0.12em !important;
}
/* 顶部品牌副标与 CTA 也保持可读下限 */
nav .text-\[9px],
nav .text-\[10px] { font-size: 0.8125rem !important; }

/* ---- 文章 / 详情正文：专业资讯级阅读尺寸 ---- */
.prose,
.prose p,
.prose li { font-size: 1.0625rem !important; line-height: 1.9; }
article p,
.article-body p,
.content p,
.leading-relaxed { line-height: 1.9 !important; }

/* 标题在中文站点适当收紧行高，避免大标题过疏 */
h1, h2, h3, h4, h5, h6 { line-height: 1.3; }

/* 底部预览提示条 */
.preview-banner { font-size: 13px !important; letter-spacing: 0.08em !important; }

/* ---- 手机端预览优化（仍为固定字号，不依赖用户调节） ---- */
@media (max-width: 768px) {
    :root { --reading-base: 17px; }

    /* 导航/容器在小屏留出安全边距，避免文字贴边 */
    .max-w-\[1800px] { padding-left: 1.25rem !important; padding-right: 1.25rem !important; }

    /* 顶栏在手机上略增高，菜单/按钮文字更清晰 */
    nav .max-w-\[1800px] { height: 4rem !important; }

    /* 手机单栏：正文与导航保持舒适，不缩水 */
    nav a, nav .font-bold, nav .space-x-8 > * { font-size: 1rem !important; }
    .text-sm { font-size: 1rem !important; }   /* 移动端正文 17px */
}