:root{--primary-usa:#0B2341;--primary-mexico:#006847;--primary-canada:#C8102E;--page-bg:#F8FAFC;--surface:#FFFFFF;--surface-strong:#0F172A;--text-main:#1E293B;--text-muted:#64748B;--accent:#0284C7;--accent-hover:#0369A1;--border:#E2E8F0;--card-radius:12px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:var(--page-bg);color:var(--text-main);overflow-x:hidden;line-height:1.6}.app-container{display:flex;min-height:100vh}.sidebar-nav{width:280px;background-color:var(--surface-strong);color:#FFFFFF;position:fixed;top:0;bottom:0;left:0;z-index:1030;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(255,255,255,0.1)}.sidebar-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#FFFFFF;font-weight:700;font-size:1.25rem;margin-bottom:2.5rem}.sidebar-brand img{height:40px;width:auto}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{margin-bottom:0.5rem}.sidebar-link{display:flex;align-items:center;gap:12px;padding:0.8rem 1rem;color:#CBD5E1;text-decoration:none;border-radius:8px;transition:all 0.2s ease-in-out;font-weight:500}.sidebar-link:hover,.sidebar-link.active{background-color:rgba(255,255,255,0.1);color:#FFFFFF}.sidebar-footer{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;font-size:0.85rem;color:#94A3B8}.main-content{margin-left:280px;flex-grow:1;width:calc(100% - 280px);padding:2rem}.mobile-header{display:none;background-color:var(--surface-strong);padding:1rem;position:sticky;top:0;z-index:1040;justify-content:space-between;align-items:center}section{padding:2.5rem 0;border-bottom:1px solid var(--border)}section:last-of-type{border-bottom:none}.section-title{font-size:1.75rem;font-weight:800;margin-bottom:1.5rem;position:relative;padding-left:1rem;color:var(--surface-strong);display:flex;align-items:center;gap:10px}.section-title::before{content:'';position:absolute;left:0;top:15%;height:70%;width:5px;background:linear-gradient(180deg,var(--primary-canada),var(--primary-mexico));border-radius:4px}.hero-hub{background:linear-gradient(135deg,rgba(11,35,65,0.95),rgba(15,23,42,0.98)),url('https://crownpro-maiqiu.com.cn/skin/cover/crownpromaiqiucomcn/crownpromaiqiucomcnhero-838.webp') center/cover no-repeat;border-radius:16px;padding:3.5rem 2.5rem;color:#FFFFFF;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(11,35,65,0.15);margin-bottom:2rem}.hero-hub h1{font-size:2.5rem;font-weight:800;line-height:1.25;margin-bottom:1rem}.hero-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:2rem}.hero-tag{background:rgba(255,255,255,0.15);padding:6px 16px;border-radius:20px;font-size:0.9rem;font-weight:600;backdrop-filter:blur(5px)}.worldcup-card{background-color:var(--surface);border-radius:var(--card-radius);border:1px solid var(--border);transition:transform 0.2s ease,box-shadow 0.2s ease;height:100%;overflow:hidden}.worldcup-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px rgba(0,0,0,0.05)}.match-card{background:var(--surface);border-radius:var(--card-radius);border:1px solid var(--border);padding:1.25rem;margin-bottom:1rem}.match-header{display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;color:var(--text-muted);margin-bottom:0.75rem;border-bottom:1px dashed var(--border);padding-bottom:0.5rem}.match-teams{display:flex;justify-content:space-between;align-items:center;padding:0.5rem 0}.team-row{display:flex;align-items:center;gap:12px;font-weight:700}.team-flag-placeholder{width:32px;height:20px;background:#E2E8F0;border-radius:4px;display:inline-block;text-align:center;font-size:0.65rem;line-height:20px;color:var(--text-muted)}.match-score{font-size:1.5rem;font-weight:800;color:var(--surface-strong);font-variant-numeric:tabular-nums}.match-status-badge{background:#F1F5F9;color:var(--text-muted);padding:4px 10px;border-radius:6px;font-size:0.75rem;font-weight:bold}.status-upcoming{background:#E0F2FE;color:#0369A1}.group-table{width:100%;font-size:0.9rem}.group-table th{background-color:#F8FAFC;color:var(--text-muted);font-weight:600;padding:8px 12px;border-bottom:2px solid var(--border)}.group-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.team-profile-card{position:relative;background-size:cover;background-position:center;border-radius:var(--card-radius);overflow:hidden;height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#FFFFFF;z-index:1}.team-profile-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,0.85) 100%);z-index:-1}.news-img-wrapper{position:relative;height:180px;overflow:hidden;background:#E2E8F0}.news-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform 0.3s}.news-img-wrapper img:hover{transform:scale(1.05)}.news-body{padding:1.25rem}.news-date{font-size:0.8rem;color:var(--text-muted);margin-bottom:0.5rem;display:block}.accordion-button:not(.collapsed){background-color:#F0F9FF;color:var(--accent);box-shadow:none}.accordion-button:focus{box-shadow:none;border-color:rgba(2,132,199,0.2)}@media (max-width:1024px){.sidebar-nav{display:none}.main-content{margin-left:0;width:100%;padding:1.5rem}.mobile-header{display:flex}}@media (max-width:768px){.hero-hub{padding:2rem 1.5rem}.hero-hub h1{font-size:1.85rem}.table-responsive{overflow-x:auto}}