/* ============================================
   2026世界杯直播官网 V4 - 复古运动杂志风格
   配色：复古红 #c8102e | 米黄 #f8f0e3 | 深蓝 #0a2463
   ============================================ */

/* ---- 基础重置 ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;position:relative;width:100%}
body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:#f8f0e3;color:#1a1a1a;line-height:1.7;overflow-x:hidden}
a{text-decoration:none;color:inherit;transition:.25s}
img{max-width:100%;display:block;height:auto}
ul,ol{list-style:none}
button{border:none;background:none;cursor:pointer;font-family:inherit}
table{border-collapse:collapse;width:100%}

/* ---- 胶带装饰效果 ---- */
.tape{position:relative}
.tape::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-2deg);width:120px;height:28px;background:rgba(255,255,255,.55);border-left:2px dashed rgba(0,0,0,.1);border-right:2px dashed rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.15);z-index:10}

/* ---- 容器 ---- */
.v4-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* ---- 顶部导航 ---- */
.topbar-v4{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a2463;border-bottom:4px solid #c8102e;box-shadow:0 4px 20px rgba(0,0,0,.3)}
.topbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px}
.v4-logo{display:flex;align-items:center;gap:10px}
.v4-logo img{height:42px;width:auto;border-radius:4px}
.v4-logo::after{content:'2026世界杯直播';color:#f8f0e3;font-size:18px;font-weight:700;letter-spacing:1px}
.v4-nav{display:flex;gap:4px}
.v4-navlink{color:rgba(248,240,227,.75);font-size:14px;padding:8px 14px;border-radius:4px;font-weight:500;letter-spacing:.5px}
.v4-navlink:hover,.v4-navlink.active{color:#f8f0e3;background:rgba(200,16,46,.25)}
.v4-menubtn{display:none;color:#f8f0e3;font-size:24px;padding:6px 10px}

/* ===== 搜索框 ===== */
.header-search-box{position:relative;flex-shrink:0}
.search-box-inner{display:flex;align-items:center;background:rgba(248,240,227,.15);border:1px solid rgba(248,240,227,.3);border-radius:24px;padding:4px 4px 4px 10px;gap:4px;transition:.25s;min-width:180px}
.search-box-inner:focus-within{background:rgba(248,240,227,.25);border-color:#c8102e}
.search-tag{font-size:12px;color:#f8f0e3;font-weight:500;white-space:nowrap;cursor:pointer}
.search-input{border:none;background:transparent;outline:none;font-size:13px;color:#f8f0e3;flex:1;min-width:60px}
.search-input::placeholder{color:rgba(248,240,227,.6)}
.search-hot{font-size:11px;color:#c8102e;display:flex;align-items:center;gap:2px;white-space:nowrap;cursor:pointer}
.search-submit{width:32px;height:32px;border-radius:50%;border:none;background:#c8102e;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s;flex-shrink:0}
.search-submit:hover{background:#0a2463}
.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#f8f0e3;border:2px solid #0a2463;border-radius:4px;box-shadow:6px 6px 0 rgba(10,36,99,.15);padding:12px;display:none;z-index:100}
.search-dropdown.show{display:block}
.dropdown-title{font-size:12px;color:#666;margin-bottom:8px;font-weight:600}
.dropdown-list{list-style:none}
.dropdown-list li{display:flex;align-items:center;gap:8px;padding:6px 4px;cursor:pointer;border-radius:2px;transition:.2s}
.dropdown-list li:hover{background:rgba(10,36,99,.06)}
.rank-num{width:18px;height:18px;border-radius:2px;background:#ddd;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#666;flex-shrink:0}
.rank-num.rank-top-1{background:rgba(200,16,46,.15);color:#c8102e}
.rank-num.rank-top-2{background:rgba(10,36,99,.15);color:#0a2463}
.rank-num.rank-top-3{background:rgba(200,16,46,.1);color:#c8102e}
.dropdown-list .keyword{font-size:13px;color:#1a1a1a}
.mobile-search-toggle{display:none;background:none;border:1px solid rgba(248,240,227,.4);color:#f8f0e3;font-size:16px;width:40px;height:40px;border-radius:4px;cursor:pointer;align-items:center;justify-content:center}

/* ===== 滚动公告栏 ===== */
.announcement-bar{background:#0a2463;border-bottom:2px solid #c8102e;color:#f8f0e3;padding:10px 0;position:relative;overflow:hidden}
.announcement-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:12px}
.announcement-icon{font-size:14px;flex-shrink:0;animation:pulse 2s infinite;color:#c8102e}
.announcement-scroll{flex:1;overflow:hidden;white-space:nowrap;position:relative}
.announcement-scroll span{display:inline-block;padding-right:60px;font-size:13px;animation:scroll-left 30s linear infinite}
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}

/* ---- 移动端菜单 ---- */
.v4-mobilemenu{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#0a2463;z-index:1002;padding:80px 20px 20px;transition:right .35s ease;display:flex;flex-direction:column;gap:4px}
.v4-mobilemenu.open{right:0}
.v4-mitem{color:rgba(248,240,227,.8);padding:12px 16px;border-radius:4px;font-size:15px;border-bottom:1px solid rgba(248,240,227,.08)}
.v4-mitem:hover{color:#f8f0e3;background:rgba(200,16,46,.2)}
.v4-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1001;opacity:0;visibility:hidden;transition:.3s}
.v4-overlay.show{opacity:1;visibility:visible}

/* ---- HERO区域 ---- */
.hero-v4{position:relative;padding:140px 24px 80px;background:#0a2463;overflow:hidden}
.hero-v4::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><circle cx="30" cy="30" r="1.5" fill="rgba(248,240,227,.06)"/></svg>');opacity:.6}
.hero-v4::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#f8f0e3,transparent)}
.hero-v4-inner{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}
.hero-v4-badge{display:inline-block;background:#c8102e;color:#fff;font-size:13px;font-weight:700;padding:6px 20px;border-radius:2px;letter-spacing:3px;margin-bottom:24px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 rgba(0,0,0,.2)}
.hero-v4 h1{color:#f8f0e3;font-size:52px;font-weight:800;line-height:1.15;margin-bottom:18px;text-shadow:2px 2px 0 rgba(0,0,0,.3);letter-spacing:1px;word-break:break-word;overflow-wrap:anywhere}
.hero-v4>p{color:rgba(248,240,227,.8);font-size:18px;max-width:640px;margin:0 auto 28px;line-height:1.8}
.hero-v4-meta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
.v4-tag{background:rgba(248,240,227,.12);color:#f8f0e3;padding:6px 16px;border-radius:2px;font-size:13px;font-weight:500;border:1px solid rgba(248,240,227,.2)}
.hero-v4-cta{display:inline-block;background:#c8102e;color:#fff;padding:14px 40px;font-size:16px;font-weight:700;border-radius:2px;box-shadow:4px 4px 0 rgba(0,0,0,.25);transform:rotate(.5deg);transition:.25s}
.hero-v4-cta:hover{transform:rotate(0) translateY(-2px);box-shadow:6px 6px 0 rgba(0,0,0,.2)}

/* ===== 直播框 ===== */
.live-frame-v4{width:100%;max-width:860px;margin:0 auto;background:linear-gradient(135deg,rgba(14,45,110,0.85),rgba(20,55,130,0.75));border:2px solid rgba(248,240,227,0.2);border-radius:20px;backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.06);overflow:hidden}
.live-frame-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 36px;text-align:center}

/* ===== 直播入口按钮 ===== */
.hero-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:2px;font-size:15px;font-weight:700;text-decoration:none;transition:.25s;background:#c8102e;color:#fff;box-shadow:4px 4px 0 rgba(0,0,0,.25);transform:rotate(.5deg)}
.btn-primary:hover{transform:rotate(0) translateY(-2px);box-shadow:6px 6px 0 rgba(0,0,0,.2);background:#0a2463}
.hero-v4-countdown{position:relative;z-index:2;max-width:520px;margin:48px auto 0;background:rgba(0,0,0,.25);border:1px solid rgba(248,240,227,.15);border-radius:4px;padding:24px;text-align:center}
.v4-cdlabel{color:rgba(248,240,227,.7);font-size:13px;letter-spacing:2px;margin-bottom:14px}
.v4-cdrow{display:flex;justify-content:center;align-items:center;gap:8px}
.v4-cditem{display:flex;flex-direction:column;align-items:center;min-width:60px}
.v4-cditem b{color:#f8f0e3;font-size:36px;font-weight:800;line-height:1}
.v4-cditem i{color:rgba(248,240,227,.55);font-size:12px;font-style:normal;margin-top:4px}
.v4-cdsep{color:#c8102e;font-size:28px;font-weight:700;margin-top:-12px}

/* ---- 区块标题 ---- */
.v4-sechead{text-align:center;margin-bottom:48px;padding-top:64px}
.v4-label{display:inline-block;background:#c8102e;color:#fff;font-size:11px;font-weight:700;padding:5px 16px;letter-spacing:3px;margin-bottom:14px;transform:rotate(-1deg)}
.v4-sectitle{font-size:36px;font-weight:800;color:#0a2463;letter-spacing:2px;position:relative;display:inline-block}
.v4-sectitle::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#c8102e}
.v4-subtitle{font-size:22px;font-weight:700;color:#0a2463;margin:40px 0 24px;padding-left:16px;border-left:5px solid #c8102e}

/* ---- 今日赛事 ---- */
.today-v4{padding:0 0 60px;background:#f8f0e3}
.today-v4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.today-v4-card{background:#fff;border:2px solid #0a2463;padding:24px;text-align:center;position:relative;box-shadow:6px 6px 0 rgba(10,36,99,.12);transition:.25s}
.today-v4-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 rgba(10,36,99,.1)}
.today-v4-time{font-size:28px;font-weight:800;color:#c8102e;margin-bottom:16px;font-family:Georgia,serif}
.today-v4-teams{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}
.t4-team{display:flex;flex-direction:column;align-items:center;gap:6px}
.t4-team img{width:48px;height:48px;object-fit:contain}
.t4-team span{font-size:14px;font-weight:600;color:#0a2463}
.t4-vs{font-size:20px;font-weight:800;color:#c8102e;background:#f8f0e3;padding:4px 14px;border:2px solid #c8102e;border-radius:50%}
.today-v4-info{font-size:13px;color:#666;margin-top:8px}

/* ---- 对阵表 ---- */
.schedule-v4{padding:0 0 60px;background:#f8f0e3}
.groups-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px}
.g4-card{background:#fff;border:2px solid #0a2463;padding:20px;box-shadow:5px 5px 0 rgba(10,36,99,.1);transition:.25s;position:relative}
.g4-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(10,36,99,.08)}
.g4-hd{display:flex;justify-content:center;margin-bottom:14px}
.g4-ltr{display:inline-block;background:#c8102e;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;font-weight:800;border-radius:50%}
.g4-teams{display:flex;justify-content:center;gap:10px;margin-bottom:10px}
.g4-teams img{width:36px;height:36px;object-fit:contain}
.g4-names{text-align:center;font-size:12px;color:#555;line-height:1.6;word-break:break-all}

/* 赛程标签页 */
.v4-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.v4-tab{background:#fff;border:2px solid #0a2463;color:#0a2463;padding:10px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s;box-shadow:3px 3px 0 rgba(10,36,99,.1)}
.v4-tab:hover{background:rgba(10,36,99,.05)}
.v4-tab.active{background:#0a2463;color:#f8f0e3;box-shadow:3px 3px 0 rgba(10,36,99,.25)}
.v4-tpanel{display:none}
.v4-tpanel.active{display:block}

.v4-day{margin-bottom:28px}
.v4-dtitle{font-size:18px;font-weight:700;color:#0a2463;margin-bottom:14px;padding-bottom:8px;border-bottom:3px solid #c8102e;display:inline-block}
.v4-mrow{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #ddd;padding:14px 20px;margin-bottom:8px;transition:.2s}
.v4-mrow:hover{border-color:#0a2463;box-shadow:3px 3px 0 rgba(10,36,99,.1)}
.v4-mtime{font-size:15px;font-weight:700;color:#c8102e;min-width:56px;font-family:Georgia,serif}
.v4-mgrp{font-size:12px;color:#fff;background:#0a2463;padding:3px 10px;border-radius:2px;font-weight:600;min-width:42px;text-align:center}
.v4-mteams{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}
.v4-mteams img{width:32px;height:32px;object-fit:contain}
.v4-mteams span{font-size:15px;font-weight:600;color:#1a1a1a;min-width:60px;text-align:center}
.v4-mteams em{font-style:normal;color:#c8102e;font-weight:800;font-size:14px;background:#f8f0e3;padding:2px 10px;border:1px solid #c8102e}

/* ---- 球员介绍 ---- */
.players-v4{padding:0 0 60px;background:#0a2463;position:relative}
.players-v4 .v4-sectitle{color:#f8f0e3}
.players-v4 .v4-sectitle::after{background:#c8102e}
.players-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.p4-card{background:#f8f0e3;border:3px solid #c8102e;padding:24px 20px;text-align:center;position:relative;box-shadow:7px 7px 0 rgba(0,0,0,.25);transition:.25s}
.p4-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 rgba(0,0,0,.2)}
.p4-num{position:absolute;top:-14px;right:16px;background:#c8102e;color:#fff;width:42px;height:42px;line-height:42px;border-radius:50%;font-size:18px;font-weight:800;font-family:Georgia,serif;box-shadow:3px 3px 0 rgba(0,0,0,.2)}
.p4-avatar{width:90px;height:90px;margin:0 auto 14px;border:4px solid #0a2463;border-radius:50%;overflow:hidden;background:#fff}
.p4-avatar img{width:100%;height:100%;object-fit:cover}
.p4-info h4{font-size:20px;font-weight:800;color:#0a2463;margin-bottom:8px}
.p4-country{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:#555;margin-bottom:6px}
.p4-country img{width:22px;height:22px;object-fit:contain}
.p4-pos{display:inline-block;background:#0a2463;color:#f8f0e3;padding:3px 14px;font-size:12px;font-weight:600;margin-bottom:10px;border-radius:2px}
.p4-stats{display:flex;justify-content:center;gap:16px;font-size:13px;color:#666;font-weight:600}
.p4-stats span{background:#fff;padding:4px 12px;border:1px solid #ddd}

/* ---- 新闻资讯 ---- */
.news-v4{padding:0 0 60px;background:#f8f0e3}
.news-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.n4-card{position:relative;background:#fff;border:2px solid #0a2463;overflow:hidden;box-shadow:5px 5px 0 rgba(10,36,99,.1);transition:.25s}
.n4-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(10,36,99,.08)}
.n4-card img{width:100%;height:180px;object-fit:cover;display:block}
.n4-card.n4-big{grid-column:span 2;grid-row:span 2}
.n4-card.n4-big img{height:100%;min-height:320px}
.n4-overlay{padding:16px}
.n4-tag{display:inline-block;background:#c8102e;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;margin-bottom:10px}
.n4-card h3{font-size:20px;font-weight:700;color:#0a2463;line-height:1.4;margin-bottom:10px}
.n4-card h4{font-size:15px;font-weight:700;color:#0a2463;line-height:1.4;margin-bottom:8px}
.n4-card p{font-size:13px;color:#555;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.n4-card.n4-big p{-webkit-line-clamp:4;font-size:14px}
.n4-date{display:block;font-size:12px;color:#999;margin-top:10px;font-style:italic}

/* ---- 赛前预测 ---- */
.prediction-v4{padding:0 0 60px;background:#0a2463}
.prediction-v4 .v4-sectitle{color:#f8f0e3}
.prediction-v4 .v4-sectitle::after{background:#c8102e}
.pred-v4-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pred4-card{background:#f8f0e3;border:3px solid #c8102e;padding:24px;box-shadow:7px 7px 0 rgba(0,0,0,.25)}
.pred4-hd{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:18px}
.pr4-team{display:flex;flex-direction:column;align-items:center;gap:6px}
.pr4-team img{width:48px;height:48px;object-fit:contain}
.pr4-team span{font-size:16px;font-weight:700;color:#0a2463}
.pr4-vs{font-size:22px;font-weight:800;color:#c8102e;background:#fff;padding:6px 16px;border:2px solid #c8102e;border-radius:50%}
.pred4-bar{display:flex;height:36px;margin-bottom:14px;border:2px solid #0a2463;overflow:hidden}
.pr4-home{background:#c8102e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.pr4-draw{background:#0a2463;color:#f8f0e3;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.pr4-away{background:#f8f0e3;color:#0a2463;border-left:2px solid #0a2463;border-right:2px solid #0a2463;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.pred4-txt{font-size:14px;color:#444;line-height:1.7}

/* ---- 球迷评论 ---- */
.comments-v4{padding:0 0 60px;background:#f8f0e3}
.comments-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.c4-card{background:#fff;border:2px solid #0a2463;padding:20px;box-shadow:5px 5px 0 rgba(10,36,99,.1);position:relative;transition:.25s}
.c4-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(10,36,99,.08)}
.c4-card::before{content:'"';position:absolute;top:8px;right:16px;font-size:48px;color:rgba(200,16,46,.12);font-family:Georgia,serif;line-height:1}
.c4-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.c4-hd img{width:42px;height:42px;border-radius:50%;border:2px solid #c8102e;object-fit:cover}
.c4-name{font-size:14px;font-weight:700;color:#0a2463}
.c4-time{font-size:12px;color:#999;margin-left:auto}
.c4-card>p{font-size:14px;color:#444;line-height:1.8}

/* ---- 积分榜 ---- */
.standings-v4{padding:0 0 60px;background:#0a2463}
.standings-v4 .v4-sectitle{color:#f8f0e3}
.standings-v4 .v4-sectitle::after{background:#c8102e}
.st4-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}
.st4-btn{background:transparent;border:2px solid rgba(248,240,227,.4);color:rgba(248,240,227,.7);width:42px;height:42px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s}
.st4-btn:hover{border-color:#f8f0e3;color:#f8f0e3}
.st4-btn.active{background:#c8102e;border-color:#c8102e;color:#fff}
.st4-panel{display:none}
.st4-panel.active{display:block}
.st4-table{background:#f8f0e3;border:3px solid #c8102e;box-shadow:7px 7px 0 rgba(0,0,0,.25)}
.st4-table th{background:#0a2463;color:#f8f0e3;padding:12px 8px;font-size:13px;font-weight:700;text-align:center}
.st4-table td{padding:10px 8px;text-align:center;font-size:13px;border-bottom:1px solid #ddd;color:#333}
.st4-table td:nth-child(2){display:flex;align-items:center;gap:8px;justify-content:flex-start;padding-left:16px;font-weight:600}
.st4-table td img{width:26px;height:26px;object-fit:contain}
.st4-table tbody tr:hover{background:rgba(10,36,99,.06)}
.st4-table tbody tr:nth-child(1) td:first-child{color:#c8102e;font-weight:800;font-size:16px}
.st4-table tbody tr:nth-child(2) td:first-child{color:#0a2463;font-weight:700;font-size:15px}

/* ---- 视频集锦 ---- */
.videos-v4{padding:0 0 60px;background:#f8f0e3}
.videos-v4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vd4-card{background:#fff;border:2px solid #0a2463;overflow:hidden;box-shadow:5px 5px 0 rgba(10,36,99,.1);transition:.25s}
.vd4-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(10,36,99,.08)}
.vd4-big{grid-column:span 2;grid-row:span 2}
.vd4-thumb{position:relative;overflow:hidden}
.vd4-thumb img{width:100%;height:180px;object-fit:cover;transition:.3s}
.vd4-big .vd4-thumb img{height:100%;min-height:320px}
.vd4-card:hover .vd4-thumb img{transform:scale(1.05)}
.vd4-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:rgba(200,16,46,.9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:.25s}
.vd4-card:hover .vd4-play{background:#c8102e;transform:translate(-50%,-50%) scale(1.1)}
.vd4-dur{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.75);color:#fff;padding:3px 10px;font-size:12px;font-weight:600;border-radius:2px}
.vd4-card h4{padding:14px 16px 6px;font-size:15px;font-weight:700;color:#0a2463}
.vd4-card p{padding:0 16px 14px;font-size:13px;color:#666}
.vd4-big h4{font-size:20px;padding:18px 20px 8px}
.vd4-big p{padding:0 20px 18px;font-size:14px}

/* ---- 球队档案 ---- */
.teams-v4{padding:0 0 60px;background:#0a2463}
.teams-v4 .v4-sectitle{color:#f8f0e3}
.teams-v4 .v4-sectitle::after{background:#c8102e}
.teams-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tm4-card{background:#f8f0e3;border:3px solid #c8102e;padding:24px;text-align:center;box-shadow:7px 7px 0 rgba(0,0,0,.25);transition:.25s}
.tm4-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 rgba(0,0,0,.2)}
.tm4-icon{width:64px;height:64px;margin:0 auto 14px;border:3px solid #0a2463;border-radius:50%;overflow:hidden;background:#fff;padding:6px}
.tm4-icon img{width:100%;height:100%;object-fit:contain}
.tm4-card h4{font-size:18px;font-weight:800;color:#0a2463;margin-bottom:6px}
.tm4-group{display:inline-block;background:#c8102e;color:#fff;padding:3px 14px;font-size:12px;font-weight:700;margin-bottom:10px;border-radius:2px}
.tm4-card p{font-size:13px;color:#555;line-height:1.7}

/* ---- 数据排行 ---- */
.stats-v4{padding:0 0 60px;background:#f8f0e3}
.stats4-tabs{display:flex;gap:8px;margin-bottom:24px;justify-content:center}
.stats4-btn{background:#fff;border:2px solid #0a2463;color:#0a2463;padding:10px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s;box-shadow:3px 3px 0 rgba(10,36,99,.1)}
.stats4-btn:hover{background:rgba(10,36,99,.05)}
.stats4-btn.active{background:#0a2463;color:#f8f0e3;box-shadow:3px 3px 0 rgba(10,36,99,.25)}
.stats4-panel{display:none}
.stats4-panel.active{display:block}
.stats4-table{background:#fff;border:3px solid #0a2463;box-shadow:7px 7px 0 rgba(10,36,99,.1)}
.stats4-table th{background:#0a2463;color:#f8f0e3;padding:14px 12px;font-size:14px;font-weight:700;text-align:center}
.stats4-table td{padding:12px;text-align:center;font-size:14px;border-bottom:1px solid #eee;color:#333}
.stats4-table td:nth-child(3){display:flex;align-items:center;gap:8px;justify-content:center;font-weight:600}
.stats4-table td img{width:24px;height:24px;object-fit:contain}
.stats4-table tbody tr:hover{background:rgba(10,36,99,.04)}
.stats4-table tbody tr:nth-child(1) td:first-child{color:#c8102e;font-weight:800;font-size:18px}
.stats4-table tbody tr:nth-child(2) td:first-child{color:#0a2463;font-weight:700;font-size:16px}
.stats4-table tbody tr:nth-child(3) td:first-child{color:#c8102e;font-weight:700;font-size:15px}

/* ---- 世界杯历史 ---- */
.history-v4{padding:0 0 60px;background:#0a2463}
.history-v4 .v4-sectitle{color:#f8f0e3}
.history-v4 .v4-sectitle::after{background:#c8102e}
.history-v4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.h4-card{background:#f8f0e3;border:3px solid #c8102e;padding:20px;text-align:center;box-shadow:7px 7px 0 rgba(0,0,0,.25);transition:.25s;position:relative}
.h4-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 rgba(0,0,0,.2)}
.h4-year{font-size:32px;font-weight:800;color:#c8102e;font-family:Georgia,serif;margin-bottom:10px;line-height:1}
.h4-winner{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}
.h4-winner img{width:36px;height:36px;object-fit:contain}
.h4-winner span{font-size:16px;font-weight:700;color:#0a2463}
.h4-card p{font-size:13px;color:#555;line-height:1.7}
.h4-future{background:rgba(248,240,227,.9);border-style:dashed}
.h4-future .h4-year{color:#0a2463}
.h4-future .h4-winner span{font-size:28px;color:#c8102e}

/* ---- 页脚 ---- */
.site-footer-v4{background:#0a2463;border-top:4px solid #c8102e;padding:48px 24px 24px}
.footer-v4-inner{text-align:center}
.footer-v4-links h4{color:#f8f0e3;font-size:16px;font-weight:700;margin-bottom:16px;letter-spacing:2px}
.flink-v4-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 20px;margin-bottom:32px}
.flink-v4-row a{color:rgba(248,240,227,.65);font-size:13px;padding:4px 0;transition:.25s}
.flink-v4-row a:hover{color:#c8102e}
.footer-v4-bottom{color:rgba(248,240,227,.55);font-size:13px;line-height:2}
.footer-v4-bottom a{color:rgba(248,240,227,.65);transition:.25s}
.footer-v4-bottom a:hover{color:#c8102e}

/* ---- 返回顶部 ---- */
.back-top-v4{position:fixed;bottom:30px;right:30px;width:48px;height:48px;background:#c8102e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 15px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:.3s;z-index:999}
.back-top-v4.show{opacity:1;visibility:visible}
.back-top-v4:hover{background:#0a2463;transform:translateY(-3px)}

/* ============================================
   响应式 - 移动端适配
   ============================================ */
@media (max-width:1024px){
  .groups-v4-grid{grid-template-columns:repeat(3,1fr)}
  .players-v4-grid{grid-template-columns:repeat(3,1fr)}
  .news-v4-grid{grid-template-columns:repeat(3,1fr)}
  .comments-v4-grid{grid-template-columns:repeat(3,1fr)}
  .videos-v4-grid{grid-template-columns:repeat(3,1fr)}
  .teams-v4-grid{grid-template-columns:repeat(4,1fr)}
  .history-v4-grid{grid-template-columns:repeat(3,1fr)}
  .pred-v4-grid{grid-template-columns:1fr}
}

@media (max-width:768px){
  .v4-nav{display:none}
  .v4-menubtn{display:block}
  .hero-v4 h1{font-size:32px}
  .hero-v4>p{font-size:15px}
  .v4-sectitle{font-size:26px}
  .today-v4-grid{grid-template-columns:1fr}
  .groups-v4-grid{grid-template-columns:1fr}
  .players-v4-grid{grid-template-columns:repeat(2,1fr)}
  .news-v4-grid{grid-template-columns:1fr}
  .n4-card.n4-big{grid-column:span 1;grid-row:span 1}
  .n4-card.n4-big img{height:180px;min-height:auto}
  .comments-v4-grid{grid-template-columns:1fr}
  .videos-v4-grid{grid-template-columns:1fr}
  .vd4-big{grid-column:span 1;grid-row:span 1}
  .vd4-big .vd4-thumb img{height:180px;min-height:auto}
  .teams-v4-grid{grid-template-columns:repeat(2,1fr)}
  .history-v4-grid{grid-template-columns:repeat(2,1fr)}
  .pred-v4-grid{grid-template-columns:1fr}
  .v4-mrow{flex-wrap:wrap;gap:8px}
  .v4-mteams{width:100%;justify-content:center;margin-top:4px}
  .st4-table{font-size:12px}
  .st4-table th,.st4-table td{padding:8px 4px}
  .stats4-table{font-size:13px}
  .live-frame-v4{width:calc(100% - 24px);margin:0 auto}
  .live-frame-inner{padding:32px 20px}
  .hero-v4-countdown{padding:16px}
  .v4-cditem b{font-size:26px}
  .v4-cdsep{font-size:20px}
  .header-search-box{position:fixed;top:64px;left:0;right:0;background:#0a2463;padding:12px 16px;display:none;z-index:999;border-bottom:2px solid #c8102e}
  .header-search-box.show{display:block}
  .search-box-inner{min-width:auto}
  .mobile-search-toggle{display:flex}
  .hero-actions{flex-direction:column;align-items:center;gap:12px;padding:0 16px}
  .btn-primary{width:100%;max-width:280px;text-align:center;justify-content:center}
}

@media (max-width:480px){
  .v4-wrap{padding:0 16px}
  .hero-v4{padding:120px 16px 60px}
  .live-frame-inner{padding:24px 16px}
  .hero-v4 h1{font-size:26px}
  .groups-v4-grid{grid-template-columns:1fr}
  .players-v4-grid{grid-template-columns:1fr}
  .teams-v4-grid{grid-template-columns:1fr}
  .history-v4-grid{grid-template-columns:1fr}
  .v4-sectitle{font-size:22px}
  .v4-label{font-size:10px}
  .v4-tab,.stats4-btn,.st4-btn{padding:8px 16px;font-size:13px}
  .pred4-hd{gap:12px}
  .pr4-team img{width:38px;height:38px}
  .pr4-team span{font-size:14px}
  .back-top-v4{width:40px;height:40px;bottom:16px;right:16px}
}

/* ---- 滚动动画类 ---- */
.v4-fadein{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.v4-fadein.visible{opacity:1;transform:translateY(0)}