/* roulang page: index */
:root {
      --color-bg: #F9F8F6;
      --color-dark: #121315;
      --color-primary: #1E2B37;
      --color-accent: #B85D38;
      --color-muted: #6E757C;
      --color-border: #E5E2DC;
      --color-text: #1A1A1A;
    }
    body {
      background-color: var(--color-bg);
      color: var(--color-text);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .serif-title {
      font-family: "Noto Serif SC", "Songti SC", "SimSun", serif;
      letter-spacing: -0.02em;
    }
    .card-shadow {
      box-shadow: 0 2px 14px rgba(26, 26, 26, 0.04);
      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .card-shadow:hover {
      box-shadow: 0 14px 32px rgba(26, 26, 26, 0.09);
      transform: translateY(-2px);
    }
    details summary::-webkit-details-marker {
      display: none;
    }
    .hero-mask {
      background: linear-gradient(180deg, rgba(18,19,21,0.72) 0%, rgba(18,19,21,0.85) 100%);
    }