/* roulang page: index */
:root {
      --bg-main: #09090b;
      --bg-panel: #121216;
      --accent-magenta: #ff2a5f;
      --accent-gold: #e2b87f;
    }
    body {
      background-color: var(--bg-main);
      color: #e4e4e7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow-magenta {
      text-shadow: 0 0 20px rgba(255, 42, 95, 0.45);
    }
    .box-glow {
      box-shadow: 0 0 35px -5px rgba(255, 42, 95, 0.2);
    }
    .border-gradient {
      border-image: linear-gradient(to right, #ff2a5f, #e2b87f) 1;
    }
    .shimmer-effect {
      background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0) 100%);
      background-size: 200% 100%;
      animation: shimmer 3s infinite;
    }
    @keyframes shimmer {
      0% { background-position: -200% 0; }
      100% { background-position: 200% 0; }
    }
    .custom-scrollbar::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #272732;
      border-radius: 9999px;
    }

/* roulang page: article */
:root {
      --bg-main: #09090b;
      --bg-panel: #121216;
      --accent-magenta: #ff2a5f;
      --accent-gold: #e2b87f;
    }
    body {
      background-color: var(--bg-main);
      color: #e4e4e7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow-magenta {
      text-shadow: 0 0 20px rgba(255, 42, 95, 0.45);
    }
    .border-gradient {
      border-image: linear-gradient(to right, #ff2a5f, #e2b87f) 1;
    }
    /* 文章富文本专业渲染样式 */
    .prose-article {
      color: #d4d4d8;
      font-size: 1.0625rem;
      line-height: 1.85;
      letter-spacing: 0.015em;
    }
    .prose-article h2 {
      color: #ffffff;
      font-size: 1.625rem;
      font-weight: 800;
      margin-top: 2.75rem;
      margin-bottom: 1.25rem;
      padding-bottom: 0.65rem;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      position: relative;
    }
    .prose-article h2::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 48px;
      height: 2px;
      background: linear-gradient(to right, #ff2a5f, #e2b87f);
    }
    .prose-article h3 {
      color: #f4f4f5;
      font-size: 1.3rem;
      font-weight: 700;
      margin-top: 2rem;
      margin-bottom: 0.85rem;
    }
    .prose-article p {
      margin-bottom: 1.45rem;
      text-align: justify;
    }
    .prose-article blockquote {
      margin: 1.75rem 0;
      padding: 1.25rem 1.5rem;
      background-color: rgba(24, 24, 27, 0.65);
      border-left: 3px solid #ff2a5f;
      border-radius: 0 0.75rem 0.75rem 0;
      color: #a1a1aa;
      font-style: italic;
    }
    .prose-article ul, .prose-article ol {
      margin: 1.4rem 0;
      padding-left: 1.5rem;
    }
    .prose-article ul li {
      list-style-type: disc;
      margin-bottom: 0.5rem;
    }
    .prose-article strong {
      color: #ffffff;
      font-weight: 700;
    }
    .prose-article a {
      color: #ff2a5f;
      text-decoration: underline;
      text-underline-offset: 4px;
      transition: color 0.2s ease;
    }
    .prose-article a:hover {
      color: #e2b87f;
    }

/* roulang page: category1 */
:root {
      --bg-main: #09090b;
      --bg-panel: #121216;
      --accent-magenta: #ff2a5f;
      --accent-gold: #e2b87f;
    }
    body {
      background-color: var(--bg-main);
      color: #e4e4e7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow-magenta {
      text-shadow: 0 0 20px rgba(255, 42, 95, 0.45);
    }
    .border-gradient {
      border-image: linear-gradient(to right, #ff2a5f, #e2b87f) 1;
    }

/* roulang page: category2 */
:root {
      --bg-main: #09090b;
      --bg-panel: #121216;
      --accent-magenta: #ff2a5f;
      --accent-gold: #e2b87f;
    }
    body {
      background-color: var(--bg-main);
      color: #e4e4e7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow-magenta {
      text-shadow: 0 0 20px rgba(255, 42, 95, 0.45);
    }
    .border-gradient {
      border-image: linear-gradient(to right, #ff2a5f, #e2b87f) 1;
    }
    .hero-pattern {
      background-image: radial-gradient(circle at 50% 20%, rgba(255, 42, 95, 0.12) 0%, transparent 60%);
    }