/* roulang page: index */
:root {
            --bg-main: #0B0E14;
            --bg-card: #121721;
            --primary: #00F5D4;
            --accent: #FFB703;
            --text-main: #FFFFFF;
            --text-muted: #94A3B8;
            --border-line: rgba(255, 255, 255, 0.08);
        }
        * { box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-main);
            color: var(--text-main);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        .glow-cyan {
            box-shadow: 0 0 25px rgba(0, 245, 212, 0.18);
        }
        .glow-amber {
            box-shadow: 0 0 25px rgba(255, 183, 3, 0.25);
        }
        .card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-hover:hover {
            transform: translateY(-4px);
            border-color: rgba(0, 245, 212, 0.4);
            box-shadow: 0 12px 30px -10px rgba(0, 245, 212, 0.2);
        }
        .code-container {
            background: #080a0f;
            border-left: 3px solid #00F5D4;
            font-family: Consolas, Monaco, "Courier New", Courier, monospace;
        }