body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Comic Sans MS,Microsoft YaHei,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#e0f7fa,#fce4ec 50%,#f3e5f5);background-attachment:fixed;color:#424242;min-height:100vh;overflow-x:hidden}.app{margin:0 auto;max-width:1200px;padding:0 15px}.header{animation:headerFloat 8s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:24px;box-shadow:0 10px 35px #9c27b014;margin-bottom:25px;overflow:hidden;padding:35px 0;position:relative;text-align:center}@keyframes headerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.header:before{animation:dotMove1 15s linear infinite;background:#f062921a;height:80px;left:-20px;top:-20px;width:80px}.header:after,.header:before{border-radius:50%;content:"";position:absolute}.header:after{animation:dotMove2 18s linear infinite;background:#64b5f61a;bottom:-30px;height:100px;right:-30px;width:100px}@keyframes dotMove1{0%{transform:translate(0)}25%{transform:translate(40px,30px)}50%{transform:translate(80px)}75%{transform:translate(40px,-30px)}to{transform:translate(0)}}@keyframes dotMove2{0%{transform:translate(0)}25%{transform:translate(-50px,20px)}50%{transform:translate(-100px)}75%{transform:translate(-50px,-20px)}to{transform:translate(0)}}.logo{animation:logoPulse 3s ease-in-out infinite;color:#e91e63;font-size:32px;margin-bottom:12px;text-shadow:2px 2px 0 #fff,4px 4px 0 #ffc1e9}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header h1{background:linear-gradient(90deg,#673ab7,#2196f3);-webkit-background-clip:text;background-clip:text;color:#673ab7;color:#0000;font-size:26px;margin-bottom:10px;text-shadow:1px 1px 2px #0000000d}.header p{color:#7986cb;font-size:17px}.search-bar{margin-bottom:30px}.search-input{background:#fffffff2;border:none;border-radius:50px;box-shadow:0 6px 20px #2196f314;font-size:17px;outline:none;padding:18px 25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%;z-index:1}.search-input:focus{box-shadow:0 8px 25px #e91e6326;transform:translateY(-3px) scale(1.01)}.search-input::placeholder{color:#b39ddb}.tabs{display:flex;gap:12px;margin-bottom:30px;overflow-x:auto;padding-bottom:12px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:#ffffffe6;border:none;border-radius:30px;box-shadow:0 4px 12px #9c27b014;color:#673ab7;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;transform-style:preserve-3d;transition:all .5s ease;white-space:nowrap}.tab:hover{box-shadow:0 8px 20px #2196f31f;transform:translateY(-5px) rotateX(10deg)}.tab-active{background:linear-gradient(90deg,#673ab7,#2196f3);box-shadow:0 6px 18px #673ab733;color:#fff}.section-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 8px}.section-title span{color:#4a148c;font-size:20px;font-weight:700;text-shadow:1px 1px 0 #fff}.fav-btn{animation:btnPulse 4s ease-in-out infinite;background:linear-gradient(90deg,#e91e63,#f48fb1);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;padding:10px 18px;transition:all .3s ease}@keyframes btnPulse{0%,to{box-shadow:0 4px 15px #e91e6333;transform:scale(1)}50%{box-shadow:0 6px 20px #e91e634d;transform:scale(1.05)}}.fav-btn:hover{animation:none;transform:scale(1.1)}.hot-scroll{display:flex;gap:20px;margin-bottom:35px;overflow-x:auto;padding:15px 0 25px;scrollbar-color:#e91e63 #f1f1f1;scrollbar-width:thin}.hot-scroll::-webkit-scrollbar{height:10px}.hot-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e91e63,#673ab7);border-radius:15px}.hot-card{color:inherit;flex:0 0 180px;position:relative;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.hot-card:hover{transform:translateY(-10px) rotate(2deg)}.hot-cover{animation:coverLoad 1.5s ease-in-out;background:linear-gradient(90deg,#f0f0f0,#f8f8f8);border-radius:20px;box-shadow:0 6px 15px #673ab71a;height:120px;margin-bottom:10px;object-fit:cover;transition:all .3s ease;width:100%}@keyframes coverLoad{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hot-card:hover .hot-cover{box-shadow:0 10px 25px #e91e6326}.hot-name{color:#4a148c;font-size:15px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.game-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:50px}.game-card{background:#fffffff2;border-radius:24px;box-shadow:0 8px 25px #9c27b014;overflow:hidden;perspective:1000px;transform-style:preserve-3d;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.game-card:hover{box-shadow:0 15px 35px #2196f326;transform:translateY(-12px) rotateY(5deg)}.game-cover{animation:coverLoad 1.8s ease-in-out;background:linear-gradient(90deg,#f5f5f5,#fafafa);height:160px;object-fit:cover;transition:all .4s ease;width:100%}.game-card:hover .game-cover{transform:scale(1.05)}.game-info{padding:18px}.game-name{background:linear-gradient(90deg,#4a148c,#e91e63);-webkit-background-clip:text;background-clip:text;color:#4a148c;color:#0000;font-size:18px;font-weight:700;margin-bottom:10px}.game-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7986cb;display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.game-btns{display:flex;justify-content:space-between;padding:0 18px 18px}.star-btn{background:#fce4ec;border:none;border-radius:20px;cursor:pointer;font-size:18px;padding:10px 15px;transition:all .3s ease}.star-btn:hover{background:#ffc1e9;transform:rotate(15deg)}.play-btn{background:linear-gradient(90deg,#673ab7,#2196f3);border:none;border-radius:20px;color:#fff;font-size:15px;overflow:hidden;padding:10px 25px;position:relative;text-decoration:none;transition:all .4s ease}.play-btn:before{animation:btnShine 3s linear infinite;background:linear-gradient(90deg,#fff0 0,#fff3 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(30deg);width:200%}@keyframes btnShine{0%{transform:rotate(30deg) translateX(-100%)}to{transform:rotate(30deg) translateX(100%)}}.play-btn:hover{background:linear-gradient(90deg,#4a148c,#1976d2);box-shadow:0 6px 20px #673ab733;transform:scale(1.1)}.empty-state{animation:emptyFloat 6s ease-in-out infinite;color:#9575cd;font-size:20px;grid-column:1/-1;padding:60px 0;text-align:center}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.footer{animation:footerFloat 7s ease-in-out infinite;background:#ffffffe6;border-radius:24px;box-shadow:0 -6px 20px #2196f314;color:#7986cb;font-size:13px;margin-top:40px;padding:25px 0;text-align:center}@keyframes footerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.footer p{margin-bottom:8px}@media (max-width:768px){.header h1{font-size:22px}.game-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.game-cover{height:140px}.game-name{font-size:16px}.play-btn{font-size:14px;padding:8px 20px}.hot-card{flex:0 0 150px}.hot-cover{height:100px}}@media (max-width:480px){.logo{font-size:28px}.header{padding:25px 0}.game-grid{grid-template-columns:repeat(2,1fr)}.game-cover{height:120px}.hot-card{flex:0 0 130px}}
/*# sourceMappingURL=main.0dce79e4.css.map*/