/* roulang page: index */
:root {
        --color-brand-cyan: #00BFA5;
        --color-brand-blue: #0088FF;
        --color-accent: #FF9F1A;
        --bg-body: #F8FAFC;
        --color-text-main: #0F172A;
        --color-text-sub: #334155;
        --card-radius: 1.25rem;
      }
      body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        background-color: var(--bg-body);
        color: var(--color-text-main);
        overflow-x: hidden;
      }
      .brand-gradient {
        background: linear-gradient(135deg, #00BFA5 0%, #0088FF 100%);
      }
      .brand-gradient-text {
        background: linear-gradient(135deg, #00BFA5 0%, #0088FF 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .brand-card-shadow {
        box-shadow: 0 12px 36px -10px rgba(0, 136, 255, 0.08);
      }
      .brand-card-hover {
        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
      }
      .brand-card-hover:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 40px -12px rgba(0, 136, 255, 0.15);
        border-color: rgba(0, 191, 165, 0.4);
      }
      details > summary::-webkit-details-marker {
        display: none;
      }