:root{--page-bg:#f3f4f6;--surface:#ffffff;--surface-strong:#0f172a;--text-main:#1e293b;--text-muted:#64748b;--text-light:#f8fafc;--accent:#10b981;--accent-2:#0284c7;--accent-gold:#f59e0b;--border:#e2e8f0;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}body{font-family:var(--font-sans);background-color:var(--page-bg);color:var(--text-main);overflow-x:hidden;line-height:1.6}@media (min-width:1200px){.app-container{display:flex}.sidebar-nav{width:280px;height:100vh;position:fixed;top:0;left:0;background-color:var(--surface-strong);color:var(--text-light);z-index:1000;overflow-y:auto;border-right:1px solid rgba(255,255,255,0.1)}.main-content{margin-left:280px;width:calc(100% - 280px);min-height:100vh}}@media (max-width:1199px){.sidebar-nav{width:100%;background-color:var(--surface-strong);color:var(--text-light);position:sticky;top:0;z-index:1000}.main-content{width:100%}}.brand-box{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;gap:10px}.brand-logo{max-height:40px;object-fit:contain}.nav-links{padding:1.5rem 1rem}.nav-link-item{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,0.75);padding:0.75rem 1rem;border-radius:8px;text-decoration:none;transition:all 0.3s ease;margin-bottom:0.5rem;font-weight:500}.nav-link-item:hover,.nav-link-item.active{background-color:var(--accent);color:var(--text-light) !important;box-shadow:0 4px 12px rgba(16,185,129,0.2)}.hero-banner{background:linear-gradient(135deg,rgba(15,23,42,0.95),rgba(30,41,59,0.85)),url('https://shore-fifa-leisu.com.cn/skin/cover/shorefifaleisucomcn/shorefifaleisucomcnhero-1696.webp') center/cover no-repeat;padding:5rem 2rem;color:var(--text-light);border-radius:0 0 12px 12px;margin-bottom:2rem;position:relative;overflow:hidden}.hero-banner::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(to right,var(--accent),var(--accent-2),var(--accent-gold))}.worldcup-card{background-color:var(--surface);border-radius:12px;border:1px solid var(--border);box-shadow:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.worldcup-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(0,0,0,0.1)}.section-title{font-size:1.75rem;font-weight:700;color:var(--surface-strong);position:relative;padding-bottom:0.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.section-title::after{content:'';position:absolute;bottom:0;left:0;width:48px;height:4px;background-color:var(--accent);border-radius:2px}.match-row{background:var(--surface);border-left:4px solid var(--accent-2);border-radius:8px;padding:1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.match-status{font-size:0.8rem;padding:0.25rem 0.6rem;border-radius:20px;font-weight:600}.status-upcoming{background-color:#fef3c7;color:#d97706}.status-live{background-color:#fee2e2;color:#ef4444;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:0.6}100%{opacity:1}}.group-matrix-wrapper{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem}.group-card{min-width:280px;flex:1}.ranking-table th{background-color:var(--surface-strong);color:var(--text-light)}.faq-accordion .accordion-button:not(.collapsed){background-color:#f0fdf4;color:var(--accent)}.guide-banner-img{max-height:240px;object-fit:cover;border-radius:12px 12px 0 0;width:100%}footer{background-color:var(--surface-strong);color:rgba(255,255,255,0.7);padding:4rem 2rem 2rem 2rem;font-size:0.9rem}footer a{color:rgba(255,255,255,0.85);text-decoration:none}footer a:hover{color:var(--accent)}