/* ==========================================================================
   Cawan Mas - 全局通用样式 (Global Styles)
   ========================================================================== */

/* 1. 强制隐藏所有滚动条 (Chrome / Safari / Firefox / Edge / 移动端) */
html,
body,
*,
*::before,
*::after {
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;     /* Firefox */
}

::-webkit-scrollbar,
*::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  background: transparent !important;
}

/* 2. 页面基础 */
html {
  scroll-behavior: smooth;
}

/* ⭐️ 3. 全局默认字体体系：除蓝色与金色大标题外，全站所有普通字体一律使用 Jost */
body {
  overflow-x: hidden;
  font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

/* ⭐️ 4. 仅限蓝色与金色大标题专属：Playfair Display 经典衬线大字体（包含内部所有 span/em/b） */
.font-serif,
.font-serif *,
h1.font-serif,
h2.font-serif,
h3.font-serif,
.heading-title,
.hero-title,
.section-title {
  font-family: 'Playfair Display', Didot, Georgia, 'Times New Roman', serif !important;
  font-feature-settings: "liga" 1, "dlig" 1, "calt" 1;
  font-variant-ligatures: common-ligatures discretionary-ligatures contextual;
  text-rendering: optimizeLegibility;
}

/* 中文专属优雅降级 */
.font-chinese {
  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}

/* 5. 页面容器基准 */
.page-view {
  width: 100%;
}

/* 6. 头部导航专属精确字重与颜色 (使用 Jost) */
.nav-link-active {
  font-family: 'Jost', sans-serif !important;
  font-weight: 700 !important;
  color: #e9a166 !important;
}

.nav-link-inactive {
  font-family: 'Jost', sans-serif !important;
  font-weight: 500 !important;
  color: #123a7a !important;
  transition: color 0.2s ease;
}

.nav-link-inactive:hover {
  color: #e9a166 !important;
}

/* 7. 硬件加速与性能优化 (GPU Compositing & Smooth 60fps Rendering) */
#story-track,
.story-slide,
.gsap-feature-card,
.gsap-product-card,
.gsap-gallery-item,
.gsap-hero-left,
.gsap-hero-right {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform, opacity;
}
