/* roulang page: index */
:root {
      --bg-base: #F8FAFC;
      --bg-card: #FFFFFF;
      --color-text-main: #0F172A;
      --color-text-muted: #64748B;
      --color-primary: #00D494;
      --color-primary-dark: #0F172A;
      --color-border: #E2E8F0;
      --radius-sm: 8px;
      --radius-md: 14px;
      --radius-lg: 20px;
      --shadow-soft: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
      --shadow-hover: 0 16px 36px -4px rgba(15, 23, 42, 0.12);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      background-color: var(--bg-base);
      color: var(--color-text-main);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.65;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    img {
      max-width: 100%;
      height: auto;
      display: block;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    .glass-nav {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }

    .dark-glass {
      background: rgba(15, 23, 42, 0.88);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }

    .card-transition {
      transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease;
    }

    .card-transition:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-hover);
      border-color: #CBD5E1;
    }

    /* 倒计时圆环动效 */
    .countdown-circle {
      stroke-dasharray: 283;
      stroke-dashoffset: 65;
      transition: stroke-dashoffset 1s ease-in-out;
    }

    /* 响应式热区保护 */
    .touch-target {
      min-height: 44px;
      min-width: 44px;
    }

    /* 渐变遮罩 */
    .hero-overlay {
      background: linear-gradient(135deg, rgba(9, 13, 22, 0.92) 0%, rgba(15, 23, 42, 0.82) 55%, rgba(0, 212, 148, 0.22) 100%);
    }

    /* 自定义Toast提示框 */
    #toast-notice {
      transition: opacity 0.3s ease, transform 0.3s ease;
    }