/* 遂宁妇联前台 - 自定义组件类 * * 模板大量使用 font-display / pattern-bg / seal-tag / * seal-tag-outline / accent-bar / card-hover / ornament-divider / gradient-hero / * nav-item / nav-item.active 等自定义类，但 tailwind.min.css 是仅含工具类 + * preflight 的精简构建，main.css 也没有这些组件类定义，导致栏目高亮、置顶 * 印章标签、品牌字体、404 装饰背景等视觉元素全部失效。 * * 因 tailwind.config.js 的 plugins 数组未注册 @tailwindcss/typography * （生产构建不含 .prose 规则，富文本排版退化为浏览器默认）， * 在此文件统一以原生 CSS 补齐自定义组件类与 .prose 富文本排版，避免引入 * Tailwind 插件依赖（项目约束：Tailwind 3 已锁定，禁止额外插件运行时）。 * * 该文件由 base.html 在 tailwind.min.css 之后加载，所有规则不使用 Tailwind 指令， * 直接用原生 CSS + CSS 变量（与 tailwind.config.js 颜色对齐）。 * * 顶部「基础层」区块（[x-cloak]/body font/:focus-visible）在 * base.html 通过 tailwind.min.css + components.css 两次请求加载，保持"基础 * 在前组件在后"的覆盖顺序。 */ /* ── 基础层（基础在前组件在后）── */ /* * [x-cloak] 全局隐藏（Alpine.js 官方配套） * Alpine.js 用 defer 加载，加载完成前所有 x-show 元素默认可见，会导致子菜单 * 在初始化前以展开态闪现（FOUC），轮播暂停图标两个 SVG 同时显示。 * UOS Chromium 69-80 弱设备闪烁尤其明显。[x-cloak]{display:none!important} * 是 Alpine 官方要求的配套样式，与 x-show 配合使用：加载后 Alpine 自动移除 * x-cloak 属性，元素恢复显示。 */ [x-cloak] { display: none !important; } /* 基础重置 */ body { font-family: "Microsoft YaHei", "微软雅黑", SimSun, sans-serif; } /* UOS Chromium 老内核（69-83）