/* roulang page: index */
:root {
      --color-primary: #0F2B48;
      --color-secondary: #0D9488;
      --color-accent: #D97706;
      --color-bg-base: #F8FAFC;
      --color-bg-card: #FFFFFF;
      --radius-sm: 6px;
      --radius-md: 12px;
      --radius-lg: 16px;
    }
    body {
      background-color: var(--color-bg-base);
      color: #334155;
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(13, 148, 136, 0.15), transparent 70%);
    }
    .stacked-card-left {
      transform: rotate(-3deg) translateY(12px) scale(0.95);
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .stacked-card-right {
      transform: rotate(3deg) translateY(16px) scale(0.95);
      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .stacked-container:hover .stacked-card-left {
      transform: rotate(-6deg) translateX(-20px) translateY(4px) scale(0.96);
    }
    .stacked-container:hover .stacked-card-right {
      transform: rotate(6deg) translateX(20px) translateY(8px) scale(0.96);
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(12px);
    }
    details summary::-webkit-details-marker {
      display: none;
    }
    details[open] summary .faq-icon {
      transform: rotate(180deg);
    }