*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto}
html{scroll-behavior:smooth}
body{min-height:100vh;overflow-x:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#fff}
.overlay{width:100%;min-height:100vh;background-color:rgba(12,16,28,0.45);padding:0 5vw}
header{display:flex;align-items:center;gap:12px;padding:28px 0}
.header-right{margin-left:auto}
.faq-btn{padding:9px 18px;background:rgba(255,255,255,0.08);border:1px solid rgba(160,132,255,0.3);border-radius:99px;color:#e0d8ff;text-decoration:none;font-size:15px;transition:0.2s}
.faq-btn:hover{background:rgba(160,132,255,0.18);border-color:#a084ff}
.logo-img{width:36px;height:36px;object-fit:contain}
.logo-text{font-size:24px;font-weight:700;letter-spacing:1px}
.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.07);border:1px solid rgba(160,132,255,0.25);border-radius:99px;color:#d4c8ff;text-decoration:none;font-size:15px;margin:20px 0 50px;transition:all 0.22s ease}
.back-btn:hover{background:rgba(160,132,255,0.15);border-color:rgba(160,132,255,0.5);transform:translateX(-4px)}
.download-card{max-width:520px;margin:0 auto;padding:45px;background:rgba(24,30,45,0.65);border-radius:16px;border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(8px)}
.download-card h2{font-size:34px;margin-bottom:35px;user-select:text}
.version-title{font-size:17px;margin-bottom:16px;user-select:text;color:#e0e5f2}
.version-select-box{position:relative;margin-bottom:38px}
.version-current{width:100%;padding:16px 20px;background:rgba(35,42,59,0.7);border:1px solid rgba(255,255,255,0.12);border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:0.22s}
.version-current:hover{border-color:rgba(160,132,255,0.4)}
.version-option-wrap{position:absolute;width:100%;top:calc(100% + 8px);left:0;background:#232a3b;border-radius:10px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.22s ease;z-index:9}
.version-option-wrap.active{opacity:1;visibility:visible;transform:translateY(0)}
.version-item{padding:15px 20px;cursor:pointer;transition:0.18s}
.version-item:hover{background:rgba(130,88,232,0.25)}
.download-action{width:100%;padding:16px;border:none;border-radius:10px;font-size:17px;cursor:pointer;background:linear-gradient(135deg,#4747b8,#8258e8);transition:all 0.25s ease;box-shadow:0 7px 20px rgba(130,88,232,0.25);color:#fff}
.download-action:hover{transform:translateY(-3px);box-shadow:0 11px 30px rgba(130,88,232,0.35)}
#realDownload{display:none}
.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#ffffff;letter-spacing:1px}
.hero-wrap{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 100px)}
.text-area h1{font-size:76px;line-height:1.05;font-weight:800;user-select:text}
.text-area h1 span{color:#42c9ff}
.text-area p{font-size:22px;color:#d0d9ec;margin:24px 0 46px;max-width:540px;user-select:text}
.btn-group{display:flex;gap:16px}
.download-btn{background:linear-gradient(135deg,#4747b8,#8258e8);color:#fff;border:none;padding:12px 26px;border-radius:8px;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all 0.25s ease;box-shadow:0 6px 18px rgba(130,88,232,0.22)}
.download-btn:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(130,88,232,0.32)}
.intro-btn{background:#ffffff;color:#111827;border:none;padding:12px 26px;border-radius:8px;font-size:15px;cursor:pointer;transition:all 0.25s ease;text-decoration:none}
.intro-btn:hover{opacity:0.9;transform:translateY(-2px)}
.intro-section{min-height:100vh;background:#0f1420;padding:80px 5vw;display:flex;flex-direction:column;justify-content:center}
.intro-section h2{font-size:48px;margin-bottom:30px;color:#fff;user-select:text}
.intro-desc{font-size:19px;color:#b8c2d9;max-width:700px;line-height:1.7;margin-bottom:40px;user-select:text}
.server-title{font-size:24px;margin-bottom:24px;color:#e0e5f2;user-select:text}
.img-row{display:flex;gap:20px;flex-wrap:wrap}
.server-icon{width:110px;height:110px;background:#1e2433;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px}
.server-icon img{max-width:100%;max-height:100%;object-fit:contain}
.community-section{min-height:100vh;background:#19191c;padding:80px 5vw;display:flex;flex-direction:column;justify-content:center;text-align:center}
.community-section h2{font-size:48px;margin-bottom:20px;color:#eeeeee;user-select:text}
.community-desc{font-size:22px;color:#a9aeb8;margin-bottom:60px;user-select:text}
.card-wrap{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.comm-card{width:360px;padding:40px 30px;border:1px solid #333338;border-radius:16px;background:#222227;transition:0.22s}
.comm-card:hover{border-color:#55555c}
.avatar-box{width:72px;height:72px;border-radius:50%;background:#2c2c32;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.avatar-box img{width:40px;height:40px;object-fit:contain}
.card-title{font-size:26px;margin-bottom:12px;font-weight:600;user-select:text}
.card-link{color:#ffffff;font-size:17px;text-decoration:none;margin-bottom:14px;display:inline-block}
.card-desc{color:#a9aeb8;font-size:18px;user-select:text}
.faq-page-wrap{display:flex;gap:30px;max-width:1400px;margin:60px auto;padding:0 5vw}
.faq-left{width:320px;flex-shrink:0;background:rgba(24,30,45,0.6);border-radius:14px;padding:24px;border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(6px)}
.faq-left h3{font-size:22px;margin-bottom:20px}
.faq-item{padding:14px 16px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:0.18s}
.faq-item:hover{background:rgba(130,88,232,0.2)}
.faq-item.active{background:rgba(130,88,232,0.3)}
.faq-right{flex:1;background:rgba(24,30,45,0.6);border-radius:14px;padding:32px;border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(6px);min-height:600px}
.faq-right h2{font-size:28px;margin-bottom:20px}
.faq-desc{font-size:17px;line-height:1.8;color:#d0d9ec}
@media(max-width:1200px){
.text-area h1{font-size:56px}
.intro-section h2,.community-section h2{font-size:38px}
}
@media(max-width:900px){
.faq-page-wrap{flex-direction:column}
.faq-left{width:100%}
}
@media(max-width:768px){
.download-card{padding:32px}
.download-card h2{font-size:28px}
.back-btn{padding:8px 16px;font-size:14px}
.text-area h1{font-size:40px}
.logo{font-size:20px}
.logo-img{width:30px;height:30px}
.btn-group{flex-wrap:wrap}
.download-btn,.intro-btn{padding:10px 20px;font-size:14px}
.intro-section h2,.community-section h2{font-size:30px}
.img-row{gap:12px}
.server-icon{width:80px;height:80px}
.card-wrap{flex-direction:column;align-items:center}
.comm-card{width:100%;max-width:360px}
}
.side-contact-box{position:absolute;top:130px;right:5vw;width:320px;background:rgba(255,255,255,0.12);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:24px}
.contact-row{display:flex;align-items:center;gap:16px;font-size:17px;color:#fff}
.contact-btn{flex-shrink:0;background:rgba(160,132,255,0.3);color:#fff;border:none;padding:9px 20px;border-radius:8px;text-decoration:none;font-size:16px;transition:0.2s}
.contact-btn:hover{background:rgba(160,132,255,0.6)}
@media(max-width:768px){
.side-contact-box{width:240px;padding:18px;top:100px}
.contact-row{font-size:15px}
.contact-btn{padding:7px 14px;font-size:14px}
}