/* ============================================================ Maison Aurelia — 轻奢极简自定义样式表 (style.css) 仅承载 Tailwind 无法优雅表达的部分。 ------------------------------------------------------------ 模块分组索引 [字体] 本地化 @font-face（Google Fonts 已下载至 fonts/ 目录） [全局通用] 基础重置 / 选区 / RTL 字距 [导航] 悬浮导航栏 / 内页实背景导航 / 链接微动效 [Hero] 全屏电影感轮播 / 文案 / 圆点 [动效] 轻奢按钮 / 图片慢缩放 / 图片淡入加载 [开发占位] .overflow-hidden / .placeholder-wrap（上线删除） [Collection] 筛选标签 [多语言] 国旗 / 下拉菜单 / 页脚行内按钮 [移动端] 汉堡按钮 / 全屏菜单 [动画] 滚动显现 reveal [页脚] 链接 / 社媒 [组件] 返回顶部按钮 [无障碍] prefers-reduced-motion ============================================================ */ /* ---------- [全局通用] 基础 ---------- */ html { scroll-behavior: smooth; } ::selection { background: rgba(201, 185, 154, 0.25); /* 香槟金极淡选区 */ color: inherit; } body { text-rendering: optimizeLegibility; } /* 阿拉伯语环境下微调字距（阿拉伯字符不适合过宽字距） */ html[dir="rtl"] body { letter-spacing: 0 !important; } html[dir="rtl"] .tracking-\[0\.5em\], html[dir="rtl"] .tracking-\[0\.35em\], html[dir="rtl"] .tracking-\[0\.3em\], html[dir="rtl"] .tracking-\[0\.25em\] { letter-spacing: 0.08em !important; } /* ---------- [导航] 悬浮导航栏 ---------- */ #navbar { transition: background-color 0.7s ease, border-color 0.7s ease, backdrop-filter 0.7s ease; border-bottom: 1px solid transparent; } /* 滚动后：哑光炭黑轻奢底色（由 JS 添加 .scrolled） */ #navbar.scrolled { background: rgba(28, 27, 25, 0.9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom-color: rgba(255, 255, 255, 0.06); } /* 内页导航：不透明炭黑实背景（覆盖上方 .scrolled 半透明逻辑）仅作用于带 .bg-ink 类的 header（内页 relative 实背景导航）；首页 #navbar 无 .bg-ink，保持透明悬浮叠加 Hero 不受影响。原由各内页内联