/* roulang page: index */
:root {
      --bg-main: #0b0c10;
      --bg-card: #14161d;
      --bg-card-hover: #1a1d26;
      --color-primary: #ff2a6d;
      --color-secondary: #05d9e8;
      --color-accent: #7928ca;
      --text-main: #f5f6fa;
      --text-sub: #a4b0be;
      --text-muted: #747d8c;
      --border-light: rgba(255, 255, 255, 0.08);
      --border-hover: rgba(255, 42, 109, 0.4);
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .neon-glow {
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8), 0 0 20px -5px rgba(255, 42, 109, 0.3);
    }
    .neon-glow-cyan {
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8), 0 0 20px -5px rgba(5, 217, 232, 0.3);
    }
    .line-clamp-2 {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .magazine-divider {
      position: relative;
    }
    .magazine-divider::before, .magazine-divider::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: var(--border-light);
    }
    .magazine-divider::before { top: 0; }
    .magazine-divider::after { bottom: 0; }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .accordion-item.active .accordion-content {
      max-height: 250px;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }

/* roulang page: category1 */
:root {
      --bg-main: #0b0c10;
      --bg-card: #14161d;
      --bg-card-hover: #1a1d26;
      --color-primary: #ff2a6d;
      --color-secondary: #05d9e8;
      --color-accent: #7928ca;
      --text-main: #f5f6fa;
      --text-sub: #a4b0be;
      --text-muted: #747d8c;
      --border-light: rgba(255, 255, 255, 0.08);
      --border-hover: rgba(255, 42, 109, 0.4);
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .magazine-divider {
      position: relative;
    }
    .magazine-divider::before, .magazine-divider::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: var(--border-light);
    }
    .magazine-divider::before { top: 0; }
    .magazine-divider::after { bottom: 0; }
    .accordion-item.active .accordion-content {
      max-height: 250px;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

/* roulang page: category2 */
:root {
      --bg-main: #0b0c10;
      --bg-card: #14161d;
      --bg-card-hover: #1a1d26;
      --color-primary: #ff2a6d;
      --color-secondary: #05d9e8;
      --color-accent: #7928ca;
      --text-main: #f5f6fa;
      --text-sub: #a4b0be;
      --text-muted: #747d8c;
      --border-light: rgba(255, 255, 255, 0.08);
      --border-hover: rgba(255, 42, 109, 0.4);
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-main);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .magazine-divider {
      position: relative;
    }
    .magazine-divider::before, .magazine-divider::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: var(--border-light);
    }
    .magazine-divider::before { top: 0; }
    .magazine-divider::after { bottom: 0; }
    .custom-shadow {
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8), 0 0 20px -5px rgba(255, 42, 109, 0.15);
    }
    .neon-border {
      border: 1px solid var(--border-light);
      transition: all 0.3s ease;
    }
    .neon-border:hover {
      border-color: var(--border-hover);
      box-shadow: 0 0 20px rgba(255, 42, 109, 0.2);
    }
    .poster-aspect {
      aspect-ratio: 2 / 3;
    }
    .no-scrollbar::-webkit-scrollbar {
      display: none;
    }
    .no-scrollbar {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }

/* roulang page: category3 */
:root {
            --bg-main: #0b0c10;
            --bg-card: #14161d;
            --bg-card-hover: #1a1d26;
            --color-primary: #ff2a6d;
            --color-secondary: #05d9e8;
            --color-accent: #7928ca;
            --text-main: #f5f6fa;
            --text-sub: #a4b0be;
            --text-muted: #747d8c;
            --border-light: rgba(255, 255, 255, 0.08);
            --border-hover: rgba(255, 42, 109, 0.4);
        }
        body {
            background-color: var(--bg-main);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            overflow-x: hidden;
        }
        .magazine-divider {
            position: relative;
        }
        .magazine-divider::before, .magazine-divider::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            background: var(--border-light);
        }
        .magazine-divider::before { top: 0; }
        .magazine-divider::after { bottom: 0; }

        /* 特制工业参数网格与刻度 */
        .param-meter {
            background: repeating-linear-gradient(
                90deg,
                rgba(255, 255, 255, 0.03),
                rgba(255, 255, 255, 0.03) 1px,
                transparent 1px,
                transparent 20px
            );
        }
        .glow-hover:hover {
            box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.8), 0 0 20px -5px rgba(255, 42, 109, 0.25);
            border-color: var(--border-hover);
        }
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

/* roulang page: category4 */
:root {
        --bg-main: #0b0c10;
        --bg-card: #14161d;
        --bg-card-hover: #1a1d26;
        --color-primary: #ff2a6d;
        --color-secondary: #05d9e8;
        --color-accent: #7928ca;
        --text-main: #f5f6fa;
        --text-sub: #a4b0be;
        --text-muted: #747d8c;
        --border-light: rgba(255, 255, 255, 0.08);
        --border-hover: rgba(255, 42, 109, 0.4);
    }
    body {
        background-color: var(--bg-main);
        color: var(--text-main);
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        overflow-x: hidden;
    }
    .magazine-divider {
        position: relative;
    }
    .magazine-divider::before, .magazine-divider::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--border-light);
    }
    .magazine-divider::before { top: 0; }
    .magazine-divider::after { bottom: 0; }
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    /* 专属归档表格与悬停光晕 */
    .archive-row:hover {
        background-color: rgba(255, 42, 109, 0.05);
        border-color: rgba(255, 42, 109, 0.3);
    }
    .timeline-node::before {
        content: '';
        position: absolute;
        left: -29px;
        top: 6px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: var(--bg-main);
        border: 2px solid var(--color-primary);
        box-shadow: 0 0 10px var(--color-primary);
    }