/* roulang page: index */
:root {
      --bg-main: #0B0F19;
      --bg-card: #111827;
      --border-color: rgba(30, 41, 59, 0.8);
      --accent-blue: #2563EB;
      --accent-cyan: #22D3EE;
    }
    body {
      background-color: var(--bg-main);
      color: #F1F5F9;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      overflow-x: hidden;
    }
    .mono-num {
      font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
    .grid-pattern {
      background-image: radial-gradient(rgba(37, 99, 235, 0.15) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    .blueprint-border {
      border: 1px solid rgba(30, 41, 59, 0.8);
      transition: all 0.25s ease-in-out;
    }
    .blueprint-border:hover {
      border-color: rgba(37, 99, 235, 0.5);
      box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.12);
    }
    details > summary {
      list-style: none;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }

/* roulang page: category2 */
:root {
      --bg-main: #0B0F19;
      --bg-card: #111827;
      --border-color: rgba(30, 41, 59, 0.8);
      --accent-blue: #2563EB;
      --accent-cyan: #22D3EE;
    }
    body {
      background-color: var(--bg-main);
      color: #F1F5F9;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      overflow-x: hidden;
    }
    .grid-pattern {
      background-image: radial-gradient(rgba(37, 99, 235, 0.15) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    .blueprint-border {
      border: 1px solid rgba(30, 41, 59, 0.8);
      transition: all 0.25s ease-in-out;
    }
    .blueprint-border:hover {
      border-color: rgba(37, 99, 235, 0.5);
      box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.12);
    }
    .mono-num {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

/* roulang page: category1 */
:root {
            --bg-main: #0B0F19;
            --bg-card: #111827;
            --border-color: rgba(30, 41, 59, 0.8);
            --accent-blue: #2563EB;
            --accent-cyan: #22D3EE;
        }
        body {
            background-color: var(--bg-main);
            color: #F1F5F9;
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            overflow-x: hidden;
        }
        .mono-num {
            font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }
        .grid-pattern {
            background-image: radial-gradient(rgba(37, 99, 235, 0.15) 1px, transparent 1px);
            background-size: 28px 28px;
        }
        .blueprint-border {
            border: 1px solid rgba(30, 41, 59, 0.8);
            transition: all 0.25s ease-in-out;
        }
        .blueprint-border:hover {
            border-color: rgba(37, 99, 235, 0.5);
            box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.12);
        }

/* roulang page: category3 */
:root {
            --bg-main: #0B0F19;
            --bg-card: #111827;
            --border-color: rgba(30, 41, 59, 0.8);
            --accent-blue: #2563EB;
            --accent-cyan: #22D3EE;
        }
        body {
            background-color: var(--bg-main);
            color: #F1F5F9;
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
            overflow-x: hidden;
        }
        .mono-num {
            font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
        }
        .grid-pattern {
            background-image: radial-gradient(rgba(37, 99, 235, 0.15) 1px, transparent 1px);
            background-size: 28px 28px;
        }
        .blueprint-border {
            border: 1px solid rgba(30, 41, 59, 0.8);
            transition: all 0.25s ease-in-out;
        }
        .blueprint-border:hover {
            border-color: rgba(37, 99, 235, 0.5);
            box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.12);
        }
        .code-block {
            background: #0d1322;
            border: 1px solid rgba(51, 65, 85, 0.6);
            font-family: "JetBrains Mono", ui-monospace, monospace;
        }

/* roulang page: category4 */
:root {
      --bg-main: #0B0F19;
      --bg-card: #111827;
      --border-color: rgba(30, 41, 59, 0.8);
      --accent-blue: #2563EB;
      --accent-cyan: #22D3EE;
    }
    body {
      background-color: var(--bg-main);
      color: #F1F5F9;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      overflow-x: hidden;
    }
    .grid-pattern {
      background-image: radial-gradient(rgba(37, 99, 235, 0.15) 1px, transparent 1px);
      background-size: 28px 28px;
    }
    .blueprint-border {
      border: 1px solid rgba(30, 41, 59, 0.8);
      transition: all 0.25s ease-in-out;
    }
    .blueprint-border:hover {
      border-color: rgba(37, 99, 235, 0.5);
      box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.12);
    }
    .mono-num {
      font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }