.fade-enter-active[data-v-152fac19],.fade-leave-active[data-v-152fac19]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-152fac19]{opacity:0;transform:translateY(10px)}.fade-leave-to[data-v-152fac19]{opacity:0;transform:translateY(-10px)}.slide-enter-active[data-v-152fac19],.slide-leave-active[data-v-152fac19]{transition:opacity .35s ease,transform .35s ease}.slide-enter-from[data-v-152fac19]{opacity:0;transform:translate(30px)}.slide-leave-to[data-v-152fac19]{opacity:0;transform:translate(-30px)}:root{--color-primary: #FF9F43;--color-primary-light: #FFC07F;--color-primary-dark: #E58E3C;--color-secondary: #54A0FF;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-page: linear-gradient(180deg, #FFF6E5 0%, #FFFFFF 100%);--color-success: #1dd1a1;--color-danger: #ff6b6b;--color-warning: #feca57;--color-info: #48dbfb;--color-text-primary: #2d3436;--color-text-secondary: #636e72;--color-text-muted: #b2bec3;--color-text-inverse: #ffffff;--color-bg-page: #f8f9fa;--color-bg-card: #ffffff;--color-bg-overlay: rgba(45, 52, 54, .4);--color-border: #dfe6e9;--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .6);--glass-blur: 10px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--shadow-card: 0 4px 15px rgba(0, 0, 0, .05);--shadow-card-hover: 0 10px 30px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--radius-full: 9999px;--font-family: "Poppins", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .4s cubic-bezier(.175, .885, .32, 1.275);--max-width: 1400px;--navbar-height: 60px}[data-game="2048"]{--color-primary: #8f7a66;--color-primary-light: #bbada0;--color-primary-dark: #776e65;--color-secondary: #f67c5f;--gradient-primary: #8f7a66;--gradient-page: #faf8ef;--color-text-primary: #776e65;--color-text-secondary: #8f7a66;--color-bg-card: #bbada0}[data-game="24points"]{--color-primary: #f6a085;--color-primary-light: #ffecd2;--color-primary-dark: #e8815a;--color-secondary: #fcb69f;--gradient-primary: linear-gradient(135deg, #ffecd2, #fcb69f);--gradient-page: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)}[data-game=tetris]{--color-primary: #ff5858;--color-primary-light: #ff8a8a;--color-primary-dark: #d43a3a;--color-secondary: #f857a6;--gradient-primary: linear-gradient(135deg, #ff5858, #f857a6);--gradient-page: linear-gradient(135deg, #232526, #414345);--color-text-primary: #ffffff}[data-game=sudoku]{--color-primary: #5b86ff;--color-primary-light: #7aa2ff;--color-primary-dark: #3d5bff;--color-secondary: #2de3a7;--gradient-primary: linear-gradient(135deg, #5b86ff, #2de3a7);--gradient-page: radial-gradient(1000px 700px at 20% -10%, #1a1f47 0%, #0f1221 40%);--color-text-primary: #e8ecf7}[data-game=linkmatch]{--color-primary: #8BC6EC;--color-secondary: #9599E2;--gradient-primary: linear-gradient(135deg, #8BC6EC, #9599E2);--gradient-page: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%)}[data-game=match3]{--color-primary: #FF6B6B;--color-secondary: #EE5253;--gradient-primary: linear-gradient(135deg, #FF6B6B, #EE5253);--gradient-page: linear-gradient(135deg, #FF9A9E 0%, #FECFEF 100%)}[data-game=minesweeper]{--color-primary: #54A0FF;--color-secondary: #2E86DE;--gradient-primary: linear-gradient(135deg, #54A0FF, #2E86DE);--gradient-page: linear-gradient(135deg, #E0F7FA 0%, #B2EBF2 100%)}[data-game=pinball]{--color-primary: #5F27CD;--color-secondary: #341F97;--gradient-primary: linear-gradient(135deg, #5F27CD, #341F97);--gradient-page: linear-gradient(135deg, #130f40, #30336b);--color-text-primary: #ffffff}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--gradient-page);background-attachment:fixed;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{min-height:100vh;position:relative}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;outline:none;background:none}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00000040}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 28px;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:0 4px 15px #667eea59}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--color-text-inverse);border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#ffffff26;border-color:#fffc;transform:translateY(-2px)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--color-text-inverse);transition:all var(--transition-normal)}.btn-icon:hover{background:#ffffff40;transform:scale(1.08)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}.btn-primary:hover:after{left:100%}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-card-hover)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.card-glass:hover{background:#ffffff2e;border-color:#ffffff59;transform:translateY(-8px);box-shadow:var(--shadow-lg)}.modal-overlay{position:fixed;inset:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.tag{display:inline-block;padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);background:#fff3;color:var(--color-text-inverse);letter-spacing:.5px;text-transform:uppercase}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes titleGlow{0%,to{text-shadow:0 0 20px rgba(255,255,255,.3),0 0 40px rgba(102,126,234,.2)}50%{text-shadow:0 0 30px rgba(255,255,255,.5),0 0 60px rgba(102,126,234,.4)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}