:root{--dark:#1E1E28;--card:#2A2A3C;--gold:#ffb400;--blue-purple:linear-gradient(135deg,#4a7bff 0%,#8a2be2 100%)}*{box-sizing:border-box;margin:0px;padding:0px}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--dark);color:rgb(238,238,238);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}*,.btn,img{-webkit-tap-highlight-color:transparent}.header-fixed{position:fixed;top:0px;left:0px;right:0px;background:var(--dark);z-index:1000;border-bottom:0px solid rgba(255,255,255,0.08)}.top-nav{background:var(--dark);padding:20px 0px 3px}.top-nav ul{display:flex;justify-content:space-around;list-style:none;margin:0px;padding:0px}.top-nav li{flex:1 1 0%;text-align:center;font-size:17px;color:rgb(153,153,153);font-weight:400;padding:8px 0px;position:relative;transition:all 0.2s ease 0s;cursor:pointer}.top-nav li.active{color:rgb(255,255,255);font-weight:700}.top-nav li.active::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:28px;height:3px;background:var(--gold);border-radius:2px}.top-nav li:active{transform:scale(0.95);opacity:0.8}.search-box{padding:16px 12px 12px;background:var(--dark)}.search-inner{position:relative}.search-inner input{width:100%;height:36px;padding:0px 16px 0px 40px;border:1px solid rgb(204,204,204);border-radius:18px;font-size:14px;background:rgb(255,255,255);color:rgb(0,0,0);transition:transform 0.1s ease 0s}.search-inner input::placeholder{color:rgb(102,102,102)}.search-inner input:focus{outline:none;border-color:var(--gold)}.search-inner input:active{transform:scale(0.98)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;transition:transform 0.2s ease 0s}.search-icon:active{transform:translateY(-50%) scale(0.9)}.btn-row{display:flex;gap:12px;padding:12px;background:var(--dark)}.neon-btn{flex:1 1 0%;height:105px;border:none;border-radius:18px;background:linear-gradient(135deg,rgb(74,123,255) 0%,rgb(138,43,226) 100%);color:rgb(255,255,255);font-size:16px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:transform 0.18s ease 0s,box-shadow 0.25s ease 0s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:rgba(138,43,226,0.35) 0px 0px 0px 2px,rgba(74,123,255,0.45) 0px 0px 20px 4px}.neon-btn:active{transform:scale(0.96);box-shadow:rgba(138,43,226,0.55) 0px 0px 0px 2px,rgba(74,123,255,0.65) 0px 0px 26px 6px}#btnBanner{background:linear-gradient(135deg,rgb(255,126,0) 0%,rgb(255,170,0) 100%);box-shadow:rgba(255,170,0,0.35) 0px 0px 0px 2px,rgba(255,126,0,0.35) 0px 0px 12px 3px}#btnBanner:active{box-shadow:rgba(255,170,0,0.55) 0px 0px 0px 2px,rgba(255,126,0,0.45) 0px 0px 16px 4px}#btnGifs{background:linear-gradient(135deg,rgb(255,85,149) 0%,rgb(255,136,187) 100%);box-shadow:rgba(255,85,149,0.35) 0px 0px 0px 2px,rgba(255,136,187,0.35) 0px 0px 12px 3px}#btnGifs:active{box-shadow:rgba(255,85,149,0.55) 0px 0px 0px 2px,rgba(255,136,187,0.45) 0px 0px 16px 4px}.btn-gif{width:55px;height:55px;object-fit:cover;border-radius:50%;animation:1.8s ease-in-out 0s infinite normal none running pulse}@keyframes pulse{0%,100%{box-shadow:rgba(255,255,255,0.25) 0px 0px 0px 0px}50%{box-shadow:rgba(255,255,255,0) 0px 0px 0px 8px}}.btn-txt{letter-spacing:0.5px;text-shadow:rgba(0,0,0,0.35) 0px 0px 8px;position:relative;top:5px;font-size:16px}.neon-btn{animation:0s ease 0s 1 normal none running none}.neon-btn.shaking{animation:2.4s ease-in-out 0s infinite normal none running gentleShake}@keyframes gentleShake{0%,54%,100%{transform:translateX(0px) rotate(0deg)}58%{transform:translateX(-4px) rotate(-2deg)}60%{transform:translateX(4px) rotate(2deg)}62%{transform:translateX(0px) rotate(0deg)}}.neon-btn:active{animation:0s ease 0s 1 normal none running none}.guide-finger{position:absolute;width:45px;height:45px;background-image:url("../images/sz.png");background-size:contain;background-repeat:no-repeat;opacity:0;pointer-events:none;z-index:10;right:12px;bottom:12px}.guide-finger.animate{animation:2.4s linear 0s infinite normal none running fingerFade,2.4s linear 0s infinite normal none running fingerMove}@keyframes fingerFade{0%{opacity:0}15%{opacity:0}50%{opacity:1}60%{opacity:1}80%{opacity:0}}@keyframes fingerMove{0%{transform:translate(30px,30px)}50%{transform:translate(-41px,-23px)}56%{transform:translate(-41px,-23px)}58%{transform:translate(-41px,-23px)}100%{transform:translate(-41px,-23px)}}.video-grid{padding:12px;background:var(--dark)}.video-row{display:flex;gap:10px;margin-bottom:18px}.video-card{flex:1 1 0%;background:transparent;display:flex;flex-direction:column;cursor:pointer;transition:all 0.2s ease 0s}.video-thumb-container{position:relative;width:100%;height:130px;border-radius:12px;background:var(--card);margin-bottom:6px;overflow:hidden;transition:all 0.3s ease 0s}.video-thumb-container::before{content:"";position:absolute;inset:0px;border-radius:12px}.video-thumb-container img{width:100%;height:100%;object-fit:cover;display:block}.free-badge{position:absolute;left:0px;top:0px;width:32px;height:16px;border-radius:0px 0px 6px;z-index:2;transition:transform 0.2s ease 0s}.free-badge img{width:100%;height:100%;display:block}.lock-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;z-index:2;transition:transform 0.2s ease 0s}.lock-center img{width:100%;height:100%;display:block}.bottom-icons{position:absolute;left:0px;right:0px;bottom:0px;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;z-index:2}.left-group{display:flex;align-items:center;gap:3px;font-size:12px;color:rgb(255,255,255)}.eye-icon{width:14px;height:14px;background:url("../images/gk.png") center center / contain no-repeat;transition:transform 0.2s ease 0s}.right-group{display:flex;align-items:center;gap:3px;font-size:12px;color:rgb(255,255,255)}.time-clock-icon{width:13px;height:13px;background:url("../images/sj.png") center center / contain no-repeat;transition:transform 0.2s ease 0s}.video-info{padding:0px}.video-info h5{font-size:12px;color:rgb(153,153,153);margin:0px;font-weight:normal;font-style:italic;line-height:1.4;transition:color 0.2s ease 0s}.video-card:active .video-thumb-container{transform:scale(0.95);box-shadow:0 0 0 2px var(--gold)}.video-card:active .free-badge{transform:scale(1.2)}.video-card:active .lock-center{transform:translate(-50%,-50%) scale(1.2)}.video-card:active .eye-icon,.video-card:active .time-clock-icon{transform:scale(1.2)}.video-card:active .video-info h5{color:var(--gold)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;background:var(--dark)}.pagination a{width:30px;height:30px;line-height:30px;text-align:center;font-size:13px;color:rgb(187,187,187);background:rgb(42,42,60);border-radius:50%;transition:background 0.25s ease 0s,color 0.25s ease 0s,transform 0.15s ease 0s;cursor:pointer}.pagination a.on{background:linear-gradient(135deg,rgb(255,126,0) 0%,rgb(255,170,0) 100%);color:rgb(255,255,255);font-weight:700}.pagination a:active{transform:scale(0.88);-webkit-filter:brightness(0.9);filter:brightness(0.9)}.bottom-nav{position:fixed;bottom:0px;left:0px;right:0px;display:flex;background:var(--dark);border-top:1px solid rgba(255,180,0,0.15);z-index:1000}.bottom-nav a{flex:1 1 0%;text-align:center;padding:8px 0px 6px;font-size:11px;color:rgb(153,153,153);background:none;transition:all 0.3s ease 0s;cursor:pointer}.bottom-nav a.on{color:var(--gold);background:none}.bottom-nav-icon{display:block;width:22px;height:22px;margin:0px auto 3px;border-radius:6px;background:none 0% 0% / cover;transition:all 0.3s ease 0s}.icon-home .bottom-nav-icon{background-image:url("../images/sy.png")}.icon-category .bottom-nav-icon{background-image:url("../images/qz.png")}.icon-new .bottom-nav-icon{background-image:url("../images/zb.png")}.icon-me .bottom-nav-icon{background-image:url("../images/wd.png")}.bottom-nav a:active .bottom-nav-icon{transform:scale(0.85);-webkit-filter:brightness(1.2);filter:brightness(1.2)}.bottom-nav a:active{color:var(--gold)}body{padding-top:68px;padding-bottom:50px}.free-header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:var(--dark)}.free-label{position:relative;font-size:16px;font-weight:700;color:rgb(255,255,255);padding-left:11px}.free-label::before{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:4px;height:25px;background:var(--gold);border-radius:2px}.free-more{font-size:13px;color:rgb(187,187,187)}html,body{margin:0px;height:100%;overflow:hidden}.app-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.scroll-box{height:100%;overflow-y:scroll;padding-right:20px;margin-right:-20px}.scroll-box::-webkit-scrollbar{width:0px !important}.overlay{position:fixed;inset:0px;background:rgba(0,0,0,0.55);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease 0s}.overlay.show{opacity:1;pointer-events:auto}.spinner{width:40px;height:40px;border-width:4px;border-style:solid;border-color:rgb(255,180,0) rgba(255,255,255,0.2) rgba(255,255,255,0.2);border-image:initial;border-radius:50%;animation:1s linear 0s infinite normal none running spin}@keyframes spin{100%{transform:rotate(360deg)}}.pwd-box{position:fixed;inset:0px;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease 0s}.pwd-box.show{opacity:1;pointer-events:auto}.pwd-inner{position:relative;width:340px;background:rgb(255,255,255);border-radius:14px;padding:28px 22px 16px;text-align:center;color:rgb(0,0,0);box-shadow:rgba(0,0,0,0.65) 0px 10px 30px}.pwd-close{position:absolute;right:12px;top:12px;font-size:24px;line-height:1;color:rgb(187,187,187);cursor:pointer;transition:color 0.2s ease 0s}.pwd-close:active{color:rgb(255,255,255)}.pwd-title{font-size:16px;font-weight:600;margin-bottom:10px;color:rgb(0,0,0)}.pwd-desc{font-size:16px;color:rgb(255,51,51);background:rgba(255,180,0,0.1);border:2px dashed rgb(255,180,0);border-radius:12px;padding:12px 18px 12px 38px;display:block;margin:26px 11px 25px;cursor:pointer;transition:all 0.3s ease 0s;font-weight:500;text-align:center;position:relative;animation:2s ease-in-out 0s infinite normal none running breathe;text-decoration:none;line-height:1.2}@keyframes breathe{0%,100%{background:rgba(255,180,0,0.1);border-color:rgb(255,180,0)}50%{background:rgba(255,180,0,0.2);border-color:rgb(255,204,0)}}.pwd-desc::before{content:"\1f511 ";position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:14px;animation:1.5s ease-in-out 0s infinite normal none running unlockShake}@keyframes unlockShake{0%,100%{transform:translateY(-50%) rotate(0deg) scale(1)}10%{transform:translateY(-50%) rotate(-15deg) scale(1.1)}20%{transform:translateY(-50%) rotate(12deg) scale(1.1)}30%{transform:translateY(-50%) rotate(-10deg) scale(1.1)}40%{transform:translateY(-50%) rotate(8deg) scale(1.1)}50%{transform:translateY(-50%) rotate(0deg) scale(1.2)}60%{transform:translateY(-50%) rotate(5deg) scale(1.1)}70%{transform:translateY(-50%) rotate(-3deg) scale(1.1)}80%{transform:translateY(-50%) rotate(2deg) scale(1.1)}90%{transform:translateY(-50%) rotate(-1deg) scale(1.1)}}.pwd-desc::after{content:"";position:absolute;bottom:12px;left:50%;width:0px;height:1px;background:linear-gradient(90deg,transparent,rgb(255,51,51),transparent);transform:translateX(-50%);transition:width 0.3s ease 0s;animation:2s ease-in-out 0s infinite normal none running underlineFlow}@keyframes underlineFlow{0%,100%{width:0px;opacity:0}50%{width:80%;opacity:1}}.pwd-desc:active{background:rgba(255,180,0,0.3);border-style:solid;border-color:rgb(255,204,0);animation:0s ease 0s 1 normal none running none;transform:scale(0.98);padding-bottom:22px}.pwd-desc:active::after{animation:0s ease 0s 1 normal none running none;width:90%;background:rgb(255,204,0);opacity:1;bottom:14px}.pwd-desc:hover::after{animation:0s ease 0s 1 normal none running none;width:90%;background:rgb(255,204,0);opacity:1}.pwd-header{display:flex;justify-content:space-between;align-items:center;margin:-8px -24px 6px;padding:0px 24px;position:relative}.pwd-close{position:absolute;right:12px;top:50%;transform:translateY(-50%) translateY(-6px);font-size:24px;line-height:1;color:rgb(187,187,187);cursor:pointer;transition:color 0.2s ease 0s}.pwd-close:active{color:rgb(255,255,255)}.pwd-divider{height:1px;background:transparent;border-bottom:1px dashed rgb(204,204,204);margin:0px -22px 12px}#pwdInput{width:100%;height:44px;padding:0px 12px;border:1px solid rgb(68,68,68);border-radius:6px;background:rgb(30,30,40);color:rgb(255,255,255);font-size:14px;margin-bottom:8px}.pwd-error{font-size:12px;color:rgb(255,0,0);height:16px;margin-bottom:10px;opacity:0;transition:opacity 0.2s ease 0s}.pwd-error.show{opacity:1}#pwdBtn{width:200px;height:42px;background:linear-gradient(135deg,rgb(255,126,0) 0%,rgb(255,170,0) 100%);color:rgb(255,255,255);border:0px;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:filter 0.2s ease 0s;margin:0px auto;display:block}#pwdBtn:active{filter:brightness(0.9)}.shake{animation:0.35s ease 0s 1 normal none running shake}@keyframes shake{0%,100%{transform:translateX(0px)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}