.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease;padding:20px 0}.header.scrolled{background:#fffffff2;box-shadow:0 2px 20px #0000001a;padding:15px 0}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px}.logo img{width:40px;height:40px;border-radius:8px;object-fit:contain}.logo h1{font-size:24px;color:#fff;font-weight:700;transition:color .3s ease}.header.scrolled .logo h1{color:#333}.nav{display:flex;gap:40px}.nav a{color:#fff;text-decoration:none;font-size:16px;transition:color .3s ease;position:relative}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#4caf50;transition:width .3s ease}.nav a:hover:after,.nav a.router-link-active:after{width:100%}.header.scrolled .nav a{color:#333}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{display:block;width:25px;height:3px;background:#fff;transition:all .3s ease}.header.scrolled .menu-toggle span{background:#333}.main{flex:1}.footer{background:#1a1a2e;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer h3{font-size:20px;margin-bottom:15px}.footer h4{font-size:16px;margin-bottom:15px;color:#4caf50}.footer p{color:#aaa;margin-bottom:10px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{color:#aaa;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#4caf50}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:30px}.footer-bottom p{color:#999;font-size:12px;display:flex;flex-direction:column;gap:8px;align-items:center}.icp-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.icp-links a{color:#999!important;text-decoration:none;font-size:11px;padding:4px 8px;border-radius:4px;background:#ffffff0d;transition:all .3s ease}.icp-links a:hover{color:#4caf50!important;background:#ffffff1a}@media (max-width: 768px){.menu-toggle{display:flex}.nav{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;gap:30px;opacity:0;visibility:hidden;transition:all .3s ease}.nav.active{opacity:1;visibility:visible}.nav a{font-size:24px}.header .logo h1{color:#fff}.footer-bottom p{flex-direction:column;gap:10px}.icp-links{flex-direction:column;gap:8px}.icp-links a{padding:6px 12px;font-size:10px}}.hero[data-v-fb34d55f]{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-bg[data-v-fb34d55f]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.hero-bg[data-v-fb34d55f]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(76,175,80,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(76,175,80,.1) 0%,transparent 50%)}.hero-content[data-v-fb34d55f]{position:relative;z-index:1;padding:20px}.hero h1[data-v-fb34d55f]{font-size:48px;color:#fff;margin-bottom:20px;animation:fadeInUp-fb34d55f .8s ease}.hero p[data-v-fb34d55f]{font-size:20px;color:#fffc;margin-bottom:40px;animation:fadeInUp-fb34d55f .8s ease .2s both}.hero-buttons[data-v-fb34d55f]{display:flex;gap:20px;justify-content:center;animation:fadeInUp-fb34d55f .8s ease .4s both}@keyframes fadeInUp-fb34d55f{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn[data-v-fb34d55f]{display:inline-block;padding:15px 40px;font-size:16px;text-decoration:none;border-radius:30px;transition:all .3s ease;cursor:pointer}.btn-primary[data-v-fb34d55f]{background:#4caf50;color:#fff;border:2px solid #4CAF50}.btn-primary[data-v-fb34d55f]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 10px 30px #4caf504d}.btn-secondary[data-v-fb34d55f]{background:transparent;color:#fff;border:2px solid #fff}.btn-secondary[data-v-fb34d55f]:hover{background:#fff;color:#333;transform:translateY(-2px)}.btn-outline[data-v-fb34d55f]{background:transparent;color:#4caf50;border:2px solid #4CAF50}.btn-outline[data-v-fb34d55f]:hover{background:#4caf50;color:#fff}.section-title[data-v-fb34d55f]{font-size:36px;text-align:center;margin-bottom:60px;color:#333}.features[data-v-fb34d55f]{padding:100px 0;background:#f8f9fa}.features-grid[data-v-fb34d55f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card[data-v-fb34d55f]{background:#fff;padding:40px 30px;border-radius:15px;text-align:center;transition:all .3s ease;box-shadow:0 5px 20px #0000000d}.feature-card[data-v-fb34d55f]:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001a}.feature-icon[data-v-fb34d55f]{font-size:50px;margin-bottom:20px}.feature-card h3[data-v-fb34d55f]{font-size:20px;margin-bottom:15px;color:#333}.feature-card p[data-v-fb34d55f]{color:#666;line-height:1.8}.games-preview[data-v-fb34d55f]{padding:100px 0}.games-grid[data-v-fb34d55f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.game-card[data-v-fb34d55f]{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px #0000001a;transition:all .3s ease}.game-card[data-v-fb34d55f]:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.game-image[data-v-fb34d55f]{height:200px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center}.game-placeholder[data-v-fb34d55f]{color:#ffffff4d;font-size:18px}.game-info[data-v-fb34d55f]{padding:25px}.game-info h3[data-v-fb34d55f]{font-size:20px;margin-bottom:10px;color:#333}.game-info p[data-v-fb34d55f]{color:#666}.games-more[data-v-fb34d55f]{text-align:center;margin-top:50px}.about-preview[data-v-fb34d55f]{padding:100px 0;background:linear-gradient(135deg,#1a1a2e,#16213e)}.about-preview .section-title[data-v-fb34d55f]{color:#fff}.about-content[data-v-fb34d55f]{max-width:800px;margin:0 auto;text-align:center}.about-content p[data-v-fb34d55f]{color:#fffc;font-size:18px;line-height:1.8;margin-bottom:30px}.about-content .btn[data-v-fb34d55f]{margin-top:20px}@media (max-width: 768px){.hero h1[data-v-fb34d55f]{font-size:32px}.hero p[data-v-fb34d55f]{font-size:16px}.hero-buttons[data-v-fb34d55f]{flex-direction:column;align-items:center}.section-title[data-v-fb34d55f]{font-size:28px}.features[data-v-fb34d55f],.games-preview[data-v-fb34d55f],.about-preview[data-v-fb34d55f]{padding:60px 0}}.page-header[data-v-b849db13]{padding:150px 0 80px;text-align:center;position:relative}.header-bg[data-v-b849db13]{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/%E6%B5%B7%E6%8A%A52_2.jpg) center center no-repeat;background-size:cover}.header-bg[data-v-b849db13]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2ed9,#16213eb3,#0f3460d9)}.page-header h1[data-v-b849db13]{font-size:48px;color:#fff;margin-bottom:20px}.page-header p[data-v-b849db13]{font-size:20px;color:#fffc}.products-section[data-v-b849db13]{padding:80px 0}.products-grid[data-v-b849db13]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.product-card[data-v-b849db13]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a;transition:all .3s ease}.product-card[data-v-b849db13]:hover{transform:translateY(-10px);box-shadow:0 20px 60px #00000026}.product-image[data-v-b849db13]{height:220px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;position:relative}.product-placeholder[data-v-b849db13]{color:#ffffff4d;font-size:20px;font-weight:700}.product-content[data-v-b849db13]{padding:30px}.product-tag[data-v-b849db13]{display:inline-block;padding:5px 15px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;font-size:12px;border-radius:20px;margin-bottom:15px}.product-content h3[data-v-b849db13]{font-size:24px;margin-bottom:15px;color:#333}.product-content p[data-v-b849db13]{color:#666;line-height:1.8;margin-bottom:20px}.product-features[data-v-b849db13]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.feature-tag[data-v-b849db13]{padding:5px 12px;background:#f0f0f0;color:#666;font-size:12px;border-radius:15px}.product-footer[data-v-b849db13]{display:flex;justify-content:space-between;align-items:center}.product-status[data-v-b849db13]{font-size:14px;font-weight:700}.product-status.hot[data-v-b849db13]{color:#ff6b6b}.product-status.new[data-v-b849db13]{color:#4caf50}.product-status.coming[data-v-b849db13]{color:#999}.btn-detail[data-v-b849db13]{padding:10px 25px;background:#4caf50;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease}.btn-detail[data-v-b849db13]:hover{background:#45a049;transform:translateY(-2px)}.gallery-section[data-v-b849db13]{padding:80px 0;background:#f8f9fa}.section-title[data-v-b849db13]{font-size:36px;text-align:center;margin-bottom:50px;color:#333}.gallery-grid[data-v-b849db13]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.gallery-item[data-v-b849db13]{aspect-ratio:16/10;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:15px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.gallery-item[data-v-b849db13]:hover{transform:scale(1.02);box-shadow:0 15px 40px #0003}.gallery-img[data-v-b849db13]{width:100%;height:100%;object-fit:cover;border-radius:15px}.gallery-placeholder span[data-v-b849db13]{color:#ffffff4d;font-size:18px}.join-section[data-v-b849db13]{padding:100px 0;background:linear-gradient(135deg,#1a1a2e,#16213e);text-align:center}.join-section .section-title[data-v-b849db13]{color:#fff}.join-section p[data-v-b849db13]{color:#fffc;font-size:18px;margin-bottom:30px}.btn[data-v-b849db13]{display:inline-block;padding:15px 40px;font-size:16px;text-decoration:none;border-radius:30px;transition:all .3s ease}.btn-primary[data-v-b849db13]{background:#4caf50;color:#fff}.btn-primary[data-v-b849db13]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 10px 30px #4caf504d}@media (max-width: 768px){.page-header[data-v-b849db13]{padding:120px 0 60px}.page-header h1[data-v-b849db13]{font-size:32px}.page-header p[data-v-b849db13]{font-size:16px}.products-grid[data-v-b849db13]{grid-template-columns:1fr}.section-title[data-v-b849db13]{font-size:28px}}.page-header[data-v-a8fe83ef]{padding:150px 0 80px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);text-align:center}.page-header h1[data-v-a8fe83ef]{font-size:48px;color:#fff;margin-bottom:20px}.page-header p[data-v-a8fe83ef]{font-size:20px;color:#fffc}.section-title[data-v-a8fe83ef]{font-size:36px;text-align:center;margin-bottom:50px;color:#333}.intro-section[data-v-a8fe83ef]{padding:100px 0}.intro-content[data-v-a8fe83ef]{max-width:900px;margin:0 auto}.intro-text p[data-v-a8fe83ef]{font-size:18px;line-height:2;color:#666;margin-bottom:25px}@media (max-width: 768px){.page-header[data-v-a8fe83ef]{padding:120px 0 60px}.page-header h1[data-v-a8fe83ef]{font-size:32px}.section-title[data-v-a8fe83ef]{font-size:28px}}.page-header[data-v-90ad409d]{padding:150px 0 80px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);text-align:center}.page-header h1[data-v-90ad409d]{font-size:48px;color:#fff;margin-bottom:20px}.page-header p[data-v-90ad409d]{font-size:20px;color:#fffc}.section-title[data-v-90ad409d]{font-size:32px;text-align:center;margin-bottom:50px;color:#333}.contact-section[data-v-90ad409d]{padding:100px 0}.contact-grid[data-v-90ad409d]{display:grid;grid-template-columns:1fr;gap:60px;justify-items:center}.contact-info[data-v-90ad409d]{padding-right:40px}.info-items[data-v-90ad409d]{margin-bottom:40px}.info-item[data-v-90ad409d]{display:flex;gap:20px;margin-bottom:30px}.info-icon[data-v-90ad409d]{font-size:30px;width:60px;height:60px;background:#f0f0f0;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-content h3[data-v-90ad409d]{font-size:18px;margin-bottom:8px;color:#333}.info-content p[data-v-90ad409d]{color:#666;line-height:1.6}@media (max-width: 768px){.page-header[data-v-90ad409d]{padding:120px 0 60px}.page-header h1[data-v-90ad409d]{font-size:32px}.contact-grid[data-v-90ad409d]{grid-template-columns:1fr;gap:40px}.contact-info[data-v-90ad409d]{padding-right:0}.section-title[data-v-90ad409d]{font-size:28px}}