:root{--color-bg-primary:#FFFFFF;--color-bg-secondary:#F5F7FA;--color-bg-tertiary:#F0F2F5;--color-bg-card:#FFFFFF;--color-bg-card-hover:#F7F9FC;--color-bg-overlay:rgba(0,0,0,0.45);--color-bg-input:#F5F7FA;--primary-50:#EEF3FF;--primary-100:#D0DFFF;--primary-200:#A8C5FF;--primary-300:#7DA8FF;--primary-400:#528BFF;--primary-500:#165DFF;--primary-600:#0E42D2;--primary-700:#072CA6;--primary-800:#031A79;--primary-900:#010D4D;--color-primary:var(--primary-500);--color-primary-light:var(--primary-400);--color-primary-dark:var(--primary-600);--color-primary-glow:rgba(22,93,255,0.15);--accent-50:#FFF3E8;--accent-100:#FFDBB5;--accent-200:#FFBF82;--accent-300:#FF9D4F;--accent-400:#FF7D00;--accent-500:#D25F00;--color-accent:var(--accent-400);--color-success:#00B42A;--color-danger:#F53F3F;--color-warning:#FF7D00;--color-info:#165DFF;--color-danger-glow:rgba(245,63,63,0.12);--color-text-primary:#1D2129;--color-text-secondary:#4E5969;--color-text-muted:#86909C;--color-text-ultra-muted:#C9CDD4;--color-text-inverse:#FFFFFF;--color-border:#E5E6EB;--color-border-light:#F2F3F5;--color-border-hover:#165DFF;--color-gold:#F7BA1E;--color-gold-light:#FFD04F;--color-gold-dark:#D4A017;--color-gold-glow:rgba(247,186,30,0.2);--font-primary:'Be Vietnam Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--h1-size:2.25rem;--h1-weight:700;--h1-lh:1.2;--h2-size:1.75rem;--h2-weight:600;--h2-lh:1.25;--h3-size:1.375rem;--h3-weight:600;--h3-lh:1.3;--h4-size:1.125rem;--h4-weight:600;--h4-lh:1.35;--h5-size:1rem;--h5-weight:500;--h5-lh:1.4;--h6-size:0.875rem;--h6-weight:500;--h6-lh:1.4;--body-size:0.9375rem;--body-sm-size:0.8125rem;--body-lh:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06);--shadow-lg:0 4px 16px rgba(0,0,0,0.08);--shadow-xl:0 8px 32px rgba(0,0,0,0.1);--shadow-glow-primary:0 0 0 3px var(--color-primary-glow);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--header-height:72px;--topbar-height:36px;--container-max:1200px;--content-width:750px;--sidebar-width:350px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:var(--body-size);line-height:var(--body-lh);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.admin-bar .site-header{top:32px}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600);text-decoration:underline}a:visited{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}h1,.h1{font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:var(--h1-lh);color:var(--color-text-primary)}h2,.h2{font-size:var(--h2-size);font-weight:var(--h2-weight);line-height:var(--h2-lh)}h3,.h3{font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-lh)}h4,.h4{font-size:var(--h4-size);font-weight:var(--h4-weight);line-height:var(--h4-lh)}h5,.h5{font-size:var(--h5-size);font-weight:var(--h5-weight);line-height:var(--h5-lh)}h6,.h6{font-size:var(--h6-size);font-weight:var(--h6-weight);line-height:var(--h6-lh)}ul,ol{list-style:none}input[type="text"],input[type="email"],input[type="password"],input[type="url"],input[type="search"],input[type="number"],input[type="tel"],textarea,select{width:100%;padding:0.6rem 0.85rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:0.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit}table{width:100%;border-collapse:collapse;margin:var(--space-6) 0}table th{background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:600;font-size:0.85rem;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:2px solid var(--color-border)}table td{padding:var(--space-3) var(--space-4);font-size:0.9rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light)}table tbody tr:nth-child(even){background:var(--color-bg-secondary)}table tbody tr:hover{background:rgba(22,93,255,0.04)}hr{border:0;height:1px;background:var(--color-border);margin:var(--space-8) 0}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-gold{color:var(--color-gold)}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:2rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:2rem}.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--space-5);padding-right:var(--space-5)}.site-content{padding-top:calc(var(--space-6) + 122px);padding-bottom:var(--space-12);background:var(--color-bg-primary)}.has-sidebar .content-area{display:flex;gap:var(--space-6);flex-wrap:wrap}.has-sidebar .site-main{flex:1;min-width:0;max-width:var(--content-width)}.has-sidebar .sidebar-area{width:var(--sidebar-width);flex-shrink:0}.topbar{background:var(--color-primary);color:var(--color-text-inverse);height:var(--topbar-height);font-size:0.78rem;overflow:hidden}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-4)}.topbar-marquee{display:flex;align-items:center;gap:0.4rem;overflow:hidden;white-space:nowrap;flex:1;min-width:0}.topbar-marquee i{flex-shrink:0}.topbar-text{color:rgba(255,255,255,0.92);font-weight:500;overflow:hidden;text-overflow:ellipsis}.topbar-close{background:none;border:none;color:rgba(255,255,255,0.6);cursor:pointer;padding:4px;font-size:0.85rem;flex-shrink:0;transition:color 0.2s;line-height:1}.topbar-close:hover{color:#fff}.topbar.is-hidden{display:none}.site-header{position:sticky;top:0;z-index:1000;background:#FFFFFF;border-bottom:1px solid var(--color-border);height:var(--header-height);transition:box-shadow var(--transition-normal)}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.site-branding{flex-shrink:0}.site-logo-text{display:flex;align-items:center;gap:var(--space-2);font-size:1.4rem;font-weight:800;color:var(--color-text-primary);letter-spacing:1px}.logo-icon{color:var(--color-primary);font-size:1.7rem}.logo-title{color:var(--color-text-primary)}.logo-title .text-gold{color:var(--color-accent)}.main-navigation{display:flex;align-items:center;gap:var(--space-6)}.primary-menu-list{display:flex;align-items:center;gap:var(--space-1)}.primary-menu-list li a{display:block;padding:var(--space-6) var(--space-3);color:var(--color-text-secondary);font-weight:600;font-size:0.85rem;position:relative;transition:color var(--transition-fast);white-space:nowrap}.primary-menu-list li a:hover{color:var(--color-primary);text-decoration:none}.primary-menu-list li.current-menu-item > a,.primary-menu-list li.current_page_parent > a{color:var(--color-primary)}.primary-menu-list li a::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%) scaleX(0);width:calc(100% - var(--space-6));height:3px;background:var(--color-primary);border-radius:3px 3px 0 0;transition:transform var(--transition-fast)}.primary-menu-list li a:hover::after,.primary-menu-list li.current-menu-item > a::after,.primary-menu-list li.current_page_parent > a::after{transform:translateX(-50%) scaleX(1)}.menu-item-has-children{position:relative}.sub-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:100}.menu-item-has-children:hover > .sub-menu,.menu-item-has-children:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.sub-menu li a{display:block;padding:var(--space-2) var(--space-3);font-size:0.85rem;font-weight:500;border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);padding-left:var(--space-4);position:relative}.sub-menu li a:hover{background:var(--primary-50);color:var(--color-primary);text-decoration:none}.sub-menu li a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:14px;background:var(--color-primary);border-radius:2px;transition:transform var(--transition-fast)}.sub-menu li a:hover::before{transform:translateY(-50%) scaleY(1)}.search-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.05rem;padding:var(--space-2);transition:color var(--transition-fast)}.search-toggle:hover{color:var(--color-text-primary)}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-border);padding:var(--space-4) 0;transform:translateY(-8px);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:99}.search-dropdown.is-open,.search-dropdown.is-active{opacity:1;visibility:visible;transform:translateY(0)}.search-dropdown .search-field{flex:1;height:44px;padding:0 var(--space-5);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-right:0;border-radius:var(--radius-full) 0 0 var(--radius-full);font-size:var(--body-sm-size);outline:none;width:200px;transition:width var(--transition-normal),border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-dropdown .search-field:focus{width:300px;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.search-dropdown .search-submit{height:44px;padding:0 var(--space-5);background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.search-dropdown .search-submit:hover{background:var(--primary-600)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle-icon span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:transform 0.3s,opacity 0.3s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.55rem 1.15rem;font-weight:600;font-size:0.85rem;line-height:1.5;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;user-select:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--primary-600);color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-outline{background:#fff;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--primary-50);color:var(--primary-600);text-decoration:none}.btn-gold{background:var(--color-gold);color:#fff}.btn-gold:hover{background:var(--color-gold-dark);color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#e03333;color:#fff;text-decoration:none;transform:translateY(-1px)}.btn-icon{width:38px;height:38px;padding:0;border-radius:50%;background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-muted)}.btn-icon:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-text{background:none;border:none;padding:0.35rem 0;color:var(--color-primary);font-weight:600}.btn-text:hover{color:var(--primary-600);text-decoration:underline;background:none}.btn-lg{padding:0.72rem 1.6rem;font-size:0.95rem;border-radius:var(--radius-lg)}.btn-sm{padding:0.4rem 0.8rem;font-size:0.78rem;border-radius:var(--radius-sm)}.btn-xs{padding:0.2rem 0.5rem;font-size:0.68rem;border-radius:var(--radius-sm)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card-link{display:block;color:inherit}.card-link:hover{color:inherit !important;text-decoration:none}.card-image{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-secondary)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.03)}.card-body{padding:var(--space-4)}.card-title{font-size:var(--h5-size);font-weight:700;line-height:var(--h5-lh);color:var(--color-text-primary);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{font-size:var(--body-sm-size);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-3)}.card-md{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.card-md:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card-md .card-md-image{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-bg-secondary)}.card-md .card-md-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card-md:hover .card-md-image img{transform:scale(1.03)}.card-md .card-md-body{padding:var(--space-4)}.card-md .card-md-cat{display:inline-block;background:var(--primary-50);color:var(--color-primary);font-size:0.7rem;font-weight:600;padding:2px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.card-md .card-md-title{font-size:var(--h5-size);font-weight:700;line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-md .card-md-excerpt{font-size:var(--body-sm-size);color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-3)}.card-md .card-md-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--body-sm-size);color:var(--color-text-muted)}.card-sm{display:flex;gap:var(--space-3);padding:var(--space-2);background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast);color:inherit}.card-sm:hover{background:var(--color-bg-card-hover);color:inherit !important;text-decoration:none}.card-sm-thumb{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-secondary)}.card-sm-thumb img{width:100%;height:100%;object-fit:cover}.card-sm-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.card-sm-title{font-size:0.8rem;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.card-sm:hover .card-sm-title{color:var(--color-primary)}.card-sm-date{font-size:0.7rem;color:var(--color-text-muted)}.hero-slider{position:relative;width:100%;height:400px;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-secondary)}.slider-track{display:flex;width:100%;height:100%;transition:transform 0.5s ease}.slider-slide{flex:0 0 100%;position:relative;height:100%;display:none}.slider-slide.active{display:block}.slider-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.slider-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.15) 60%,rgba(0,0,0,0.02) 100%);display:flex;align-items:center}.slider-content{max-width:520px;padding-left:var(--space-8);animation:slideUp 0.5s ease}.slider-category{display:inline-block;background:var(--color-primary);color:#fff;font-weight:700;font-size:0.72rem;padding:3px 10px;border-radius:var(--radius-sm);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:0.5px}.slider-title{font-size:1.8rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-2)}.slider-title a{color:#fff}.slider-title a:hover{color:rgba(255,255,255,0.85);text-decoration:none}.slider-excerpt{color:rgba(255,255,255,0.8);font-size:0.9rem;line-height:1.5;margin-bottom:var(--space-4)}.slider-meta{display:flex;align-items:center;gap:var(--space-4);color:rgba(255,255,255,0.65);font-size:0.8rem}.slider-controls{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-4);z-index:10}.slider-arrow{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s}.slider-arrow:hover{background:var(--color-primary);border-color:var(--color-primary)}.slider-dots{display:flex;gap:0.5rem}.slider-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,0.5);background:transparent;cursor:pointer;transition:all 0.3s}.slider-dot.active{background:#fff;border-color:#fff}[data-slider="next"]{width:auto;border:none;background:none}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-layout{margin-top:var(--space-6)}.home-section{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.section-title{font-size:var(--h3-size);font-weight:var(--h3-weight);line-height:var(--h3-lh);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.section-title i{font-size:1.2rem}.section-more{font-size:0.85rem;color:var(--color-primary);font-weight:600}.section-more:hover{color:var(--primary-600)}.hero-filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1)}.hero-filter-tab{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.hero-filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.hero-filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.heroes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3)}.hero-card{display:block;position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none;color:inherit}.hero-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);text-decoration:none}.hero-card-image{aspect-ratio:3 / 4;overflow:hidden;position:relative;background:var(--color-bg-secondary)}.hero-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.hero-card:hover .hero-card-image img{transform:scale(1.08)}.hero-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.55) 0%,transparent 50%);pointer-events:none}.hero-card-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);z-index:2}.hero-card-name{font-size:0.85rem;font-weight:700;color:#fff;margin-bottom:var(--space-1);transition:color var(--transition-fast)}.hero-card .hero-role-tag{display:inline-flex;align-items:center;gap:4px;font-size:0.62rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-full);background:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9)}.role-cho-thu{background:rgba(22,93,255,0.12);color:var(--color-primary)}.role-chien-si{background:rgba(245,63,63,0.1);color:var(--color-danger)}.role-sat-thu{background:rgba(114,46,209,0.1);color:#722ED1}.role-phap-su{background:rgba(0,180,42,0.1);color:var(--color-success)}.role-xa-thu{background:rgba(255,125,0,0.1);color:var(--color-accent)}.role-tro-thu{background:rgba(19,194,194,0.1);color:#13C2C2}.matches-list{display:flex;flex-direction:column;gap:var(--space-3)}.front-match-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-normal)}.front-match-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.match-tier-tag{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:0.65rem;font-weight:700;letter-spacing:0.05em;padding:3px 10px;border-radius:var(--radius-full)}.match-time{font-size:0.78rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.match-body{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-2);background:var(--primary-50);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.match-body-team{flex:1;display:flex;align-items:center;gap:var(--space-2)}.team-left{justify-content:flex-start}.team-right{justify-content:flex-end;text-align:right}.team-logo{width:40px;height:40px;object-fit:contain;border-radius:50%;background:var(--color-bg-card);border:2px solid var(--color-border);padding:2px}.team-name{font-weight:700;font-size:0.9rem;color:var(--color-text-primary)}.match-vs-block{text-align:center;padding:0 var(--space-3)}.match-vs{font-size:1rem;font-weight:800;color:var(--color-primary);display:block;padding:4px 12px;background:var(--color-bg-card);border-radius:var(--radius-full);border:2px solid var(--color-primary)}.match-footer{display:flex;justify-content:center;align-items:center;padding-top:var(--space-2)}.match-status{font-size:0.78rem;display:flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-full)}.match-status.upcoming{color:var(--color-text-muted);background:var(--color-bg-secondary)}.match-status.finished{color:var(--color-success);background:rgba(16,185,129,0.1)}.team-logo-wrap{width:40px;height:40px;flex-shrink:0}.team-logo-placeholder{width:100%;height:100%;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:0.9rem}.team-logo-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.match-status{font-size:0.8rem;display:flex;align-items:center;gap:0.3rem}.match-status.live{color:var(--color-danger)}.match-status.live .fa-circle{color:var(--color-danger)}.match-status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-ultra-muted)}.match-status-dot.live{background:var(--color-danger);animation:pulse 1.5s infinite}.match-status-dot.finished{background:var(--color-success)}.match-live-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(245,63,63,0.08);border:1px solid rgba(245,63,63,0.25);color:var(--color-danger);font-size:0.7rem;font-weight:700;padding:2px 10px;border-radius:var(--radius-full)}.match-live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-danger);animation:pulse 1.2s infinite}.match-score-final{font-size:1.4rem;font-weight:900;color:var(--color-text-primary);font-family:var(--font-heading);letter-spacing:0.05em}.match-tabs-nav{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.match-tab-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:0.85rem;background:var(--color-bg-secondary);color:var(--color-text-secondary);text-decoration:none;border:1px solid var(--color-border);display:flex;align-items:center;gap:0.3rem;transition:all var(--transition-fast)}.match-tab-link:hover,.match-tab-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.live-dot{color:var(--color-danger);font-size:0.5rem}.front-match-card.is-live{border-color:var(--color-danger)}.videos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.card-video{position:relative}.video-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.2rem;color:rgba(255,255,255,0.92);pointer-events:none;transition:transform 0.3s}.card-video:hover .video-play-icon{transform:translate(-50%,-50%) scale(1.15)}.video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,0.7);color:#fff;font-size:0.68rem;padding:2px 6px;border-radius:4px}.single-article{margin-bottom:var(--space-8)}.article-header{margin-bottom:var(--space-5)}.article-category{display:inline-block;background:var(--color-primary);color:#fff;font-weight:700;font-size:0.72rem;padding:3px 10px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--space-3);text-decoration:none}.article-title{font-size:1.8rem;font-weight:800;line-height:1.25;color:var(--color-text-primary);margin-bottom:var(--space-3)}.article-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.article-meta-left{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:0.85rem;color:var(--color-text-muted)}.article-author{display:flex;align-items:center;gap:var(--space-2)}.author-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-primary)}.author-info{display:flex;flex-direction:column}.author-name{color:var(--color-text-primary);font-weight:600}.author-role{font-size:0.72rem;color:var(--color-text-muted)}.meta-sep{color:var(--color-text-ultra-muted)}.article-share{display:flex;align-items:center;gap:var(--space-1)}.share-label{color:var(--color-text-muted);font-size:0.8rem;margin-right:0.25rem}.share-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;font-size:0.8rem}.share-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.article-thumbnail{margin-bottom:var(--space-5);border-radius:var(--radius-md);overflow:hidden}.featured-img{width:100%;height:auto}.article-content{font-size:1.02rem;line-height:1.75;color:var(--color-text-secondary);margin-bottom:var(--space-8)}.article-content p{margin-bottom:1.2rem}.article-content h2,.article-content h3,.article-content h4{color:var(--color-text-primary);margin:1.8rem 0 0.8rem;font-weight:700}.article-content img{border-radius:var(--radius-md);margin:var(--space-5) 0}.article-content blockquote{border-left:4px solid var(--color-primary);background:var(--primary-50);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.article-content pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-size:0.9rem}.article-content code{background:var(--primary-50);color:var(--primary-600);padding:2px 6px;border-radius:4px;font-size:0.9em}.article-content table th{background:var(--color-bg-secondary);color:var(--color-text-primary)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);align-items:center}.article-tags-label{color:var(--color-text-muted);font-weight:600;font-size:0.8rem}.tag-link{display:inline-block;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:0.75rem;padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all 0.2s}.tag-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.article-pagination{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-8)}.pagination-link{font-weight:600;font-size:0.9rem}.pagination-meta{font-size:0.75rem;color:var(--color-text-muted);margin-top:0.15rem}.related-posts{margin-bottom:var(--space-8)}.hero-detail-page{padding-bottom:var(--space-12)}.hero-header-section{background:var(--color-bg-secondary);padding:var(--space-8) 0 var(--space-4);border-bottom:1px solid var(--color-border)}.hero-header-grid{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.hero-avatar-col{flex-shrink:0;width:260px}.hero-detail-img{width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.hero-avatar-placeholder{width:100%;aspect-ratio:400 / 560;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted)}.hero-info-col{flex:1;display:flex;flex-direction:column;justify-content:center}.hero-name-block{margin-bottom:var(--space-4)}.hero-detail-name{font-size:2.4rem;font-weight:900;color:var(--color-text-primary);margin-bottom:var(--space-2)}.hero-detail-roles{display:flex;gap:var(--space-2);flex-wrap:wrap}.hero-detail-roles .hero-role-tag{font-size:0.82rem;padding:4px 12px}.hero-stats{display:flex;flex-direction:column;gap:var(--space-3);max-width:440px}.hero-stat-item{display:flex;align-items:center;gap:var(--space-3)}.stat-label{font-size:0.8rem;color:var(--color-text-muted);min-width:100px;text-align:right}.stat-bar-wrapper{flex:1;height:20px;background:var(--color-bg-secondary);border-radius:10px;overflow:hidden}.stat-bar{height:100%;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;transition:width 1s ease}.stat-bar.win-rate{background:var(--color-success)}.stat-bar.ban-rate{background:var(--color-danger)}.stat-bar.pick-rate{background:var(--color-primary)}.stat-value{font-size:0.68rem;font-weight:800;color:#fff}.hero-tabs-nav{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--color-border)}.hero-tab-btn{flex-shrink:0;padding:var(--space-3) var(--space-5);font-weight:600;font-size:0.875rem;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0;font-family:var(--font-primary)}.hero-tab-btn:hover{color:var(--color-text-primary)}.hero-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.hero-detail-content{padding-top:var(--space-6)}.hero-tab-panel{display:none}.hero-tab-panel.active{display:block;animation:fadeIn 0.3s ease}.tab-panel-title{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.skill-card{display:flex;gap:var(--space-5);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);transition:border-color var(--transition-fast)}.skill-card:hover{border-color:var(--color-primary)}.skill-icon-col{flex-shrink:0}.skill-icon{width:64px;height:64px;border-radius:var(--radius-md);border:1px solid var(--color-border);object-fit:cover}.skill-info-col{flex:1}.skill-name{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.skill-desc{color:var(--color-text-secondary);font-size:0.9rem;line-height:1.6;margin-bottom:var(--space-3)}.skill-meta-grid{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:0.8rem;color:var(--color-text-muted)}.build-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.build-name{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.build-number{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:0.72rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.build-desc{color:var(--color-text-secondary);font-size:0.85rem;margin-bottom:var(--space-3)}.match-detail-page{padding-bottom:var(--space-12)}.match-hero-section{background:var(--color-bg-secondary);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border)}.match-result-grid{display:flex;align-items:center;justify-content:center;gap:var(--space-6)}.match-result-team{text-align:center;flex:1;max-width:220px}.match-result-logo{width:80px;height:80px;object-fit:contain;border-radius:50%;background:#fff;border:2px solid var(--color-border);padding:8px;margin:0 auto var(--space-3)}.match-result-name{font-weight:700;font-size:1.1rem;color:var(--color-text-primary)}.match-result-score{font-size:2.8rem;font-weight:900;color:var(--color-text-primary);text-align:center;min-width:100px}.match-result-info{text-align:center}.match-result-status{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-weight:700;font-size:0.85rem;margin-top:var(--space-2)}.match-result-status.win{background:rgba(0,180,42,0.1);color:var(--color-success)}.match-result-status.lose{background:rgba(245,63,63,0.08);color:var(--color-danger)}.match-result-status.draw{background:var(--color-bg-secondary);color:var(--color-text-muted)}.match-detail-tabs-nav{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-top:var(--space-6);padding-bottom:0}.match-detail-tab-btn{padding:var(--space-3) var(--space-5);font-weight:600;font-size:0.875rem;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary)}.match-detail-tab-btn:hover{color:var(--color-text-primary)}.match-detail-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.match-detail-tab-panel{display:none;padding-top:var(--space-6)}.match-detail-tab-panel.active{display:block;animation:fadeIn 0.3s ease}.match-game-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.match-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.match-photo-item img{border-radius:var(--radius-md);width:100%;height:200px;object-fit:cover}.match-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.match-video-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.match-video-item iframe{width:100%;height:200px;border:0}.match-video-title{padding:var(--space-3);font-size:0.85rem;font-weight:600}.archive-header{margin-bottom:var(--space-6)}.archive-title{font-size:1.6rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.archive-description{font-size:0.9rem;color:var(--color-text-muted)}.archive-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.archive-filter-link{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:0.8rem;font-weight:600;border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.archive-filter-link:hover,.archive-filter-link.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.post-grid-item{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.posts-list{display:flex;flex-direction:column;gap:var(--space-4)}.post-list-item{display:flex;gap:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.post-list-thumb{flex-shrink:0;width:180px;border-radius:var(--radius-sm);overflow:hidden}.post-list-thumb img{width:100%;height:120px;object-fit:cover}.pagination-bar{margin-top:var(--space-8);display:flex;justify-content:center;gap:var(--space-2)}.pagination-bar .page-numbers{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);font-weight:600;font-size:0.85rem;text-decoration:none;transition:all var(--transition-fast)}.pagination-bar .page-numbers:hover,.pagination-bar .page-numbers.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.search-page-header{margin-bottom:var(--space-6)}.search-page-header form{display:flex;gap:var(--space-2)}.search-page-header .search-field{flex:1;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--body-size);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast)}.search-page-header .search-field:focus{border-color:var(--color-primary)}.search-count{font-size:0.9rem;color:var(--color-text-muted);margin:var(--space-4) 0}.search-results{display:flex;flex-direction:column;gap:var(--space-4)}.search-item{display:flex;gap:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.error-404-content{text-align:center;padding:var(--space-16) var(--space-5)}.error-404-code{font-size:6rem;font-weight:900;color:var(--color-primary);line-height:1;margin-bottom:var(--space-4)}.error-404-title{font-size:var(--h2-size);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-3)}.error-404-desc{color:var(--color-text-muted);font-size:var(--body-size);max-width:480px;margin:0 auto var(--space-8)}.error-404-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.page-content{margin-bottom:var(--space-8)}.page-content .entry-title{font-size:1.8rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-5)}.sidebar-area{position:sticky;top:calc(var(--header-height) + var(--space-6))}.widget{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.widget-title{font-size:var(--h5-size);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:var(--space-2)}.widget-title i{color:var(--color-primary);font-size:1rem}.popular-posts-list{display:flex;flex-direction:column;gap:var(--space-2)}.popular-post-item{display:flex;gap:var(--space-3);align-items:center}.popular-rank{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--primary-50);color:var(--color-primary);font-size:0.72rem;font-weight:800}.popular-rank.rank-1{background:var(--color-primary);color:#fff}.popular-rank.rank-2{background:var(--primary-100);color:var(--primary-600)}.popular-rank.rank-3{background:var(--primary-50);color:var(--primary-500)}.popular-post-content{min-width:0}.popular-post-title{font-size:0.82rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popular-post-title a{color:var(--color-text-primary)}.popular-post-title a:hover{color:var(--color-primary);text-decoration:none}.popular-post-date{font-size:0.72rem;color:var(--color-text-muted)}.upcoming-matches-list{display:flex;flex-direction:column;gap:var(--space-2)}.upcoming-match-item{display:flex;flex-direction:column}.upcoming-match-teams{display:flex;align-items:center;gap:var(--space-2);font-size:0.82rem;font-weight:600}.team-short{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-vs-mini{color:var(--color-primary);font-weight:800;font-size:0.72rem}.upcoming-match-date{font-size:0.7rem;color:var(--color-text-muted);margin-top:2px}.no-upcoming{font-size:0.85rem;color:var(--color-text-muted);text-align:center;padding:var(--space-3) 0}.widget-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.widget-social-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-secondary);font-size:0.78rem;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast)}.widget-social-item:hover{background:var(--color-primary);color:#fff;text-decoration:none}.widget-social-zalo{gap:4px}.site-footer{background:linear-gradient(180deg,#0f0f1a 0%,#1a1a2e 100%);color:rgba(255,255,255,0.7);margin-top:auto}.footer-main{padding:var(--space-12) 0 var(--space-8);border-bottom:1px solid rgba(255,255,255,0.08)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--space-8)}.footer-col-brand .footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer-logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff}.footer-logo-text{font-size:1.3rem;font-weight:800;color:#fff;font-family:var(--font-heading);letter-spacing:-0.02em}.footer-desc{color:rgba(255,255,255,0.55);font-size:0.88rem;line-height:1.7;margin-bottom:var(--space-5)}.footer-social{display:flex;gap:var(--space-3);flex-wrap:wrap}.social-icon{width:40px;height:40px;border-radius:var(--radius-md);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);font-size:0.95rem}.social-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px rgba(22,93,255,0.3)}.footer-col-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary)}.footer-col-title i{color:var(--color-primary);font-size:0.85rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links li a{color:rgba(255,255,255,0.55);font-size:0.88rem;transition:all 0.2s;display:flex;align-items:center;gap:var(--space-2);padding:4px 0}.footer-links li a:hover{color:#fff;text-decoration:none;padding-left:var(--space-2)}.footer-links li a i{font-size:0.65rem;color:var(--color-primary)}.footer-hero-roles li a{display:flex;align-items:center;gap:var(--space-3)}.role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.role-dot.role-do-don{background:#4a9eff}.role-dot.role-dau-si{background:#f44336}.role-dot.role-sat-thu{background:#9c27b0}.role-dot.role-phap-su{background:#ff9800}.role-dot.role-xa-thu{background:#4caf50}.role-dot.role-tro-thu{background:#00bcd4}.footer-contact li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);color:rgba(255,255,255,0.55);font-size:0.88rem}.footer-contact li i{color:var(--color-primary);margin-top:3px;width:16px;text-align:center}.footer-contact li a{color:rgba(255,255,255,0.7)}.footer-contact li a:hover{color:var(--color-primary)}.footer-app-badge{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,0.08)}.footer-app-label{display:flex;align-items:center;gap:var(--space-2);font-size:0.8rem;color:rgba(255,255,255,0.4);margin-bottom:var(--space-3)}.footer-app-qr{display:flex;gap:var(--space-3)}.qr-placeholder{width:80px;height:80px;background:rgba(255,255,255,0.05);border:1px dashed rgba(255,255,255,0.2);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,0.3);font-size:0.65rem;gap:4px}.qr-placeholder i{font-size:1.5rem}.footer-bottom{background:rgba(0,0,0,0.2);padding:var(--space-5) 0}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);font-size:0.82rem;color:rgba(255,255,255,0.4)}.footer-copyright strong{color:rgba(255,255,255,0.7)}.footer-bottom-links{display:flex;align-items:center;gap:var(--space-3)}.footer-bottom-links a{color:rgba(255,255,255,0.5);transition:color 0.2s}.footer-bottom-links a:hover{color:var(--color-primary)}.footer-bottom-links .divider{color:rgba(255,255,255,0.2)}.footer-built{color:rgba(255,255,255,0.35)}.footer-built strong{color:var(--color-primary)}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-bottom-inner{flex-direction:column;text-align:center}}.comments-area{margin-top:var(--space-8)}.comments-title{font-size:var(--h3-size);font-weight:700;margin-bottom:var(--space-5)}.comment-list{margin-bottom:var(--space-6)}.comment{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.comment .children{margin-left:var(--space-8);margin-top:var(--space-4)}.comment-author{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.comment-author img{border-radius:50%;width:40px;height:40px;border:2px solid var(--color-border)}.comment-author .fn{font-weight:700;color:var(--color-text-primary)}.comment-metadata{font-size:0.75rem;color:var(--color-text-muted);margin-bottom:var(--space-3)}.comment-content{color:var(--color-text-secondary);font-size:0.9rem;line-height:1.65}.comment-respond{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.comment-form-comment textarea{min-height:120px}.lightbox-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);z-index:10000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-content{max-width:90vw;max-height:85vh;animation:lightboxZoom 0.3s ease}.lightbox-content img{max-width:100%;max-height:85vh;border-radius:var(--radius-md)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.9);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s}.lightbox-nav:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}@keyframes lightboxZoom{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}.subscribe-box{background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;margin-bottom:var(--space-8)}.subscribe-title{font-size:var(--h4-size);font-weight:700;margin-bottom:var(--space-2)}.subscribe-desc{color:var(--color-text-muted);font-size:0.85rem;margin-bottom:var(--space-4)}.subscribe-form{display:flex;gap:var(--space-2);max-width:420px;margin:0 auto}.subscribe-input{flex:1}.video-embed-wrapper{margin:var(--space-5) 0}.embed-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.embed-responsive iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:var(--radius-md)}.ad-placeholder{background:var(--color-bg-secondary);border:1px dashed var(--color-border);text-align:center;padding:var(--space-2);font-size:0.75rem;color:var(--color-text-muted);margin-bottom:var(--space-4)}.ad-full-width{width:100%;height:90px;display:flex;align-items:center;justify-content:center}.ad-sidebar{height:250px}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal-on-scroll.is-revealed{opacity:1;transform:translateY(0)}.back-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:999;box-shadow:var(--shadow-md);font-size:1.1rem}.back-to-top.is-visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-600);transform:translateY(-2px)}.btn-primary{box-shadow:0 0 0 0 var(--color-primary-glow);transition:all var(--transition-normal),box-shadow 0.5s ease}.btn-primary:hover{box-shadow:0 0 20px 3px var(--color-primary-glow)}.btn-accent{box-shadow:0 0 0 0 rgba(255,125,0,0.25)}.btn-accent:hover{box-shadow:0 0 22px 3px rgba(255,125,0,0.35)}.ripple-effect{position:absolute;border-radius:50%;background:rgba(22,93,255,0.25);transform:scale(0);animation:rippleAnim 0.6s ease-out;pointer-events:none}@keyframes rippleAnim{to{transform:scale(4);opacity:0}}body.page-exit{animation:pageOut 0.25s ease-in forwards}@keyframes pageOut{0%{opacity:1}100%{opacity:0;transform:translateY(-4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}img[loading="lazy"]{opacity:0;transition:opacity 0.5s ease,filter 0.5s ease;filter:blur(8px)}img.img-loaded{opacity:1;filter:blur(0)}img.img-error{opacity:0.6;filter:grayscale(1);background:var(--color-bg-secondary);min-height:60px}.portal-header.nav-up{transform:translateY(-100%)}.portal-header.nav-down{transform:translateY(0)}.portal-header{transition:transform 0.35s ease,box-shadow var(--transition-normal)}.portal-section-highlight{background:linear-gradient(135deg,var(--primary-50) 0%,#f0f4ff 50%,#fff 100%);position:relative;overflow:hidden}.portal-section-highlight::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);opacity:0.4;pointer-events:none}.is-live,.match-live-dot{}.match-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 8px var(--color-danger);animation:pulseLive 1.2s ease-in-out infinite}@keyframes pulseLive{0%,100%{box-shadow:0 0 4px var(--color-danger)}50%{box-shadow:0 0 16px var(--color-danger)}}.hero-card-enhanced:hover{box-shadow:0 0 0 3px var(--color-primary-glow),var(--shadow-lg)}.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-accent),var(--color-primary),transparent);margin:var(--space-8) 0;opacity:0.5}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}[data-tooltip]{position:relative}[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.85);color:#fff;padding:4px 10px;border-radius:var(--radius-sm);font-size:0.7rem;white-space:nowrap;z-index:30;pointer-events:none}.role-do-don{background:#4a9eff !important;color:#fff !important}.role-dau-si{background:#f44336 !important;color:#fff !important}.role-sat-thu{background:#9c27b0 !important;color:#fff !important}.role-phap-su{background:#ff9800 !important;color:#fff !important}.role-xa-thu{background:#4caf50 !important;color:#fff !important}.role-tro-thu{background:#00bcd4 !important;color:#fff !important}.portal-topbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;background:#fff;border-bottom:1px solid var(--color-border);font-size:0.82rem;overflow:hidden;transition:transform 0.35s ease,box-shadow var(--transition-normal)}.portal-topbar.is-closed{transform:translateY(-100%);height:0;overflow:hidden;border-bottom:none;opacity:0}.portal-topbar.nav-up{transform:translateY(-100%)}.portal-topbar.nav-down{transform:translateY(0)}.portal-nav{position:fixed;top:60px;left:0;right:0;z-index:998;background:#fff;border-bottom:2px solid var(--color-border);height:50px;transition:transform 0.35s ease,box-shadow var(--transition-normal)}.portal-nav.nav-up{transform:translateY(-100%)}.portal-nav.nav-down{transform:translateY(0)}.portal-nav.scrolled{box-shadow:var(--shadow-md)}.portal-topbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-5)}.topbar-announce{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;overflow:hidden}.topbar-announce > i{flex-shrink:0;font-size:0.95rem}.topbar-marquee-wrap{overflow:hidden;flex:1;min-width:0}.topbar-marquee-text{display:inline-block;white-space:nowrap;animation:marqueeScroll 22s linear infinite;color:var(--color-text-secondary);font-weight:500;padding-right:100%}.topbar-marquee-text strong{color:var(--color-text-primary)}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topbar-dl-btn{background:var(--color-accent) !important;color:#fff !important;border-color:var(--color-accent) !important;font-weight:700 !important}.topbar-dl-btn:hover{background:var(--accent-500) !important;transform:translateY(-1px)}.topbar-user-link{font-size:0.8rem;font-weight:600;color:var(--color-text-secondary);display:flex;align-items:center;gap:0.3rem;white-space:nowrap}.topbar-user-link:hover{color:var(--color-primary);text-decoration:none}.topbar-close-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;font-size:0.9rem;flex-shrink:0;transition:color var(--transition-fast)}.topbar-close-btn:hover{color:var(--color-text-primary)}.portal-header{background:#fff;border-bottom:1px solid var(--color-border-light);height:72px;position:fixed;top:0;left:0;right:0;z-index:999;transition:transform 0.35s ease,box-shadow var(--transition-normal)}.portal-header.nav-up{transform:translateY(-100%)}.portal-header.nav-down{transform:translateY(0)}.portal-header.scrolled{box-shadow:var(--shadow-md)}.portal-header-inner{display:flex;align-items:center;gap:var(--space-5);height:100%}.portal-logo{flex-shrink:0}.portal-logo-link{display:flex;align-items:center;gap:var(--space-2);color:inherit;text-decoration:none}.portal-logo-link:hover{text-decoration:none}.portal-logo-icon{font-size:1.8rem;color:var(--color-primary)}.portal-logo-text{display:flex;flex-direction:column;line-height:1.1}.portal-logo-main{font-size:1.35rem;font-weight:900;color:var(--color-text-primary);letter-spacing:-0.5px}.portal-logo-accent{font-size:0.72rem;font-weight:700;color:var(--color-accent);letter-spacing:2px}.portal-search-box{flex:1;max-width:520px;position:relative;z-index:50}.portal-search-form{display:flex;align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.portal-search-form:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow);background:#fff}.portal-search-icon{padding-left:var(--space-4);color:var(--color-text-muted);font-size:1rem;flex-shrink:0}.portal-search-input{flex:1;border:none;background:transparent;padding:0.62rem var(--space-3);font-size:0.9rem;color:var(--color-text-primary);outline:none;min-width:0}.portal-search-input::placeholder{color:var(--color-text-ultra-muted)}.portal-search-submit{background:var(--color-primary);color:#fff;border:none;padding:0.62rem var(--space-5);cursor:pointer;font-size:1rem;transition:background var(--transition-fast)}.portal-search-submit:hover{background:var(--primary-600)}.portal-search-suggest{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:4px;box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:60}.portal-social-icons{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.portal-social-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-muted);font-size:0.9rem;transition:all var(--transition-fast)}.portal-social-icon:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);text-decoration:none}.portal-mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;flex-shrink:0}.portal-mobile-toggle span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:transform 0.3s,opacity 0.3s}.portal-mobile-toggle.is-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.portal-mobile-toggle.is-active span:nth-child(2){opacity:0}.portal-mobile-toggle.is-active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.portal-nav .container{height:100%}.portal-nav-list{display:flex;align-items:center;height:100%;gap:0}.portal-nav-item{height:100%;position:relative}.portal-nav-link{display:flex;align-items:center;gap:0.35rem;height:100%;padding:0 var(--space-4);font-size:0.88rem;font-weight:700;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.portal-nav-link:hover{color:var(--color-primary);text-decoration:none}.portal-nav-item.current .portal-nav-link{color:var(--color-primary)}.portal-nav-link .nav-arrow{font-size:0.65rem;margin-left:2px;transition:transform var(--transition-fast)}.portal-nav-item.has-mega:hover .nav-arrow{transform:rotate(180deg)}.portal-mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:var(--space-5);min-width:600px;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100}.portal-nav-item.has-mega:hover .portal-mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega-grid{display:grid;gap:var(--space-4)}.mega-grid-3{grid-template-columns:repeat(3,1fr)}.mega-grid-4{grid-template-columns:repeat(4,1fr)}.mega-grid-7{grid-template-columns:repeat(7,1fr)}.mega-col-title{display:block;font-size:0.82rem;font-weight:700;color:var(--color-text-primary);padding-bottom:var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light);text-decoration:none;transition:color var(--transition-fast)}.mega-col-title:hover{color:var(--color-primary);text-decoration:none}.mega-links{display:flex;flex-direction:column;gap:4px}.mega-links li a{display:block;font-size:0.78rem;color:var(--color-text-secondary);padding:3px 0;transition:color var(--transition-fast)}.mega-links li a:hover{color:var(--color-primary);text-decoration:none}.portal-hero{padding:var(--space-6) 0;background:var(--color-bg-primary)}.hero-row{display:flex;gap:var(--space-5)}.hero-slider-main{position:relative;width:750px;height:400px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.hero-slider-main .slider-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.5s ease}.hero-slider-main .slider-slide.active{opacity:1}.hero-slider-main .slider-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-slider-main .slider-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.15) 60%,transparent 100%);display:flex;align-items:center}.hero-slider-main .slider-content{max-width:520px;padding-left:var(--space-8)}.hero-slider-main .slider-category{display:inline-block;background:var(--color-primary);color:#fff;font-weight:700;font-size:0.72rem;padding:3px 10px;border-radius:var(--radius-sm);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:0.5px}.hero-slider-main .slider-title{font-size:1.8rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-2)}.hero-slider-main .slider-title a{color:#fff}.hero-slider-main .slider-title a:hover{color:rgba(255,255,255,0.85);text-decoration:none}.hero-slider-main .slider-meta{display:flex;align-items:center;gap:var(--space-4);color:rgba(255,255,255,0.65);font-size:0.8rem}.hero-slider-main .slider-controls{position:absolute;bottom:var(--space-4);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:var(--space-4);z-index:10}.hero-slider-main .slider-arrow{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;font-size:0.8rem}.hero-slider-main .slider-arrow:hover{background:var(--color-primary);border-color:var(--color-primary)}.hero-slider-main .slider-dots{display:flex;gap:0.5rem}.hero-slider-main .slider-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,0.5);background:transparent;cursor:pointer;transition:all 0.3s}.hero-slider-main .slider-dot.active{background:#fff;border-color:#fff}.hero-side-mini-block{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.hero-side-mini-block .card-sm{flex:1;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:none;transition:all var(--transition-fast)}.hero-side-mini-block .card-sm:hover{background:#fff;box-shadow:var(--shadow-sm)}.hero-side-mini-block .card-sm .card-sm-thumb{width:72px;height:72px}.hero-side-mini-block .card-sm .card-sm-title{font-size:0.82rem}.sm-cat-tag{display:inline-block;background:var(--color-primary);color:#fff;font-size:0.62rem;font-weight:700;padding:1px 7px;border-radius:var(--radius-full);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:0.3px}.portal-section{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-light)}.portal-section-alt{background:var(--color-bg-secondary)}.section-badge{display:inline-flex;align-items:center;background:var(--primary-50);color:var(--color-primary);font-size:0.72rem;font-weight:700;padding:2px 10px;border-radius:var(--radius-full);margin-left:var(--space-2);vertical-align:middle}.filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:0.78rem;font-weight:600;border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-primary)}.pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.news-row-1{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.card-lg{border-radius:var(--radius-md);overflow:hidden}.card-lg-image{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-secondary)}.card-lg-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card-lg:hover .card-lg-image img{transform:scale(1.03)}.card-lg-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.05) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5)}.card-lg-category{display:inline-block;background:var(--color-primary);color:#fff;font-size:0.68rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);margin-bottom:var(--space-2);text-transform:uppercase;align-self:flex-start}.card-lg-title{font-size:1.25rem;font-weight:800;line-height:1.3;color:#fff;margin-bottom:var(--space-2)}.card-lg-meta{display:flex;align-items:center;gap:var(--space-4);font-size:0.75rem;color:rgba(255,255,255,0.7)}.card-lg-meta span{display:flex;align-items:center;gap:0.25rem}.news-mini-col{display:flex;flex-direction:column;gap:var(--space-2)}.news-mini-col .card-sm{flex:1}.posts-grid-3{grid-template-columns:repeat(3,1fr)}.posts-grid-4{grid-template-columns:repeat(4,1fr)}.heroes-grid-6{grid-template-columns:repeat(6,1fr)}.videos-grid-6{grid-template-columns:repeat(6,1fr)}.load-more-wrap{text-align:center;padding:var(--space-6) 0 var(--space-2)}.hero-card-enhanced{display:block;position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);color:inherit;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.hero-card-enhanced:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary);text-decoration:none;color:inherit}.hero-card-enhanced .hero-card-image{aspect-ratio:3/4;overflow:hidden;position:relative;background:var(--color-bg-secondary)}.hero-card-enhanced .hero-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.hero-card-enhanced:hover .hero-card-image img{transform:scale(1.06)}.hero-card-enhanced .hero-card-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);z-index:2;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent)}.hero-card-enhanced .hero-card-name{font-size:0.85rem;font-weight:700;color:#fff;margin-bottom:var(--space-1)}.hero-card-enhanced .hero-role-tag{display:inline-block;font-size:0.65rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95)}.hero-card-enhanced .hero-card-wr{font-size:0.65rem;color:var(--color-success);font-weight:700;margin-top:2px}.hero-card-enhanced .hero-card-extra{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateX(8px);transition:all var(--transition-normal);z-index:3}.hero-card-enhanced:hover .hero-card-extra{opacity:1;transform:translateX(0)}.hero-card-extra div{background:rgba(0,0,0,0.75);color:#fff;font-size:0.62rem;font-weight:600;padding:2px 7px;border-radius:var(--radius-sm);white-space:nowrap}.hero-card-extra div span{color:var(--color-text-ultra-muted)}.hero-live-search{display:flex;align-items:center;gap:var(--space-2);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:0.3rem var(--space-3);transition:border-color var(--transition-fast)}.hero-live-search:focus-within{border-color:var(--color-primary)}.hero-live-search i{color:var(--color-text-muted);font-size:0.8rem}.hero-live-search input{border:none;background:transparent;outline:none;font-size:0.82rem;width:140px;color:var(--color-text-primary)}.hero-live-search input::placeholder{color:var(--color-text-ultra-muted)}.rank-pills{margin-bottom:var(--space-4)}.rank-panels{position:relative}.rank-panel{display:none;animation:fadeIn 0.35s ease}.rank-panel.active{display:block}.rank-table{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.rank-table-header{display:grid;grid-template-columns:48px 1fr 120px 80px;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);font-size:0.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.5px}.rank-table-row{display:grid;grid-template-columns:48px 1fr 120px 80px;padding:var(--space-2) var(--space-4);align-items:center;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast);color:inherit;text-decoration:none}.rank-table-row:hover{background:var(--primary-50);text-decoration:none;color:inherit}.rank-table-row:last-child{border-bottom:none}.rth-rank,.rtr-rank{text-align:center;font-weight:800;font-size:0.85rem}.rtr-rank.top1{color:var(--color-gold);background:linear-gradient(135deg,rgba(247,186,30,0.15),rgba(247,186,30,0.05));border-radius:var(--radius-sm)}.rtr-rank.top2{color:#A0AAB5;background:linear-gradient(135deg,rgba(160,170,181,0.12),transparent);border-radius:var(--radius-sm)}.rtr-rank.top3{color:#CD7F32;background:linear-gradient(135deg,rgba(205,127,50,0.12),transparent);border-radius:var(--radius-sm)}.rth-hero,.rtr-hero{display:flex;align-items:center;gap:var(--space-2);font-weight:600}.rtr-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border);object-fit:cover;flex-shrink:0}.rth-stat,.rtr-stat{text-align:center;font-weight:700;font-size:0.85rem;color:var(--color-text-primary)}.rth-trend,.rtr-trend{text-align:center;font-size:0.75rem;font-weight:600}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.trend-same{color:var(--color-text-muted)}.match-zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.match-zone-col{display:flex;flex-direction:column;gap:var(--space-3)}.match-zone-subtitle{font-size:0.9rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary);margin-bottom:var(--space-2)}.match-zone-subtitle{font-size:var(--h5-size);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.match-zone-subtitle::before{content:'';width:4px;height:18px;background:var(--color-primary);border-radius:2px}.standings-table{width:100%;border-collapse:collapse;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin:0;font-size:0.8rem}.standings-table thead th{background:var(--primary-50);color:var(--color-primary);font-size:0.7rem;font-weight:700;text-transform:uppercase;padding:var(--space-3);text-align:center;border-bottom:2px solid var(--color-primary)}.standings-table tbody td{padding:var(--space-3);text-align:center;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.standings-table tbody tr:hover{background:var(--primary-50)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}.download-card{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border-radius:var(--radius-lg);overflow:hidden;padding:var(--space-6);color:#fff}.download-card-inner{display:flex;align-items:center;gap:var(--space-5)}.download-icon{width:72px;height:72px;border-radius:var(--radius-lg);background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.download-info{flex:1}.download-title{font-size:1.3rem;font-weight:800;margin-bottom:var(--space-2)}.download-meta{display:flex;gap:var(--space-5);font-size:0.85rem;opacity:0.85;margin-bottom:var(--space-4)}.download-meta strong{font-weight:700}.download-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn-accent{background:var(--color-accent) !important;color:#fff !important;border-color:var(--color-accent) !important;font-weight:700 !important}.btn-accent:hover{background:var(--accent-500) !important;color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(255,125,0,0.35)}.tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.tool-card{display:flex;align-items:center;gap:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--transition-normal);color:inherit;text-decoration:none}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none;color:inherit}.tool-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-50);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.tool-name{font-size:0.95rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.tool-desc{font-size:0.78rem;color:var(--color-text-muted)}.no-data-msg{color:var(--color-text-muted);font-style:italic;text-align:center;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:0.85rem}@media (max-width:1023px){.has-sidebar .content-area{flex-direction:column}.has-sidebar .site-main{max-width:100%}.has-sidebar .sidebar-area{width:100%;margin-top:var(--space-6)}.posts-grid{grid-template-columns:repeat(2,1fr)}.videos-grid{grid-template-columns:repeat(2,1fr)}.heroes-grid{grid-template-columns:repeat(3,1fr)}.footer-widgets{grid-template-columns:repeat(2,1fr)}.hero-header-grid{flex-direction:column}.hero-avatar-col{width:100%;max-width:280px}}@media (max-width:767px){:root{--header-height:60px}.site-header{height:60px}.portal-header{position:fixed;top:0;left:0;right:0;z-index:999;height:60px}.portal-nav{top:60px;height:50px;position:fixed}.site-content{padding-top:calc(var(--space-6) + 110px)}.portal-search-box{max-width:100%}.portal-social-icons{display:none}.portal-logo-icon{font-size:1.4rem}.portal-logo-main{font-size:1.1rem}.portal-logo-accent{font-size:0.6rem}.primary-menu-list{display:none}.menu-toggle{display:flex}.primary-menu-list.is-active{display:flex;flex-direction:column;background:#fff;border-bottom:1px solid var(--color-border);padding:var(--space-4);gap:0;position:absolute;top:100%;left:0;right:0;z-index:100;box-shadow:var(--shadow-lg)}.primary-menu-list li a{padding:var(--space-3) var(--space-4);font-size:0.85rem}.primary-menu-list li a::after{display:none}.menu-item-has-children > a::after{content:none}.posts-grid{grid-template-columns:1fr}.videos-grid{grid-template-columns:1fr 1fr}.heroes-grid{grid-template-columns:repeat(2,1fr)}.footer-widgets{grid-template-columns:1fr 1fr}.hero-slider{height:240px}.slider-title{font-size:1.2rem}.slider-content{max-width:100%;padding:var(--space-4)}.slider-overlay{background:linear-gradient(to top,rgba(0,0,0,0.75),rgba(0,0,0,0.05))}.slider-controls{bottom:var(--space-2);gap:var(--space-2)}.article-title{font-size:1.3rem}.hero-detail-name{font-size:1.6rem}.match-result-grid{flex-wrap:wrap}.search-dropdown .search-field:focus{width:100%}.subscribe-form{flex-direction:column}.post-list-item{flex-direction:column}.post-list-thumb{width:100%;height:160px}.post-list-thumb img{height:160px}.lightbox-nav{width:36px;height:36px;font-size:1rem}.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}.comment .children{margin-left:var(--space-4)}}@media (max-width:480px){.heroes-grid{grid-template-columns:repeat(2,1fr)}.videos-grid{grid-template-columns:1fr}.footer-widgets{grid-template-columns:1fr}}@media (max-width:1400px){.portal-search-box{max-width:400px}}@media (max-width:1200px){.hero-row{flex-direction:row}.hero-slider-main{width:750px;height:400px}.hero-side-mini-block{flex-direction:column}.hero-side-mini-block .card-sm{flex-direction:row}.hero-side-mini-block .card-sm .card-sm-thumb{width:64px;height:64px}.news-row-1{grid-template-columns:1fr}.news-mini-col{flex-direction:row}.news-mini-col .card-sm{flex:1;flex-direction:column}.news-mini-col .card-sm .card-sm-thumb{width:100%;height:80px}.posts-grid-3{grid-template-columns:repeat(2,1fr)}.posts-grid-4{grid-template-columns:repeat(2,1fr)}.heroes-grid-6{grid-template-columns:repeat(4,1fr)}.videos-grid-6{grid-template-columns:repeat(3,1fr)}.match-zone-grid{grid-template-columns:1fr}.download-grid{grid-template-columns:1fr}.portal-social-icons{display:flex}.portal-search-box{max-width:400px}.mega-grid-7{grid-template-columns:repeat(4,1fr)}.mega-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.has-sidebar .content-area{flex-direction:column}.has-sidebar .site-main{max-width:100%}.has-sidebar .sidebar-area{width:100%;margin-top:var(--space-6)}.posts-grid{grid-template-columns:repeat(2,1fr)}.videos-grid{grid-template-columns:repeat(2,1fr)}.heroes-grid{grid-template-columns:repeat(3,1fr)}.footer-widgets{grid-template-columns:repeat(2,1fr)}.hero-header-grid{flex-direction:column}.hero-avatar-col{width:100%;max-width:280px}.hero-row{flex-direction:column}.hero-slider-main{width:100%;height:360px}.hero-side-mini-block{flex-direction:row;gap:var(--space-3)}.hero-side-mini-block .card-sm{flex:1;flex-direction:column}.hero-side-mini-block .card-sm .card-sm-thumb{width:100%;height:100px}}@media (max-width:768px){.portal-topbar{height:48px}.portal-topbar .topbar-actions{display:none}.portal-topbar .topbar-marquee-text{font-size:0.72rem;animation-duration:15s}.portal-header{height:60px}.portal-logo-text{display:none}.portal-logo-icon{font-size:1.5rem}.portal-search-box{flex:1;max-width:none}.portal-search-input{font-size:0.8rem;padding:0.5rem var(--space-2)}.portal-search-submit{padding:0.5rem var(--space-3)}.portal-search-icon{padding-left:var(--space-3)}.portal-nav{height:auto;position:relative;top:auto}.portal-nav-list{display:none}.portal-nav-list.is-mobile-open{display:flex;flex-direction:column;background:#fff;border-bottom:2px solid var(--color-border);box-shadow:var(--shadow-lg);max-height:80vh;overflow-y:auto}.portal-nav-item{height:auto}.portal-nav-link{padding:var(--space-3) var(--space-4);font-size:0.85rem;height:auto}.portal-mega-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;border-top:1px solid var(--color-border-light);border-radius:0;min-width:auto;padding:var(--space-3);display:none}.portal-nav-item.has-mega.open-mobile .portal-mega-menu{display:block}.mega-grid{grid-template-columns:1fr !important}.portal-mobile-toggle{display:flex}.hero-slider-main{height:220px}.hero-slider-main .slider-title{font-size:1.1rem}.hero-slider-main .slider-content{max-width:100%;padding:var(--space-4)}.hero-side-mini-block{flex-direction:column}.hero-side-mini-block .card-sm{flex-direction:row}.hero-side-mini-block .card-sm .card-sm-thumb{width:64px;height:64px}.news-mini-col{flex-direction:column}.news-mini-col .card-sm{flex-direction:row}.news-mini-col .card-sm .card-sm-thumb{width:64px;height:64px}.videos-grid-6{grid-template-columns:repeat(2,1fr)}.heroes-grid-6{grid-template-columns:repeat(3,1fr)}.rank-table-header,.rank-table-row{grid-template-columns:36px 1fr 90px 60px;font-size:0.7rem}.download-card-inner{flex-direction:column;text-align:center}.download-buttons{justify-content:center}.hero-live-search input{width:100px}}@media (max-width:480px){.heroes-grid-6{grid-template-columns:repeat(3,1fr)}.videos-grid-6{grid-template-columns:repeat(2,1fr)}.posts-grid-4{grid-template-columns:1fr}.rank-table-header,.rank-table-row{grid-template-columns:28px 1fr 70px 50px}.card-lg-title{font-size:1rem}}.empty-state{text-align:center;color:var(--color-text-muted);padding:3rem 1.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:0.9rem}.empty-state i{display:block;margin-bottom:var(--space-2);opacity:0.5}.stat-mini-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.stat-mini-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-mini-icon{font-size:1.6rem;margin-bottom:var(--space-2)}.stat-mini-value{font-size:1.5rem;font-weight:900;color:var(--color-text-primary);margin-bottom:4px}.stat-mini-label{font-size:0.78rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:0.5px}.build-type-tag{font-size:0.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--color-primary)}.skin-rarity{display:inline-block;font-size:0.65rem;font-weight:700;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-gold-glow);color:var(--color-gold-dark);margin-top:var(--space-1)}.hero-tips-content{font-size:0.95rem;line-height:1.75;color:var(--color-text-secondary);padding:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md)}.hero-tips-content p{margin-bottom:1rem}.hero-tips-content h3{font-size:1rem;font-weight:700;margin:1.2rem 0 0.5rem;color:var(--color-text-primary)}.hero-tips-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:0.8rem}.hero-tips-content ul li{margin-bottom:0.3rem}.hero-stats-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.hero-stats-bar-item{display:flex;align-items:center;gap:var(--space-2);background:var(--primary-50);color:var(--color-text-primary);font-size:0.82rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:600}.hero-filter-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center}.sort-select-menu{padding:0.45rem var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:0.82rem;color:var(--color-text-primary);background:#fff;cursor:pointer;outline:none;font-family:var(--font-primary)}.hero-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card);border:1px solid var(--color-border);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-fast)}.hero-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.hero-card-link{color:inherit;text-decoration:none;display:block}.hero-card-link:hover{text-decoration:none;color:inherit}.hero-card-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--color-bg-secondary)}.hero-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.hero-card:hover .hero-card-image img{transform:scale(1.06)}.hero-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-ultra-muted);background:var(--color-bg-tertiary)}.hero-card-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);z-index:2;background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,transparent 100%)}.hero-card-name{font-size:0.88rem;font-weight:700;color:#fff;margin-bottom:var(--space-1);text-shadow:0 1px 2px rgba(0,0,0,0.5)}.hero-card-stats{display:flex;gap:5px;flex-wrap:wrap;margin-top:var(--space-1)}.hero-card-stats span{font-size:0.65rem;color:rgba(255,255,255,0.85);display:flex;align-items:center;gap:2px}.hcs-win i{color:var(--color-success)}.hcs-pick i{color:var(--color-primary)}.hcs-ban i{color:var(--color-danger)}.hero-card-actions{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity var(--transition-normal);z-index:5;background:rgba(0,0,0,0.55);padding:var(--space-3)}.hero-card:hover .hero-card-actions{opacity:1}.hca-btn{display:block;width:80%;text-align:center;padding:6px 8px;border-radius:var(--radius-sm);font-size:0.72rem;font-weight:700;color:#fff;text-decoration:none;transition:background var(--transition-fast)}.hca-btn:hover{text-decoration:none;color:#fff}.hca-detail{background:var(--color-primary)}.hca-detail:hover{background:var(--primary-600)}.hca-build{background:var(--color-accent)}.hca-build:hover{background:var(--accent-600)}.hca-rune{background:#8b5cf6}.hca-rune:hover{background:#7c3aed}.hero-detail-page{background:var(--color-bg-primary)}.hero-bg-banner{position:relative;height:520px;overflow:hidden;background:linear-gradient(135deg,#0a1628,#1a2744)}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.65}.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.55) 60%,rgba(0,0,0,0.85) 100%)}.hero-bg-content{position:relative;z-index:2;height:100%}.hero-bg-grid{display:flex;align-items:center;gap:var(--space-8);height:100%}.hero-portrait-col{flex-shrink:0}.hero-portrait-wrap{width:240px;aspect-ratio:3/4;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:3px solid rgba(255,255,255,0.2)}.hero-portrait-img{width:100%;height:100%;object-fit:cover}.hero-meta-col{flex:1;color:#fff}.hero-name-title{font-size:2.8rem;font-weight:900;margin-bottom:var(--space-4);text-shadow:0 2px 16px rgba(0,0,0,0.5)}.hero-rings{display:flex;gap:var(--space-6);margin-top:var(--space-5)}.hero-ring{position:relative;width:100px;height:100px;flex-shrink:0}.ring-svg{width:100px;height:100px}.ring-bg{fill:none;stroke:rgba(255,255,255,0.15);stroke-width:8}.ring-fill{fill:none;stroke-width:8;stroke-linecap:round}.ring-win{stroke:var(--color-success)}.ring-pick{stroke:var(--color-primary)}.ring-ban{stroke:var(--color-danger)}.ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring-value{font-size:1.1rem;font-weight:900;color:#fff}.ring-label{font-size:0.65rem;color:rgba(255,255,255,0.65);margin-top:2px;text-transform:uppercase;letter-spacing:0.5px}.hero-sticky-tabs{position:sticky;top:122px;z-index:90;background:#fff;border-bottom:2px solid var(--color-border);transition:box-shadow var(--transition-fast)}.hero-sticky-tabs.sticky-shadow{box-shadow:var(--shadow-md)}.hero-tabs-nav{display:flex;gap:0;overflow-x:auto}.hero-tab-btn{display:flex;align-items:center;gap:0.35rem;padding:var(--space-3) var(--space-5);font-size:0.85rem;font-weight:700;border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;transition:color var(--transition-fast);font-family:var(--font-primary)}.hero-tab-btn:hover{color:var(--color-primary)}.hero-tab-btn.active{color:var(--color-primary);border-bottom:3px solid var(--color-primary);margin-bottom:-2px}.hero-detail-content{padding-top:var(--space-6)}.hero-tab-panel{display:none;animation:fadeIn 0.35s ease}.hero-tab-panel.active{display:block}.skill-card{display:flex;gap:var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.skill-card.skill-passive{border-left:4px solid var(--color-gold)}.skill-icon-col{min-width:88px;text-align:center;flex-shrink:0}.skill-icon-img{width:64px;height:64px;border-radius:var(--radius-md);border:2px solid var(--color-border)}.skill-type-badge{display:inline-block;margin-top:var(--space-1);font-size:0.62rem;background:var(--color-bg-tertiary);padding:1px 6px;border-radius:var(--radius-full);color:var(--color-text-muted);font-weight:600}.skill-type-badge.passive{background:var(--color-gold-glow);color:var(--color-gold-dark)}.skill-info-col{flex:1}.skill-name{font-size:1.05rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-1)}.skill-desc{font-size:0.88rem;color:var(--color-text-secondary);line-height:1.6}.skill-meta-grid{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-2);font-size:0.78rem;color:var(--color-text-muted)}.skill-demo-gif{width:88px;height:88px;border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-top:var(--space-1);object-fit:cover}.build-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.build-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.build-number{width:28px;height:28px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:800;flex-shrink:0}.build-name{font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}.build-desc{font-size:0.85rem;color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.6}.build-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-2)}.build-item-cell{padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-align:center}.build-item-icon{width:48px;height:48px;margin:0 auto var(--space-1);display:block;object-fit:contain}.build-item-name{font-size:0.72rem;font-weight:700;color:var(--color-text-primary)}.build-item-price{font-size:0.65rem;color:var(--color-text-muted)}.build-item-simple{font-size:0.75rem;color:var(--color-text-secondary);font-weight:600}.rune-tags-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.rune-tag{padding:4px 10px;background:var(--primary-50);color:var(--color-primary);border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.rune-stats-summary{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:0.82rem;color:var(--color-text-secondary)}.rune-stats-label{font-weight:700;color:var(--color-text-primary);margin-right:var(--space-2)}.tips-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-5)}.tips-side{display:flex;flex-direction:column;gap:var(--space-3)}.counters-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.counters-title{font-size:0.95rem;font-weight:700;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.tips-content-block{font-size:0.95rem;line-height:1.75;color:var(--color-text-secondary)}.tips-content-block p{margin-bottom:0.8rem}.tips-content-block h3{font-size:1rem;font-weight:700;margin:1.2rem 0 0.5rem;color:var(--color-text-primary)}.skins-scroll-wrap{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);scroll-behavior:smooth}.skin-card{min-width:200px;flex-shrink:0}.skin-image-wrap{aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-md);background:var(--color-bg-secondary)}.skin-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform var(--transition-fast)}.skin-image:hover{transform:scale(1.03)}.skin-info{padding:var(--space-2) 0}.skin-name{font-size:0.85rem;font-weight:700;color:var(--color-text-primary)}.skin-price{font-size:0.75rem;color:var(--color-text-muted);margin-top:2px}.posts-list-vertical{display:flex;flex-direction:column;gap:var(--space-4)}.card-post-hori{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-normal)}.card-post-hori:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.card-post-hori-link{display:flex;gap:var(--space-4);color:inherit;text-decoration:none}.card-post-hori-link:hover{text-decoration:none;color:inherit}.cph-image{width:240px;flex-shrink:0;aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--color-bg-secondary)}.cph-image img{width:100%;height:100%;object-fit:cover}.cph-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-ultra-muted);font-size:2rem}.cph-cat-overlay{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--color-primary);color:#fff;font-size:0.65rem;padding:2px 8px;border-radius:var(--radius-sm);font-weight:700;text-transform:uppercase}.cph-body{flex:1;padding:var(--space-3);display:flex;flex-direction:column;justify-content:center}.cph-title{font-size:1.05rem;font-weight:800;line-height:1.3;margin-bottom:var(--space-1);color:var(--color-text-primary)}.cph-excerpt{font-size:0.85rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cph-meta{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:0.78rem;color:var(--color-text-muted);align-items:center}.cph-author{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary)}.cph-avatar{width:20px;height:20px;border-radius:50%}.card-cat-tag{display:inline-block;font-size:0.65rem;background:var(--color-bg-tertiary);color:var(--color-text-muted);padding:1px 6px;border-radius:var(--radius-full);font-weight:600;margin-bottom:var(--space-1);text-transform:uppercase}.article-detail{background:#fff;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md)}.article-header{margin-bottom:var(--space-5)}.article-cats{margin-bottom:var(--space-2)}.article-cat-tag{display:inline-block;background:var(--color-primary);color:#fff;font-size:0.7rem;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-full);font-weight:700;margin-right:var(--space-1)}.article-title{font-size:1.85rem;font-weight:800;line-height:1.25;color:var(--color-text-primary);margin-bottom:var(--space-4)}.article-byline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.byline-left{display:flex;align-items:center;gap:var(--space-2)}.byline-avatar{width:36px;height:36px;border-radius:50%}.byline-text{display:flex;flex-direction:column}.byline-author{font-size:0.88rem;font-weight:700;color:var(--color-text-primary)}.byline-date{font-size:0.78rem;color:var(--color-text-muted)}.byline-stats{display:flex;gap:var(--space-4);font-size:0.82rem;color:var(--color-text-muted)}.byline-likes{color:var(--color-danger)}.article-featured-img{margin-bottom:var(--space-5);border-radius:var(--radius-md);overflow:hidden}.article-featured{width:100%;height:auto;display:block}.article-share-bar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5);padding:var(--space-3) 0;border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.share-label{font-size:0.82rem;font-weight:600;color:var(--color-text-muted)}.share-btn{display:inline-flex;align-items:center;gap:0.3rem;padding:5px 14px;border-radius:var(--radius-full);font-size:0.78rem;font-weight:600;color:#fff;border:none;cursor:pointer;transition:opacity var(--transition-fast)}.share-btn:hover{opacity:0.88;text-decoration:none;color:#fff}.share-fb{background:#1877F2}.share-zalo{background:#0180FF}.share-twitter{background:#1DA1F2}.share-copy{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.article-content{font-size:1rem;line-height:1.85;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.article-content h2{font-size:1.35rem;font-weight:700;margin:1.5rem 0 0.8rem;color:var(--color-text-primary)}.article-content h3{font-size:1.1rem;font-weight:700;margin:1.2rem 0 0.6rem;color:var(--color-text-primary)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);cursor:zoom-in}.article-content p{margin-bottom:1rem}.article-content ul,.article-content ol{padding-left:1.5rem;margin-bottom:1rem}.article-content figure{margin-bottom:1.5rem}.article-content iframe,.article-content video{max-width:100%;border-radius:var(--radius-sm)}.article-content blockquote{border-left:4px solid var(--color-primary);padding:var(--space-3) var(--space-4);background:var(--primary-50);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:1rem;font-style:italic}.article-content .wp-caption-text{font-size:0.78rem;color:var(--color-text-muted);text-align:center}.article-page-links{padding:var(--space-3);text-align:center;font-size:0.85rem;font-weight:600;color:var(--color-text-muted)}.article-actions-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:#fff;cursor:pointer;font-size:0.85rem;font-weight:600;color:var(--color-text-secondary);transition:all var(--transition-fast);font-family:var(--font-primary)}.action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.action-btn.action-like.liked{background:var(--color-danger-glow);color:var(--color-danger);border-color:var(--color-danger)}.article-tags{margin-bottom:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center}.tags-label{font-size:0.82rem;font-weight:600;color:var(--color-text-muted);margin-right:var(--space-1)}.tag{display:inline-block;font-size:0.75rem;padding:2px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast)}.tag:hover{background:var(--primary-50);color:var(--color-primary);text-decoration:none}.article-prev-next{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--color-border-light);margin-bottom:var(--space-5)}.pn-prev,.pn-next{max-width:48%}.pn-prev a,.pn-next a{color:var(--color-text-secondary);font-weight:600;font-size:0.85rem}.pn-prev a:hover,.pn-next a:hover{color:var(--color-primary)}.article-related{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.related-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-4);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2)}.article-comments{margin-top:var(--space-6)}.match-page-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);margin-top:var(--space-5)}.match-page-main{}.match-page-side{}.match-card-wide{display:block;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3);color:inherit;text-decoration:none;transition:all var(--transition-normal)}.match-card-wide:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none;color:inherit}.match-card-wide.is-live{border-color:var(--color-danger)}.mcw-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.mcw-tier{font-size:0.72rem;font-weight:700;background:var(--primary-50);color:var(--color-primary);padding:2px 8px;border-radius:var(--radius-sm)}.mcw-time{font-size:0.78rem;color:var(--color-text-muted)}.mcw-live-badge{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--color-danger);font-weight:700;font-size:0.72rem}.mcw-finished-badge{margin-left:auto;color:var(--color-success);font-weight:700;font-size:0.72rem}.mcw-body{display:flex;align-items:center;gap:var(--space-4)}.mcw-team{flex:1;text-align:center}.mcw-team-name{font-size:0.95rem;font-weight:700;color:var(--color-text-primary)}.mcw-vs{flex-shrink:0}.mcw-score{font-size:1.2rem;font-weight:900;color:var(--color-text-primary)}.mcw-vs-text{font-size:0.85rem;color:var(--color-text-muted);font-weight:700}.standings-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.standings-title{font-size:0.95rem;font-weight:700;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.match-standings-table{font-size:0.75rem}.st-rank{font-weight:900 !important;color:var(--color-text-primary) !important}.st-team{text-align:left !important;font-weight:600 !important}.st-pts{font-weight:800 !important;color:var(--color-primary) !important}.st-positive{color:var(--color-success) !important;font-weight:700 !important}.st-negative{color:var(--color-danger) !important;font-weight:700 !important}.match-hero-section{background:linear-gradient(135deg,#0f1a30,#1a2a50);padding:var(--space-10) 0 var(--space-8)}.match-result-grid{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.match-result-team{text-align:center}.match-team-logo-img{width:80px;height:80px;margin:0 auto var(--space-3);object-fit:contain;border-radius:var(--radius-md)}.match-team-logo-placeholder{width:80px;height:80px;margin:0 auto var(--space-3);background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);font-size:1.8rem}.match-result-name{font-size:1.15rem;font-weight:800;color:#fff}.match-result-sub{font-size:0.78rem;color:rgba(255,255,255,0.55);margin-top:var(--space-1)}.match-result-score{flex-shrink:0}.match-big-score{font-size:2.5rem;font-weight:900;color:#fff}.match-live-big{font-size:1.5rem;font-weight:900;color:var(--color-danger);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.match-vs-big{font-size:1.5rem;font-weight:700;color:rgba(255,255,255,0.6)}.match-result-info{text-align:center;margin-top:var(--space-4);display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.match-info-badge{font-size:0.82rem;font-weight:700;display:flex;align-items:center;gap:var(--space-1)}.match-content-grid{display:grid;grid-template-columns:1fr 350px;gap:var(--space-6)}.match-content-side{}.match-side-widget{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.match-info-table{width:100%;border-collapse:collapse}.match-info-table tr{border-bottom:1px solid var(--color-border-light)}.match-info-table td{padding:8px 0}.mit-label{font-size:0.8rem;color:var(--color-text-muted);width:40%}.match-mini-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border-light);color:inherit;text-decoration:none;font-size:0.82rem}.match-mini-row:hover{color:var(--color-primary);text-decoration:none}.match-mini-teams{color:var(--color-text-secondary);font-size:0.8rem}.match-games-section{margin-top:var(--space-6)}.match-games-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.game-round-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.game-round-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.game-round-label{font-size:0.85rem;font-weight:800;color:var(--color-text-primary)}.game-round-result{font-size:0.82rem;font-weight:600;color:var(--color-success)}.game-round-duration{margin-left:auto;font-size:0.75rem;color:var(--color-text-muted)}.game-players-table{width:100%;border-collapse:collapse;font-size:0.78rem}.game-players-table thead th{background:var(--color-bg-secondary);padding:6px;text-align:left;font-weight:700;color:var(--color-text-muted);font-size:0.72rem;text-transform:uppercase;border-bottom:2px solid var(--color-border)}.game-players-table tbody td{padding:6px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.gp-name{font-weight:600 !important;color:var(--color-text-primary) !important}.match-detail-page{padding-bottom:var(--space-12)}.match-hero-section{position:relative;background:linear-gradient(135deg,#0f1a30 0%,#1a2a50 50%,#0f1a30 100%);padding:var(--space-8) 0;overflow:hidden}.match-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(22,93,255,0.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(16,185,129,0.15) 0%,transparent 50%);pointer-events:none}.match-hero-badges{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);position:relative}.match-tier-badge{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(255,215,0,0.05));border:1px solid rgba(255,215,0,0.4);color:#ffd700;padding:6px 16px;border-radius:var(--radius-full);font-size:0.82rem;font-weight:700;display:flex;align-items:center;gap:6px}.match-tier-badge i{font-size:0.75rem}.match-status-badge{padding:6px 16px;border-radius:var(--radius-full);font-size:0.82rem;font-weight:700;display:flex;align-items:center;gap:6px}.match-status-badge i{font-size:0.65rem}.status-live{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.4);animation:pulse 1.5s infinite}.status-upcoming{background:rgba(59,130,246,0.2);color:#3b82f6;border:1px solid rgba(59,130,246,0.4)}.status-finished{background:rgba(16,185,129,0.2);color:#10b981;border:1px solid rgba(16,185,129,0.4)}.match-hero-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-6);align-items:center;position:relative;margin-bottom:var(--space-6)}.match-hero-team{text-align:center;padding:var(--space-5)}.match-hero-team-a{text-align:right}.match-hero-team-b{text-align:left}.team-logo-wrap{width:120px;height:120px;margin:0 auto var(--space-4);position:relative}.team-logo-img{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-lg);background:rgba(255,255,255,0.05);padding:var(--space-2)}.team-logo-placeholder{width:100%;height:100%;border-radius:var(--radius-lg);border:2px solid;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800}.team-name{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:4px;font-family:var(--font-heading)}.team-region{font-size:0.78rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.1em}.match-hero-score{text-align:center;padding:var(--space-5) var(--space-8);background:rgba(0,0,0,0.3);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px)}.score-display{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-2)}.score-num{font-size:3.5rem;font-weight:900;color:rgba(255,255,255,0.7);font-family:var(--font-heading);line-height:1}.score-num.winner{color:#ffd700}.score-divider{font-size:2rem;font-weight:700;color:rgba(255,255,255,0.4)}.score-label{font-size:0.85rem;color:rgba(255,255,255,0.5)}.live-label{color:#ef4444;animation:pulse 1.5s infinite}.upcoming-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:0.9rem}.score-vs .vs-text{font-size:2.5rem;font-weight:900;color:var(--color-primary);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.live-dot-anim{width:10px;height:10px;background:#ef4444;border-radius:50%;animation:pulse 1s infinite;margin-right:var(--space-2)}.match-info-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-5);flex-wrap:wrap;position:relative}.info-item{display:flex;align-items:center;gap:6px;font-size:0.88rem;color:rgba(255,255,255,0.6)}.info-item i{color:rgba(255,255,255,0.4)}.btn-watch-live{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 20px;border-radius:var(--radius-full);font-weight:700;font-size:0.85rem;display:flex;align-items:center;gap:6px;transition:all 0.3s;text-decoration:none}.btn-watch-live:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(239,68,68,0.4);color:#fff}.match-content-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);margin-top:var(--space-8)}.match-content-main{min-width:0}.match-content-side{}.match-section{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.match-section .section-title{font-size:1.1rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:var(--space-2)}.match-section .section-title i{color:#ffd700}.games-list{display:flex;flex-direction:column;gap:var(--space-4)}.game-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);transition:all 0.2s}.game-card:hover{border-color:var(--color-primary)}.game-card.winner-a{border-left:4px solid var(--color-primary)}.game-card.winner-b{border-right:4px solid var(--color-success)}.game-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);font-size:0.82rem}.game-number{font-weight:800;color:var(--color-text-primary);background:var(--primary-50);padding:2px 10px;border-radius:var(--radius-full)}.game-duration{color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.game-mvp{color:#ffd700;margin-left:auto;display:flex;align-items:center;gap:4px}.game-body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.game-team{display:flex;flex-direction:column;gap:4px}.game-team:first-child{text-align:left}.game-team:last-child{text-align:right}.gt-name{font-weight:700;color:var(--color-text-primary)}.gt-kills{font-size:0.85rem;color:var(--color-text-secondary)}.game-vs{font-weight:800;color:var(--color-text-muted);font-size:0.85rem}.game-note{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);font-size:0.85rem;color:var(--color-text-secondary);font-style:italic}.players-table-wrap{overflow-x:auto}.players-stats-table{width:100%;border-collapse:collapse;font-size:0.85rem}.players-stats-table thead th{background:var(--color-bg-secondary);color:var(--color-text-muted);font-weight:700;font-size:0.72rem;text-transform:uppercase;padding:var(--space-3);text-align:left;border-bottom:2px solid var(--color-border)}.players-stats-table tbody td{padding:var(--space-3);border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.players-stats-table tbody tr:hover{background:var(--primary-50)}.player-rank{font-weight:700;color:var(--color-text-muted);width:40px}.player-name-cell{font-weight:600;color:var(--color-text-primary)}.player-team-cell{color:var(--color-primary);font-size:0.8rem}.player-hero-cell{font-style:italic}.player-kda-num{font-weight:600}.player-kda-ratio{font-weight:800}.player-kda-ratio.kda-high{color:var(--color-success)}.player-kda-ratio.kda-low{color:var(--color-danger)}.player-gold,.player-damage{font-size:0.82rem}.article-content{font-size:0.95rem;line-height:1.7;color:var(--color-text-secondary)}.article-content h2,.article-content h3{color:var(--color-text-primary);margin-top:var(--space-5)}.article-content p{margin-bottom:var(--space-4)}.match-placeholder{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.match-placeholder i{font-size:3rem;margin-bottom:var(--space-4);opacity:0.5}.match-placeholder h4{font-size:1.2rem;margin-bottom:var(--space-3);color:var(--color-text-secondary)}.match-placeholder ul{list-style:none;padding:0;margin:var(--space-4) 0;display:inline-block;text-align:left}.match-placeholder ul li{padding:6px 0;display:flex;align-items:center;gap:8px}.match-placeholder ul li::before{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;color:var(--color-success);font-size:0.85rem}.placeholder-note{font-size:0.85rem;color:var(--color-text-ultra-muted);margin-top:var(--space-4);font-style:italic}.side-widget{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.widget-title{font-size:0.95rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:var(--space-2)}.widget-title i{color:var(--color-primary)}.match-info-table{width:100%}.match-info-table tr{border-bottom:1px solid var(--color-border-light)}.match-info-table tr:last-child{border-bottom:none}.match-info-table td{padding:var(--space-3) 0}.mit-label{font-size:0.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.mit-label i{color:var(--color-text-ultra-muted)}.status-tag{font-size:0.75rem;font-weight:700;padding:2px 10px;border-radius:var(--radius-full)}.result-final{color:var(--color-primary);font-size:1.1rem}.related-matches{display:flex;flex-direction:column;gap:var(--space-2)}.related-match-card{display:block;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);text-decoration:none;transition:all 0.2s}.related-match-card:hover{border-color:var(--color-primary);background:var(--primary-50)}.rmc-teams{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:0.82rem}.rmc-team{color:var(--color-text-secondary);font-weight:600}.rmc-score{font-weight:800;color:var(--color-text-primary)}.rmc-score.rmc-vs{color:var(--color-primary);font-size:0.75rem}.rmc-date{display:block;font-size:0.72rem;color:var(--color-text-muted);margin-top:4px;display:flex;align-items:center;gap:4px}.no-matches{font-size:0.85rem;color:var(--color-text-muted);text-align:center;padding:var(--space-4)}.side-widget-stream{background:linear-gradient(135deg,#0f1a30,#1a2a50);border-color:transparent}.side-widget-stream .widget-title{color:#fff;border-bottom-color:rgba(255,255,255,0.2)}.side-widget-stream .widget-title i{color:#ffd700}.btn-stream{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:var(--space-3);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:var(--radius-md);font-weight:700;font-size:0.9rem;text-decoration:none;transition:all 0.3s}.btn-stream:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(239,68,68,0.4);color:#fff}@media (max-width:1024px){.match-content-grid{grid-template-columns:1fr}.match-hero-grid{gap:var(--space-4)}.team-logo-wrap{width:80px;height:80px}.team-name{font-size:1.1rem}.score-num{font-size:2.5rem}}@media (max-width:640px){.match-hero-grid{grid-template-columns:1fr}.match-hero-team-a,.match-hero-team-b{text-align:center}.score-display{flex-direction:column;gap:var(--space-2)}.score-divider{display:none}.match-hero-score{padding:var(--space-4)}.players-stats-table{font-size:0.75rem}.players-stats-table thead th,.players-stats-table tbody td{padding:var(--space-2)}}.match-detail-page{padding-bottom:var(--space-12)}.match-hero-section{background:linear-gradient(135deg,#0f1a30,#1a2a50);padding:var(--space-10) 0 var(--space-8)}.match-result-grid{display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.match-result-team{text-align:center}.match-team-logo-img{width:80px;height:80px;margin:0 auto var(--space-3);object-fit:contain;border-radius:var(--radius-md)}.match-team-logo-placeholder{width:80px;height:80px;margin:0 auto var(--space-3);background:rgba(255,255,255,0.1);border:2px solid rgba(255,255,255,0.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.4);font-size:1.8rem}.match-result-name{font-size:1.15rem;font-weight:800;color:#fff}.match-result-sub{font-size:0.78rem;color:rgba(255,255,255,0.55);margin-top:var(--space-1)}.match-result-score{flex-shrink:0}.match-big-score{font-size:2.5rem;font-weight:900;color:#fff}.match-live-big{font-size:1.5rem;font-weight:900;color:var(--color-danger);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.match-vs-big{font-size:1.5rem;font-weight:700;color:rgba(255,255,255,0.6)}.match-result-info{text-align:center;margin-top:var(--space-4);display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.match-info-badge{font-size:0.82rem;font-weight:700;display:flex;align-items:center;gap:var(--space-1)}.match-content-grid{display:grid;grid-template-columns:1fr 350px;gap:var(--space-6)}.match-content-side{}.match-side-widget{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.match-info-table{width:100%;border-collapse:collapse}.match-info-table tr{border-bottom:1px solid var(--color-border-light)}.match-info-table td{padding:8px 0}.mit-label{font-size:0.8rem;color:var(--color-text-muted);width:40%}.match-mini-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--color-border-light);color:inherit;text-decoration:none;font-size:0.82rem}.match-mini-row:hover{color:var(--color-primary);text-decoration:none}.match-mini-teams{color:var(--color-text-secondary);font-size:0.8rem}.match-games-section{margin-top:var(--space-6)}.match-games-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.game-round-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-3)}.game-round-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.game-round-label{font-size:0.85rem;font-weight:800;color:var(--color-text-primary)}.game-round-result{font-size:0.82rem;font-weight:600;color:var(--color-success)}.game-round-duration{margin-left:auto;font-size:0.75rem;color:var(--color-text-muted)}.game-players-table{width:100%;border-collapse:collapse;font-size:0.78rem}.game-players-table thead th{background:var(--color-bg-secondary);padding:6px;text-align:left;font-weight:700;color:var(--color-text-muted);font-size:0.72rem;text-transform:uppercase;border-bottom:2px solid var(--color-border)}.game-players-table tbody td{padding:6px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-secondary)}.gp-name{font-weight:600 !important;color:var(--color-text-primary) !important}.video-detail{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-6)}.video-player-wrap{position:relative;background:#000}.video-embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-embed-container iframe,.video-embed-container video,.video-embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-placeholder{padding:5rem 2rem;text-align:center;color:rgba(255,255,255,0.6);background:#111}.video-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.video-title{font-size:1.3rem;font-weight:800;margin-bottom:var(--space-2)}.video-meta-row{display:flex;align-items:center;gap:var(--space-4);font-size:0.82rem;color:var(--color-text-muted);flex-wrap:wrap}.video-description{padding:var(--space-5)}.video-play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:rgba(255,255,255,0.85);z-index:2;opacity:0.85;transition:all var(--transition-normal)}.card-video:hover .video-play-icon{font-size:3.5rem;opacity:1;color:var(--color-primary)}.video-duration{position:absolute;bottom:var(--space-1);right:var(--space-1);background:rgba(0,0,0,0.8);color:#fff;padding:1px 6px;border-radius:var(--radius-sm);font-size:0.68rem;font-weight:600}.build-simulator-wrap,.rune-calculator-wrap,.search-player-wrap{max-width:960px;margin:0 auto}.sim-panel{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.sim-panel-header{margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.sim-panel-header h3{font-size:0.95rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);margin:0}.sim-slots-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2)}.sim-slot{aspect-ratio:1;border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);gap:4px;font-size:0.72rem;color:var(--color-text-ultra-muted);background:var(--color-bg-secondary)}.sim-slot:hover{border-color:var(--color-primary);color:var(--color-primary)}.sim-slot.active{border-color:var(--color-primary);border-style:solid;background:var(--primary-50)}.sim-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.sim-item-card{padding:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.sim-item-card:hover{border-color:var(--color-primary);background:#fff;box-shadow:var(--shadow-sm)}.sim-item-name{font-size:0.78rem;font-weight:700;color:var(--color-text-primary);margin-bottom:2px}.sim-item-stat{font-size:0.7rem;color:var(--color-text-muted)}.sim-item-price{font-size:0.68rem;color:var(--color-accent);font-weight:700}.sim-stats-summary{font-size:0.85rem;padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.sim-stats-summary strong{color:var(--color-text-primary)}.back-to-top{position:fixed;bottom:28px;right:28px;z-index:200;width:44px;height:44px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(12px);transition:all var(--transition-normal);pointer-events:none}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{background:var(--primary-600);transform:translateY(-2px)}.breadcrumb{margin-bottom:var(--space-4);font-size:0.82rem}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:2px;list-style:none;padding:0;margin:0}.breadcrumb-item{color:var(--color-text-muted);display:flex;align-items:center;gap:2px}.breadcrumb-item a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-item.active{color:var(--color-text-primary);font-weight:600}.breadcrumb-sep{color:var(--color-text-ultra-muted);font-size:0.6rem;padding:0 2px}.pagination-nav{margin-top:var(--space-8);display:flex;justify-content:center}.pagination-nav .page-numbers{display:inline-flex;align-items:center;gap:var(--space-1);list-style:none;padding:0;margin:0}.pagination-nav .page-numbers li{display:inline}.pagination-nav .page-numbers a,.pagination-nav .page-numbers span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);font-weight:600;font-size:0.85rem;text-decoration:none;transition:all var(--transition-fast)}.pagination-nav .page-numbers a:hover,.pagination-nav .page-numbers span.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.portal-nav-item.current .portal-nav-link{color:var(--color-primary);position:relative}.portal-nav-item.current .portal-nav-link::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:var(--color-primary);border-radius:3px 3px 0 0}.portal-nav-link i{font-size:0.9rem}.hub-hero{position:relative;overflow:hidden}.hub-hero::after{content:'';position:absolute;top:-30%;right:-5%;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,0.08);pointer-events:none}.heroes-grid-8{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state i{opacity:0.35}.no-data-msg{text-align:center;padding:var(--space-8);color:var(--color-text-muted);font-size:0.95rem}