/* roulang page: index */
:root {
            --brand-primary: #0D9488;
            --brand-secondary: #115E59;
            --brand-dark: #042F2E;
            --brand-accent: #D97706;
            --bg-light: #F8FAFC;
            --bg-tint: #F0FDFA;
            --text-main: #0F172A;
            --text-body: #334155;
            --text-muted: #64748B;
            --border-color: #E2E8F0;
        }
        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--text-body);
            background-color: var(--bg-light);
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }
        .text-main { color: var(--text-main); }
        .text-body { color: var(--text-body); }
        .text-muted { color: var(--text-muted); }
        .card-shadow {
            box-shadow: 0 4px 20px -2px rgba(13, 148, 136, 0.08), 0 2px 6px -1px rgba(0, 0, 0, 0.04);
        }
        .card-hover {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -4px rgba(13, 148, 136, 0.16);
        }
        .glass-panel {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.8);
        }
        .dark-cockpit-glow {
            box-shadow: inset 0 0 40px rgba(13, 148, 136, 0.15), 0 0 30px rgba(13, 148, 136, 0.1);
        }