/* ========== 全局基础样式区：页面底色、字体、顶部品牌视觉 ========== */
    * { box-sizing: border-box; }
    html {
      margin: 0;
      min-height: 100%;
      scroll-behavior: smooth;
      background: #0a0908;
      color-scheme: dark;
    }
    html:not(.mobile-ui-enabled) {
      background: linear-gradient(180deg, #e7ffff 0%, #f6ffff 100%);
      color-scheme: light;
    }
    body {
      margin: 0;
      min-height: 100%;
      position: relative;
      z-index: 0;
      color: var(--ink);
      background: transparent;
      font-family: "HarmonyOS Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", system-ui, sans-serif;
      font-size: 15px;
      -webkit-font-smoothing: antialiased;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -2;
      pointer-events: none;
      background:
        radial-gradient(120% 88% at 50% -8%, rgba(62, 52, 42, 0.42) 0%, transparent 52%),
        radial-gradient(70% 55% at 88% 100%, rgba(28, 22, 18, 0.55) 0%, transparent 48%),
        linear-gradient(168deg, #151311 0%, #0f0e0c 42%, #12100e 100%);
    }
    body::after {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background: radial-gradient(ellipse 130% 90% at 50% 48%, transparent 28%, rgba(0, 0, 0, 0.42) 100%);
      opacity: 0.65;
    }
    @keyframes heroMistDrift {
      0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.38; }
      50% { transform: translate3d(-1.1%, 0.7%, 0) scale(1.015); opacity: 0.52; }
      100% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.38; }
    }
    @keyframes heroTaijiSpin {
      from { transform: translate(-50%, -50%) rotate(0deg); }
      to { transform: translate(-50%, -50%) rotate(360deg); }
    }
    .site-header-zone { position: relative; }
    .hero {
      position: relative;
      overflow: hidden;
      min-height: clamp(14rem, 32vh, 22rem);
      max-width: 1200px;
      margin: 0 auto;
      padding: clamp(2.2rem, 6vw, 4.6rem) clamp(1.25rem, 4vw, 2.5rem) clamp(2.9rem, 7vw, 5.2rem);
      border-bottom: 1px solid rgba(196, 165, 118, 0.14);
    }
    .hero__ambient {
      position: absolute;
      inset: -18%;
      pointer-events: none;
      background:
        radial-gradient(ellipse 58% 48% at 32% 58%, rgba(48, 40, 34, 0.5) 0%, transparent 54%),
        radial-gradient(ellipse 52% 42% at 78% 28%, rgba(26, 22, 18, 0.48) 0%, transparent 50%);
      animation: heroMistDrift 32s ease-in-out infinite;
    }
    .hero__taiji {
      position: absolute;
      left: 50%;
      top: 52%;
      width: min(76vmin, 540px);
      height: min(76vmin, 540px);
      transform: translate(-50%, -50%);
      opacity: 0.03;
      pointer-events: none;
      background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='98' fill='none' stroke='%23a68b5c' stroke-width='1.5'/%3E%3Cpath d='M100 2 A98 98 0 0 1 100 198 A49 49 0 0 0 100 100 A49 49 0 0 1 100 2' fill='%23a68b5c'/%3E%3Ccircle cx='100' cy='51' r='13' fill='%230f0e0c'/%3E%3Ccircle cx='100' cy='149' r='13' fill='%23a68b5c'/%3E%3C/svg%3E");
      animation: heroTaijiSpin 200s linear infinite;
    }
    .hero__inner {
      position: relative;
      z-index: 1;
      text-align: center;
      max-width: 38rem;
      margin: 0 auto;
    }
    .hero__title {
      margin: 0;
      font-family: "Ma Shan Zheng", "KaiTi", "STKaiti", "Songti SC", serif;
      font-weight: 400;
      font-size: clamp(2.45rem, 7.2vw, 3.85rem);
      letter-spacing: 0.26em;
      text-indent: 0.26em;
      color: rgba(248, 240, 228, 0.97);
      line-height: 1.22;
      text-shadow: 0 2px 28px rgba(0, 0, 0, 0.5);
    }
    .hero__tagline {
      margin: clamp(0.85rem, 2.2vw, 1.35rem) 0 0;
      font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
      font-size: clamp(0.88rem, 2vw, 1.05rem);
      font-weight: 500;
      letter-spacing: 0.14em;
      color: rgba(198, 188, 176, 0.88);
      line-height: 1.75;
    }
    .hero__clock {
      margin: clamp(0.95rem, 2.2vw, 1.55rem) 0 0;
      font-size: 0.74rem;
      letter-spacing: 0.1em;
      color: rgba(148, 138, 128, 0.52);
      font-variant-numeric: tabular-nums;
      line-height: 1.55;
    }
    @media (max-width: 720px) {
      body::before {
        min-height: 100vh;
        min-height: 100dvh;
      }
      .hero {
        min-height: clamp(12rem, 36vh, 19rem);
        padding-top: 1.85rem;
      }
      .hero__title {
        letter-spacing: 0.16em;
        text-indent: 0.16em;
      }
    }
    /* ========== PC 样式区：顶部页面切换入口 ========== */