/* roulang page: index */
:root {
            --color-bg-base: #F8FAFC;
            --color-bg-soft: #F0F6FC;
            --color-text-main: #1A4373;
            --color-text-body: #334155;
            --color-text-muted: #64748B;
            --color-accent: #2563EB;
            --color-accent-hover: #1D4ED8;
            --color-amber: #D97706;
            --border-light: #E2E8F0;
            --card-shadow: 0 10px 30px -4px rgba(26, 67, 115, 0.06);
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--color-bg-base);
            color: var(--color-text-body);
            line-height: 1.65;
        }
        .journal-border {
            border-bottom: 1px dashed #CBD5E1;
        }
        .stat-glow {
            box-shadow: 0 4px 20px rgba(37, 99, 235, 0.08);
        }
        .accordion-content {
            transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }
        .accordion-content.open {
            max-height: 350px;
            opacity: 1;
        }

/* roulang page: category1 */
:root {
      --color-bg-base: #F8FAFC;
      --color-bg-soft: #F0F6FC;
      --color-text-main: #1A4373;
      --color-text-body: #334155;
      --color-text-muted: #64748B;
      --color-accent: #2563EB;
      --color-accent-hover: #1D4ED8;
      --color-amber: #D97706;
      --border-light: #E2E8F0;
      --card-shadow: 0 10px 30px -4px rgba(26, 67, 115, 0.06);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: var(--color-bg-base);
      color: var(--color-text-body);
      line-height: 1.65;
    }
    .journal-border {
      border-bottom: 1px dashed #CBD5E1;
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.7);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(226, 232, 240, 0.7);
    }
    .glass-nav.scrolled {
      background: rgba(255, 255, 255, 0.96);
      box-shadow: 0 4px 20px -2px rgba(26, 67, 115, 0.08);
      border-bottom-color: rgba(203, 213, 225, 0.8);
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #F1F5F9;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 4px;
    }