/* ————————————————————————————————————— */
        /* 头部：青蓝霓虹 · 超强冲击 · 丰富科技点缀 */
        /* ————————————————————————————————————— */
        .header.AI {
            background: linear-gradient(135deg, #081029 0%, #0D1F47 50%, #182166 100%);
            color: var(--text-white);
            overflow: hidden;
        }

        /* 1. 中心脉冲 */
        .header.AI::before {
            content: "";
            position: absolute;
            top: 50%; left: 50%;
            width: 300%; height: 300%;
            background: radial-gradient(circle, rgba(0, 220, 255, 0.3) 0%, transparent 55%);
            transform: translate(-50%, -50%) scale(0.5);
            animation: pulse 5s ease-in-out infinite;
            z-index: 0;
            pointer-events: none;
        }

        /* 2. 环形光波--不显示*/
        .header.AI::after {
            content: "";
            position: absolute;
            top: 50%; left: 50%;
            width: 250%; height: 250%;
            background: radial-gradient(circle, transparent 65%, rgba(0, 220, 255, 0.2) 75%, transparent 85%);
            transform: translate(-50%, -50%) scale(0.5);
            animation: wave 6s linear infinite;
            z-index: 0;
            pointer-events: none;
            display: none;
        }

        /* 3. 横向流光 */
        .header-light {
            position: absolute;
            top: 0; left: 0;
            width: 150%; height: 100%;
            background: linear-gradient(90deg, transparent 0%, rgba(116,0,255, 0.2) 50%, transparent 100%);
            animation: light 5s linear infinite;
            z-index: 1;
            pointer-events: none;
        }

        /* 4. 点缀：垂直冷光扫描（更高级） */
        .header-scan {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: linear-gradient(to bottom, transparent, rgba(0, 160, 255, 0.08), transparent);
            animation: scan 7s linear infinite;
            z-index: 0;
            pointer-events: none;
        }

        /* 5. 点缀：边缘霓虹光晕（氛围感） */
        .header-glow {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: radial-gradient(ellipse at center, transparent 60%, rgba(0, 180, 255, 0.1) 100%);
            animation: glow 4s ease-in-out infinite alternate;
            z-index: 0;
            pointer-events: none;
        }

        /* 6. 点缀：浮动星光粒子（精致不杂乱） */
        .header-stars {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-image:
                radial-gradient(circle, rgba(255,255,255,0.12) 1px, transparent 1px),
                radial-gradient(circle, rgba(0, 190, 255, 0.1) 1px, transparent 1px);
            background-size: 30px 30px, 45px 45px;
            animation: stars 25s linear infinite;
            z-index: 0;
            pointer-events: none;
        }

        /* 7. 点缀：顶部能量条（电竞感） */
        .top-line::before {
            content:"";
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 4px;
            background: linear-gradient(90deg, transparent, rgba(0, 220, 255, 1), transparent);
            animation: topLine 3s linear infinite;
            z-index: 10;
            pointer-events: none;
        }

        /* ——————— 动画合集 ——————— */
        @keyframes pulse {
            0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.6; }
            50% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
            100% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.6; }
        }
        @keyframes wave {
            0% { transform: translate(-50%, -50%) scale(0.4); opacity: 0.7; }
            30% { transform: translate(-50%, -50%) scale(1); opacity: 0; }
            100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }
        }
        @keyframes light {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        @keyframes scan {
            0% { transform: translateY(-100%); }
            100% { transform: translateY(100%); }
        }
        @keyframes glow {
            0% { opacity: 0.6; }
            100% { opacity: 1; }
        }
        @keyframes stars {
            0% { background-position: 0 0; }
            100% { background-position: 100px 200px; }
        }
        @keyframes topLine {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }


      /* 头部 */
      .header.AI .title {font-size: 14px;position: relative;z-index: 5;}
      .match-versus {line-height:20px;font-weight: normal;text-align: center;margin:10px 0 30px 0;position:relative;z-index:5;}
      .match-info {margin:5px 0;display:flex;align-items:center;justify-content:center;}
      .team {font-size:16px;font-weight:600;flex: 1;display:flex;align-items:center;justify-self: start;}
      .team:first-child {justify-content: flex-end;}
      .match-info.detil .team:first-child {justify-content: center;}
      .match-info.detil .team-flag {margin: 0 10px 0 0;}
      .team-flag {width:28px;height:18px;margin:0 10px;border-radius:3px;object-fit: cover;}
      .score {font-size:20px;font-weight:bold;width: 50px;}
      .score span {color: var(--white60);font-size: 14px;font-weight: normal;display: block;}
      .match-time {font-size:14px;}
      .match-time .state {background:rgb(255 255 255 / 15%);font-size:12px;line-height:15px;border-radius:3px;padding:0 3px;display:inline-block;}
      .state.red {color: #ff5d4b;}
      .state.blue {color: #1dcbff;}
      .state.green {color: #23c940;}
      .match-extra {color: var(--white80);font-size:12px;}

      /* 内容区域 */
      .content {background:var(--bg-color-1);padding:15px;margin-top: -10px;border-radius: 10px 10px 0 0;overflow: hidden;position: relative;z-index: 2;}
      .navitem {width: calc(100% + 28px);display: flex;align-items: center;margin: 0 0 0 -14px;border-bottom: 1px solid var(--border-1);}
      .navitem span {flex: 1;color: var(--text-color-2);font-size: 16px;text-align: center;padding-bottom: 8px;cursor: pointer;}
      .navitem .on {color: var(--text-color-1);font-weight: bold;position: relative;z-index: 1;}
      .navitem .on::after {content:"";background:linear-gradient(90deg,#69c2ff,transparent);width:70px;height:8px;border-radius:1px;transform:translateX(-50%) skewY(-5deg);bottom:7px;left:50%;position:absolute;z-index:-1;}

      .interpret-item {padding-left: 10px;margin:15px 0;position: relative;}
      .interpret-item::after {content:"";border-left: 1px dashed var(--border-3);width: 10px;height: 100%;left: 1px;top: 20px;position: absolute;}
      .interpret-item:last-child::after {height: calc(100% - 20px);}
      /* .interpret-item:last-child {margin: 0;} */
      .interpret-header {color:var(--text-color-2);font-size:12px;margin:0 0 10px -15px;display:flex;align-items:center;}
      .interpret-header span {margin-right: 6px;}
      .interpret-content {padding-left: 5px;}
      .interpret-content p {padding: 0;margin: 8px 0;}
      .interpret-content .icon {width: 20px;height: 20px;vertical-align: -4px;}
      #aiContent2 .interpret-content {padding: 5px;}
      #aiContent2 .interpret-content h2 {font-size: 16px;padding: 0;margin: 10px 0;}
      #aiContent2 .interpret-content p {line-height: 22px;margin: 10px 0 20px 0;text-align: justify;}
      /* .time-tag {background:var(--yellow60);padding:8px 2px;margin-right: 10px;border-radius:4px;} */
      .time-tag {width: 16px;height: 16px;margin-right: 6px;}
      .interpret-title {font-size:16px;font-weight:bold;margin-bottom:5px;padding-left: 5px;}
      .detail-link {color:var(--text-hightlight-1);font-size: 12px;margin-left: 5px;cursor:pointer;}
      .ai-box {background:var(--bg-hightlight-9);padding:10px;margin:10px 0;border-radius:25px 8px 8px 8px;}
      .ai-header {font-size:15px;font-weight:bold;margin-bottom:10px;display: flex;align-items: center;}
      .ai-header span {background:linear-gradient(90deg,#006fef,#5340e6,#0c9eff);color:transparent;background-clip:text;-webkit-background-clip:text;}
      .ai-icon {background:url(/Images/worldcup/robot.gif)no-repeat center;background-size: 100%;width:24px;height:24px;margin-right: 5px;}
      .ai-content {line-height: 22px;padding: 0 5px;}
      .ai-content p,.ai-content ul,.ai-content ol {padding: 0;margin: 10px 0;}
      .ai-content p + p {margin: 15px 0 8px 0;}
      .ai-content li,.ai-list li {margin:8px 0 8px 20px;list-style: circle;}
      .ai-content h1 {font-size: 18px;margin: 10px 0;}
      .ai-content h2 {font-size: 16px;}
      .ai-content h3 {font-size: 15px;background: linear-gradient(90deg, rgba(0,147,255,0.1), transparent);}
      .ai-content h4 {font-size: 14px;}

      .header.battle{background:#010e30 url(/Images/worldcup/battlebg-h5.jpg)no-repeat center;background-size: 100%;width:100%;padding-top: 28%;}
      .header.battle .team{background: rgba(0,57,200,0.5);color:var(--text-white);font-size:16px;font-weight:500;text-align:center;line-height: 22px;width:45%;height: 24%;padding: 6px;border-radius: 30px;justify-content: center;left:12.5%;bottom:21.5%;position:absolute;}
      .header.battle .team:hover {color: #ffdc73;}
      .header.battle .team-flag {width: 26px;height: 16px;margin-left: 0;border: 1px solid #244dad;}
      .interpret-item.detil:first-child {margin-top: 2px;}
      .interpret-detil.fold-up {margin-bottom: 5px;}
      .interpret-detil.fold-up .intitle {background: linear-gradient(90deg,var(--bg-color-2), transparent);padding: 8px 0 8px 8px;border-radius: 5px;align-items: center;}
      .interpret-detil.fold-up .intitle span {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
      .interpret-detil {margin-bottom: 20px;}
      .interpret-detil .intitle {font-size: 16px;font-weight: bold;padding: 0 0 0 5px;display: flex;align-items: flex-start;justify-content: space-between;}
      .intitle .down {flex: 0 0 20px;width: 20px;height: 20px;margin-left: 5px;position: relative;}
      .intitle .down::before {content:"";width: 8px;height: 8px;border: 1px solid var(--text-color-4);border-left: none;border-top: none;transform: translate(-50%,-50%) rotate(45deg);left: 50%;top: 40%;position: absolute;transition: all 0.2s linear;}
      .intitle .down.up::before {top: 60%;transform: translate(-50%,-50%) rotate(-135deg);}
      .interpret-detil .ai-box {border-radius: 8px;}
      .interpret-detil .ai-box .time {color:var(--text-color-2);font-size:12px;text-align:right;padding:5px 5px 0 5px;border-top: 1px dashed var(--border-4);}

      /* 底部 */
      .footer-notice {border-top:1px solid var(--border-3);padding:5px 14px;}
      .notice-item {color:var(--text-color-3);font-size:12px;line-height: 16px;margin:10px 0;}
      .notice-icon {width:14px;height:14px;line-height:12px;text-align:center;margin-right:5px;vertical-align:0;border: 1px solid var(--text-color-4);border-radius:50%;display:inline-block;}

      .noData {width:100%;height:45vh;line-height:normal;display:flex;justify-content:center;align-items:center;flex-direction: column;}
      .noData img {max-width: 80%;max-height: 70%;}

      .loginbox {background: var(--bg-color-1);font-size: 15px;font-weight: bold;text-align:center;height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top: -10px;border-radius: 10px 10px 0 0;position: relative;z-index: 2;}
      .loginbox.detail {height:calc(100vh - 95px);}
      .loginbox .loginbtn {background: var(--primary-color);color: var(--text-white);font-size: 14px;font-weight: normal;width: 45%;padding: 8px;margin: 20px auto 5px auto;border-radius: 5px;cursor: pointer;}
      .loginbox span {color: var(--text-color-2);font-size: 12px;font-weight: normal;text-align: left;width: 45%;margin: 0 auto;display: block;}
      .loginbox a {color: var(--text-hightlight-1);float: right;}