/* roulang page: index */
:root {
      --bg-dark: #0B0C10;
      --bg-card: #14161D;
      --primary: #FF3B1D;
      --primary-light: #FF6B00;
      --accent-cyan: #00F0FF;
      --accent-purple: #7B2CBF;
      --text-main: #FFFFFF;
      --text-muted: #A0AAB8;
      --light-bg: #F4F5F7;
      --light-text: #111318;
      --light-muted: #4A5568;
    }
    
    html {
      scroll-behavior: smooth;
    }
    
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      background-color: var(--bg-dark);
      color: var(--text-main);
      overflow-x: hidden;
      line-height: 1.75;
    }

    .clip-esports {
      clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
    }
    .clip-tag {
      clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
    }

    .border-glow {
      border: 1px solid rgba(255, 59, 29, 0.25);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .border-glow:hover {
      border-color: rgba(255, 59, 29, 0.7);
      box-shadow: 0 12px 32px -8px rgba(255, 59, 29, 0.35);
      transform: translateY(-4px);
    }

    .font-num {
      font-family: "DIN Alternate", "Oswald", "Roboto Mono", monospace;
    }

    /* 轮播过渡隐藏 */
    .hero-slide {
      transition: opacity 0.8s ease-in-out;
    }
    .hero-slide.active {
      opacity: 1;
      pointer-events: auto;
    }
    .hero-slide.inactive {
      opacity: 0;
      pointer-events: none;
    }

    /* 移动端菜单抽屉 */
    #mobile-menu {
      transition: max-height 0.4s ease-in-out;
    }

    /* 手风琴细节样式 */
    details summary::-webkit-details-marker {
      display: none;
    }