[data-v-afbc8ea5]:root{--color-bg-primary: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-card: #ffffff;--color-bg-hover: #f1f3f4;--color-bg-modal: rgba(0, 0, 0, .5);--color-text-primary: #1a1a2e;--color-text-secondary: #6c757d;--color-text-muted: #adb5bd;--color-border: #e9ecef;--color-border-light: #f1f3f4;--color-accent: #2563eb;--color-accent-rgb: 37, 99, 235;--color-accent-secondary: #0ea5e9;--color-accent-secondary-rgb: 14, 165, 233;--color-accent-hover: #1d4ed8;--color-accent-light: rgba(37, 99, 235, .12);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--accent-gradient-hover: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--accent-gradient-soft: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 246, 255, .92)), linear-gradient(140deg, rgba(37, 99, 235, .08), rgba(14, 165, 233, .05) 52%, rgba(255, 255, 255, 0));--accent-gradient-soft-strong: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(239, 246, 255, .95)), linear-gradient(140deg, rgba(37, 99, 235, .12), rgba(14, 165, 233, .07) 52%, rgba(255, 255, 255, 0));--accent-surface: rgba(239, 246, 255, .9);--accent-surface-strong: rgba(219, 234, 254, .92);--accent-border: rgba(96, 165, 250, .18);--accent-border-strong: rgba(37, 99, 235, .24);--accent-ring: rgba(37, 99, 235, .12);--accent-shadow: rgba(37, 99, 235, .18);--accent-shadow-strong: rgba(37, 99, 235, .28);--accent-contrast-soft: #dbeafe;--page-gradient: radial-gradient(circle at 12% 10%, rgba(96, 165, 250, .22), transparent 24%), radial-gradient(circle at 88% 16%, rgba(14, 165, 233, .18), transparent 24%), linear-gradient(180deg, #f7fbff 0%, #eef4ff 100%);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12), 0 16px 48px rgba(0, 0, 0, .08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--header-height: 72px;--grid-gap: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}[data-theme=dark][data-v-afbc8ea5]{--color-bg-primary: #0f0f1a;--color-bg-secondary: #1a1a2e;--color-bg-card: #1e1e32;--color-bg-hover: #2a2a42;--color-bg-modal: rgba(0, 0, 0, .75);--color-text-primary: #f8f9fa;--color-text-secondary: #a0a0b0;--color-text-muted: #6c6c7c;--color-border: #2a2a42;--color-border-light: #3a3a52;--color-accent: #60a5fa;--color-accent-rgb: 96, 165, 250;--color-accent-secondary: #38bdf8;--color-accent-secondary-rgb: 56, 189, 248;--color-accent-hover: #93c5fd;--color-accent-light: rgba(96, 165, 250, .18);--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--accent-gradient-hover: linear-gradient(135deg, #93c5fd 0%, #3b82f6 100%);--accent-gradient-soft: linear-gradient(180deg, rgba(10, 19, 34, .9), rgba(10, 19, 34, .84)), linear-gradient(140deg, rgba(96, 165, 250, .14), rgba(14, 165, 233, .08) 52%, rgba(2, 6, 23, 0));--accent-gradient-soft-strong: linear-gradient(180deg, rgba(13, 24, 42, .94), rgba(10, 19, 34, .88)), linear-gradient(140deg, rgba(96, 165, 250, .18), rgba(14, 165, 233, .1) 52%, rgba(2, 6, 23, 0));--accent-surface: rgba(10, 19, 34, .9);--accent-surface-strong: rgba(30, 64, 175, .24);--accent-border: rgba(96, 165, 250, .24);--accent-border-strong: rgba(96, 165, 250, .22);--accent-ring: rgba(37, 99, 235, .12);--accent-shadow: rgba(37, 99, 235, .22);--accent-shadow-strong: rgba(37, 99, 235, .28);--accent-contrast-soft: #e0f2fe;--page-gradient: radial-gradient(circle at 12% 10%, rgba(59, 130, 246, .22), transparent 24%), radial-gradient(circle at 88% 16%, rgba(14, 165, 233, .16), transparent 24%), linear-gradient(180deg, rgba(2, 6, 23, .98), rgba(7, 13, 24, .98));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .25);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .35), 0 16px 48px rgba(0, 0, 0, .3)}.game-home-page[data-v-afbc8ea5]{padding:0 0 48px}.hero-section[data-v-afbc8ea5]{position:relative;padding:48px 24px;background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-primary) 100%);overflow:hidden}.hero-section[data-v-afbc8ea5]:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}@media(max-width:767px){.hero-section[data-v-afbc8ea5]{padding:48px 16px}}.hero-content[data-v-afbc8ea5]{position:relative;max-width:800px;margin:0 auto;text-align:center}.hero-title[data-v-afbc8ea5]{font-size:clamp(28px,5vw,48px);font-weight:700;margin-bottom:16px;letter-spacing:-.02em}.gradient-text[data-v-afbc8ea5]{background:linear-gradient(135deg,var(--color-accent) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-afbc8ea5]{font-size:16px;color:var(--color-text-muted);line-height:1.8;margin-bottom:32px}.hero-stats[data-v-afbc8ea5]{display:flex;justify-content:center;gap:48px}@media(max-width:767px){.hero-stats[data-v-afbc8ea5]{gap:24px}}.stat-item[data-v-afbc8ea5]{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value[data-v-afbc8ea5]{font-size:clamp(24px,4vw,36px);font-weight:700;background:linear-gradient(135deg,var(--color-accent) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label[data-v-afbc8ea5]{font-size:14px;color:var(--color-text-muted)}.section-title[data-v-afbc8ea5]{font-size:32px;font-weight:700;text-align:center;margin-bottom:32px;color:var(--color-text-primary)}.section-subtitle[data-v-afbc8ea5]{display:block;font-size:14px;font-weight:400;color:var(--color-text-muted);margin-top:4px}.platforms-section[data-v-afbc8ea5]{padding:48px 24px}.platforms-grid[data-v-afbc8ea5]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}@media(min-width:768px)and (max-width:1023px){.platforms-grid[data-v-afbc8ea5]{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.platforms-grid[data-v-afbc8ea5]{grid-template-columns:1fr;gap:16px}}.platform-card[data-v-afbc8ea5]{position:relative;padding:32px;background:var(--color-bg-card);border-radius:24px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border)}.platform-card[data-v-afbc8ea5]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.platform-card.platform-pc[data-v-afbc8ea5]{border-top:3px solid #3b82f6}.platform-card.platform-mobile[data-v-afbc8ea5]{border-top:3px solid #a855f7}.platform-card.platform-console[data-v-afbc8ea5]{border-top:3px solid #f97316}.platform-icon[data-v-afbc8ea5]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent) 0%,#a855f7 100%);border-radius:16px;margin-bottom:16px}.platform-icon svg[data-v-afbc8ea5]{width:28px;height:28px;color:#fff}.platform-name[data-v-afbc8ea5]{font-size:24px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.platform-description[data-v-afbc8ea5]{font-size:14px;color:var(--color-text-muted);line-height:1.6;margin-bottom:16px}.platform-stats[data-v-afbc8ea5]{display:flex;gap:16px;margin-bottom:16px}.platform-stat[data-v-afbc8ea5]{font-size:12px;color:var(--color-text-secondary);padding:4px 8px;background:var(--color-bg-secondary);border-radius:9999px}.platform-explore[data-v-afbc8ea5]{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--color-accent)}.platform-explore svg[data-v-afbc8ea5]{width:16px;height:16px;transition:transform .2s ease}.platform-card:hover .platform-explore svg[data-v-afbc8ea5]{transform:translate(4px)}.featured-section[data-v-afbc8ea5]{padding:48px 24px;background:var(--color-bg-secondary)}.latest-section[data-v-afbc8ea5]{padding:48px 24px}.game-card-grid[data-v-afbc8ea5]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1400px;margin:0 auto}@media(min-width:768px)and (max-width:1023px){.game-card-grid[data-v-afbc8ea5]{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.game-card-grid[data-v-afbc8ea5]{grid-template-columns:1fr}}.loading-container[data-v-afbc8ea5]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-container .spinner[data-v-afbc8ea5]{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin-afbc8ea5 1s linear infinite}@keyframes spin-afbc8ea5{to{transform:rotate(360deg)}}