*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background-color:#0a0c12;color:#eef2ff;line-height:1.5;-webkit-user-select:none;user-select:none;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1e1f2a}::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:8px}.container{max-width:1280px;margin:0 auto;padding:0 24px}#homePage,#categoryPage{transition:opacity 0.3s cubic-bezier(0.2,0.9,0.4,1.1)}.banner{height:85vh;min-height:560px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 70% 30%,rgba(79,70,229,0.15),rgba(0,0,0,0.85)),url('https://playerhub.df.qq.com/playerhub/bfb1c20e-0e95-4ee0-b27b-67be53f02b84.png');background-size:cover;background-position:center 30%;backdrop-filter:blur(2px)}.banner::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,rgba(0,0,0,0.6) 0%,rgba(79,70,229,0.2) 100%)}.banner-content{position:relative;z-index:2;max-width:860px;padding:20px;animation:fadeUp 0.8s ease-out}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.banner h1{font-size:4.2rem;font-weight:700;background:linear-gradient(135deg,#FFFFFF,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-0.02em;margin-bottom:20px}.banner p{font-size:1.35rem;font-weight:400;color:#e2e8f0;margin-bottom:32px}.btn-group{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;border-radius:48px;font-weight:600;font-size:1rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.2);color:white;text-decoration:none;transition:all 0.25s ease}.btn i{font-size:1.1rem}.btn:hover{transform:translateY(-4px);background:rgba(79,70,229,0.8);border-color:rgba(79,70,229,0.6);box-shadow:0 15px 30px -10px rgba(79,70,229,0.4)}.btn-accent{background:linear-gradient(105deg,#f97316,#dc2626);border:none;box-shadow:0 8px 20px rgba(220,38,38,0.3)}.btn-accent:hover{background:linear-gradient(105deg,#ea580c,#b91c1c);box-shadow:0 12px 28px rgba(220,38,38,0.5)}.categories{padding:80px 0;background:#0f1119}.section-title{text-align:center;font-size:2.6rem;font-weight:600;margin-bottom:56px;background:linear-gradient(145deg,#ffffff,#b9c3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:36px}.category-card{background:rgba(20,22,36,0.7);backdrop-filter:blur(10px);border-radius:32px;border:1px solid rgba(255,255,255,0.08);overflow:hidden;transition:all 0.4s cubic-bezier(0.2,0.9,0.4,1.1);box-shadow:0 20px 35px -12px rgba(0,0,0,0.4)}.category-card:hover{transform:translateY(-12px);border-color:rgba(79,70,229,0.5);box-shadow:0 30px 45px -15px rgba(79,70,229,0.3)}.card-icon{height:180px;display:flex;align-items:center;justify-content:center;font-size:4.5rem;background:linear-gradient(145deg,#1e1f2e,#0a0c14)}.mobile .card-icon{color:#3b82f6}.pc .card-icon{color:#f97316}.card-content{padding:32px 24px;text-align:center}.card-content h3{font-size:1.9rem;font-weight:600;margin-bottom:12px}.card-content p{color:#9ca3af;margin-bottom:28px}.category-card .btn{background:rgba(255,255,255,0.05);padding:10px 28px}.intro{padding:80px 0;background:#0a0c12;border-top:1px solid rgba(255,255,255,0.05)}.intro-content{display:flex;flex-wrap:wrap;gap:48px;align-items:center}.intro-text{flex:1}.intro-text h2{font-size:2.4rem;margin-bottom:28px;font-weight:600}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,0.03);padding:16px 20px;border-radius:24px;border:1px solid rgba(255,255,255,0.05);transition:0.2s}.feature i{font-size:1.8rem;color:#4f46e5}.intro-image{flex:1;border-radius:32px;overflow:hidden;box-shadow:0 25px 40px -18px black}.intro-image img{width:100%;display:block;transition:transform 0.5s}.intro-image:hover img{transform:scale(1.02)}footer{background:#05060a;padding:48px 0 32px;text-align:center;border-top:1px solid rgba(255,255,255,0.05)}.footer-content h3{font-size:1.8rem;margin-bottom:12px}.social-icons img{border-radius:16px;margin:20px 0;box-shadow:0 8px 20px rgba(0,0,0,0.4)}.copyright{color:#5b677b;font-size:0.85rem;margin-top:24px}.category-page{min-height:100vh;background:linear-gradient(145deg,#0c0e16 0%,#07090f 100%);padding:40px 0 70px}.page-header{text-align:center;position:relative;margin-bottom:32px}.page-header h1{font-size:2.8rem;font-weight:700;background:linear-gradient(125deg,#fff,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.back-home-mobile{display:none;position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.8rem;cursor:pointer;color:#a5b4fc}.tabs-container{margin-bottom:36px}.tabs-scroll{overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding-bottom:8px;background:transparent !important;scrollbar-color:#4f46e5 #1e1f2a}.tabs-scroll::-webkit-scrollbar{height:4px;background:transparent}.tabs-scroll::-webkit-scrollbar-track{background:#1e1f2a !important;border-radius:8px}.tabs-scroll::-webkit-scrollbar-thumb{background:#4f46e5;border-radius:8px}.tabs{display:inline-flex;gap:12px;padding:8px 20px;background:transparent}.tab{background:rgba(30,32,48,0.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);padding:12px 28px;border-radius:48px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s;color:#cbd5e1}.tab.active{background:#4f46e5;color:white;border-color:#4f46e5;box-shadow:0 8px 18px rgba(79,70,229,0.4)}.tab:active{transform:scale(0.96)}.content-area{background:rgba(15,18,28,0.6);backdrop-filter:blur(4px);border-radius:36px;padding:20px;border:1px solid rgba(255,255,255,0.06);box-shadow:0 20px 35px -10px rgba(0,0,0,0.5)}.image-hint{text-align:center;margin-bottom:18px;font-size:0.85rem;color:#94a3b8}.price-wrapper{position:relative;display:flex;justify-content:center;background:#0101011a;border-radius:28px}.price-image{max-width:100%;width:auto;height:auto;border-radius:24px;box-shadow:0 12px 30px rgba(0,0,0,0.6);cursor:zoom-in;transition:opacity 0.2s;opacity:0;display:block;margin:0 auto}.price-image.loaded{opacity:1}.skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#1e1f2c 25%,#2a2c3a 50%,#1e1f2c 75%);background-size:200% 100%;animation:loading 1.2s infinite;border-radius:28px;min-height:300px}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.bottom-buttons{display:flex;justify-content:center;gap:20px;margin-top:40px}.back-btn{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);padding:12px 28px;border-radius:40px;font-weight:500;text-decoration:none;color:#e2e8f0;transition:0.2s;display:inline-flex;align-items:center;gap:8px}.back-btn:hover{background:#334155;transform:translateY(-2px)}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000dd;backdrop-filter:blur(16px);z-index:10000;opacity:0;visibility:hidden;transition:0.25s;display:flex;flex-direction:column}.image-overlay.active{opacity:1;visibility:visible}.zoom-container{flex:1;overflow:auto;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-overflow-scrolling:touch}.zoom-container img{max-width:95%;width:auto;height:auto;max-height:90%;border-radius:20px;object-fit:contain}.close-overlay{position:absolute;top:20px;right:24px;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;cursor:pointer;z-index:10001;color:white;border:1px solid rgba(255,255,255,0.2);transition:0.2s}.close-overlay:hover{background:#ef4444;transform:rotate(90deg)}.image-title{text-align:center;color:#ccc;padding:16px;background:rgba(0,0,0,0.6);font-weight:500}@media (max-width:760px){.banner h1{font-size:2.6rem}.banner p{font-size:1rem}.btn{padding:10px 22px;font-size:0.9rem}.section-title{font-size:2rem}.intro-content{flex-direction:column;gap:32px}.intro-text h2{font-size:1.8rem;text-align:center}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature{padding:12px 12px;gap:10px}.feature i{font-size:1.4rem}.feature div h3{font-size:1rem;margin-bottom:4px}.feature div p{font-size:0.75rem;line-height:1.3}.intro-image{width:100%}.intro-image img{width:100%;height:auto}.page-header h1{font-size:2rem}.tab{padding:8px 20px;font-size:0.8rem}.back-home-mobile{display:block}.bottom-buttons .back-btn{display:none}.skeleton{min-height:220px}}