:root {
	            --theme-primary: #003cff;
	            --theme-secondary: #001a59;
	            --accent-glow: rgba(0 92 255 / 0.4);
	            --transition-easing: cubic-bezier(0.4, 0, 0.2, 1);
	            --gradient-dark: linear-gradient(45deg, #000716, #001240);
	        }
	    
	        .site-container {
	            position: relative;
	            width: 100%;
	            min-height: 100vh;
	            overflow: hidden;
	        }
	    
	        .overlay {
	            position: fixed;
	            top: 0;
	            left: 0;
	            width: 100vw;
	            height: 100vh;
	            background: var(--gradient-dark);
	            z-index: 1000;
	            display: flex;
	            justify-content: center;
	            align-items: center;
	            clip-path: circle(0% at 50% 50%);
	            animation: overlayExit 2s var(--transition-easing) forwards;
	        }
	    
	        .overlay-media {
	            width: 120px;
	            height: 120px;
	            position: relative;
	            border-radius: 50%;
	            overflow: hidden;
	            animation: mediaAnimation 1.8s var(--transition-easing) forwards;
	            will-change: transform, opacity;
	        }
	    
	        .overlay-media img {
	            width: 100%;
	            height: 100%;
	            object-fit: contain;
	            filter: 
	                drop-shadow(0 0 15px var(--accent-glow))
	                brightness(1.1);
	        }
	    
	        .main-content {
	            opacity: 0;
	            transform: translateY(20px) scale(0.98);
	            animation: contentAppear 0.8s 0.5s var(--transition-easing) forwards;
	        }
	    
	        @keyframes overlayExit {
	            0% { clip-path: circle(0% at 50% 50%); }
	            40%, 60% { clip-path: circle(100% at 50% 50%); }
	            100% { clip-path: circle(0% at 50% 50%); }
	        }
	    
	        @keyframes mediaAnimation {
	            0% { transform: scale(0); opacity: 1; }
	            50% { transform: scale(1); opacity: 1; }
	            100% { transform: scale(2.2); opacity: 0; }
	        }
	    
	        @keyframes contentAppear {
	            to { 
	                opacity: 1;
	                transform: translateY(0) scale(1);
	                filter: drop-shadow(0 5px 15px rgba(0 0 0 / 0.2));
	            }
	        }
	        
	        @media (max-width: 768px) {
	            .overlay {
	                background: linear-gradient(45deg, #001240, #000716);
	            }
	            
	            .overlay-media {
	                width: 80px;
	                height: 80px;
	                animation-duration: 1.4s;
	            }
	            
	            @keyframes mediaAnimation {
	                100% { transform: scale(1.8); }
	            }
	            
	            .news-container-advanced{
	                display: none;
	            }
	        }
	        
	        @media (min-width: 769px) {
	            .news-container-advanced-a{
	                display: none;
	            }
	        }
	    
	        .main-content::after {
	            content: "";
	            position: fixed;
	            top: 50%;
	            left: 50%;
	            width: 300vw;
	            height: 300vh;
	            background: radial-gradient(
	                circle at 50% 50%,
	                rgba(0 60 255 / 0.08) 0%,
	                transparent 60%
	            );
	            transform: translate(-50%, -50%);
	            pointer-events: none;
	            z-index: -1;
	        }
	        
	        .toolbar {
	            opacity: 0;
	            transform: translateY(20px) scale(0.98);
	            animation: contentAppear 0.8s 0.5s var(--transition-easing) forwards;
	        }
	        .toolbar::after {
	            content: "";
	            position: fixed;
	            top: 50%;
	            left: 50%;
	            width: 300vw;
	            height: 300vh;
	            background: radial-gradient(
	                circle at 50% 50%,
	                rgba(0 60 255 / 0.08) 0%,
	                transparent 60%
	            );
	            transform: translate(-50%, -50%);
	            pointer-events: none;
	            z-index: -1;
	        }
	        
	        
	        
	        
	        
	        
	        
	        
	        
	        
        /* 卡片最外层容器：白色背景，宽度100%，下方留出空隙 */
        .mchamp_2v2_lmb__outer-shell {
            width: 100%;
            background: #ffffff;
            position: relative;
            overflow: hidden;
            border-radius: 16px;
            margin-bottom: 48px; /* 盒子下方留出空隙 */
            box-shadow:
                0 2px 4px rgba(0, 0, 0, 0.04),
                0 12px 24px rgba(0, 0, 0, 0.06),
                0 0 0 1px rgba(0, 0, 0, 0.03);
            transition: box-shadow 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .mchamp_2v2_lmb__outer-shell:hover {
            box-shadow:
                0 4px 8px rgba(0, 0, 0, 0.06),
                0 16px 32px rgba(0, 0, 0, 0.1),
                0 0 0 1px rgba(200, 30, 30, 0.15);
        }

        /* 顶部彩色装饰条 */
        .mchamp_2v2_lmb__top-bar {
            position: relative;
            height: 4px;
            background: linear-gradient(90deg,
                    #b71c1c 0%,
                    #d32f2f 20%,
                    #ffb300 45%,
                    #ffd700 55%,
                    #d32f2f 80%,
                    #b71c1c 100%);
            z-index: 2;
        }

        /* 主体内容区：垂直居中布局 */
        .mchamp_2v2_lmb__content-panel {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 32px 40px 28px;
            gap: 24px;
            z-index: 1;
        }

        /* 内容包裹层：限制最大宽度，居中 */
        .mchamp_2v2_lmb__content-inner {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 20px;
            max-width: 700px;
            width: 100%;
        }

        /* 标签组 */
        .mchamp_2v2_lmb__badge-row {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
        }

        .mchamp_2v2_lmb__badge {
            display: inline-block;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 4px 12px;
            border-radius: 20px;
            text-transform: uppercase;
            line-height: 1.4;
            transition: box-shadow 0.2s ease;
        }

        .mchamp_2v2_lmb__badge--trophy {
            background: #b71c1c;
            color: #fff;
            box-shadow: 0 2px 8px rgba(183, 28, 28, 0.3);
        }

        .mchamp_2v2_lmb__badge--mode {
            background: #fff;
            color: #b71c1c;
            border: 1.5px solid #b71c1c;
            box-shadow: 0 1px 4px rgba(183, 28, 28, 0.08);
        }

        .mchamp_2v2_lmb__badge:hover {
            box-shadow: 0 4px 12px rgba(183, 28, 28, 0.35);
        }

        /* 标题区块：合并为一行，悬停时仅改变字间距 */
        .mchamp_2v2_lmb__title-block {
            width: 100%;
        }

        .mchamp_2v2_lmb__main-title {
            font-size: 26px;
            font-weight: 900;
            letter-spacing: 2px;
            color: #1a1a1a;
            line-height: 1.3;
            background: linear-gradient(135deg, #b71c1c 0%, #d32f2f 50%, #b71c1c 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            transition: letter-spacing 0.3s ease;
            white-space: nowrap;
            cursor: default;
        }

        .mchamp_2v2_lmb__main-title:hover {
            letter-spacing: 4px;
        }

        /* 装饰分隔线 */
        .mchamp_2v2_lmb__divider {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin: 4px 0;
        }

        .mchamp_2v2_lmb__divider-line {
            width: 48px;
            height: 2px;
            border-radius: 1px;
            background: linear-gradient(90deg, transparent, #c9a96e);
        }

        .mchamp_2v2_lmb__divider-line--right {
            background: linear-gradient(90deg, #c9a96e, transparent);
        }

        .mchamp_2v2_lmb__divider-dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #c9a96e;
            box-shadow: 0 0 6px rgba(201, 169, 110, 0.6);
            transition: box-shadow 0.3s ease;
        }

        .mchamp_2v2_lmb__divider-dot:hover {
            box-shadow: 0 0 12px rgba(201, 169, 110, 0.9);
        }

        /* 信息标签 */
        .mchamp_2v2_lmb__tags {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
        }

        .mchamp_2v2_lmb__tag {
            display: inline-block;
            background: #fafafa;
            color: #555;
            font-size: 12px;
            padding: 4px 12px;
            border-radius: 4px;
            border: 1px solid #e0e0e0;
            letter-spacing: 0.5px;
            transition: all 0.25s ease;
        }

        .mchamp_2v2_lmb__tag:hover {
            background: #f5f5f5;
            border-color: #c9a96e;
            color: #b71c1c;
        }

        /* 按钮组：水平排列，居中 */
        .mchamp_2v2_lmb__button-group {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 12px;
            margin-top: 6px;
        }

        /* 按钮通用样式：去除位移效果，仅保留背景与阴影变化 */
        .mchamp_2v2_lmb__btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 1.5px;
            padding: 10px 22px;
            border-radius: 30px;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
            text-transform: uppercase;
            white-space: nowrap;
            position: relative;
            overflow: hidden;
            border: none;
            background: linear-gradient(135deg, #b71c1c 0%, #d32f2f 100%);
            color: #fff;
            box-shadow: 0 3px 10px rgba(183, 28, 28, 0.3);
            gap: 5px;
            box-sizing: border-box;
        }

        .mchamp_2v2_lmb__btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg,
                    transparent,
                    rgba(255, 255, 255, 0.15),
                    transparent);
            transition: left 0.6s ease;
        }

        .mchamp_2v2_lmb__btn:hover::before {
            left: 100%;
        }

        .mchamp_2v2_lmb__btn:hover {
            box-shadow: 0 8px 22px rgba(183, 28, 28, 0.5);
            color: #fff;
            background: linear-gradient(135deg, #8b0000 0%, #b71c1c 100%);
        }

        .mchamp_2v2_lmb__btn:active {
            box-shadow: 0 2px 8px rgba(183, 28, 28, 0.4);
        }

        .mchamp_2v2_lmb__btn-icon {
            font-size: 16px;
            font-weight: 700;
        }

        .mchamp_2v2_lmb__btn-arrow {
            font-size: 14px;
            transition: transform 0.3s ease;
        }

        .mchamp_2v2_lmb__btn:hover .mchamp_2v2_lmb__btn-arrow {
            transform: translateX(3px);
        }

        /* 背景装饰：细微的网格纹理 */
        .mchamp_2v2_lmb__bg-texture {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image:
                linear-gradient(rgba(0, 0, 0, 0.02) 1px, transparent 1px),
                linear-gradient(90deg, rgba(0, 0, 0, 0.02) 1px, transparent 1px);
            background-size: 20px 20px;
            pointer-events: none;
            z-index: 0;
            opacity: 0.6;
        }

        /* ===== 红色粒子动画（更多粒子，上升更久） ===== */
        @keyframes mchamp_2v2_lmb__particle-rise {
            0% {
                transform: translateY(0) scale(0.8);
                opacity: 0.6;
            }
            20% {
                opacity: 0.9;
                transform: translateY(-30px) scale(1);
            }
            60% {
                opacity: 0.5;
                transform: translateY(-130px) scale(0.9);
            }
            100% {
                transform: translateY(-240px) scale(0.3);
                opacity: 0;
            }
        }

        .mchamp_2v2_lmb__particle {
            position: absolute;
            bottom: -25px;
            width: 4px;
            height: 4px;
            background: #d32f2f;
            border-radius: 50%;
            pointer-events: none;
            z-index: 0;
            opacity: 0;
            animation: mchamp_2v2_lmb__particle-rise 8s infinite ease-in;
            box-shadow: 0 0 6px rgba(200, 30, 30, 0.8);
        }

        /* 分配不同位置、延迟和颜色，增加数量 */
        .mchamp_2v2_lmb__particle:nth-child(1)  { left: 5%;  animation-delay: 0s; }
        .mchamp_2v2_lmb__particle:nth-child(2)  { left: 15%; animation-delay: 1.1s; width: 5px; height: 5px; background: #b71c1c; }
        .mchamp_2v2_lmb__particle:nth-child(3)  { left: 25%; animation-delay: 2.3s; width: 3px; height: 3px; background: #e57373; }
        .mchamp_2v2_lmb__particle:nth-child(4)  { left: 35%; animation-delay: 3.5s; width: 6px; height: 6px; background: #c62828; }
        .mchamp_2v2_lmb__particle:nth-child(5)  { left: 45%; animation-delay: 4.7s; }
        .mchamp_2v2_lmb__particle:nth-child(6)  { left: 55%; animation-delay: 1.6s; width: 3px; height: 3px; background: #ff5252; }
        .mchamp_2v2_lmb__particle:nth-child(7)  { left: 65%; animation-delay: 5.9s; width: 5px; height: 5px; background: #d32f2f; }
        .mchamp_2v2_lmb__particle:nth-child(8)  { left: 75%; animation-delay: 2.8s; width: 4px; height: 4px; background: #b71c1c; }
        .mchamp_2v2_lmb__particle:nth-child(9)  { left: 85%; animation-delay: 0.7s; width: 3px; height: 3px; background: #e57373; }
        .mchamp_2v2_lmb__particle:nth-child(10) { left: 92%; animation-delay: 4.0s; width: 5px; height: 5px; background: #c62828; }
        .mchamp_2v2_lmb__particle:nth-child(11) { left: 10%; animation-delay: 3.0s; width: 4px; height: 4px; background: #ff5252; }
        .mchamp_2v2_lmb__particle:nth-child(12) { left: 48%; animation-delay: 5.2s; width: 2px; height: 2px; background: #d32f2f; }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .mchamp_2v2_lmb__outer-shell {
                margin-bottom: 32px; /* 移动端下方空隙适当减小 */
            }

            .mchamp_2v2_lmb__content-panel {
                padding: 24px 16px 20px;
                gap: 18px;
            }

            .mchamp_2v2_lmb__content-inner {
                gap: 16px;
            }

            .mchamp_2v2_lmb__main-title {
                font-size: 20px;
                letter-spacing: 1px;
                white-space: normal;
            }

            .mchamp_2v2_lmb__btn {
                width: 100%;
                justify-content: center;
                padding: 10px 16px;
                font-size: 12px;
                letter-spacing: 1px;
                box-sizing: border-box;
            }

            .mchamp_2v2_lmb__button-group {
                flex-direction: column;
                width: 100%;
                gap: 10px;
            }

            .mchamp_2v2_lmb__divider-line {
                width: 32px;
            }

            .mchamp_2v2_lmb__particle {
                animation-duration: 6s;
            }
        }