.list-notice[data-v-08fd5aba]{padding:40px 16px;text-align:center;color:#aab2c8}.list-notice.error[data-v-08fd5aba]{color:#ffb3c5}.hero-loading[data-v-08fd5aba]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:280px;color:#aab2c8;background:#080a1073;border-radius:inherit}.live-badge[data-v-08fd5aba]{max-width:100%;box-sizing:border-box}.live-badge span[data-v-08fd5aba]{min-width:0;overflow-wrap:anywhere}.live-dot[data-v-08fd5aba]{flex-shrink:0}.live-dot.replay[data-v-08fd5aba]{background:#58d6ad;animation:none}.live-dot.offline[data-v-08fd5aba]{background:#aab2c8;animation:none}.live-card-badge[data-v-08fd5aba]{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#080a10b8;color:#fff;font-size:.72rem}.live-card-badge .dot[data-v-08fd5aba]{width:6px;height:6px;border-radius:50%;background:#ff4d6d}.live-card-badge.replay .dot[data-v-08fd5aba]{background:#58d6ad}.live-card-badge.offline .dot[data-v-08fd5aba]{background:#aab2c8}.stream-info[data-v-08fd5aba]{padding:12px 16px}.streamer-name[data-v-08fd5aba]{margin-bottom:6px}.streamer-name img[data-v-08fd5aba]{flex-shrink:0}.stream-desc[data-v-08fd5aba]{display:block;white-space:nowrap}.stream-card-footer[data-v-08fd5aba]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;min-height:25px}.stream-card-footer .viewers[data-v-08fd5aba]{margin-top:0;min-width:0;overflow-wrap:anywhere;visibility:hidden}.stream-card-footer .tag[data-v-08fd5aba]{margin-top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all-rooms-link[data-v-08fd5aba]{display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:24px auto 0;color:#ff7e9e}.hot-page[data-v-b6530afc]{min-height:100vh}.list-notice[data-v-b6530afc]{min-height:120px;display:grid;place-items:center;color:#aab2c8;background:#11131fb8;border:1px solid #262836;border-radius:12px;margin-bottom:24px}.list-notice.error[data-v-b6530afc]{color:#ffb3c5}.category-notice[data-v-b6530afc]{color:#ffb3c5;margin-bottom:16px}.live-card-badge[data-v-b6530afc]{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:#080a10b8;color:#fff;font-size:.72rem}.live-card-badge .dot[data-v-b6530afc]{width:6px;height:6px;border-radius:50%;background:#ff4d6d}.live-card-badge.replay .dot[data-v-b6530afc]{background:#58d6ad}.live-card-badge.offline .dot[data-v-b6530afc]{background:#aab2c8}.stream-info[data-v-b6530afc]{padding:12px 16px}.streamer-name[data-v-b6530afc]{margin-bottom:6px}.streamer-name img[data-v-b6530afc]{flex-shrink:0}.stream-desc[data-v-b6530afc]{display:block;white-space:nowrap}.stream-card-footer[data-v-b6530afc]{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;min-height:25px}.stream-card-footer .viewers[data-v-b6530afc]{margin-top:0;min-width:0;overflow-wrap:anywhere}.stream-card-footer .tag[data-v-b6530afc]{margin-top:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination[data-v-b6530afc]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:32px 0 8px;color:#a8abb2;font-size:14px}.page-total[data-v-b6530afc]{white-space:nowrap}.page-size[data-v-b6530afc]{position:relative;display:inline-flex;align-items:center}.page-size select[data-v-b6530afc]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;padding:0 28px 0 12px;border:1px solid #4c4d4f;border-radius:4px;background:#1d1e1f;color:#cfd3dc;font-size:14px;cursor:pointer}.page-size select[data-v-b6530afc]:hover,.page-size select[data-v-b6530afc]:focus{border-color:#409eff;outline:none}.page-size i[data-v-b6530afc]{position:absolute;right:10px;pointer-events:none;font-size:10px;color:#a8abb2}.page-btn[data-v-b6530afc]{height:32px;min-width:32px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #4c4d4f;background:#1d1e1f;color:#cfd3dc;font-size:14px;line-height:1;cursor:pointer}.page-btn.page-num[data-v-b6530afc]{padding:0}.page-btn[data-v-b6530afc]:hover:not(:disabled){color:#409eff;border-color:#409eff}.page-btn.active[data-v-b6530afc]{color:#fff;border-color:#409eff;background:#409eff}.page-btn[data-v-b6530afc]:disabled{opacity:.5;cursor:not-allowed;color:#8d9095}.app-footer{background:linear-gradient(145deg,#0f1118,#0a0c10);border-top:1px solid rgba(255,255,255,.08);padding:40px 0;margin-top:80px}.footer-company-info{text-align:center}.footer-company-info p{color:#666a7c;font-size:.85rem;margin-bottom:8px}.footer-company-info a{color:#666a7c;text-decoration:none;transition:color .2s}.footer-company-info a:hover{color:#ff5c8a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:none;justify-content:center;align-items:center;padding:20px}.modal-overlay.show{display:flex;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anchor-modal,.guild-modal,.success-modal,.recharge-modal,.profile-modal,.pwd-modal{background:linear-gradient(145deg,#1a1d27,#14161f);border-radius:20px;width:100%;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px #00000080;animation:slideUp .4s ease}.anchor-modal{max-width:520px}.guild-modal{max-width:700px}.success-modal{max-width:460px;text-align:center;padding:50px 40px}.modal-header{padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.35rem;font-weight:700;background:linear-gradient(135deg,#fff,#ff8a9d);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;gap:10px}.modal-header h3 i{color:#ff4d6d;-webkit-text-fill-color:#ff4d6d}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff14;color:#999;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#f363;color:#f36}.modal-body{padding:28px;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-desc{color:#9aa0b4;font-size:.95rem;margin-bottom:24px;line-height:1.6}.success-icon{width:90px;height:90px;margin:0 auto 24px;background:linear-gradient(135deg,#00c853,#00e676);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #00c8534d;animation:successBounce .5s ease}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.success-icon i{font-size:2.5rem;color:#fff}.success-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:16px;background:linear-gradient(135deg,#fff,#00e676);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.success-desc{color:#9aa0b4;font-size:.95rem;line-height:1.8;margin-bottom:32px}.form-section-title{color:#ff5c8a;font-weight:600;font-size:1.05rem;margin:28px 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(255,92,138,.2);display:flex;align-items:center;gap:8px}.form-section-title:first-child{margin-top:0}.form-group{margin-bottom:16px}.form-row,.upload-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#d0d4e0;font-size:.9rem}.form-label .required{color:#ff4d6d}.form-input,.form-select{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;font-size:.95rem;font-family:inherit;transition:all .3s;outline:none}.form-input:focus,.form-select:focus{border-color:#ff5c8a;background:#ff5c8a14;box-shadow:0 0 0 3px #ff5c8a26}.form-input::placeholder{color:#666a7c}.form-select option{background:#1a1d27;color:#fff}.upload-area{border:2px dashed rgba(255,255,255,.15);border-radius:16px;padding:24px;text-align:center;cursor:pointer;transition:all .3s;background:#ffffff05}.upload-area:hover{border-color:#ff5c8a;background:#ff5c8a0d}.upload-area.has-file{padding:0;border:none;background:none}.upload-area.has-error{border-style:solid;border-color:#ff4d6d;background:#ff4d6d14}.form-field-error{color:#ff4d6d;font-size:.85rem;margin-top:8px;line-height:1.4}.upload-area.upload-small{padding:16px}.upload-placeholder i{font-size:2.5rem;color:#ff5c8a;margin-bottom:12px}.upload-placeholder p{color:#d0d4e0;font-weight:500;margin-bottom:6px}.upload-placeholder span{color:#666a7c;font-size:.85rem}.upload-preview{position:relative;border-radius:12px;overflow:hidden}.upload-preview img{width:100%;max-height:180px;object-fit:cover;display:block}.upload-small .upload-preview img{max-height:120px}.remove-photo{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0009;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:.8rem}.remove-photo:hover{background:#f36;transform:scale(1.1)}.submit-btn{width:100%;padding:14px;font-size:1rem;margin-top:24px;justify-content:center}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-modal,.register-modal{background:linear-gradient(145deg,#1a1d27,#14161f);border-radius:20px;width:100%;max-width:420px;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px #00000080;animation:slideUp .4s ease}.auth-error{color:#ff4d6d;font-size:.85rem;margin-bottom:12px}.auth-switch{text-align:center;margin-top:20px;font-size:.9rem;color:#8f9bb3}.auth-switch a{color:#ff5c8a;font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.user-center{position:relative;display:flex;align-items:center;gap:10px}.nav-user-chip{flex-shrink:0;display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,92,138,.35);border-radius:22px;padding:4px 12px 4px 6px;margin-right:2px;cursor:pointer;list-style:none}.nav-user-chip::-webkit-details-marker{display:none}.nav-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-avatar img{width:100%;height:100%;border-radius:50%;display:block}.nav-user-name{color:#f0f3fa;font-size:.85rem;font-weight:600;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-pop{position:absolute;top:calc(100% + 10px);right:0;width:288px;background:linear-gradient(145deg,#1a1d27,#14161f);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 18px 50px #0000008c;z-index:1200;overflow:hidden;animation:ucIn .18s ease}@keyframes ucIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.uc-head{display:flex;align-items:center;gap:12px;padding:16px 18px 14px}.uc-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0}.uc-avatar img{width:100%;height:100%;border-radius:50%;display:block}.uc-uname{font-size:1rem;font-weight:700;color:#fff;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uc-unick{font-size:.76rem;color:#8f9bb3;margin-top:3px}.uc-bal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 14px;padding:12px 14px;background:#ffd16614;border:1px solid rgba(255,209,102,.22);border-radius:12px}.uc-bal-num{display:flex;align-items:center;gap:5px;color:#ffd166;font-weight:800;font-size:1.2rem}.uc-bal-num i{font-size:.95rem}.uc-bal-tip{font-size:.74rem;color:#8f9bb3;margin-top:2px}.uc-recharge{background:linear-gradient(135deg,#ff5c8a,#ff8a5c);color:#fff;border:none;border-radius:10px;padding:9px 15px;font-size:.85rem;font-weight:700;cursor:pointer;flex-shrink:0;font-family:inherit}.uc-recharge:hover{filter:brightness(1.08)}.uc-menu{padding:8px;margin-top:10px}.uc-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:#c8cfe0;font-size:.9rem;padding:11px 12px;border-radius:10px;cursor:pointer;text-align:left;font-family:inherit}.uc-item i{width:18px;text-align:center;color:#8f9bb3}.uc-item:hover{background:#ffffff0f;color:#fff}.uc-item.danger,.uc-item.danger i{color:#ff6b6b}.uc-sep{height:1px;background:#ffffff12;margin:6px 12px}.recharge-modal{max-width:440px}.profile-modal{max-width:420px}.pwd-modal{max-width:400px}.rc-mascot{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rc-mascot-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#ff5c8a,#ff8a5c);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}.rc-title{font-size:1.05rem;font-weight:800;color:#fff}.rc-sub{font-size:.82rem;color:#8f9bb3;margin-top:2px}.rc-pay{border-top:1px dashed rgba(255,255,255,.1);padding-top:14px;text-align:center}.rc-amount{font-size:.95rem;color:#c8cfe0;margin-bottom:10px}.rc-amount b{color:#ff7a45;font-size:1.5rem;font-weight:800}.rc-qr{width:200px;height:200px;margin:0 auto 8px;background:#fff;border-radius:10px;padding:8px;box-sizing:border-box}.rc-qr img{width:100%;height:100%;display:block;border-radius:4px}.rc-qr-waiting{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f5f6fa;border-radius:4px;color:#8f9bb3;font-size:.78rem;padding:12px;text-align:center;box-sizing:border-box}.rc-qr-tip{font-size:.8rem;color:#8f9bb3}.rc-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.rc-plan{position:relative;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 6px;cursor:pointer;text-align:center;color:#c8cfe0;transition:.15s;font-family:inherit}.rc-plan:hover{border-color:#ff5c8a80}.rc-plan.active{border-color:#ff5c8a;background:#ff5c8a24;color:#fff}.rc-plan-d{font-weight:800;font-size:1rem;color:#ffd166}.rc-plan-y{font-size:.8rem;color:#9aa4bd;margin-top:2px}.rc-plan-tag{position:absolute;top:-8px;right:-4px;background:#ff5c8a;color:#fff;font-size:.62rem;padding:1px 6px;border-radius:8px;font-weight:700}.rc-label{font-size:.85rem;color:#9aa4bd;margin-bottom:8px}.rc-methods{display:flex;gap:10px;margin-bottom:18px}.rc-method{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 4px;color:#c8cfe0;font-size:.85rem;cursor:pointer;font-family:inherit}.rc-method.active{border-color:#ff5c8a;background:#ff5c8a24;color:#fff;font-weight:700}.rc-actions{display:flex;gap:10px;align-items:center}.rc-back{background:transparent;border:none;color:#8f9bb3;font-size:.88rem;cursor:pointer;font-family:inherit}.rc-back:hover{color:#fff}.rc-empty{text-align:center;color:#8f9bb3;font-size:.88rem;padding:18px 0}.rc-status{margin-top:10px;color:#aeb5c9;text-align:center;font-size:.8rem}.rc-success{text-align:center;padding:34px 0}.rc-success-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#22c55e26;display:flex;align-items:center;justify-content:center;color:#22c55e;font-size:2rem}.rc-success-title{font-size:1.1rem;font-weight:800;color:#22c55e;margin-bottom:6px}.rc-success-sub{font-size:.88rem;color:#9aa4bd}.rc-success-sub b{color:#ffd166}.pf-cur{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pf-cur img{width:56px;height:56px;border-radius:50%}.pf-cur-name{font-size:1rem;font-weight:700;color:#fff}.pf-cur-tip{font-size:.76rem;color:#8f9bb3;margin-top:3px}.pf-avatars{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.pf-av{background:none;border:2px solid transparent;border-radius:50%;padding:2px;cursor:pointer;line-height:0}.pf-av img{width:100%;aspect-ratio:1;border-radius:50%;display:block}.pf-av.active{border-color:#ff5c8a}.pf-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:20px}.nav-login{color:#ff5c8a!important;font-weight:600}.nav-logout{color:#8f9bb3!important;font-size:.85rem}.kick-modal{background:linear-gradient(145deg,#1a1d27,#14161f);border-radius:20px;width:100%;max-width:460px;text-align:center;padding:50px 40px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px #00000080;animation:slideUp .4s ease}.kick-icon{width:90px;height:90px;margin:0 auto 24px;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #ff57224d;animation:successBounce .5s ease}.kick-icon i{font-size:2.5rem;color:#fff}.kick-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:16px;background:linear-gradient(135deg,#fff,#ffb74d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kick-desc{color:#9aa0b4;font-size:.95rem;line-height:1.8;margin-bottom:32px}.kick-modal-overlay{z-index:1100}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#0a0c10;color:#f0f3fa;line-height:1.5;scroll-behavior:smooth}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1f2c}::-webkit-scrollbar-thumb{background:#f36;border-radius:10px}.container{max-width:1300px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-weight:600;border-radius:40px;transition:all .3s ease;font-size:1rem;cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}.btn-primary{background:linear-gradient(135deg,#f36,#ff6b3d);color:#fff;box-shadow:0 8px 20px #ff33664d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff336680;background:linear-gradient(135deg,#ff4d7a,#ff8255)}.btn-outline{border:1px solid rgba(255,255,255,.3);background:#ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.btn-outline:hover{border-color:#f36;background:#ff336626}.btn-sm{padding:8px 20px;font-size:.9rem}.app-header{position:fixed;width:100%;top:0;z-index:100;background:#0a0c10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;flex-wrap:wrap;gap:16px}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(120deg,#fff,#ff7b9c);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;cursor:pointer;display:flex;align-items:center;gap:10px}.logo-img{height:36px;width:auto;border-radius:8px}.logo-text{background:linear-gradient(120deg,#fff,#ff7b9c);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.nav-links a{color:#dddceb;font-weight:500;transition:.2s}.nav-links a:hover,.nav-links a.router-link-active{color:#ff5c8a}.nav-actions{display:flex;gap:12px;align-items:center}main{min-height:100vh}.page{padding-top:100px;padding-bottom:80px}.section{padding:80px 0}.section-alt{background:#0c0e16}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:16px}.section-sub{text-align:center;color:#9aa2bf;margin-bottom:60px;font-size:1.1rem}.page-title{font-size:2.8rem;font-weight:800;margin-bottom:12px;letter-spacing:-.5px}.page-desc{color:#9aa2bf;font-size:1.1rem;margin-bottom:48px;max-width:640px}.hero{padding:120px 0 80px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:40px}.hero-content{flex:1.2;min-width:280px}.hero-badge{background:#f363;padding:6px 14px;border-radius:40px;font-size:.85rem;font-weight:600;color:#ff809f;display:inline-block;margin-bottom:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,51,102,.3)}.hero-badge i{font-size:.5rem;vertical-align:middle;margin-right:4px}.hero h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:24px;letter-spacing:-1px}.hero-gradient{background:linear-gradient(to right,#fff,#ff9a76);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{font-size:1.2rem;color:#b9c2d9;margin-bottom:32px;max-width:90%}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.hero-stats{display:flex;gap:32px;margin-top:40px;flex-wrap:wrap}.stat-item{cursor:pointer}.stat-item h3{font-size:1.8rem;font-weight:800}.stat-item p{font-size:.9rem;color:#8f9bb3}.hero-visual{flex:1;position:relative;min-width:280px}.hero-visual img{width:100%;border-radius:32px;box-shadow:0 25px 40px -12px #0009;border:1px solid rgba(255,255,255,.1);object-fit:cover;aspect-ratio:4/3}.live-badge{position:absolute;bottom:-20px;left:-10px;background:#1f1e2e;padding:12px 20px;border-radius:60px;display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,51,102,.5);box-shadow:0 8px 20px #0000004d;font-size:.9rem}.live-dot{width:12px;height:12px;background:#f36;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}.feature-card{background:#141624b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:32px;padding:32px 24px;transition:.3s;border:1px solid rgba(255,255,255,.05);text-align:center;cursor:pointer}.feature-card:hover{transform:translateY(-8px);border-color:#f366;background:#1c1e30e6;box-shadow:0 20px 30px -15px #00000080}.feature-icon{font-size:3rem;color:#ff5c8a;margin-bottom:24px}.feature-card h3{font-size:1.5rem;margin-bottom:16px}.feature-card p{color:#b0b7d0}.streamers-grid{display:grid;grid-template-columns:repeat(auto-fill,280px);gap:28px;justify-content:start}.stream-card{position:relative;width:280px;height:300px;display:flex;flex-direction:column;background:#11131f;border-radius:28px;overflow:hidden;transition:.3s;border:none;cursor:pointer;box-sizing:border-box}.stream-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #262836;pointer-events:none;z-index:2;transition:box-shadow .3s}.stream-card:hover{transform:scale(1.02);box-shadow:0 20px 30px -10px #000}.stream-card:hover:after{box-shadow:inset 0 0 0 1px #ff4d6d}.stream-thumb{position:relative;flex-shrink:0;height:170px;background-size:cover;background-position:center;overflow:hidden;background:#000}.thumb-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.stream-info{flex:1;display:flex;flex-direction:column;padding:18px;min-height:0;overflow:hidden}.streamer-name{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-width:0}.streamer-name img{width:36px;height:36px;border-radius:50%;border:2px solid #ff4d6d;object-fit:cover}.streamer-name h4{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.stream-desc{font-size:.9rem;color:#b0b7d0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.tag{background:#2a2c3e;display:inline-block;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;margin-top:10px}.viewers{color:#ff7e9e;font-size:.85rem;margin-top:8px;display:flex;align-items:center;gap:6px}.clips-scroll{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:12px}.clips-scroll .stream-card{flex-shrink:0;scroll-snap-align:start}.clip-thumb{position:relative;overflow:hidden}.clip-thumb video{width:100%;height:100%;object-fit:cover;display:block}.clip-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;color:#fff;font-size:2rem;pointer-events:none;transition:opacity .3s}.clip-card:hover .clip-play{opacity:0}.video-modal{background:linear-gradient(145deg,#1a1d27,#14161f);border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 80px #00000080;animation:slideUp .4s ease}.video-modal-body{background:#000;line-height:0}.video-modal-body video{width:100%;max-height:calc(90vh - 80px);display:block;outline:none}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cards-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.info-card{background:#141624b3;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:.3s;cursor:pointer}.info-card:hover{border-color:#f366;transform:translateY(-6px);box-shadow:0 20px 30px -15px #00000080}.info-card img{width:100%;height:200px;object-fit:cover}.info-card-body{padding:22px}.info-card-body h3{font-size:1.25rem;margin-bottom:10px}.info-card-body p{color:#b0b7d0;font-size:.95rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.game-card{background:#141624cc;border:1px solid #262836;border-radius:24px;padding:28px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:.3s}.game-card:hover{border-color:#ff4d6d;background:#1c1e30f2;transform:translateY(-4px)}.game-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#ff33664d,#ff6b3d33);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ff5c8a;flex-shrink:0}.game-card h4{font-size:1rem;margin-bottom:4px}.game-card span{font-size:.8rem;color:#8f9bb3}.benefit-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.benefit-item{background:#141624b3;border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:32px;transition:.3s}.benefit-item:hover{border-color:#ff336659}.benefit-item i{font-size:2rem;color:#ff5c8a;margin-bottom:16px}.benefit-item h3{font-size:1.3rem;margin-bottom:12px}.benefit-item p{color:#b0b7d0;line-height:1.7}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.contact-card{background:#11131f;border:1px solid #262836;border-radius:28px;padding:32px;transition:.3s}.contact-card:hover{border-color:#ff4d6d}.contact-card i{font-size:2rem;color:#ff5c8a;margin-bottom:16px}.contact-card h3{margin-bottom:8px}.contact-card p{color:#b0b7d0}.contact-card a{color:#ff7e9e;transition:.2s}.contact-card a:hover{color:#ff5c8a}.cta{background:linear-gradient(120deg,#0c0e18,#14182b);border-radius:48px;margin:40px auto;padding:60px 48px;text-align:center;border:1px solid rgba(255,51,102,.2)}.cta h2{font-size:2.2rem;margin-bottom:20px}.cta p{color:#b9c2d9;max-width:560px;margin:0 auto}.cta .btn-primary{margin-top:28px}.download-buttons{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:30px}.download-btn{background:#1a1d2b;border-radius:60px;padding:12px 32px;display:flex;align-items:center;gap:12px;transition:.2s;border:1px solid #2f3348;color:#fff;cursor:pointer;font-family:inherit}.download-btn i{font-size:1.8rem}.download-btn span{font-weight:600;text-align:left}.download-btn small{display:block;font-size:.7rem;opacity:.7;font-weight:400}.download-btn:hover{background:#f36;border-color:#f36;transform:translateY(-3px)}.download-section{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:space-between}.download-visual{flex:0 0 auto;min-width:200px;text-align:center}.download-visual img{width:70%;max-width:320px;border-radius:36px;box-shadow:0 20px 30px -10px #00000080}.download-content{flex:1;min-width:280px}.download-content h3{font-size:1.8rem;margin-bottom:16px}.download-content>p{color:#bcc3de;margin-bottom:24px}.check-list{display:flex;flex-direction:column;gap:12px;color:#dddceb}.check-list i{color:#ff5c8a;margin-right:8px}.app-footer{border-top:1px solid #1e2130;padding:50px 0 30px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:40px;margin-bottom:40px}.footer-col h4{font-size:1.2rem;margin-bottom:20px;color:#fff}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col a,.footer-link{color:#aaadc6;transition:.2s;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;padding:0}.footer-col a:hover,.footer-link:hover{color:#ff5c8a}.social-icons{display:flex;gap:20px;margin-top:15px}.social-icons a{font-size:1.5rem;color:#bbbed6;cursor:pointer;transition:.2s}.social-icons a:hover{color:#ff5c8a}.footer-contact p{color:#aaadc6;margin-top:8px;font-size:.9rem}.copyright{text-align:center;color:#6f7495;font-size:.85rem;padding-top:20px;line-height:1.8}.toast-msg{position:fixed;bottom:30px;left:50%;transform:translate(-50%) scale(.9);background:#1f1e2ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:12px 24px;border-radius:60px;font-size:.9rem;border:1px solid #ff5c8a;box-shadow:0 4px 15px #0000004d;z-index:3000;opacity:0;transition:all .2s ease;pointer-events:none;white-space:nowrap;max-width:90vw;text-align:center}.toast-msg.show{opacity:1;transform:translate(-50%) scale(1)}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.filter-tag{padding:8px 20px;border-radius:40px;background:#1a1d2b;border:1px solid #2f3348;color:#dddceb;cursor:pointer;transition:.2s;font-size:.9rem}.filter-tag:hover,.filter-tag.active{background:#f363;border-color:#ff4d6d;color:#ff809f}@media(max-width:860px){.hero h1{font-size:2.5rem}.hero-content>p{max-width:100%}.section-title,.page-title{font-size:2rem}.nav-links{gap:16px;font-size:.9rem}.toast-msg{white-space:normal}.cta{padding:40px 24px}}