/* roulang page: index */
:root {
            --bg-base: #070B16;
            --primary-glow: #00F2FE;
            --accent-glow: #4FACFE;
            --alert-glow: #FF5E3A;
            --text-main: #F8FAFC;
            --text-sub: #94A3B8;
            --card-glass: rgba(16, 24, 48, 0.75);
            --card-border: rgba(56, 189, 248, 0.2);
        }

        body {
            background-color: var(--bg-base);
            color: var(--text-main);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            overflow-x: hidden;
            line-height: 1.6;
        }

        /* 玻璃拟态样式与边框发光 */
        .glass-panel {
            background: var(--card-glass);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid var(--card-border);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-panel:hover {
            border-color: rgba(0, 242, 254, 0.45);
            box-shadow: 0 8px 32px rgba(0, 242, 254, 0.12);
        }

        /* 强力发光按键与微交互 */
        .glow-btn-primary {
            background: linear-gradient(135deg, #00F2FE 0%, #4FACFE 100%);
            box-shadow: 0 0 25px rgba(0, 242, 254, 0.35);
            transition: all 0.25s ease;
        }

        .glow-btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 35px rgba(0, 242, 254, 0.6);
        }

        .glow-btn-alert {
            background: linear-gradient(135deg, #FF5E3A 0%, #FF2A54 100%);
            box-shadow: 0 0 25px rgba(255, 94, 58, 0.35);
            transition: all 0.25s ease;
        }

        .glow-btn-alert:hover {
            transform: translateY(-2px);
            box-shadow: 0 0 35px rgba(255, 94, 58, 0.55);
        }

        /* 科技网格纹理背景 */
        .tech-grid {
            background-size: 40px 40px;
            background-image: 
                linear-gradient(to right, rgba(0, 242, 254, 0.04) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0, 242, 254, 0.04) 1px, transparent 1px);
        }

        /* 扫描激光动画 */
        @keyframes scanline {
            0% { transform: translateY(-100%); opacity: 0; }
            50% { opacity: 0.8; }
            100% { transform: translateY(1000%); opacity: 0; }
        }

        .laser-scanner {
            position: absolute;
            top: 0; left: 0; right: 0; height: 2px;
            background: linear-gradient(90deg, transparent, #00F2FE, transparent);
            animation: scanline 4s infinite linear;
        }

        /* 自定义手风琴交互 */
        details summary::-webkit-details-marker {
            display: none;
        }