/* roulang page: index */
:root {
      --brand-primary: #00D287;
      --brand-cyan: #00BFB2;
      --color-dark: #0F141C;
      --color-card-dark: #161D27;
      --color-subtle: #F8F9FA;
      --color-border: #E5E7EB;
    }
    body {
      font-family: 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', -apple-system, sans-serif;
      line-height: 1.75;
      color: #1E293B;
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.15);
      border-radius: 3px;
    }
    .hero-bg {
      background-image: linear-gradient(to right, rgba(15, 20, 28, 0.94) 30%, rgba(15, 20, 28, 0.72) 100%), url('/assets/images/b359959cd5c9f5e1.webp');
      background-size: cover;
      background-position: center;
    }
    .tech-card {
      transition: all 250ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .tech-card:hover {
      transform: translateY(-3px);
      border-color: var(--brand-primary);
      box-shadow: 0 10px 25px -5px rgba(0, 210, 135, 0.12);
    }
    details summary::-webkit-details-marker {
      display: none;
    }