:root {--color-primary:#ff6600; --color-primary-dark:#e55c00; --color-primary-light:#ff8533; --color-primary-hover:#ff7b1a; --color-primary-subtle:rgba(255,102,0,0.08); --color-secondary:#333333; --color-text:#333333; --color-text-light:#666666; --color-text-muted:#999999; --color-text-dark:#222222; --color-bg:#ffffff; --color-bg-page:#f4f4f4; --color-bg-light:#f8f8f8; --color-bg-section:#f5f5f5; --color-bg-hover:#fff5ee; --color-bg-dark:#e8e8e8; --color-bg-stripe:#fafafa; --color-border:#e0e0e0; --color-border-light:#eeeeee; --color-border-dark:#cccccc; --color-success:#4caf50; --color-danger:#f44336; --color-warning:#ff9800; --color-info:#2196f3; --color-new:#4caf50; --color-hot:#f44336; --shadow-xs:0 1px 2px rgba(0,0,0,0.05); --shadow-sm:0 1px 3px rgba(0,0,0,0.08); --shadow-md:0 2px 8px rgba(0,0,0,0.10); --shadow-lg:0 4px 16px rgba(0,0,0,0.12); --shadow-xl:0 8px 24px rgba(0,0,0,0.15); --shadow-card:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04); --shadow-card-hover:0 4px 12px rgba(255,102,0,0.15),0 2px 4px rgba(0,0,0,0.08); --radius-xs:2px; --radius-sm:4px; --radius-md:6px; --radius-lg:8px; --radius-xl:12px; --radius-full:9999px; --font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif; --font-family-narrow:"Microsoft YaHei","PingFang SC",sans-serif; --font-size-xs:11px; --font-size-sm:12px; --font-size-base:13px; --font-size-md:14px; --font-size-lg:15px; --font-size-xl:16px; --font-size-2xl:18px; --font-size-3xl:20px; --font-size-4xl:24px; --font-size-5xl:30px; --font-size-6xl:36px; --line-height-tight:1.2; --line-height-base:1.5; --line-height-relaxed:1.8; --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; --transition-fast:0.12s ease; --transition-base:0.2s ease; --transition-slow:0.3s ease; --transition-smooth:0.25s cubic-bezier(0.4,0,0.2,1); --header-height:60px; --header-height-full:120px; --container-max:1200px; --container-padding:16px; --sidebar-width:300px; --section-gap:20px;}*,*::before,*::after {box-sizing:border-box; margin:0; padding:0;}html {font-size:13px; scroll-behavior:smooth; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}body {font-family:var(--font-family); font-size:var(--font-size-base); line-height:var(--line-height-base); color:var(--color-text); background-color:var(--color-bg-page); min-height:100vh;}a {color:var(--color-primary); text-decoration:none; transition:color var(--transition-fast);}a:hover {color:var(--color-primary-dark);}a:focus-visible {outline:2px solid var(--color-primary); outline-offset:2px; border-radius:var(--radius-xs);}img {max-width:100%; height:auto; display:block;}ul,ol {list-style:none;}button {cursor:pointer; border:none; background:none; font-family:inherit;}input,textarea,select {font-family:inherit; font-size:inherit;}h1,h2,h3,h4,h5,h6 {font-weight:700; line-height:var(--line-height-tight); color:var(--color-secondary);}h1 {font-size:var(--font-size-4xl)}h2 {font-size:var(--font-size-3xl)}h3 {font-size:var(--font-size-2xl)}h4 {font-size:var(--font-size-xl)}h5 {font-size:var(--font-size-lg)}h6 {font-size:var(--font-size-md)}p {margin-bottom:0.6em;}p:last-child {margin-bottom:0;}.vg-container {width:100%; max-width:var(--container-max); margin:0 auto; padding:0 var(--container-padding);}.vg-page-wrap {background:var(--color-bg); min-height:100vh;}.vg-header {background:var(--color-bg); border-bottom:1px solid var(--color-border); box-shadow:0 1px 3px rgba(0,0,0,0.05); position:relative; z-index:100;}.vg-header__topbar {background:linear-gradient(135deg,#ff6600 0%,#ff8533 50%,#ffaa44 100%); height:34px; display:flex; align-items:center; overflow:visible;}.vg-header__topbar-inner {display:flex; align-items:center; height:100%;}.vg-header__topbar-link {display:flex; align-items:center; gap:5px; padding:0 14px; height:100%; color:rgba(255,255,255,0.88); font-size:var(--font-size-xs); font-weight:500; border-right:1px solid rgba(255,255,255,0.15); transition:all var(--transition-fast); white-space:nowrap;}.vg-header__topbar-link:first-child {border-left:1px solid rgba(255,255,255,0.15);}.vg-header__topbar-link:hover {background:rgba(255,255,255,0.18); color:#fff;}.vg-header__topbar-link--highlight {background:rgba(0,0,0,0.15); color:#fff; font-weight:600;}.vg-header__topbar-sep {flex:1;}.vg-header__topbar-user {margin-left:auto; border-left:1px solid rgba(255,255,255,0.15); border-right:none !important;}.vg-header__topbar-dropdown {position:relative; display:flex; align-items:center; height:100%; border-right:1px solid rgba(255,255,255,0.15);}.vg-header__topbar-link--parent {border-right:none !important;}.vg-header__topbar-link--parent svg {transition:transform var(--transition-fast);}.vg-header__topbar-dropdown:hover .vg-header__topbar-link--parent svg {transform:rotate(180deg);}.vg-header__topbar-dropdown-menu {position:absolute; top:100%; left:50%; transform:translateX(-50%) translateY(-4px); min-width:170px; background:#fff; border:1px solid var(--color-border); border-top:3px solid var(--color-primary); border-radius:0 0 var(--radius-lg) var(--radius-lg); box-shadow:var(--shadow-xl); opacity:0; visibility:hidden; transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast); z-index:300; padding:6px 0; white-space:nowrap;}.vg-header__topbar-dropdown:hover .vg-header__topbar-dropdown-menu {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}.vg-header__topbar-dropdown-menu a {display:flex; align-items:center; gap:8px; padding:9px 16px; font-size:var(--font-size-sm); font-weight:600; color:var(--color-text); transition:all var(--transition-fast); text-decoration:none;}.vg-header__topbar-dropdown-menu a:hover {background:var(--color-primary-subtle); color:var(--color-primary); padding-left:22px;}.vg-header__main {background:var(--color-bg); border-bottom:2px solid var(--color-primary);}.vg-header__main-inner {display:flex; align-items:center; gap:20px; height:var(--header-height);}.vg-header__logo {flex-shrink:0; display:flex; align-items:center;}.vg-header__logo img {height:48px; width:auto;}.vg-header__logo-text {display:flex; align-items:baseline; gap:4px; text-decoration:none;}.vg-header__logo-text .logo-main {font-size:28px; font-weight:800; color:var(--color-primary); letter-spacing:-1px; line-height:1; font-family:var(--font-family-narrow);}.vg-header__logo-text .logo-sub {font-size:14px; font-weight:600; color:var(--color-secondary); letter-spacing:0.5px;}.vg-header__nav {flex:1; display:flex; align-items:center; min-width:0;}.vg-nav {display:flex; align-items:center; gap:4px; height:100%;}.vg-header__main {background:var(--color-bg); border-bottom:3px solid var(--color-primary); position:sticky; top:0; z-index:1000; box-shadow:0 2px 8px rgba(0,0,0,0.08);}.vg-nav__item {position:relative; display:flex; align-items:center; height:var(--header-height);}.vg-nav__link {display:flex; align-items:center; gap:4px; height:100%; padding:0 14px; font-size:var(--font-size-base); font-weight:600; color:var(--color-secondary); border-bottom:3px solid transparent; transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast); white-space:nowrap; position:relative; max-width:160px; overflow:hidden; text-overflow:ellipsis;}.vg-nav__link::after {content:''; position:absolute; bottom:-3px; left:50%; width:0; height:3px; background:var(--color-primary); transition:width var(--transition-base),left var(--transition-base); border-radius:2px 2px 0 0;}.vg-nav__link:hover,.vg-nav__item.active .vg-nav__link {color:var(--color-primary); background:var(--color-primary-subtle); border-bottom-color:transparent;}.vg-nav__link:hover::after,.vg-nav__item.active .vg-nav__link::after {width:100%; left:0;}.vg-nav__link .nav-arrow {font-size:10px; transition:transform var(--transition-fast);}.vg-nav__item:hover .nav-arrow {transform:rotate(180deg);}.vg-nav__dropdown {position:absolute; top:calc(100% - 1px); left:50%; transform:translateX(-50%) translateY(-4px); min-width:200px; background:var(--color-bg); border:1px solid var(--color-border); border-top:3px solid var(--color-primary); border-radius:0 0 var(--radius-lg) var(--radius-lg); box-shadow:var(--shadow-xl); opacity:0; visibility:hidden; transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast); z-index:200; padding:8px 0;}.vg-nav__item:hover .vg-nav__dropdown {opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}.vg-nav__dropdown-link {display:flex; align-items:center; gap:10px; padding:10px 18px; font-size:var(--font-size-sm); color:var(--color-text); transition:all var(--transition-fast);}.vg-nav__dropdown-link:hover {background:var(--color-primary-subtle); color:var(--color-primary); padding-left:24px; text-decoration:none;}.vg-nav__dropdown-link .cat-icon {width:20px; height:20px; background:var(--color-bg-section); border-radius:var(--radius-xs); display:flex; align-items:center; justify-content:center; font-size:10px;}.vg-nav__dropdown-separator {padding:6px 18px 4px; font-size:10px; font-weight:700; color:var(--color-text-muted); text-align:center; letter-spacing:1px; text-transform:uppercase; border-top:1px solid var(--color-border-light); margin-top:4px;}.vg-nav--mobile {display:none;}.vg-header__actions {display:flex; align-items:center; gap:12px; flex-shrink:0;}.vg-search {display:flex; align-items:center; border:2px solid var(--color-primary); border-radius:var(--radius-lg); overflow:hidden; background:var(--color-bg); transition:box-shadow var(--transition-fast),border-color var(--transition-fast); position:relative;}.vg-search:focus-within {box-shadow:0 0 0 3px rgba(255,102,0,0.12); border-color:var(--color-primary-dark);}.vg-search__input {width:240px; padding:9px 14px; border:none; outline:none; font-size:var(--font-size-sm); background:transparent; color:var(--color-text);}.vg-search__input::placeholder {color:var(--color-text-muted);}.vg-search__btn {padding:9px 18px; background:var(--color-primary); color:#fff; font-size:var(--font-size-sm); font-weight:700; border:none; cursor:pointer; transition:background var(--transition-fast); display:flex; align-items:center; gap:5px; letter-spacing:0.2px;}.vg-search__btn:hover {background:var(--color-primary-dark);}.vg-search__btn svg {flex-shrink:0;}.vg-header__user-btn {display:flex; align-items:center; gap:5px; padding:7px 14px; background:var(--color-bg-section); border:1px solid var(--color-border); border-radius:var(--radius-lg); font-size:var(--font-size-base); font-weight:500; color:var(--color-text); transition:all var(--transition-fast); white-space:nowrap;}.vg-header__user-btn:hover {border-color:var(--color-primary); color:var(--color-primary); background:var(--color-bg-hover);}.vg-header__mobile-toggle {display:none; width:40px; height:40px; align-items:center; justify-content:center; border-radius:var(--radius-sm); color:var(--color-secondary); font-size:20px; transition:all var(--transition-fast);}.vg-header__mobile-toggle:hover {background:var(--color-bg-section); color:var(--color-primary);}.vg-hero {position:relative; margin:16px 0 20px; border-radius:var(--radius-xl); overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.12); background:#111;}.vg-hero__wrap {display:flex; gap:0; height:380px;}.vg-hero__slides-wrap {flex:1; position:relative; overflow:hidden;}.vg-hero__slides {display:flex; transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94); height:100%;}.vg-hero__slide {min-width:100%; height:100%; position:relative;}.vg-hero__slide a {display:flex; align-items:center; justify-content:center; width:100%; height:100%; position:relative; overflow:hidden;}.vg-hero__slide-bg {position:absolute; inset:0; background-size:cover; background-position:center center; background-repeat:no-repeat; transition:transform 0.5s ease; z-index:0;}.vg-hero__slide:hover .vg-hero__slide-bg {transform:scale(1.03);}.vg-hero__slide-bg-overlay {position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.15) 40%,rgba(0,0,0,0.05) 100%); z-index:1;}.vg-hero__slide-icon {display:none;}.vg-hero__slide:hover .vg-hero__slide-icon {transform:scale(1.05);}.vg-hero__slide-icon img {width:100%; height:100%; object-fit:cover; display:block;}.vg-hero__slide-info {position:absolute; bottom:0; left:0; right:0; z-index:2; padding:24px 30px; text-shadow:0 2px 8px rgba(0,0,0,0.6);}.vg-hero__slide-title {font-size:26px; font-weight:700; color:#fff; margin-bottom:8px; letter-spacing:0.3px; line-height:1.3;}.vg-hero__slide-desc {font-size:14px; color:rgba(255,255,255,0.85); line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}.vg-hero__slide-tag {display:inline-block; padding:3px 10px; background:var(--color-primary); color:#fff; font-size:var(--font-size-xs); font-weight:700; border-radius:var(--radius-sm); margin-bottom:8px; box-shadow:0 2px 6px rgba(255,102,0,0.4);}.vg-hero__controls {position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; background:rgba(0,0,0,0.5); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; cursor:pointer; transition:all var(--transition-fast); z-index:5; border:none; backdrop-filter:blur(4px); box-shadow:0 2px 8px rgba(0,0,0,0.3);}.vg-hero__controls:hover {background:var(--color-primary); transform:translateY(-50%) scale(1.1);}.vg-hero__prev {left:14px}.vg-hero__next {right:14px}.vg-hero__dots {position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:5;}.vg-hero__dot {width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,0.45); border:none; cursor:pointer; transition:all var(--transition-base); padding:0;}.vg-hero__dot.active {background:var(--color-primary); width:24px; border-radius:4px;}.vg-hero__thumbs {width:220px; flex-shrink:0; display:flex; flex-direction:column; background:#1a1a1a; border-left:3px solid var(--color-primary);}.vg-hero__thumb {flex:1; position:relative; overflow:hidden; cursor:pointer; border-bottom:1px solid rgba(255,255,255,0.08); opacity:0.6; transition:all var(--transition-fast);}.vg-hero__thumb:last-child {border-bottom:none;}.vg-hero__thumb.active,.vg-hero__thumb:hover {opacity:1;}.vg-hero__thumb.active::after {content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--color-primary);}.vg-hero__thumb img {width:100%; height:100%; object-fit:cover; transition:transform var(--transition-slow);}.vg-hero__thumb:hover img {transform:scale(1.06);}.vg-hero__thumb-title {position:absolute; bottom:0; left:0; right:0; padding:6px 10px; background:linear-gradient(to top,rgba(0,0,0,0.85),transparent); font-size:var(--font-size-xs); color:#fff; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}.vg-cat-bar {background:var(--color-bg); border-radius:var(--radius-lg); padding:14px 16px; margin-bottom:var(--section-gap); box-shadow:0 1px 3px rgba(0,0,0,0.06); border:1px solid var(--color-border-light);}.vg-cat-bar__inner {display:flex; align-items:center; gap:6px; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; padding-bottom:2px;}.vg-cat-bar__inner::-webkit-scrollbar {display:none;}.vg-cat-bar__item {display:flex; flex-direction:column; align-items:center; gap:6px; min-width:58px; padding:10px 8px; border-radius:var(--radius-md); color:var(--color-text); transition:all var(--transition-fast); text-decoration:none; flex-shrink:0;}.vg-cat-bar__item:hover {background:var(--color-primary-subtle); color:var(--color-primary); transform:translateY(-2px); text-decoration:none;}.vg-cat-bar__icon {width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; color:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.15); transition:transform var(--transition-fast);}.vg-cat-bar__item:hover .vg-cat-bar__icon {transform:scale(1.08);}.vg-cat-bar__label {font-size:var(--font-size-xs); font-weight:600; color:var(--color-text); text-align:center; white-space:nowrap; line-height:1.2;}.vg-cat-bar__item:hover .vg-cat-bar__label {color:var(--color-primary);}.vg-main-layout {display:grid; grid-template-columns:1fr var(--sidebar-width); gap:var(--section-gap); margin-bottom:var(--section-gap); align-items:start;}.vg-main-content {min-width:0;}.vg-sidebar {min-width:0; position:sticky; top:calc(var(--header-height) + 16px);}.vg-sidebar .vg-game-grid--2 {grid-template-columns:1fr; gap:4px;}.vg-sidebar .vg-game-card-wrap {margin-bottom:0;}.vg-sidebar .vg-game-card,.vg-sidebar .vg-game-card.vg-game-card--online {display:flex !important; flex-direction:row !important; align-items:center; gap:8px; padding:5px 6px; border-radius:var(--radius-sm); overflow:hidden;}.vg-sidebar .vg-game-card:hover {transform:none !important; box-shadow:0 1px 4px rgba(255,102,0,0.08); background:var(--color-bg-hover);}.vg-sidebar .vg-game-card__cover-wrap {flex-shrink:0; width:48px !important; height:48px !important; aspect-ratio:unset !important; border-radius:var(--radius-sm); overflow:hidden; position:relative;}.vg-sidebar .vg-game-card__cover {width:48px !important; height:48px !important; aspect-ratio:unset !important; object-fit:cover; border-radius:var(--radius-sm);}.vg-sidebar .vg-game-card__info {flex:1; min-width:0; padding:0; overflow:hidden;}.vg-sidebar .vg-game-card__name {font-size:12px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.3; color:var(--color-text);}.vg-sidebar .vg-game-card__meta {font-size:10px; margin-top:1px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.vg-sidebar .vg-game-card__rating {display:none !important;}.vg-sidebar .vg-game-card__play-overlay {display:none !important;}.vg-sidebar .vg-game-card__online-badge {display:none !important;}.vg-sidebar .vg-game-card__online-dot {display:none !important;}.vg-sidebar .vg-game-card__tag {display:none !important;}.vg-sidebar .vg-game-card__platform {font-size:10px;}.vg-sidebar .vg-game-card__hot {display:none !important;}.vg-sidebar .vg-ranking__item {padding:7px 10px; gap:8px;}.vg-sidebar .vg-ranking__cover {width:40px; height:30px;}.vg-sidebar .vg-ranking__name {font-size:12px;}.vg-sidebar .vg-ranking__meta {font-size:10px;}.vg-sidebar .vg-ranking__views {font-size:10px;}.vg-sidebar .vg-article-card {gap:8px; padding:8px;}.vg-sidebar .vg-article-card__thumb {width:56px; height:42px;}.vg-sidebar .vg-article-card__title {font-size:12px;}.vg-sidebar .vg-article-card__date {font-size:10px;}.vg-section {background:var(--color-bg); border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.06); margin-bottom:var(--section-gap); border:1px solid var(--color-border-light);}.vg-section__header {position:relative; display:flex; align-items:center; justify-content:space-between; height:40px; padding:0 12px 0 16px; background:var(--color-primary); color:#fff;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vg-section__title {display:flex; align-items:center; gap:8px; font-size:var(--font-size-md); font-weight:700; color:#fff; letter-spacing:0.3px; padding-left:10px; position:relative;}.vg-section__title::before {content:''; position:absolute; left:0; top:4px; bottom:4px; width:4px; background:rgba(255,255,255,0.9); border-radius:2px;}.vg-section__title-icon {width:24px; height:24px; background:rgba(255,255,255,0.2); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0;}.vg-section__tabs {display:flex; gap:3px;}.vg-section__tab {padding:5px 14px; font-size:var(--font-size-sm); font-weight:600; color:rgba(255,255,255,0.75); background:transparent; border-radius:var(--radius-sm); transition:all var(--transition-fast); border:none; cursor:pointer;}.vg-section__tab.active,.vg-section__tab:hover {background:rgba(255,255,255,0.2); color:#fff;}.vg-section__more {font-size:var(--font-size-xs); color:rgba(255,255,255,0.85); font-weight:500; display:flex; align-items:center; gap:3px; transition:color var(--transition-fast); letter-spacing:0.2px;}.vg-section__more:hover {color:#fff; text-decoration:none;}.vg-section__body {padding:16px;}.vg-section__body--compact {padding:12px 16px;}.vg-section__body--flush {padding:12px 8px;}.vg-game-card-wrap{display:block}.vg-game-card-wrap .vg-game-card{display:block}.vg-game-card {display:block; background:var(--color-bg); border:1px solid var(--color-border-light); border-radius:var(--radius-lg); overflow:hidden; position:relative; text-decoration:none; transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base); box-shadow:0 1px 3px rgba(0,0,0,0.06);}.vg-game-card:hover {opacity:1; transform:translateY(-3px) scale(1.02); box-shadow:0 6px 16px rgba(0,0,0,0.10),0 2px 6px rgba(255,102,0,0.10); border-color:rgba(255,102,0,0.4);}.vg-game-card__cover-wrap {position:relative; overflow:hidden; background:var(--color-bg-section); aspect-ratio:4 / 3;}.vg-game-card__cover {width:100%; height:100%; aspect-ratio:4 / 3; object-fit:cover; display:block; background:var(--color-bg-section); opacity:1; transition:transform var(--transition-smooth),opacity var(--transition-fast);}.vg-game-card__cover.vg-img-loaded {opacity:1;}.vg-game-card:hover .vg-game-card__cover {transform:scale(1.08);}.vg-game-card__tag {position:absolute; top:8px; left:8px; padding:3px 8px; background:var(--color-primary); color:#fff; font-size:10px; border-radius:var(--radius-sm); font-weight:700; line-height:1.4; letter-spacing:0.3px; z-index:2; box-shadow:0 1px 4px rgba(0,0,0,0.2);}.vg-game-card__tag--new {background:var(--color-new)}.vg-game-card__tag--hot {background:var(--color-hot)}.vg-game-card__tag--rec {background:#9c27b0}.vg-game-card__play-overlay {position:absolute; inset:0; background:rgba(0,0,0,0.45); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity var(--transition-fast);}.vg-game-card:hover .vg-game-card__play-overlay {opacity:1;}.vg-game-card__play-btn {width:44px; height:44px; background:var(--color-primary); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; box-shadow:0 3px 10px rgba(255,102,0,0.4); transform:scale(0.8); transition:transform var(--transition-fast),background var(--transition-fast);}.vg-game-card:hover .vg-game-card__play-btn {transform:scale(1);}.vg-game-card__play-btn:hover {background:var(--color-primary-dark);}.vg-game-card__hot {position:absolute; top:8px; right:8px; display:flex; align-items:center; gap:3px; padding:2px 6px; background:rgba(0,0,0,0.55); color:#fff; font-size:10px; border-radius:var(--radius-sm); backdrop-filter:blur(2px); z-index:2;}.vg-game-card__info {padding:10px 10px 8px; min-height:56px;}.vg-game-card__name {font-size:var(--font-size-base); font-weight:600; color:var(--color-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:3px; line-height:1.4; transition:color var(--transition-fast);}.vg-game-card:hover .vg-game-card__name {color:var(--color-primary);}.vg-game-card__meta {display:flex; align-items:center; gap:5px; font-size:var(--font-size-xs); color:var(--color-text-muted);}.vg-game-card__cat {color:var(--color-text-muted); transition:color var(--transition-fast);}.vg-game-card__cat:hover {color:var(--color-primary); text-decoration:none;}.vg-game-card__divider {color:var(--color-border-dark);}.vg-game-card--online {border-color:rgba(1,197,196,0.2);}.vg-game-card--online:hover {border-color:rgba(1,197,196,0.5); box-shadow:0 6px 16px rgba(0,0,0,0.10),0 2px 6px rgba(1,197,196,0.15);}.vg-game-card__online-badge {position:absolute; top:6px; left:6px; z-index:3; display:inline-flex; align-items:center; gap:4px; padding:2px 8px; background:linear-gradient(135deg,#01c5c4,#019a99); color:#fff; font-size:10px; font-weight:700; border-radius:10px; box-shadow:0 1px 4px rgba(1,197,196,0.4);}.vg-game-card__online-dot {width:5px; height:5px; background:#4caf50; border-radius:50%; animation:vconlinepulse 2s ease-in-out infinite;}@keyframes vconlinepulse {0%,100% {opacity:1} 50% {opacity:0.4}}.vg-game-card__rating {position:absolute; bottom:6px; right:6px; display:flex; align-items:center; gap:2px; padding:2px 6px; background:rgba(0,0,0,0.65); color:#f9a825; font-size:10px; font-weight:600; border-radius:4px; backdrop-filter:blur(2px); z-index:2;}.vg-game-card__platform {color:#01c5c4; font-size:var(--font-size-xs); font-weight:500;}.vg-game-card__meta {display:flex; align-items:center; gap:6px; font-size:var(--font-size-xs); color:var(--color-text-muted);}.vg-game-card__meta::before {content:''; display:none;}.vg-game-grid {display:grid; gap:14px;}.vg-game-grid .vg-game-card-wrap {display:flex; flex-direction:column; height:100%;}.vg-game-grid .vg-game-card {display:flex; flex-direction:column; flex-grow:1;}.vg-game-grid .vg-game-card__info {flex-grow:1; display:flex; flex-direction:column; justify-content:space-between;}.vg-game-grid--6 {grid-template-columns:repeat(6,1fr);}.vg-game-grid--5 {grid-template-columns:repeat(5,1fr);}.vg-game-grid--4 {grid-template-columns:repeat(4,1fr);}.vg-game-grid--3 {grid-template-columns:repeat(3,1fr);}.vg-game-grid--2 {grid-template-columns:repeat(2,1fr);}.vg-scroll-row {position:relative;}.vg-scroll-row__inner {position:relative; padding:0 32px;}.vg-scroll-row__list {display:flex; gap:12px; overflow-x:auto; scroll-behavior:smooth; padding:4px 2px 8px; -webkit-overflow-scrolling:touch; scrollbar-width:thin; scrollbar-color:var(--color-border) transparent;}.vg-scroll-row__list::-webkit-scrollbar {height:4px;}.vg-scroll-row__list::-webkit-scrollbar-track {background:transparent;}.vg-scroll-row__list::-webkit-scrollbar-thumb {background:var(--color-border); border-radius:2px;}.vg-scroll-row__list .vg-game-card {flex-shrink:0; width:180px; display:flex; flex-direction:column;}.vg-scroll-row__list .vg-game-card__cover-wrap {aspect-ratio:4 / 3;}.vg-scroll-row__list .vg-game-card__cover {aspect-ratio:4 / 3; height:100%;}.vg-scroll-row__list .vg-game-card__info {padding:10px 10px 8px; min-height:56px; flex-grow:1; display:flex; flex-direction:column; justify-content:space-between;}.vg-scroll-row__list .vg-game-card__name {font-size:var(--font-size-base); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.4; color:var(--color-text);}.vg-scroll-row__list .vg-game-card__meta {margin-top:2px;}.vg-scroll-row__item {flex-shrink:0; width:180px;}.vg-scroll-row__btn {position:absolute; top:50%; transform:translateY(-50%); width:30px; height:30px; background:rgba(0,0,0,0.45); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; border:none; transition:all var(--transition-fast); z-index:5; backdrop-filter:blur(2px); font-size:14px;}.vg-scroll-row__btn:hover {background:var(--color-primary); transform:translateY(-50%) scale(1.1);}.vg-scroll-row__btn--prev {left:2px}.vg-scroll-row__btn--next {right:2px}.vg-scroll-row__btn.disabled {opacity:0.3; pointer-events:none;}.vg-cat-grid {display:grid; grid-template-columns:repeat(8,1fr); gap:8px;}.vg-cat-grid__item {display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 8px; border-radius:var(--radius-md); color:var(--color-text); transition:all var(--transition-fast); text-decoration:none; border:1px solid transparent;}.vg-cat-grid__item:hover {background:var(--color-primary-subtle); border-color:rgba(255,102,0,0.2); transform:translateY(-2px); text-decoration:none;}.vg-cat-grid__icon {width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:20px; color:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.15); transition:transform var(--transition-fast);}.vg-cat-grid__item:hover .vg-cat-grid__icon {transform:scale(1.1);}.vg-cat-grid__label {font-size:var(--font-size-xs); font-weight:600; color:var(--color-text); text-align:center; line-height:1.3;}.vg-cat-grid__item:hover .vg-cat-grid__label {color:var(--color-primary);}.vg-cat-grid__count {font-size:10px; color:var(--color-text-muted);}.vg-ranking {background:var(--color-bg); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-card); border:1px solid var(--color-border-light); margin-bottom:var(--section-gap);}.vg-ranking__header {display:flex; align-items:center; justify-content:space-between; height:42px; padding:0 14px; background:linear-gradient(to right,var(--color-secondary),#444); color:#fff;}.vg-ranking__title {display:flex; align-items:center; gap:7px; font-size:var(--font-size-md); font-weight:700; color:#fff;}.vg-ranking__tabs {display:flex; border-bottom:2px solid var(--color-primary); background:var(--color-bg-section);}.vg-ranking__tab {flex:1; padding:8px 12px; font-size:var(--font-size-sm); font-weight:600; color:var(--color-text-light); background:transparent; border:1px solid var(--color-border); border-bottom:none; border-radius:var(--radius-sm) var(--radius-sm) 0 0; cursor:pointer; transition:all var(--transition-fast); margin-right:-1px; text-align:center;}.vg-ranking__tab.active,.vg-ranking__tab:hover {background:var(--color-primary); color:#fff; border-color:var(--color-primary);}.vg-ranking__list {display:flex; flex-direction:column;}.vg-ranking__list[data-rank-content] {display:none;}.vg-ranking__list[data-rank-content]:first-of-type,.vg-ranking__list[data-rank-content].active {display:flex;}.vg-ranking__item {display:flex; align-items:center; gap:10px; padding:9px 14px; border-bottom:1px solid var(--color-border-light); transition:background var(--transition-fast);}.vg-ranking__item:last-child {border-bottom:none;}.vg-ranking__item:hover {background:var(--color-bg-light);}.vg-ranking__item:nth-child(odd) {background:var(--color-bg-stripe);}.vg-ranking__item:nth-child(odd):hover {background:var(--color-bg-light);}.vg-ranking__rank {width:22px; height:22px; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-sm); font-weight:700; border-radius:50%; flex-shrink:0;}.vg-ranking__rank--1 {background:#FFD700; color:#7A5900; font-size:15px; font-weight:800}.vg-ranking__rank--2 {background:#C0C0C0; color:#555; font-size:14px; font-weight:700}.vg-ranking__rank--3 {background:#CD7F32; color:#fff; font-size:14px; font-weight:700}.vg-ranking__rank--default {background:var(--color-bg-section); color:var(--color-text-muted); font-size:13px}.vg-ranking__cover {width:52px; height:38px; border-radius:var(--radius-sm); object-fit:cover; flex-shrink:0; background:var(--color-bg-section); border:1px solid var(--color-border-light);}.vg-ranking__info {flex:1; min-width:0;}.vg-ranking__name {font-size:var(--font-size-sm); font-weight:600; color:var(--color-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}.vg-ranking__name:hover {color:var(--color-primary);}.vg-ranking__meta {font-size:var(--font-size-xs); color:var(--color-text-muted);}.vg-ranking__views {font-size:var(--font-size-xs); color:var(--color-text-muted); white-space:nowrap; flex-shrink:0;}.vg-ranking-full {margin-bottom:var(--section-gap);}.vg-ranking-full__list {display:grid; grid-template-columns:1fr 1fr; gap:2px;}.vg-ranking-full__item {display:flex; align-items:center; gap:10px; padding:10px 14px; background:var(--color-bg); border-radius:var(--radius-sm); transition:all var(--transition-fast); border:1px solid var(--color-border-light);}.vg-ranking-full__item:hover {background:var(--color-bg-hover); border-color:var(--color-primary); transform:translateX(3px);}.vg-ranking-full__rank {width:28px; height:28px; display:flex; align-items:center; justify-content:center; font-size:var(--font-size-md); font-weight:800; border-radius:50%; flex-shrink:0;}.vg-ranking-full__cover {width:60px; height:45px; border-radius:var(--radius-sm); object-fit:cover; flex-shrink:0;}.vg-ranking-full__info {flex:1; min-width:0;}.vg-ranking-full__name {font-size:var(--font-size-base); font-weight:600; color:var(--color-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; margin-bottom:2px;}.vg-ranking-full__name:hover {color:var(--color-primary)}.vg-ranking-full__meta {font-size:var(--font-size-xs); color:var(--color-text-muted);}.vg-ranking-full__play-btn {flex-shrink:0; padding:5px 12px; background:var(--color-primary); color:#fff; font-size:var(--font-size-xs); font-weight:600; border-radius:var(--radius-sm); transition:all var(--transition-fast);}.vg-ranking-full__play-btn:hover {background:var(--color-primary-dark); color:#fff; transform:scale(1.05);}.vg-breadcrumb {display:flex; align-items:center; flex-wrap:wrap; gap:5px; padding:10px 0; font-size:var(--font-size-sm); color:var(--color-text-muted);}.vg-breadcrumb__sep {color:var(--color-border-dark); font-size:10px;}.vg-breadcrumb__link {color:var(--color-text-light); transition:color var(--transition-fast);}.vg-breadcrumb__link:hover {color:var(--color-primary);}.vg-breadcrumb__current {color:var(--color-text); font-weight:600;}.vg-filter-bar {display:flex; align-items:center; gap:8px; padding:10px 14px; background:var(--color-bg); border-radius:var(--radius-md); border:1px solid var(--color-border-light); margin-bottom:var(--section-gap); box-shadow:var(--shadow-xs); flex-wrap:wrap;}.vg-filter-bar__label {font-weight:600; color:var(--color-text); font-size:var(--font-size-sm); margin-right:4px;}.vg-filter-btn {display:inline-flex; align-items:center; gap:4px; padding:4px 12px; background:var(--color-bg-section); border:1px solid var(--color-border); border-radius:var(--radius-sm); font-size:var(--font-size-sm); color:var(--color-text); transition:all var(--transition-fast); cursor:pointer; white-space:nowrap;}.vg-filter-btn:hover,.vg-filter-btn.active {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}.vg-filter-btn__count {opacity:0.7; font-size:10px;}.vg-filter-btn--child {margin-left:4px;}.vg-filter-bar--categories {margin-top:-8px;}.vg-filter-bar__count {margin-left:auto; font-size:var(--font-size-sm); color:var(--color-text-muted); white-space:nowrap;}.vg-platform-nav {display:flex; align-items:center; gap:4px; padding:5px; background:var(--color-bg); border-radius:var(--radius-lg); border:1px solid var(--color-border-light); margin-bottom:var(--section-gap); box-shadow:var(--shadow-xs); overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none;}.vg-platform-nav::-webkit-scrollbar {display:none}.vg-platform-nav__item {display:inline-flex; align-items:center; gap:5px; padding:7px 14px; border-radius:var(--radius-md); font-size:var(--font-size-sm); font-weight:600; color:var(--color-text-muted); text-decoration:none; white-space:nowrap; transition:all var(--transition-fast); border:1px solid transparent; flex-shrink:0;}.vg-platform-nav__item:hover {color:var(--color-primary); background:rgba(255,102,0,0.06);}.vg-platform-nav__item--active {background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); color:#fff; border-color:var(--color-primary); box-shadow:0 2px 8px rgba(255,102,0,0.25);}.vg-platform-nav__item--active:hover {color:#fff; background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));}.vg-platform-nav__icon {font-size:14px; line-height:1;}.vg-seo-section {background:var(--color-bg); border-radius:var(--radius-lg); border:1px solid var(--color-border-light); padding:20px; margin-top:24px; box-shadow:var(--shadow-xs);}.vg-seo-section__title {font-size:var(--font-size-lg); font-weight:700; color:var(--color-secondary); margin-bottom:10px; padding-bottom:8px; border-bottom:2px solid var(--color-border-light);}.vg-seo-section__content {font-size:var(--font-size-sm); color:var(--color-text-secondary); line-height:1.8;}.vg-seo-section__content p {margin-bottom:8px;}.vg-seo-section__content h3 {font-size:var(--font-size-base); font-weight:700; color:var(--color-text); margin:14px 0 6px;}.vg-seo-section__content ul {padding-left:18px; margin-bottom:8px; list-style:disc;}.vg-seo-section__content li {margin-bottom:3px;}.vg-seo-section__links {display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; padding-top:12px; border-top:1px solid var(--color-border-light);}.vg-seo-section__link {display:inline-flex; align-items:center; gap:4px; padding:6px 14px; background:var(--color-bg-section); border:1px solid var(--color-border); border-radius:var(--radius-md); font-size:var(--font-size-xs); font-weight:600; color:var(--color-text); text-decoration:none; transition:all var(--transition-fast);}.vg-seo-section__link:hover {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}.vg-platform-cards {display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:24px;}.vg-platform-card {display:flex; flex-direction:column; align-items:center; text-align:center; padding:20px 14px; background:var(--color-bg); border:1px solid var(--color-border-light); border-radius:var(--radius-lg); text-decoration:none; color:inherit; transition:all var(--transition-fast); box-shadow:var(--shadow-xs);}.vg-platform-card:hover {transform:translateY(-2px); box-shadow:var(--shadow-card); border-color:var(--color-primary);}.vg-platform-card__icon {font-size:32px; margin-bottom:8px;}.vg-platform-card__title {font-size:var(--font-size-base); font-weight:700; color:var(--color-secondary); margin-bottom:3px;}.vg-platform-card__desc {font-size:var(--font-size-xs); color:var(--color-text-muted); line-height:1.4;}.vg-empty-state {text-align:center; padding:48px 20px;}.vg-empty-state__icon {font-size:48px; margin-bottom:14px;}.vg-empty-state__title {font-size:18px; font-weight:700; margin-bottom:6px; color:var(--color-secondary);}.vg-empty-state__desc {color:var(--color-text-muted); font-size:var(--font-size-md); margin-bottom:18px;}.vg-empty-state__actions {display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}.vg-empty-state__btn {display:inline-flex; align-items:center; gap:6px; padding:10px 20px; border-radius:20px; text-decoration:none; font-weight:600; font-size:var(--font-size-md); transition:all var(--transition-fast);}.vg-empty-state__btn--primary {background:var(--color-primary); color:#fff;}.vg-empty-state__btn--primary:hover {background:var(--color-primary-dark); color:#fff;}.vg-empty-state__btn--secondary {background:var(--color-bg-section); color:var(--color-text); border:1px solid var(--color-border);}.vg-empty-state__btn--secondary:hover {border-color:var(--color-primary); color:var(--color-primary);}.vg-pagination {display:flex; align-items:center; justify-content:center; gap:4px; margin:24px 0 8px;}.vg-pagination__item {display:flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 8px; border:1px solid var(--color-border); border-radius:var(--radius-sm); font-size:var(--font-size-sm); color:var(--color-text); background:var(--color-bg); transition:all var(--transition-fast);}.vg-pagination__item:hover:not(.disabled):not(.current) {border-color:var(--color-primary); color:var(--color-primary); text-decoration:none;}.vg-pagination__item.current {background:var(--color-primary); border-color:var(--color-primary); color:#fff; font-weight:700;}.vg-pagination__item.disabled,.vg-pagination__item.ellipsis {opacity:0.4; pointer-events:none;}.vg-pagination__arrow {font-size:12px; font-weight:700;}.vg-detail {display:grid; grid-template-columns:1fr var(--sidebar-width); gap:var(--section-gap); margin-bottom:var(--section-gap);}.vg-detail__main {min-width:0;}.vg-detail__sidebar {min-width:0;}.vg-detail__cover {width:100%; aspect-ratio:16 / 9; object-fit:cover; border-radius:var(--radius-lg); box-shadow:var(--shadow-md); margin-bottom:16px; background:var(--color-bg-section);}.vg-detail__title {font-size:var(--font-size-4xl); font-weight:800; color:var(--color-secondary); margin-bottom:10px; line-height:var(--line-height-tight);}.vg-detail__meta {display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:16px; font-size:var(--font-size-sm); color:var(--color-text-muted);}.vg-detail__meta-item {display:flex; align-items:center; gap:4px;}.vg-detail__meta-item a {color:var(--color-primary);}.vg-detail__play-btn {display:inline-flex; align-items:center; gap:10px; padding:14px 40px; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); color:#fff; border-radius:var(--radius-xl); font-size:var(--font-size-xl); font-weight:800; transition:all var(--transition-base); margin-bottom:24px; box-shadow:0 4px 12px rgba(255,102,0,0.3); letter-spacing:0.5px;}.vg-detail__play-btn:hover {background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary)); color:#fff; transform:translateY(-2px); box-shadow:0 6px 20px rgba(255,102,0,0.4);}.vg-detail__play-btn--disabled {background:linear-gradient(135deg,#999,#777); cursor:not-allowed; box-shadow:none;}.vg-detail__play-btn--disabled:hover {background:linear-gradient(135deg,#999,#777); transform:none; box-shadow:none;}.vg-dl-page {max-width:680px; margin:0 auto;}.vg-dl-page__card {background:#fff; border-radius:var(--radius-lg); box-shadow:0 2px 16px rgba(0,0,0,0.08); overflow:hidden;}.vg-dl-page__header {display:flex; gap:16px; padding:24px; border-bottom:1px solid #f0f0f0; align-items:flex-start;}.vg-dl-page__cover {width:140px; height:79px; object-fit:cover; border-radius:var(--radius-md); flex-shrink:0;}.vg-dl-page__info {flex:1; min-width:0;}.vg-dl-page__title {font-size:20px; font-weight:700; color:var(--color-secondary); margin:0 0 8px; line-height:1.3;}.vg-dl-page__meta {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px;}.vg-dl-page__meta span {font-size:13px; color:#888; background:#f5f5f5; padding:2px 8px; border-radius:4px;}.vg-dl-page__rating {display:flex; align-items:center; gap:8px; font-size:13px; color:#888;}.vg-dl-page__body {padding:32px 24px; text-align:center;}.vg-dl-page__status {display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:var(--radius-md); font-size:14px; font-weight:600; margin-bottom:28px;}.vg-dl-page__status--direct {background:#e8f5e9; color:#2e7d32;}.vg-dl-page__status--redirect {background:#fff3e0; color:#e65100;}.vg-dl-page__status--unavailable {background:#fce4ec; color:#c62828;}.vg-dl-page__countdown {display:flex; flex-direction:column; align-items:center; gap:12px; margin-bottom:28px;}.vg-dl-page__countdown-ring {position:relative; width:60px; height:60px;}.vg-dl-page__countdown-ring svg {width:60px; height:60px; transform:rotate(-90deg);}.vg-dl-page__ring-bg {fill:none; stroke:#e0e0e0; stroke-width:4;}.vg-dl-page__ring-fg {fill:none; stroke:var(--color-primary); stroke-width:4; stroke-linecap:round; transition:stroke-dashoffset 1s linear;}.vg-dl-page__countdown-num {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:22px; font-weight:800; color:var(--color-primary);}.vg-dl-page__countdown-text {font-size:14px; color:#666; margin:0;}.vg-dl-page__countdown-text strong {color:var(--color-primary); font-size:16px;}.vg-dl-page__btn {display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 40px; border-radius:var(--radius-xl); font-size:16px; font-weight:700; text-decoration:none; transition:all var(--transition-base); margin:6px; cursor:pointer; border:none;}.vg-dl-page__btn--primary {background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); color:#fff; box-shadow:0 4px 12px rgba(255,102,0,0.3);}.vg-dl-page__btn--primary:hover {background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary)); color:#fff; transform:translateY(-2px); box-shadow:0 6px 20px rgba(255,102,0,0.4);}.vg-dl-page__btn--secondary {background:#f5f5f5; color:#666; font-size:14px; padding:10px 24px;}.vg-dl-page__btn--secondary:hover {background:#eee; color:#333;}.vg-dl-page__btn--disabled {opacity:0.5; cursor:not-allowed; pointer-events:none;}.vg-dl-page__related {margin-top:32px;}.vg-dl-page__related-title {font-size:var(--font-size-xl); font-weight:700; color:var(--color-secondary); margin-bottom:16px; padding-bottom:8px; border-bottom:2px solid var(--color-primary); display:flex; align-items:center; gap:8px;}@media (max-width:600px) {.vg-dl-page__header {flex-direction:column; align-items:center; text-align:center} .vg-dl-page__cover {width:100%; height:auto; aspect-ratio:16/9} .vg-dl-page__meta {justify-content:center} .vg-dl-page__rating {justify-content:center} .vg-dl-page__btn {width:100%}}.vg-detail__section {margin-bottom:28px;}.vg-detail__section-title {font-size:var(--font-size-xl); font-weight:700; color:var(--color-secondary); margin-bottom:12px; padding-bottom:8px; border-bottom:2px solid var(--color-primary); display:flex; align-items:center; gap:8px;}.vg-detail__section-title-icon {width:24px; height:24px; background:var(--color-primary-subtle); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; color:var(--color-primary); font-size:12px;}.vg-detail__desc {font-size:var(--font-size-base); line-height:var(--line-height-relaxed); color:var(--color-text);}.vg-detail__desc p {margin-bottom:0.8em;}.vg-game-info {background:var(--color-bg); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-card); border:1px solid var(--color-border-light); margin-bottom:var(--section-gap);}.vg-game-info__header {display:flex; align-items:center; gap:8px; height:42px; padding:0 14px; background:linear-gradient(to right,var(--color-secondary),#444); color:#fff; font-size:var(--font-size-md); font-weight:700;}.vg-game-info__table {width:100%; font-size:var(--font-size-sm);}.vg-game-info__table tr {border-bottom:1px solid var(--color-border-light);}.vg-game-info__table tr:last-child {border-bottom:none;}.vg-game-info__table td {padding:9px 14px; vertical-align:middle;}.vg-game-info__table td:first-child {color:var(--color-text-muted); width:40%; font-weight:500;}.vg-game-info__table td:last-child {color:var(--color-text); font-weight:600;}.vg-screenshot-gallery {display:flex; gap:8px; overflow-x:auto; padding:4px 2px 8px; scrollbar-width:thin; scrollbar-color:var(--color-border) transparent;}.vg-screenshot-gallery::-webkit-scrollbar {height:4px;}.vg-screenshot-gallery::-webkit-scrollbar-thumb {background:var(--color-border); border-radius:2px;}.vg-screenshot-gallery__item {flex-shrink:0; border-radius:var(--radius-md); overflow:hidden; border:2px solid transparent; transition:all var(--transition-fast); cursor:pointer;}.vg-screenshot-gallery__item:hover,.vg-screenshot-gallery__item.active {border-color:var(--color-primary); transform:scale(1.02);}.vg-screenshot-gallery__item img {height:100px; width:auto; display:block;}.vg-screenshot-preview {border-radius:var(--radius-lg); overflow:hidden; margin-bottom:12px; box-shadow:var(--shadow-md); background:#000;}.vg-screenshot-preview img {width:100%; max-height:400px; object-fit:contain; transition:opacity 0.3s ease;}.vg-screenshot-preview img.switching {opacity:0.3;}.vg-page-header {background:var(--color-bg); border-radius:var(--radius-lg); padding:20px 24px; margin-bottom:var(--section-gap); box-shadow:var(--shadow-card); border:1px solid var(--color-border-light); display:flex; align-items:center; gap:16px;}.vg-page-header__icon {width:52px; height:52px; background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark)); border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:center; color:#fff; font-size:24px; flex-shrink:0; box-shadow:0 4px 12px rgba(255,102,0,0.3);}.vg-page-header__info {flex:1;}.vg-page-header__title {font-size:var(--font-size-3xl); font-weight:800; color:var(--color-secondary); margin-bottom:4px;}.vg-page-header__desc {font-size:var(--font-size-sm); color:var(--color-text-muted);}.vg-page-header__count {font-size:var(--font-size-sm); color:var(--color-text-muted); white-space:nowrap;}.vg-empty-state {text-align:center; padding:60px 20px; background:var(--color-bg); border-radius:var(--radius-lg); border:1px solid var(--color-border-light);}.vg-empty-state__icon {font-size:56px; margin-bottom:16px; opacity:0.5;}.vg-empty-state__title {font-size:var(--font-size-2xl); font-weight:700; color:var(--color-secondary); margin-bottom:8px;}.vg-empty-state__desc {font-size:var(--font-size-base); color:var(--color-text-muted); margin-bottom:20px;}.vg-tabs {border-bottom:2px solid var(--color-border-light); display:flex; gap:0; margin-bottom:var(--section-gap); background:var(--color-bg); border-radius:var(--radius-lg) var(--radius-lg) 0 0; padding:0 14px; box-shadow:var(--shadow-xs);}.vg-tabs__tab {padding:12px 20px; font-size:var(--font-size-base); font-weight:600; color:var(--color-text-light); background:transparent; border:none; border-bottom:3px solid transparent; cursor:pointer; transition:all var(--transition-fast); margin-bottom:-2px;}.vg-tabs__tab.active,.vg-tabs__tab:hover {color:var(--color-primary); border-bottom-color:var(--color-primary);}.vg-tabs__content {display:none;}.vg-tabs__content.active {display:block;}.vg-btn {display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:9px 20px; border-radius:var(--radius-md); font-size:var(--font-size-base); font-weight:600; cursor:pointer; border:2px solid transparent; transition:all var(--transition-fast); text-decoration:none; white-space:nowrap;}.vg-btn--primary {background:var(--color-primary); color:#fff; border-color:var(--color-primary);}.vg-btn--primary:hover {background:var(--color-primary-dark); border-color:var(--color-primary-dark); color:#fff; transform:translateY(-1px); box-shadow:0 3px 8px rgba(255,102,0,0.25);}.vg-btn--secondary {background:var(--color-secondary); color:#fff; border-color:var(--color-secondary);}.vg-btn--secondary:hover {background:#444; color:#fff;}.vg-btn--outline {background:transparent; color:var(--color-primary); border-color:var(--color-primary);}.vg-btn--outline:hover {background:var(--color-primary); color:#fff;}.vg-btn--sm {padding:5px 12px; font-size:var(--font-size-xs);}.vg-btn--lg {padding:13px 32px; font-size:var(--font-size-lg);}.vg-btn--block {width:100%;}.vg-loading {display:flex; align-items:center; justify-content:center; padding:40px; color:var(--color-text-muted); font-size:var(--font-size-base); gap:10px;}.vg-loading__spinner {width:24px; height:24px; border:3px solid var(--color-border); border-top-color:var(--color-primary); border-radius:50%; animation:vg-spin 0.8s linear infinite;}@keyframes vg-spin {to {transform:rotate(360deg)}}.vg-footer {background:var(--color-secondary); color:rgba(255,255,255,0.6); padding-top:40px; margin-top:40px;}.vg-footer__top {padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,0.08);}.vg-footer__grid {display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr; gap:32px;}.vg-footer__col-title {font-size:var(--font-size-base); font-weight:700; color:#fff; margin-bottom:14px; padding-bottom:8px; border-bottom:2px solid var(--color-primary); display:inline-block;}.vg-footer__about {font-size:var(--font-size-sm); line-height:var(--line-height-relaxed); color:rgba(255,255,255,0.55); margin-bottom:16px;}.vg-footer__logo {font-size:22px; font-weight:800; color:var(--color-primary); margin-bottom:10px; font-family:var(--font-family-narrow);}.vg-footer__social {display:flex; gap:8px; margin-top:12px;}.vg-footer__social-link {width:32px; height:32px; background:rgba(255,255,255,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.7); font-size:14px; transition:all var(--transition-fast);}.vg-footer__social-link:hover {background:var(--color-primary); color:#fff;}.vg-footer__links {display:flex; flex-direction:column; gap:8px;}.vg-footer__link {color:rgba(255,255,255,0.6); font-size:var(--font-size-sm); padding:4px 0; transition:all 0.15s; display:flex; align-items:center; gap:6px;}.vg-footer__link:hover {color:var(--color-primary); padding-left:4px; text-decoration:none;}.vg-footer__friend-tags {display:flex; flex-wrap:wrap; gap:6px;}.vg-footer__friend {padding:3px 10px; background:rgba(255,255,255,0.07); border-radius:var(--radius-sm); font-size:var(--font-size-xs); color:rgba(255,255,255,0.55); transition:all var(--transition-fast); border:1px solid rgba(255,255,255,0.1);}.vg-footer__friend:hover {background:var(--color-primary); color:#fff; border-color:var(--color-primary);}.vg-footer__app-links {display:flex; flex-direction:column; gap:8px;}.vg-footer__app-link {display:flex; align-items:center; gap:8px; padding:8px 12px; background:rgba(255,255,255,0.06); border-radius:var(--radius-md); color:rgba(255,255,255,0.7); font-size:var(--font-size-sm); transition:all var(--transition-fast); border:1px solid rgba(255,255,255,0.08);}.vg-footer__app-link:hover {background:rgba(255,255,255,0.12); color:#fff;}.vg-footer__bottom {padding:16px 0; text-align:center; font-size:var(--font-size-xs); color:rgba(255,255,255,0.35); border-top:1px solid rgba(255,255,255,0.05);}.vg-footer__bottom a {color:rgba(255,255,255,0.45);}.vg-footer__bottom a:hover {color:var(--color-primary);}.vg-guide-list {display:flex; flex-direction:column; gap:10px;}.vg-guide-item {display:flex; align-items:center; gap:14px; padding:12px 16px; background:var(--color-bg-light); border-radius:var(--radius-md); border-left:4px solid var(--color-primary); transition:all var(--transition-fast);}.vg-guide-item:hover {background:var(--color-bg-hover); transform:translateX(4px);}.vg-guide-item__icon {width:36px; height:36px; background:var(--color-primary-subtle); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; color:var(--color-primary); font-size:18px; flex-shrink:0;}.vg-guide-item__text {flex:1;}.vg-guide-item__title {font-size:var(--font-size-base); font-weight:700; color:var(--color-secondary); margin-bottom:2px;}.vg-guide-item__desc {font-size:var(--font-size-sm); color:var(--color-text-muted);}.vg-rating {display:flex; align-items:center; gap:1px;}.vg-rating__star {font-size:13px; color:#ddd;}.vg-rating__star.filled {color:#ffc107;}.vg-rating__score {font-size:var(--font-size-xs); color:var(--color-text-muted); margin-left:4px;}.vg-tags {display:flex; flex-wrap:wrap; gap:6px; margin:12px 0;}.vg-tag {display:inline-flex; align-items:center; padding:3px 10px; background:var(--color-bg-section); border:1px solid var(--color-border); border-radius:var(--radius-full); font-size:var(--font-size-xs); color:var(--color-text-light); transition:all var(--transition-fast);}.vg-tag:hover {background:var(--color-primary-subtle); border-color:var(--color-primary); color:var(--color-primary);}.vg-article-card {display:flex; gap:12px; padding:10px; border-bottom:1px solid var(--color-border-light); transition:background var(--transition-fast);}.vg-article-card:last-child {border-bottom:none;}.vg-article-card:hover {background:var(--color-bg-light);}.vg-article-card__thumb {width:72px; height:54px; border-radius:var(--radius-sm); object-fit:cover; flex-shrink:0; background:var(--color-bg-section);}.vg-article-card__info {flex:1; min-width:0;}.vg-article-card__title {font-size:var(--font-size-sm); font-weight:600; color:var(--color-text); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:3px;}.vg-article-card__title:hover {color:var(--color-primary);}.vg-article-card__date {font-size:var(--font-size-xs); color:var(--color-text-muted);}@media (max-width:1100px) {:root {--container-max:1000px; --sidebar-width:260px; --section-gap:16px} .vg-game-grid--6 {grid-template-columns:repeat(5,1fr)} .vg-cat-grid {grid-template-columns:repeat(7,1fr)} .vg-footer__grid {grid-template-columns:repeat(3,1fr)} .vg-hero__thumbs {width:170px} .vg-hero {margin:14px 0} .vg-hero__wrap {height:320px} .vg-hero__slide-info {padding:50px 18px 16px} .vg-hero__slide-title {font-size:var(--font-size-xl)}}@media (max-width:900px) {.vg-game-grid--6,.vg-game-grid--5 {grid-template-columns:repeat(4,1fr)} .vg-cat-grid {grid-template-columns:repeat(6,1fr)} .vg-main-layout {grid-template-columns:1fr} .vg-sidebar {display:grid; grid-template-columns:1fr 1fr; gap:var(--section-gap)} .vg-ranking-full__list {grid-template-columns:1fr} .vg-hero__thumbs {display:none} .vg-hero__wrap {height:280px} .vg-footer__grid {grid-template-columns:repeat(2,1fr)} .vg-detail {grid-template-columns:1fr}}@media (max-width:900px) {.vg-sitemap-grid {grid-template-columns:1fr 1fr !important}}@media (max-width:768px) {.vg-sitemap-grid {grid-template-columns:1fr !important}}@media (max-width:768px) {:root {--container-padding:12px; --container-max:100%; --sidebar-width:100%; --section-gap:14px} .vg-header__topbar {display:none} .vg-header__main-inner {flex-wrap:wrap; height:auto; padding:10px 0; gap:10px} .vg-header__logo img {height:40px} .vg-header__logo-text .logo-main {font-size:22px} .vg-header__logo-text .logo-sub {font-size:12px} .vg-header__nav {display:none} .vg-search__input {width:140px} .vg-header__mobile-toggle {display:flex} .vg-nav--mobile {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:999; display:none} .vg-nav--mobile.active {display:flex; align-items:flex-start; justify-content:flex-end} .vg-nav--mobile__drawer {width:280px; height:100%; background:var(--color-bg); box-shadow:var(--shadow-xl); overflow-y:auto; padding:0} .vg-nav--mobile__header {display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:2px solid var(--color-primary); background:var(--color-primary); color:#fff; font-weight:700} .vg-nav--mobile__close {width:32px; height:32px; background:rgba(255,255,255,0.2); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:18px; border:none; cursor:pointer} .vg-nav--mobile__list {padding:8px 0} .vg-nav--mobile__item {border-bottom:1px solid var(--color-border-light)} .vg-nav--mobile__link {display:flex; align-items:center; gap:10px; padding:12px 16px; font-size:var(--font-size-base); font-weight:600; color:var(--color-text); transition:all var(--transition-fast)} .vg-nav--mobile__link:hover {background:var(--color-primary-subtle); color:var(--color-primary); padding-left:20px} .vg-hero__wrap {height:200px} .vg-hero {margin:10px 0; border-radius:var(--radius-lg)} .vg-hero__slide-info {padding:30px 14px 12px} .vg-hero__slide-title {font-size:var(--font-size-lg)} .vg-hero__slide-desc {display:none} .vg-cat-bar {padding:10px} .vg-cat-bar__icon {width:34px; height:34px; font-size:15px} .vg-cat-bar__label {font-size:10px} .vg-game-grid--6,.vg-game-grid--5,.vg-game-grid--4 {grid-template-columns:repeat(3,1fr)} .vg-cat-grid {grid-template-columns:repeat(4,1fr); gap:6px} .vg-cat-grid__icon {width:38px; height:38px; font-size:16px} .vg-sidebar {grid-template-columns:1fr} .vg-ranking-full__list {grid-template-columns:1fr} .vg-ranking-full__item {padding:10px 14px} .vg-ranking-full__cover {width:52px; height:38px} .vg-footer__grid {grid-template-columns:1fr 1fr; gap:20px} .vg-detail__title {font-size:var(--font-size-3xl)} .vg-detail__play-btn {padding:12px 28px; font-size:var(--font-size-lg)} .vg-page-header {padding:14px 16px} .vg-page-header__icon {width:42px; height:42px; font-size:20px} .vg-page-header__title {font-size:var(--font-size-2xl)} .vg-platform-nav {gap:3px; padding:4px; border-radius:var(--radius-md)} .vg-platform-nav__item {padding:6px 10px; font-size:12px; gap:3px; border-radius:var(--radius-sm)} .vg-platform-nav__icon {font-size:12px} .vg-platform-cards {grid-template-columns:repeat(2,1fr); gap:10px; margin-top:18px} .vg-platform-card {padding:14px 10px} .vg-platform-card__icon {font-size:26px; margin-bottom:6px} .vg-platform-card__title {font-size:var(--font-size-sm)} .vg-platform-card__desc {font-size:10px} .vg-seo-section {padding:14px; margin-top:18px; border-radius:var(--radius-md)} .vg-seo-section__title {font-size:var(--font-size-base)} .vg-seo-section__content {font-size:12px; line-height:1.7} .vg-seo-section__content h3 {font-size:var(--font-size-sm)} .vg-seo-section__links {gap:6px} .vg-seo-section__link {padding:5px 10px; font-size:11px} .vg-empty-state {padding:32px 16px} .vg-empty-state__icon {font-size:40px} .vg-empty-state__title {font-size:16px} .vg-web-game-card .vg-game-card__name {font-size:12px} .vg-section {margin-bottom:14px} .vg-section__body {padding:12px} .vg-scroll-row__inner {padding:0 28px} .vg-scroll-row__item {width:160px} .vg-scroll-row__list .vg-game-card {width:160px} .vg-game-grid--6,.vg-game-grid--5,.vg-game-grid--4,.vg-game-grid--3 {grid-template-columns:repeat(2,1fr)}}@media (max-width:480px) {.vg-game-grid--6,.vg-game-grid--5,.vg-game-grid--4,.vg-game-grid--3 {grid-template-columns:repeat(2,1fr)} .vg-cat-grid {grid-template-columns:repeat(4,1fr)} .vg-hero__wrap {height:170px} .vg-hero__controls {width:34px; height:34px; font-size:14px} .vg-hero__prev {left:8px} .vg-hero__next {right:8px} .vg-scroll-row__item {width:140px} .vg-scroll-row__list .vg-game-card {width:140px} .vg-footer__grid {grid-template-columns:1fr} .vg-filter-bar {gap:6px} .vg-filter-btn {padding:3px 8px; font-size:12px} .vg-ranking-full__play-btn {display:none} .vg-platform-nav__item {padding:5px 8px; font-size:11px; gap:2px} .vg-platform-nav__icon {font-size:11px} .vg-platform-cards {grid-template-columns:1fr 1fr; gap:8px} .vg-platform-card {padding:12px 8px} .vg-platform-card__icon {font-size:22px} .vg-platform-card__title {font-size:12px} .vg-platform-card__desc {font-size:9px} .vg-seo-section {padding:12px} .vg-seo-section__content {font-size:11px} .vg-seo-section__link {padding:4px 8px; font-size:10px} .vg-empty-state {padding:24px 12px} .vg-empty-state__btn {padding:8px 16px; font-size:13px}}::-webkit-scrollbar {width:8px; height:6px}::-webkit-scrollbar-track {background:#f0f0f0; border-radius:4px}::-webkit-scrollbar-thumb {background:var(--color-primary); border-radius:4px}::-webkit-scrollbar-thumb:hover {background:var(--color-primary-dark)}.vg-text-center {text-align:center}.vg-text-right {text-align:right}.vg-text-primary {color:var(--color-primary)}.vg-text-muted {color:var(--color-text-muted)}.vg-text-sm {font-size:var(--font-size-sm)}.vg-text-xs {font-size:var(--font-size-xs)}.vg-font-bold {font-weight:700}.vg-mt-0 {margin-top:0}.vg-mb-0 {margin-bottom:0}.vg-mb-4 {margin-bottom:16px}.vg-mb-6 {margin-bottom:24px}.vg-p-4 {padding:16px}.vg-p-6 {padding:24px}.vg-hidden {display:none !important}.vg-clearfix::after {content:''; display:table; clear:both}.vg-sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}.vg-overflow-hidden {overflow:hidden}.vg-position-relative {position:relative}.vg-flex {display:flex}.vg-flex-center {display:flex; align-items:center; justify-content:center}.vg-flex-between {display:flex; align-items:center; justify-content:space-between}.vg-gap-2 {gap:8px}.vg-gap-3 {gap:12px}.vg-gap-4 {gap:16px}.vg-w-full {width:100%}.vg-search-wrap {position:relative;}.vg-search-autocomplete {position:absolute; top:calc(100% + 4px); left:0; right:0; background:#fff; border:2px solid var(--color-primary); border-radius:var(--radius-lg); box-shadow:var(--shadow-xl); z-index:9999; overflow:hidden; display:none;}.vg-search-autocomplete.is-open {display:block;}.vg-search-autocomplete__item {display:flex; align-items:center; gap:10px; padding:8px 14px; border-bottom:1px solid var(--color-border-light); transition:background var(--transition-fast); text-decoration:none; color:var(--color-text);}.vg-search-autocomplete__item:last-child {border-bottom:none;}.vg-search-autocomplete__item:hover {background:var(--color-bg-section); text-decoration:none;}.vg-search-autocomplete__cover {width:48px; height:36px; border-radius:var(--radius-sm); object-fit:cover; flex-shrink:0; background:var(--color-bg-section);}.vg-search-autocomplete__info {flex:1; min-width:0;}.vg-search-autocomplete__title {font-size:var(--font-size-sm); font-weight:600; color:var(--color-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.vg-search-autocomplete__cat {font-size:var(--font-size-xs); color:var(--color-text-muted);}.vg-img-loading {background:var(--color-bg-section); min-height:120px; display:block;}.vg-img-loading[src],.vg-img-loaded,img.vg-img-loaded {opacity:1 !important; transition:none !important;}.vg-back-to-top {position:fixed; bottom:24px; right:24px; width:40px; height:40px; background:var(--color-primary); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; box-shadow:var(--shadow-lg); cursor:pointer; border:none; transition:all var(--transition-fast); opacity:0; visibility:hidden; transform:translateY(20px); z-index:900;}.vg-back-to-top.visible {opacity:1; visibility:visible; transform:translateY(0);}.vg-back-to-top:hover {background:var(--color-primary-dark); transform:translateY(-3px); box-shadow:var(--shadow-xl);}.vg-faq-list {display:flex; flex-direction:column; gap:10px;}.vg-faq-item {background:var(--color-bg-light); border:1px solid var(--color-border-light); border-radius:var(--radius-md); overflow:hidden; transition:all var(--transition-fast);}.vg-faq-item:hover {border-color:var(--color-primary-light); box-shadow:var(--shadow-sm);}.vg-faq-item[open] {border-color:var(--color-primary); box-shadow:0 2px 8px rgba(255,102,0,0.1);}.vg-faq-item__question {display:flex; align-items:center; padding:14px 16px; font-weight:600; font-size:var(--font-size-base); color:var(--color-secondary); cursor:pointer; list-style:none; transition:color var(--transition-fast);}.vg-faq-item__question::-webkit-details-marker {display:none;}.vg-faq-item__question::before {content:"❓"; margin-right:10px; font-size:16px; flex-shrink:0;}.vg-faq-item__question::after {content:"+"; margin-left:auto; font-size:18px; font-weight:700; color:var(--color-primary); flex-shrink:0; transition:transform var(--transition-fast);}.vg-faq-item[open] .vg-faq-item__question::after {content:"−";}.vg-faq-item[open] .vg-faq-item__question {color:var(--color-primary); background:var(--color-primary-subtle);}.vg-faq-item__answer {padding:12px 16px 16px; font-size:var(--font-size-sm); color:var(--color-text-light); line-height:1.7; border-top:1px solid var(--color-border-light);}.vg-detail__section-title-icon {margin-right:6px;}.vg-detail__desc h3 {font-size:16px; font-weight:700; color:var(--color-secondary); margin:20px 0 8px; padding-left:10px; border-left:3px solid var(--color-primary);}.vg-detail__desc p {margin-bottom:10px; line-height:1.8; color:var(--color-text-light);}.vg-game-grid--4 {display:grid; grid-template-columns:repeat(4,1fr);}@media (max-width:1024px) {.vg-game-grid--4 {grid-template-columns:repeat(3,1fr)}}@media (max-width:768px) {.vg-game-grid--4 {grid-template-columns:repeat(2,1fr)}}.vg-cat-grid__item {display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px; background:var(--color-bg-light); border:1px solid var(--color-border-light); border-radius:var(--radius-md); text-decoration:none; transition:all var(--transition-fast);}.vg-cat-grid__item:hover {background:var(--color-bg-hover); border-color:var(--color-primary-light); transform:translateY(-2px); box-shadow:var(--shadow-sm);}.vg-cat-grid__icon {border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; color:#fff;}.vg-cat-grid__label {font-size:12px; font-weight:600; color:var(--color-text); text-align:center;}