/* roulang page: index */
:root {
            --bg-primary: #0B0F12;
            --accent: #D4F038;
            --text-main: #F8FAFC;
            --text-muted: #94A3B8;
            --border-color: #27313F;
        }
        html { scroll-behavior: smooth; }
        body { background-color: #0B0F12; color: #F8FAFC; font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
        .hero-bg {
            background-image: linear-gradient(to bottom, rgba(11, 15, 18, 0.88), rgba(11, 15, 18, 0.98)), url('/assets/images/2af0fd5a808568e6.webp');
            background-size: cover;
            background-position: center;
        }
        .section-alt { background-color: #0E1318; }
        .card-panel {
            background: rgba(20, 26, 33, 0.7);
            border: 1px solid #27313F;
            backdrop-filter: blur(8px);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .card-panel:hover {
            border-color: #D4F038;
            transform: translateY(-4px);
        }
        .mono-num { font-family: Inter, "DIN Alternate", -apple-system, sans-serif; }
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.35s ease-out;
        }