.cat-hero-wrap{position:relative;overflow:hidden;padding:56px 0 48px;margin-bottom:40px;border-bottom:1px solid var(--glass-border)}.cat-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(4px) brightness(.28) saturate(1.3);transform:scale(1.06)}.cat-hero-bg-fallback{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(139,92,246,.22) 0%,transparent 70%)}.cat-hero-gradient{position:absolute;inset:0;background:linear-gradient(to bottom,#0a061a40,#0a061a8c)}.cat-hero{position:relative}.cat-hero-body{display:flex;align-items:center;gap:40px}.cat-hero-left{flex:1;min-width:0}.cat-hero-right{flex-shrink:0;display:flex;flex-direction:column;gap:12px;min-width:220px}.cat-hero-stats-row{display:flex;gap:10px}.cat-hero-stat{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 20px;text-align:center;backdrop-filter:blur(8px)}.cat-hero-stat strong{display:block;font-size:26px;font-weight:800;color:#fff;line-height:1;margin-bottom:4px}.cat-hero-stat span{font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.cat-hero-add-btn{display:block;text-align:center;padding:12px 20px;background:linear-gradient(135deg,#7c3aed,var(--accent));border-radius:10px;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s}.cat-hero-add-btn:hover{opacity:.85;color:#fff}@media(max-width:700px){.cat-hero-body{flex-direction:column}.cat-hero-right{flex-direction:row;flex-wrap:wrap;min-width:0;width:100%}.cat-hero-stat{flex:1}}.cat-hero-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:#fff6;margin-bottom:14px}.cat-hero-breadcrumb a{color:#fff6;text-decoration:none}.cat-hero-breadcrumb a:hover{color:var(--accent)}.cat-hero-breadcrumb i{font-size:12px}.cat-hero-left h1{font-size:clamp(22px,4vw,36px);font-weight:800;color:#fff;margin:0 0 8px;line-height:1.2}.cat-hero-left h1 span{color:var(--accent)}.cat-hero-desc{font-size:14px;color:#ffffff80;margin:0 0 20px;max-width:560px;line-height:1.6}.cat-hero-search{max-width:520px}.cat-hero-search-inner{display:flex;align-items:center;background:#ffffff12;border:1px solid rgba(139,92,246,.35);border-radius:10px;overflow:hidden;transition:border-color .15s;backdrop-filter:blur(8px)}.cat-hero-search-inner:focus-within{border-color:var(--accent)}.cat-hero-search-inner i{padding:0 12px;color:#ffffff4d;font-size:18px;flex-shrink:0}.cat-hero-search-inner input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:14px;padding:12px 0}.cat-hero-search-inner input::placeholder{color:#ffffff40}.cat-hero-search-inner button{padding:12px 20px;background:linear-gradient(135deg,#7c3aed,var(--accent));border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:opacity .15s}.cat-hero-search-inner button:hover{opacity:.87}.top-ads-wrap{margin-bottom:28px}.top-ad-placeholder{display:flex;align-items:center;justify-content:space-between;gap:16px;height:90px;padding:0 24px;border:1px dashed rgba(139,92,246,.2);border-radius:10px;background:#8b5cf608;margin-bottom:8px}.top-ad-placeholder-text{font-size:13px;color:#fff3}.top-ad-placeholder-cta{flex-shrink:0;font-size:12px;font-weight:600;color:var(--accent);border:1px solid rgba(139,92,246,.3);border-radius:6px;padding:6px 14px;text-decoration:none;transition:background .15s}.top-ad-placeholder-cta:hover{background:var(--accent-dim)}.sticky-ad-placeholder{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#13101df7;border-top:1px dashed rgba(139,92,246,.2);padding:10px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 -4px 20px #0006}.sticky-ad-placeholder-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff2e;white-space:nowrap}.sticky-ad-placeholder-text{flex:1;font-size:13px;color:#fff3}.sticky-ad-placeholder-cta{flex-shrink:0;font-size:12px;font-weight:600;color:var(--accent);border:1px solid rgba(139,92,246,.3);border-radius:6px;padding:6px 14px;text-decoration:none;transition:background .15s;white-space:nowrap}.sticky-ad-placeholder-cta:hover{background:var(--accent-dim)}.top-ads-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-faint);margin-bottom:8px;text-align:center}.top-ad-item{display:block;margin-bottom:8px;border-radius:10px;overflow:hidden;border:1px solid var(--glass-border);background:var(--surface);transition:border-color .15s;text-decoration:none}.top-ad-item:last-child{margin-bottom:0}.top-ad-item:hover{border-color:var(--surface-border)}.top-ad-banner-wrap{display:flex;align-items:center;justify-content:center;background:var(--surface);height:90px;overflow:hidden}.top-ad-banner-wrap img{width:970px;max-width:100%;height:90px;object-fit:contain;display:block}.top-ad-fallback{display:none;align-items:center;justify-content:center;width:100%;height:90px;font-size:14px;font-weight:600;color:var(--accent)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.server-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:12px;padding:18px;margin-bottom:14px;transition:border-color .15s;backdrop-filter:var(--glass-blur);display:flex;align-items:flex-start;gap:16px}.server-card:hover{border-color:var(--accent)}.sc-rank{font-size:22px;font-weight:800;color:var(--accent);flex-shrink:0;min-width:36px;text-align:center;padding-top:2px}.sc-content{flex:1;min-width:0}.sc-banner-wrap{display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border-radius:8px;overflow:hidden;height:90px;margin-bottom:10px}.sc-banner-wrap img{width:728px;max-width:100%;height:90px;object-fit:contain;display:block}.sc-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.sc-title{font-size:17px;font-weight:700;color:#fff;text-decoration:none}.sc-title:hover{color:var(--accent)}.sc-rating{color:#f59e0b;font-size:13px;flex-shrink:0}.sc-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}.sc-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sc-btn{padding:7px 14px;background:var(--accent-dim);border:1px solid var(--surface-border);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.sc-visit{padding:7px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.server-card-simple{background:var(--surface);border:1px solid var(--glass-border);border-radius:12px;padding:16px;margin-bottom:10px;transition:border-color .15s,transform .1s;backdrop-filter:var(--glass-blur)}.server-card-simple:hover{border-color:var(--surface-border);transform:translateY(-1px)}.scs-inner{display:flex;align-items:flex-start;gap:14px}.scs-rank{font-size:20px;font-weight:800;color:var(--accent);flex-shrink:0;min-width:36px;text-align:center;padding-top:2px}.scs-body{flex:1;min-width:0}.scs-banner-wrap{display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border-radius:6px;overflow:hidden;height:60px;margin-bottom:10px}.scs-banner-wrap img{width:468px;max-width:100%;height:60px;object-fit:contain;display:block}.scs-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.scs-title-group{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.scs-title{font-size:15px;font-weight:700;color:#fff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scs-title:hover{color:var(--accent)}.scs-rating{color:#f59e0b;font-size:12px;flex-shrink:0}.scs-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.scs-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.scs-btn{padding:6px 12px;background:var(--accent-dim);border:1px solid var(--surface-border);border-radius:6px;color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.scs-visit{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff9;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.scs-stats{margin-left:auto;display:flex;gap:6px}.server-card-simple.is-premium{border-color:#c084fc80;border-left:3px solid var(--accent);background:linear-gradient(135deg,rgba(192,132,252,.08) 0%,var(--surface) 60%);box-shadow:0 0 20px #c084fc26,0 0 40px #c084fc12}.server-card-simple.is-premium:hover{border-color:#c084fcbf;box-shadow:0 0 28px #c084fc38,0 0 50px #c084fc1a}.scs-premium-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.4px;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(192,132,252,.35);border-radius:20px;padding:2px 8px;vertical-align:middle;margin-left:6px;flex-shrink:0}.stats-container{display:flex;gap:8px}.stats-container span{display:block;text-align:center;padding:4px}.stats-container .stats-in{border:1px solid rgba(34,197,94,.4);color:#4ade80;padding:4px 10px;border-radius:6px;font-size:12px}.stats-container .stats-out{border:1px solid rgba(248,113,113,.35);color:#f87171;padding:4px 10px;border-radius:6px;font-size:12px}.server-separator{display:flex;align-items:center;margin:6px 0 0}.server-separator>a{display:block;flex:auto;padding:0 12px;color:var(--text-faint);font-size:13px;text-decoration:none}.server-separator:before,.server-separator:after{content:"";display:block;height:1px;flex:1;background:var(--glass-border)}.divider{height:1px;margin:8px 0;background:var(--glass-border)}.div-transparent:before{display:none}