/* roulang page: index */
:root {
            --color-primary: #0F172A;
            --color-accent-amber: #D97706;
            --color-accent-teal: #0D9488;
            --color-bg-light: #F8FAFC;
            --color-bg-alt: #F1F5F9;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
            background-color: var(--color-bg-light);
            color: #334155;
            -webkit-font-smoothing: antialiased;
        }
        .code-container {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }
        .circuit-border {
            border: 1px solid rgba(226, 232, 240, 0.8);
            position: relative;
        }
        .circuit-border::after {
            content: '';
            position: absolute;
            top: -2px;
            right: -2px;
            width: 6px;
            height: 6px;
            background: var(--color-accent-teal);
        }
        .tab-btn.active {
            border-bottom: 2px solid var(--color-accent-amber);
            color: #0F172A;
            font-weight: 600;
        }