/* roulang page: index */
:root {
      --color-primary: #9A3412;
      --color-secondary: #D97706;
      --color-bg-warm: #FAF8F5;
      --color-text-title: #1C1917;
      --color-text-body: #44403C;
      --color-text-muted: #78716C;
      --color-border: #E7E5E4;
      --radius-xl: 1rem;
      --radius-2xl: 1.5rem;
    }
    html {
      scroll-behavior: smooth;
      background-color: var(--color-bg-warm);
      color: var(--color-text-body);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    body {
      line-height: 1.75;
      background-color: #FAF8F5;
      color: #44403C;
    }
    ::selection {
      background-color: #FBECE2;
      color: #9A3412;
    }
    /* 浮动 Dock 导航细致微光效果 */
    .dock-shadow {
      box-shadow: 0 16px 36px -10px rgba(28, 25, 23, 0.08), 0 0 0 1px rgba(231, 229, 228, 0.85);
    }
    /* 手风琴开关样式 */
    .faq-toggle:checked ~ .faq-content {
      max-height: 240px;
      opacity: 1;
      margin-top: 1rem;
    }
    .faq-toggle:checked ~ .faq-label .faq-icon {
      transform: rotate(180deg);
    }
    /* 杂志化轻浮雕卡片投影 */
    .card-soft {
      background: #FFFFFF;
      border: 1px solid #E7E5E4;
      box-shadow: 0 8px 24px -4px rgba(28, 25, 23, 0.04);
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    }
    .card-soft:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px -6px rgba(154, 52, 18, 0.08);
      border-color: #FBECE2;
    }

/* roulang page: category1 */
:root {
      --color-primary: #9A3412;
      --color-secondary: #D97706;
      --color-bg-warm: #FAF8F5;
      --color-text-title: #1C1917;
      --color-text-body: #44403C;
      --color-text-muted: #78716C;
      --color-border: #E7E5E4;
      --radius-xl: 1rem;
      --radius-2xl: 1.5rem;
    }
    html {
      scroll-behavior: smooth;
      background-color: var(--color-bg-warm);
      color: var(--color-text-body);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    body {
      line-height: 1.75;
      background-color: #FAF8F5;
      color: #44403C;
    }
    .dock-shadow {
      box-shadow: 0 16px 36px -10px rgba(28, 25, 23, 0.08), 0 0 0 1px rgba(231, 229, 228, 0.85);
    }
    .card-soft {
      background: #FFFFFF;
      border: 1px solid #E7E5E4;
      box-shadow: 0 8px 24px -4px rgba(28, 25, 23, 0.04);
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    }
    .card-soft:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px -6px rgba(154, 52, 18, 0.08);
      border-color: #FBECE2;
    }
    .metric-pill {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #E7E5E4;
    }