/* roulang page: index */
:root {
            --pitch-dark: #0D1117;
            --pitch-card: #161B22;
            --pitch-neon: #00E599;
            --pitch-amber: #FFB800;
            --pitch-border: rgba(0, 229, 153, 0.15);
            --pitch-gray: #F4F6F9;
        }

        body {
            background-color: var(--pitch-gray);
            color: #1F2937;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
        }

        .dark-section {
            background-color: var(--pitch-dark);
            color: #F3F4F6;
        }

        .card-dark {
            background-color: var(--pitch-card);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.25s ease-in-out;
        }

        .card-dark:hover {
            border-color: var(--pitch-neon);
            box-shadow: 0 10px 25px -5px rgba(0, 229, 153, 0.15);
            transform: translateY(-3px);
        }

        .card-light {
            background-color: #FFFFFF;
            border: 1px solid #E5E7EB;
            transition: all 0.25s ease-in-out;
        }

        .card-light:hover {
            border-color: var(--pitch-neon);
            box-shadow: 0 12px 28px -6px rgba(13, 17, 23, 0.08);
            transform: translateY(-3px);
        }

        .badge-cyan {
            background-color: rgba(0, 229, 153, 0.1);
            color: #00B377;
            border: 1px solid rgba(0, 229, 153, 0.25);
        }

        .badge-amber {
            background-color: rgba(255, 184, 0, 0.1);
            color: #D97706;
            border: 1px solid rgba(255, 184, 0, 0.25);
        }

        .text-glow {
            text-shadow: 0 0 16px rgba(0, 229, 153, 0.4);
        }

        .hud-line {
            background: linear-gradient(90deg, transparent, var(--pitch-neon), transparent);
        }

        /* 紧凑型输入框与控件 */
        input:focus, select:focus, textarea:focus {
            outline: none;
            border-color: var(--pitch-neon);
            box-shadow: 0 0 0 2px rgba(0, 229, 153, 0.2);
        }
