*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #121212;--bg-secondary: #1a1a1a;--bg-card: #1A1F1A;--bg-card-hover: #242924;--gold: #39FF14;--gold-light: #39FF14;--gold-glow: rgba(57,255,20,.35);--guava-green: #39FF14;--guava-green-dark: #2bcc10;--guava-pink: #FF10F0;--guava-flesh: #ff6ef5;--accent2: #FF10F0;--accent3: #39FF14;--accent4: #a0d468;--text-primary: #FFFFFF;--text-secondary: #cccccc;--text-muted: #999999;--border: #2a2a2a;--glow: rgba(57,255,20,.3)}body{font-family:Noto Sans TC,sans-serif;background:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(57,255,20,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 30%,rgba(255,16,240,.05) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 50% 70%,rgba(57,255,20,.04) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 10% 90%,rgba(255,16,240,.04) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#121212 15%,#0e120e,#12101a 65%,#121212 85%,#0a0a0a);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#121212f2;backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 2rem;height:70px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{cursor:pointer;display:flex;align-items:center}.navbar .logo .logo-img{height:45px;width:auto;filter:drop-shadow(0 0 8px rgba(57,255,20,.3));transition:filter .3s}.navbar .logo:hover .logo-img{filter:drop-shadow(0 0 14px rgba(57,255,20,.5))}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-links a{color:var(--text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:8px;font-size:.95rem;transition:all .3s}.nav-links a:hover,.nav-links a.active{color:var(--gold-light);background:#39ff141a}.nav-search{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border);padding:.5rem 1rem;border-radius:25px}.nav-search input{background:none;border:none;color:var(--text-primary);outline:none;width:150px;font-size:.9rem}.nav-search i{color:var(--text-muted)}.hero{margin-top:70px;position:relative;height:560px;overflow:hidden;background:url(/images/index/indexBanner001_01.webp) center center / cover no-repeat,#0d0d0d}.hero:before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(57,255,20,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.06) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 4s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at center,transparent 30%,#0d0d0d 75%)}@keyframes gridPulse{0%,to{opacity:.6}50%{opacity:1}}.hero-slides{display:flex;transition:transform .6s ease;height:100%;cursor:grab;user-select:none}.hero-slides:active{cursor:grabbing}.hero-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.hero-content{position:relative;z-index:5;text-align:center;max-width:860px;padding:2rem}.hero-content .tag{display:inline-block;padding:.5rem 1.5rem;background:#39ff1414;border:1px solid rgba(57,255,20,.5);border-radius:20px;font-size:.85rem;color:#39ff14;margin-bottom:1.2rem;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 8px rgba(57,255,20,.5);animation:tagFlicker 3s ease-in-out infinite}@keyframes tagFlicker{0%,to{opacity:1}50%{opacity:.7}}.hero-content h1{font-size:3.4rem;font-weight:900;margin-bottom:.5rem;line-height:1.2;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3);position:relative}.hero-content h1 em{font-style:normal;color:#39ff14;text-shadow:0 0 7px #39FF14,0 0 20px #39FF14,0 0 42px #39FF14,0 0 82px rgba(57,255,20,.4),0 0 120px rgba(57,255,20,.2);-webkit-text-fill-color:#39FF14;background:none;-webkit-background-clip:unset;animation:neonFlicker 2.5s ease-in-out infinite alternate;position:relative}.hero-content h1 em:before,.hero-content h1 em:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;-webkit-text-fill-color:#39FF14}.hero-content h1 em:before{text-shadow:-2px 0 #FF10F0;animation:glitch1 3s infinite linear alternate-reverse;clip-path:inset(0 0 70% 0)}.hero-content h1 em:after{text-shadow:2px 0 #00e5ff;animation:glitch2 2.5s infinite linear alternate-reverse;clip-path:inset(70% 0 0 0)}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 7px #39FF14,0 0 20px #39FF14,0 0 42px #39FF14,0 0 80px rgba(57,255,20,.4)}20%,24%,55%{text-shadow:0 0 4px #39FF14,0 0 10px #39FF14}}@keyframes glitch1{0%{clip-path:inset(20% 0 60% 0);transform:translate(0)}20%{clip-path:inset(5% 0 80% 0);transform:translate(-3px,1px)}40%{clip-path:inset(60% 0 10% 0);transform:translate(3px,-1px)}60%{clip-path:inset(30% 0 50% 0);transform:translate(-1px,2px)}80%{clip-path:inset(80% 0 5% 0);transform:translate(2px,-2px)}to{clip-path:inset(10% 0 70% 0);transform:translate(0)}}@keyframes glitch2{0%{clip-path:inset(70% 0 5% 0);transform:translate(0)}25%{clip-path:inset(45% 0 30% 0);transform:translate(2px,1px)}50%{clip-path:inset(10% 0 60% 0);transform:translate(-2px,-1px)}75%{clip-path:inset(55% 0 20% 0);transform:translate(1px,2px)}to{clip-path:inset(75% 0 0% 0);transform:translate(0)}}.hero-title-frame{position:relative;display:inline-block;padding:.8rem 2rem;margin-bottom:1rem}.hero-title-frame:before,.hero-title-frame:after{content:"";position:absolute;width:30px;height:30px;border-color:#fff9;border-style:solid;transition:all .5s}.hero-title-frame:before{top:0;left:0;border-width:2px 0 0 2px;animation:bracketTL 4s ease-in-out infinite}.hero-title-frame:after{bottom:0;right:0;border-width:0 2px 2px 0;animation:bracketBR 4s ease-in-out infinite}.hero-title-inner{position:relative;display:block}.hero-title-inner:before,.hero-title-inner:after{content:"";position:absolute;width:30px;height:30px;border-color:#fff9;border-style:solid}.hero-title-inner:before{top:0;right:0;border-width:2px 2px 0 0;animation:bracketTR 4s ease-in-out infinite}.hero-title-inner:after{bottom:0;left:0;border-width:0 0 2px 2px;animation:bracketBL 4s ease-in-out infinite}@keyframes bracketTL{0%,to{width:30px;height:30px;opacity:.6}50%{width:50px;height:40px;opacity:1}}@keyframes bracketBR{0%,to{width:30px;height:30px;opacity:.6}50%{width:50px;height:40px;opacity:1}}@keyframes bracketTR{0%,to{width:30px;height:30px;opacity:.6}50%{width:50px;height:40px;opacity:1}}@keyframes bracketBL{0%,to{width:30px;height:30px;opacity:.6}50%{width:50px;height:40px;opacity:1}}.hero-content p{color:#bbb;font-size:1.05rem;margin-bottom:2rem;letter-spacing:.5px}.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{padding:.8rem 2rem;background:#39ff14;color:#000;font-weight:700;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .3s;box-shadow:0 0 15px #39ff1466,0 0 30px #39ff1426;text-shadow:none;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #39ff1499,0 0 50px #39ff144d;filter:brightness(1.1)}.btn-outline{padding:.8rem 2rem;background:transparent;border:2px solid #FF10F0;color:#ff10f0;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;text-decoration:none;text-shadow:0 0 8px rgba(255,16,240,.4);box-shadow:0 0 10px #ff10f026}.btn-outline:hover{background:#ff10f01a;box-shadow:0 0 20px #ff10f04d;text-decoration:none}.hero-arrows{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 1.5rem;transform:translateY(-50%);z-index:6}.hero-arrows button{width:50px;height:50px;border-radius:50%;background:#0009;border:1px solid rgba(57,255,20,.3);color:#39ff14;font-size:1.2rem;cursor:pointer;transition:all .3s}.hero-arrows button:hover{background:#39ff14;color:#000;box-shadow:0 0 20px #39ff1480}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:6}.hero-dots span{width:12px;height:12px;border-radius:50%;background:#fff3;cursor:pointer;transition:all .3s}.hero-dots span.active{background:#39ff14;width:30px;border-radius:6px;box-shadow:0 0 10px #39ff1480}.cyber-star,.cyber-globe,.cyber-wave{pointer-events:none!important}.hero:before,.hero:after{pointer-events:none!important}.hero-slides{pointer-events:none}.hero-slide,.hero-content,.hero-btns,.hero-btns *{pointer-events:auto}.hero-btns .btn-primary,.hero-btns .btn-primary:hover,.hero-btns .btn-primary:focus,.hero-btns .btn-primary:active{color:#000!important;text-shadow:none!important;filter:none!important;-webkit-text-fill-color:#000!important;background:#39ff14!important}.hero-btns .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #39ff1499,0 0 50px #39ff144d;background:#4aff2a!important}.hero-btns .btn-outline,.hero-btns .btn-outline:hover{color:#ff10f0!important;-webkit-text-fill-color:#FF10F0!important}.hero-title-frame,.hero-title-inner,.hero-content h1,.hero-content h1 em,.hero-content .tag,.hero-content p,.hero-content{pointer-events:none}.hero-btns,.hero-btns *{pointer-events:auto!important}.hero-btns a,.hero-btns button{cursor:pointer!important;position:relative;z-index:20}.cyber-star{position:absolute;z-index:3;width:24px;height:24px;color:#39ff14;filter:drop-shadow(0 0 8px currentColor)}.cyber-star.s1{top:18%;left:12%;animation:starTwinkle 2s ease-in-out infinite}.cyber-star.s2{top:55%;right:10%;width:18px;height:18px;animation:starTwinkle 2.5s ease-in-out .8s infinite}.cyber-star.s3{bottom:22%;left:8%;width:14px;height:14px;animation:starTwinkle 3s ease-in-out 1.5s infinite;color:#ff10f0;filter:drop-shadow(0 0 6px #FF10F0)}.cyber-star.s4{top:25%;right:18%;width:20px;height:20px;animation:starTwinkle 2.2s ease-in-out .4s infinite}@keyframes starTwinkle{0%,to{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.4) rotate(30deg);opacity:1}}.cyber-globe{position:absolute;z-index:2;width:80px;height:80px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;animation:globeSpin 8s linear infinite}.cyber-globe:before{content:"";position:absolute;inset:-1px;border:1.5px solid rgba(255,255,255,.25);border-radius:50%;transform:rotateY(60deg)}.cyber-globe:after{content:"";position:absolute;top:50%;left:-1px;right:-1px;height:0;border-top:1.5px solid rgba(255,255,255,.2)}.cyber-globe .globe-ring{position:absolute;inset:-1px;border:1.5px solid rgba(255,255,255,.15);border-radius:50%}.cyber-globe .globe-ring:nth-child(1){transform:rotateY(30deg)}.cyber-globe .globe-ring:nth-child(2){transform:rotateY(90deg)}.cyber-globe .globe-ring:nth-child(3){transform:rotateX(90deg) scale(.5);top:25%;bottom:25%}.globe-1{top:60%;left:5%;animation-direction:reverse}.globe-2{top:10%;right:5%;width:60px;height:60px}@keyframes globeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cyber-wave{position:absolute;bottom:18%;left:50%;transform:translate(-50%);z-index:3;width:140px;height:20px}.cyber-wave svg{width:100%;height:100%}.cyber-wave path{fill:none;stroke:#39ff14;stroke-width:2.5;stroke-dasharray:200;stroke-dashoffset:200;animation:waveDraw 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px #39FF14)}@keyframes waveDraw{to{stroke-dashoffset:0}}.hero .scanline{position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px)}.guava-icon{display:inline-block;vertical-align:middle}.section{padding:4rem 2rem;max-width:1300px;margin:0 auto}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.section-header h2{font-size:1.8rem;font-weight:900;display:flex;align-items:center;gap:.5rem}.section-header h2:before{content:"";width:4px;height:30px;background:linear-gradient(to bottom,var(--gold-light),var(--guava-green));border-radius:2px}.section-header .more-link{color:var(--gold);text-decoration:none;font-size:.95rem;display:flex;align-items:center;gap:.3rem}.section-header .more-link:hover{text-decoration:underline;color:var(--gold-light)}.stats-bar{display:flex;justify-content:center;gap:3rem;padding:2.5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary),rgba(42,51,32,.5));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stat-item{text-align:center}.stat-item .stat-num{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-item .stat-label{color:var(--text-muted);font-size:.9rem}.ranking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.rank-card{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .3s;cursor:pointer;position:relative}.rank-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 10px 30px #0006,0 0 20px var(--gold-glow)}.rank-badge{position:absolute;top:12px;left:12px;z-index:2;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.rank-badge.gold{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#000;box-shadow:0 0 12px var(--gold-glow)}.rank-badge.silver{background:linear-gradient(135deg,silver,#909090);color:#000}.rank-badge.bronze{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}.rank-badge.normal{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}.rank-img{width:100%;height:160px;display:flex;align-items:center;justify-content:center;font-size:3rem}.rank-info{padding:1.2rem}.rank-info h3{font-size:1.1rem;margin-bottom:.3rem}.rank-info .rank-score{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.rank-info .rank-score .score{font-size:1.3rem;font-weight:900;color:var(--gold-light)}.stars{color:var(--gold-light);font-size:.85rem}.stars .empty{color:var(--text-muted)}.rank-info .rank-tags{display:flex;gap:.3rem;flex-wrap:wrap}.rank-info .rank-tags span{font-size:.75rem;padding:.2rem .6rem;background:#39ff1426;color:var(--guava-green);border-radius:4px}.game-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border);padding-bottom:0}.game-tab{padding:.7rem 1.5rem;background:none;border:none;color:var(--text-muted);font-size:.95rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s;font-family:inherit}.game-tab:hover{color:var(--text-primary)}.game-tab.active{color:var(--gold-light);border-bottom-color:var(--gold);font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-card{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .3s;cursor:pointer}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0006;border-color:#39ff144d}.game-card-img{width:100%;height:180px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}.game-card-img .hot-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,var(--guava-pink),var(--guava-flesh));color:#fff;padding:.2rem .7rem;border-radius:20px;font-size:.75rem;font-weight:700}.game-card-img .new-badge{position:absolute;top:10px;right:10px;background:var(--guava-green);color:#0a2810;padding:.2rem .7rem;border-radius:20px;font-size:.75rem;font-weight:900}.game-card-body{padding:1.2rem 1.4rem 1.4rem}.game-card-body h3{font-size:1.05rem;margin-bottom:.5rem}.game-card-body .game-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.game-card-body .game-meta .rating{display:flex;align-items:center;gap:.3rem;font-weight:700;color:var(--gold-light)}.game-card-body .game-meta .views{color:var(--text-muted);font-size:.85rem}.game-card-body .game-desc{color:var(--text-secondary);font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem}.game-card-body .game-actions{display:flex;gap:.6rem;margin-top:.2rem}.game-card-body .game-actions a,.game-card-body .game-actions button{flex:1;padding:.6rem .5rem;border-radius:8px;font-size:.85rem;cursor:pointer;font-weight:600;font-family:inherit;transition:all .3s}.btn-play{background:linear-gradient(135deg,var(--guava-green),var(--guava-green-dark));border:none;color:#fff}.btn-play:hover{filter:brightness(1.15)}.btn-info{background:transparent;border:1px solid var(--gold);color:var(--gold-light)}.btn-info:hover{background:#39ff141a}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.article-card{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .3s;cursor:pointer}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0006}.article-img{width:100%;height:160px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;overflow:hidden}.article-img img{width:100%;height:100%;object-fit:cover;display:block}.article-img .cat-badge{position:absolute;top:10px;left:10px;padding:.2rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700}.cat-attack{background:var(--guava-pink);color:#2a0014;font-weight:900}.cat-review{background:var(--guava-green);color:#0a2810;font-weight:900}.cat-news{background:var(--gold);color:#000}.cat-tip{background:#b32418;color:#fff;font-weight:900}.article-body{padding:1.2rem}.article-body h3{font-size:1rem;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-body .article-meta{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem}.article-body .article-excerpt{color:var(--text-secondary);font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rating-section{background:linear-gradient(135deg,var(--bg-secondary),rgba(42,51,32,.5));border-radius:20px;padding:3rem;text-align:center;border:1px solid var(--border);margin:2rem auto;max-width:700px;position:relative;overflow:hidden}.rating-section:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(57,255,20,.08),transparent)}.rating-section h3{font-size:1.5rem;margin-bottom:.5rem;position:relative}.rating-section>p{color:var(--text-secondary);margin-bottom:1.5rem;position:relative}.user-stars{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem;position:relative}.user-stars i{font-size:2.5rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.user-stars i:hover,.user-stars i.active{color:var(--gold-light);transform:scale(1.15);filter:drop-shadow(0 0 6px var(--gold-glow))}.rating-input{display:flex;gap:.5rem;max-width:500px;margin:0 auto;position:relative}.rating-input input{flex:1;padding:.8rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.95rem;outline:none;font-family:inherit}.rating-input input:focus{border-color:var(--gold)}.rating-input button{padding:.8rem 1.5rem;background:linear-gradient(135deg,var(--gold-light),var(--gold));border:none;border-radius:10px;color:#000;font-weight:700;cursor:pointer;font-family:inherit;transition:all .3s}.rating-input button:hover{filter:brightness(1.1);box-shadow:0 4px 15px var(--gold-glow)}.rating-input button{white-space:nowrap;flex-shrink:0}@media (max-width: 600px){.rating-input{flex-direction:column;gap:.6rem}.rating-input input{width:100%}.rating-input button{width:100%;padding:.9rem 1rem}.review-item{flex-wrap:nowrap}.review-content{min-width:0}.review-content .review-header{flex-wrap:wrap;gap:.3rem .6rem}.review-content .review-text{word-break:break-word}}.reviews-list{margin-top:2rem;position:relative}.review-item{background:var(--bg-card);border-radius:12px;padding:1.2rem;margin-bottom:1rem;border:1px solid var(--border);display:flex;gap:1rem}.review-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--guava-green),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;color:#000}.review-content{flex:1}.review-content .review-header{display:flex;align-items:center;gap:.8rem;margin-bottom:.3rem}.review-content .review-header .name{font-weight:700;font-size:.95rem}.review-content .review-header .date{color:var(--text-muted);font-size:.8rem}.review-content .review-text{color:var(--text-secondary);font-size:.9rem}.hot-list{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border)}.hot-list h3{font-size:1.1rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.hot-item{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid rgba(42,51,32,.5);cursor:pointer;transition:all .2s}.hot-item:last-child{border-bottom:none}.hot-item:hover{padding-left:.5rem}.hot-item .hot-num{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.8rem;flex-shrink:0}.hot-num.top1{background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#000}.hot-num.top2{background:silver;color:#000}.hot-num.top3{background:#b45309;color:#fff}.hot-num.rest{background:var(--bg-secondary);color:var(--text-muted)}.hot-item .hot-title{font-size:.9rem}.hot-item .hot-views{color:var(--text-muted);font-size:.8rem;margin-left:auto;white-space:nowrap}.category-filters{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2rem}.cat-filter{padding:.6rem 1.2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:25px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .3s;font-family:inherit}.cat-filter:hover,.cat-filter.active{background:#39ff1426;border-color:var(--gold);color:var(--gold-light)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 2rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.footer-grid{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-col h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-primary)}.footer-col p{color:var(--text-muted);font-size:.9rem;line-height:1.8}.footer-col a{display:block;color:var(--text-muted);text-decoration:none;padding:.3rem 0;font-size:.9rem;transition:color .3s}.footer-col a:hover{color:var(--gold-light)}.footer-bottom{max-width:1300px;margin:0 auto;text-align:center;padding:1.5rem 0 1rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.footer .logo-footer{margin-bottom:.5rem}.footer .footer-logo-img{height:100px;width:auto;filter:drop-shadow(0 0 6px rgba(57,255,20,.25))}.social-links{display:flex;gap:.8rem;margin-top:1rem}.social-links a{width:38px;height:38px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s;text-decoration:none}.social-links a:hover{background:var(--gold);color:#000;border-color:var(--gold)}.search-modal{display:none;position:fixed;inset:0;z-index:2000;background:#000c;backdrop-filter:blur(10px);align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal.open{display:flex}.search-box{width:90%;max-width:600px;background:var(--bg-card);border-radius:16px;border:1px solid var(--gold);overflow:hidden;box-shadow:0 0 40px var(--gold-glow)}.search-box input{width:100%;padding:1.2rem 1.5rem;background:none;border:none;color:var(--text-primary);font-size:1.2rem;outline:none;font-family:inherit}.search-results{border-top:1px solid var(--border);max-height:400px;overflow-y:auto}.search-result-item{padding:1rem 1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:1rem}.search-result-item:hover{background:var(--bg-card-hover)}.search-result-item i{color:var(--gold-light)}.scroll-top{position:fixed;bottom:30px;right:30px;z-index:999;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--gold-light),var(--gold));border:none;color:#000;font-size:1.2rem;cursor:pointer;transition:all .3s;opacity:0;pointer-events:none;box-shadow:0 4px 15px var(--gold-glow)}.scroll-top.visible{opacity:1;pointer-events:auto}.scroll-top:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--gold-glow)}@media (max-width: 1024px){.ranking-grid,.article-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none}.hero-content h1{font-size:2rem}.cyber-globe{width:50px;height:50px}.cyber-star.s1{left:5%}.cyber-star.s4{right:8%}.hero-title-frame{padding:.5rem 1rem}.ranking-grid,.game-grid,.article-grid{grid-template-columns:1fr}.stats-bar{flex-wrap:nowrap;gap:1rem;padding:2rem 1rem}.stat-item .stat-num{font-size:1.6rem}.stat-item .stat-label{font-size:.75rem}.footer-grid{grid-template-columns:1fr}.footer{padding-bottom:2.5rem}.footer-bottom{padding-bottom:1.5rem}.scroll-top{bottom:20px;right:16px;width:42px;height:42px;font-size:1rem}.hero{height:400px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .6s ease forwards}@keyframes goldShimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,#39ff14,#7fff6a,#fff,#7fff6a,#39ff14);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldShimmer 3s linear infinite}.gc-1{background:linear-gradient(135deg,#1a0a2e,#2d1b69,#1a0a2e)}.gc-2{background:linear-gradient(135deg,#0a1a2e,#0d3d2d,#0a2a1a)}.gc-3{background:linear-gradient(135deg,#2a0a0a,#4a1515,#2a0505)}.gc-4{background:linear-gradient(135deg,#0a1525,#1a2a4a,#0a1a35)}.gc-5{background:linear-gradient(135deg,#1a1a0a,#3a3510,#2a2505)}.gc-6{background:linear-gradient(135deg,#1a0a0a,#3a1520,#2a0a15)}.gc-7{background:linear-gradient(135deg,#1a0a00,#3a2010,#2a1505)}.gc-8{background:linear-gradient(135deg,#0a1a1a,#153535,#0a2525)}.gc-9{background:linear-gradient(135deg,#1a1a0a,#2a3515,#1a2a0a)}.game-card-img .game-icon{font-size:4rem;opacity:.9;color:#ffffffd9;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:all .3s}.game-card:hover .game-icon{transform:scale(1.1);opacity:1}.game-card-img .game-label{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.7rem;color:#fff6;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.ac-1{background:linear-gradient(135deg,#0a1a15,#0d3d2d,#0a2a1a)}.ac-2{background:linear-gradient(135deg,#1a1a0a,#3a3510,#2a2505)}.ac-3{background:linear-gradient(135deg,#0a1525,#1a2a4a,#0a1a35)}.ac-4{background:linear-gradient(135deg,#2a0a15,#4a1525,#2a0510)}.ac-5{background:linear-gradient(135deg,#1a0a2e,#2d1b50,#1a0a2e)}.two-col{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media (max-width: 1024px){.two-col{grid-template-columns:1fr}}.guava-border{position:relative}.guava-border:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--guava-green),var(--gold-light),var(--guava-pink),var(--gold-light),var(--guava-green))}