:root{--primary:#00b4d8;--primary-2:#3b82f6;--primary-light:#e6f7fc;--primary-dark:#0e7490;--primary-glow:#00b4d81a;--primary-gradient:linear-gradient(135deg, #00b4d8, #3b82f6);--accent:#1d4ed8;--hot:#ff7a59;--gold:#f5b84b;--gold-2:#e89b2e;--gold-gradient:linear-gradient(135deg, #f5b84b, #e89b2e);--bg:#eff2f8;--bg-secondary:#f5f8fc;--bg-card:#fff;--bg-hover:#eff4fa;--bg-warm:#eef6fb;--text:#0f172a;--text-secondary:#5b6b82;--text-light:#94a3b8;--text-white:#fff;--border:#e3eaf2;--border-light:#f0f4f9;--glass-blur:28px;--glass-bg:linear-gradient(152deg, #ffffffa8 0%, #ffffff52 52%, #ffffff80 100%);--glass-border:#ffffffd9;--glass-highlight:inset 0 1.5px 0 #fff, inset 0 -1px 0 #ffffff59, inset 1px 0 0 #ffffff8c, inset -1px 0 0 #ffffff8c;--glass-shadow:0 10px 30px #0f172a14;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#00b4d8;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0d;--shadow:0 2px 10px #0f172a0f;--shadow-md:0 6px 20px #0f172a14;--shadow-lg:0 12px 40px #0f172a1a;--font-family:"Noto Sans Arabic", "UKIJ Tuz Tom", "Microsoft Uighur", Tahoma, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:13px;--font-size-sm:14px;--font-size:16px;--font-size-md:19px;--font-size-lg:22px;--font-size-xl:26px;--space-xs:6px;--space-sm:10px;--space:15px;--space-md:20px;--space-lg:24px;--space-xl:30px;--space-2xl:40px;--nav-height:58px;--topbar-height:58px;--bottom-nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s ease;--transition-bounce:.35s cubic-bezier(.34, 1.56, .64, 1)}.glass{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(2);backdrop-filter:blur(var(--glass-blur)) saturate(2);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);position:relative}.glass-card{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(2);backdrop-filter:blur(var(--glass-blur)) saturate(2);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--glass-shadow);position:relative;overflow:hidden}.glass-card:before{content:"";filter:blur(3px);pointer-events:none;opacity:.85;z-index:0;background:linear-gradient(#ffffffeb,#fff0);border-radius:50%;width:44%;height:36%;position:absolute;top:2px;left:12%}.glass-card>*{z-index:1;position:relative}.card{background:var(--glass-bg);border-radius:var(--radius);box-shadow:var(--glass-highlight), var(--glass-shadow);transition:var(--transition);border:1px solid var(--glass-border);overflow:hidden}.card:active{box-shadow:var(--glass-highlight), var(--shadow);border-color:var(--primary-light)}.btn{border-radius:var(--radius-lg);font-family:var(--font-family);cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:16px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--primary-gradient);color:var(--text-white);box-shadow:0 2px 12px #00b4d859,inset 0 1px #ffffff80}.btn-primary:hover{box-shadow:0 4px 18px #3b82f673}.btn-outline{color:var(--primary-dark);border:1.5px solid var(--primary);background:#fff9}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover)}.btn-sm{font-size:var(--font-size-sm);border-radius:var(--radius-sm);padding:7px 16px}.btn-danger{background:var(--error);color:#fff;box-shadow:0 2px 10px #ef44444d}.btn-danger:hover{box-shadow:0 4px 16px #ef444466}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff80 25%,#ffffffd9 50%,#ffffff80 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:0;height:0}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ffffff59 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.ripple:active:after{opacity:1}.shimmer-line{background:linear-gradient(90deg, transparent 0%, var(--primary) 40%, var(--primary-2) 60%, transparent 100%);background-size:200% 100%;border-radius:2px;height:3px;animation:2.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badge{color:#fff;background:var(--primary-gradient);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size);-webkit-text-size-adjust:100%}body{font-family:var(--font-family);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.flex-gap-2{margin:calc(-1 * var(--space-sm) / 2)}.flex-gap-2>*{margin:calc(var(--space-sm) / 2)}.flex-gap-3{margin:calc(-1 * var(--space) / 2)}.flex-gap-3>*{margin:calc(var(--space) / 2)}.flex-gap-4{margin:calc(-1 * var(--space-md) / 2)}.flex-gap-4>*{margin:calc(var(--space-md) / 2)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}input,textarea,button,select{font-family:var(--font-family);font-size:var(--font-size)}.page{min-height:100vh;padding-bottom:calc(108px + env(safe-area-inset-bottom));background:var(--bg)}.page-no-nav{background:var(--bg);min-height:100vh;padding-bottom:20px}.page-header{z-index:100;height:var(--topbar-height);padding:0 var(--space-md);align-items:center;gap:10px;display:flex;position:sticky;top:0}.page-header .back-btn{background:var(--bg-secondary);cursor:pointer;border-radius:var(--radius-full);width:44px;height:44px;transition:var(--transition);color:var(--text);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.page-header .back-btn:active{background:var(--bg-hover)}.page-header h1{flex:1;font-size:20px;font-weight:700}.page-content{padding:0 var(--space-md) var(--space-lg)}.scroll-x{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-3>*,[style*=grid-template-columns]>*{min-width:0}.tag{border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-dark);white-space:nowrap;padding:3px 10px;font-size:12px;display:inline-block}.vip-badge{color:#fff;background:var(--primary-gradient);z-index:2;letter-spacing:.5px;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:4px;left:4px}.rating-badge{color:#fff;z-index:2;background:#000000a6;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:600;position:absolute;bottom:4px;left:4px}.ep-status{color:#fff;z-index:2;text-overflow:ellipsis;white-space:nowrap;background:#000000a6;border-radius:3px;max-width:calc(100% - 8px);padding:1px 5px;font-size:9px;font-weight:600;position:absolute;bottom:4px;right:4px;overflow:hidden}#toast-root{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:85%;max-width:360px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.skel-block{border-radius:4px;height:14px;margin-bottom:8px}.skel-block:last-child{width:60%}.divider{background:var(--border-light);height:1px;margin:var(--space-md) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-in{animation:.35s both fadeInUp}.pulse-dot{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.page-enter{animation:.3s both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fab{bottom:calc(128px + env(safe-area-inset-bottom));color:#fff;cursor:pointer;z-index:60;width:64px;height:64px;transition:var(--transition);opacity:0;pointer-events:none;background:radial-gradient(circle at 32% 28%,#ff6a5f 0%,#ff2d2d 55%,#c81e2b 100%);border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;right:16px;transform:translateY(16px)scale(.85);box-shadow:0 0 0 7px #ff3b3024,0 10px 26px #ff2d2d80,inset 0 2px 5px #ffffff61,inset 0 -3px 6px #78080f59}.fab.visible{opacity:1;pointer-events:auto;animation:2.2s ease-in-out infinite fab-alert;transform:translateY(0)scale(1)}.fab svg{filter:drop-shadow(0 2px 3px #00000040)}.fab:active{transform:scale(.9);box-shadow:0 0 0 7px #ff3b3024,0 5px 14px #ff2d2d80,inset 0 2px 5px #ffffff61,inset 0 -3px 6px #78080f59}@keyframes fab-alert{0%,to{filter:brightness();box-shadow:0 0 0 7px #ff3b3024,0 10px 26px #ff2d2d80,inset 0 2px 5px #ffffff61,inset 0 -3px 6px #78080f59}50%{filter:brightness(1.12);box-shadow:0 0 0 13px #ff3b3000,0 14px 32px #ff2d2d9e,inset 0 2px 5px #ffffff61,inset 0 -3px 6px #78080f59}}.spin{border:2px solid #00b4d840;border-top-color:#00b4d8;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite kspin}@keyframes kspin{to{transform:rotate(360deg)}}#lg-canvas{display:block}body.lg-active .lg-no-bg{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}body.lg-active .lg-no-bg:before,body.lg-active .lg-no-bg:after,body.lg-active #lg-recent:before{content:none!important}.bottom-nav{bottom:calc(12px + env(safe-area-inset-bottom));z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffeb;border-radius:28px;justify-content:space-around;align-items:center;padding:8px 4px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 4px 24px #0000001f}.bottom-nav-item{cursor:pointer;color:#999;-webkit-tap-highlight-color:transparent;border-radius:20px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-nav-item:active{transform:scale(.92)}.bottom-nav-item.active{color:#1a1a1a;background:radial-gradient(#ffd7004d 0%,#ffbe322e 40%,#ffa50014 65%,#0000 80%);box-shadow:0 0 14px #ffc83c73,0 0 28px #ffb42840}.bottom-nav-item.active .bottom-nav-icon{transition:transform .35s cubic-bezier(.4,0,.2,1);transform:scale(1.1)}.bottom-nav-icon{justify-content:center;align-items:center;line-height:1;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex}.bottom-nav-icon svg{width:27px!important;height:27px!important}.bottom-nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:92px;font-size:13px;font-weight:600;line-height:1;overflow:hidden}.quick-nav{justify-content:space-around;align-items:flex-start;gap:8px;padding:18px 10px 4px;display:flex}.quick-nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;align-items:center;gap:8px;transition:transform .2s;display:flex}.quick-nav-item:active{transform:scale(.92)}.quick-nav-icon-wrap{color:#fff;border-radius:17px;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:0 5px 14px #00000024}.quick-nav-badge{color:#fff;background:#ff4757;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.quick-nav-label{color:#333;white-space:nowrap;text-overflow:ellipsis;max-width:92px;font-size:13px;font-weight:600;overflow:hidden}.recent-watch{padding:8px 16px 18px}.recent-watch-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.recent-watch-title-main{color:#1a1a1a;direction:rtl;margin:0;font-size:18px;font-weight:700}.recent-watch-more{color:#999;cursor:pointer;font-size:14px}.recent-watch-card{background:#fff;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex;position:relative;box-shadow:0 2px 16px #00000014}.recent-watch-delete{color:#999;cursor:pointer;z-index:2;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:18px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.recent-watch-delete:active{color:#666;background:#0000001a}.recent-watch-cover{cursor:pointer;background:linear-gradient(135deg,#00b4d866,#3b82f64d);border-radius:11px;flex-shrink:0;width:76px;height:102px;overflow:hidden}.recent-watch-cover img{object-fit:cover;width:100%;height:100%}.recent-watch-ring{flex-shrink:0;justify-content:center;align-items:center;width:82px;height:82px;display:flex;position:relative}.recent-watch-ring-text{color:#b4791b;direction:ltr;font-size:15px;font-weight:700;position:absolute}.recent-watch-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.recent-watch-name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:rtl;margin:0;font-size:16px;font-weight:700;overflow:hidden}.recent-watch-episode{color:#888;text-align:right;direction:rtl;font-size:13px}.recent-watch-bar{background:#f0f0f0;border-radius:3px;width:100%;height:5px;overflow:hidden}.recent-watch-bar-fill{background:linear-gradient(90deg,gold,orange);border-radius:3px;height:100%;transition:width .3s}.recent-watch-continue{color:#fff;cursor:pointer;background:linear-gradient(135deg,gold 0%,orange 100%);border:none;border-radius:20px;align-self:flex-start;margin-top:2px;padding:8px 18px;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 2px 8px #ffa5004d}.recent-watch-continue:active{transform:scale(.96)}.recent-watch-empty{text-align:center;color:#bbb;direction:rtl;background:#fafafa;border-radius:14px;padding:34px;font-size:14px}.rc{margin-bottom:12px;padding:4px 0 0}.rc-title{color:#1a1a1a;text-align:center;direction:rtl;margin:0 0 6px;font-size:17px;font-weight:700}.rc-viewport{perspective:1000px;touch-action:pan-y;width:100%;height:250px;position:relative;overflow:hidden}.rc-card{will-change:transform, opacity;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#00b4d880,#3b82f661);border-radius:14px;width:170px;height:240px;margin-top:-120px;transition:right .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),opacity .45s;position:absolute;top:50%;overflow:hidden;box-shadow:0 8px 24px #00000040}.rc-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.rc-badge{color:#fff;z-index:2;background:linear-gradient(135deg,#ff6b35,#ff8c00);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #ff6b3573}.rc-name{text-align:center;color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;direction:rtl;margin:8px 0;padding:0 60px;font-size:14px;font-weight:600;overflow:hidden}.rc-dots{justify-content:center;align-items:center;gap:5px;display:flex}.rc-dot{cursor:pointer;background:#ddd;border-radius:50%;width:6px;height:6px;transition:all .3s}.rc-dot.active{background:linear-gradient(90deg,gold,orange);border-radius:3px;width:18px}.sp-mask{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:24px;animation:.2s sp-fade-in;display:flex;position:fixed;inset:0}@keyframes sp-fade-in{0%{opacity:0}to{opacity:1}}.sp-panel{background:#fff;border-radius:20px;width:100%;max-width:360px;padding:20px;animation:.25s sp-slide-up;position:relative;box-shadow:0 12px 40px #0000002e}@keyframes sp-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sp-close{color:#888;cursor:pointer;z-index:2;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:12px;right:14px}.sp-close:active{background:#e8e8e8}.sp-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000014}.sp-cover-wrap{background:linear-gradient(160deg,#0e7490,#2563eb 55%,#6d28d9);width:100%;padding-top:150%;position:relative;overflow:hidden}.sp-cover{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.sp-qrcode{background:#fff;border-radius:12px;width:92px;height:92px;padding:6px;position:absolute;bottom:12px;right:12px;box-shadow:0 3px 14px #00000047}.sp-qrcode img{border-radius:6px;width:100%;height:100%;display:block}.sp-info{text-align:center;padding:16px 14px 18px}.sp-title{color:#1a1a1a;direction:rtl;unicode-bidi:embed;margin:0 0 6px;font-size:18px;font-weight:700;line-height:1.3}.sp-desc{color:#888;text-overflow:ellipsis;-webkit-line-clamp:1;direction:rtl;unicode-bidi:embed;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.sp-actions{border-top:1px solid #f0f0f0;justify-content:space-around;align-items:flex-start;margin-top:18px;padding-top:16px;display:flex}.sp-action{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;transition:transform .15s;display:flex}.sp-action:active{transform:scale(.92)}.sp-action-icon{color:#555;background:#f7f7f7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sp-action-text{color:#444;white-space:nowrap;font-size:12px}.sp-root{color:#1a1a1a;background:#f5f7fb;min-height:100vh;font-family:inherit}.sp-bar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);direction:ltr;background:#ffffffeb;border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.sp-back{cursor:pointer;color:#333;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:40px;display:flex}.sp-back:active{background:#0000000d}.sp-box{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);direction:ltr;background:#fffc;border:1px solid #00000014;border-radius:14px;flex:1;align-items:center;gap:8px;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.sp-box:focus-within{border-color:#00b4d88c;box-shadow:0 0 0 3px #00b4d81f}.sp-ic{color:#9aa4b0;align-items:center;display:flex}.sp-box input{color:#1a1a1a;text-align:right;direction:rtl;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:16px}.sp-x{cursor:pointer;color:#7b8494;background:#0f172a14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sp-go{cursor:pointer;color:#0f172a;background:0 0;border:none;flex-shrink:0;height:44px;padding:0 8px;font-size:16px;font-weight:700}.sp-go:active{opacity:.6}.sp-body{padding:4px 0}.sp-sec{padding:18px 16px 0}.sp-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sp-title{color:#0f172a;margin:0;font-size:18px;font-weight:800}.sp-title em{color:#94a3b8;margin-right:6px;font-size:13px;font-style:normal;font-weight:500}.sp-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:14px}.sp-clear:active{color:#ef4444}.sp-tags{flex-wrap:wrap;gap:10px 8px;display:flex}.sp-tag{color:#333;cursor:pointer;background:#ffffffeb;border:1px solid #0000001a;border-radius:999px;padding:8px 16px;font-size:14px;box-shadow:0 2px 6px #0f172a08}.sp-tag:active{background:#eef1f5}.sp-empty{text-align:center;padding:84px 20px}.sp-empty-ic{color:#9aa4b0;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex;box-shadow:inset 0 1px #fffffff2}.sp-empty p{color:#9aa4b0;font-size:14px}.sp-drop{-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);background:#fffffff0;border:1px solid #0000000f;border-radius:16px;margin:10px 16px 0;overflow:hidden;box-shadow:0 10px 28px #0f172a14}.sp-sug{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #0000000b;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.sp-sug:last-child{border-bottom:none}.sp-sug:active{background:#f1f5f9}.sp-sug-txt{text-align:right;flex:1;min-width:0}.sp-sug-name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15.5px;font-weight:600;line-height:1.45;overflow:hidden}.sp-sug-cn{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:13px;line-height:1.4;overflow:hidden}.sp-sug-poster{object-fit:cover;background:linear-gradient(135deg,#00b4d84d,#3b82f638);border-radius:9px;flex-shrink:0;width:52px;height:78px;margin-right:14px;box-shadow:inset 0 1px #ffffffb3}.hl{color:#00a8ce;font-weight:700}.sp-drop-empty{text-align:center;color:#94a3b8;padding:26px 16px;font-size:13px}.sp-skel{padding:14px 16px}.sp-skel-line{background:linear-gradient(90deg,#eef2f7 25%,#e2e9f1 50%,#eef2f7 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:12px;animation:1.1s linear infinite sp-shine}.sp-skel-line:last-child{margin-bottom:4px}@keyframes sp-shine{to{background-position:-200% 0}}.vip-page{background:linear-gradient(#fffdf4 0%,#fff 42%,#fffef6 100%);min-height:100vh;padding-bottom:110px;font-family:inherit;position:relative;overflow-x:hidden}.vip-particles-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.glass-panel{-webkit-backdrop-filter:blur(18px)saturate(1.8);backdrop-filter:blur(18px)saturate(1.8);background:linear-gradient(135deg,#ffffff80 0%,#ffffff29 100%);border:1px solid #ffffff8c;box-shadow:0 6px 28px #0f172a12,inset 0 1px #ffffffb3}.vip-nav{z-index:10;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:sticky;top:0}.vip-nav-back{color:#0f172a;cursor:pointer;background:#0f172a0d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:26px;line-height:1;display:flex}.vip-nav-title{color:#1a1a1a;font-size:16px;font-weight:700}.vip-nav-placeholder{width:34px}.vip-banner{z-index:1;background:linear-gradient(120deg,#fbbf24 0%,#f59e0b 55%,#f97316 100%);border-radius:20px;align-items:center;gap:14px;margin:16px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #f59e0b66}.vip-banner:before{content:"";background:radial-gradient(circle,#ffffff59,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60%;right:-12%}.vip-banner-crown{color:#fff;filter:drop-shadow(0 4px 8px #00000038);font-size:44px;line-height:1;animation:3s ease-in-out infinite crownFloat}@keyframes crownFloat{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-5px)rotate(4deg)}}.vip-banner-text h1{color:#fff;text-shadow:0 2px 5px #00000029;margin:0;font-size:20px;font-weight:800}.vip-banner-text p{color:#fffffff2;margin:5px 0 0;font-size:12.5px}.vip-active-tip{z-index:1;color:#15803d;text-align:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #16a34a40;border-radius:12px;margin:0 16px 10px;padding:10px 14px;font-size:13px;position:relative}.vip-section{z-index:1;margin:20px 16px 0;position:relative}.vip-section-title{color:#1a1a1a;margin:0 0 12px;font-size:16px;font-weight:700}.vip-plans{flex-direction:column;gap:12px;display:flex}.vip-plan-card{cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.vip-plan-card:active{transform:scale(.985)}.vip-plan-card.selected{border-color:#f59e0be6;transform:translateY(-2px);box-shadow:0 10px 30px #f59e0b4d,inset 0 1px #ffffffb3}.vip-plan-tag{color:#fff;background:linear-gradient(120deg,#fbbf24,#f97316);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700;position:absolute;top:0;right:16px;transform:translateY(-50%);box-shadow:0 3px 8px #f59e0b66}.vip-plan-check{color:#fff;background:linear-gradient(120deg,#fbbf24,#f97316);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 6px #f59e0b73}.vip-plan-name{color:#1a1a1a;flex:1;min-width:0;font-size:14px;font-weight:600}.vip-plan-name small{color:#94a3b8;font-size:11px;font-weight:400}.vip-plan-price{color:#ea580c;align-items:baseline;display:flex}.vip-price-symbol{font-size:15px;font-weight:800}.vip-price-num{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.vip-plan-unit{color:#94a3b8;text-align:right;min-width:74px;font-size:11px}.vip-badge-section{z-index:1;justify-content:center;align-items:center;height:190px;margin:26px 0;display:flex;position:relative}.vip-badge-3d{perspective:900px;transform-style:preserve-3d;animation:12s linear infinite badgeSpin}@keyframes badgeSpin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.vip-badge-shield{background:linear-gradient(170deg,#fde68a 0%,#fbbf24 45%,#f97316 100%);border-radius:50%/38% 38% 62% 62%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:118px;display:flex;box-shadow:0 10px 34px #f59e0b8c,inset 0 2px 8px #fff9,inset 0 -5px 10px #00000024}.vip-badge-crown{color:#fff;filter:drop-shadow(0 2px 3px #0003);margin-bottom:-2px;font-size:26px}.vip-badge-text{color:#fff;letter-spacing:2px;text-shadow:0 2px 4px #00000038;font-size:23px;font-weight:900}.vip-badge-glow{pointer-events:none;filter:blur(9px);background:radial-gradient(#fbbf2466,#0000 72%);width:170px;height:46px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.vip-pay-method{border-radius:15px;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.vip-pay-left{color:#1a1a1a;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.vip-wechat-icon{background:#e8f7ee;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.vip-pay-check{color:#fff;background:linear-gradient(120deg,#34d399,#059669);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:flex}.vip-bottom-bar{z-index:20;padding:11px 16px;padding-bottom:calc(11px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border-top:1px solid #0000000d;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 22px #0f172a0f}.vip-bottom-total{color:#64748b;white-space:nowrap;font-size:13px}.vip-bottom-price{color:#ea580c;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.vip-pay-btn{color:#fff;cursor:pointer;background:linear-gradient(120deg,#fbbf24,#f59e0b 55%,#f97316);border:none;border-radius:26px;flex:1;max-width:240px;padding:13px 0;font-size:15px;font-weight:700;transition:transform .15s;animation:2.6s ease-in-out infinite btnGlow;box-shadow:0 5px 18px #f59e0b80}.vip-pay-btn:active{transform:scale(.96)}.vip-pay-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}@keyframes btnGlow{0%,to{box-shadow:0 5px 16px #f59e0b73}50%{box-shadow:0 5px 26px #f59e0bd9}}.vip-agreement{z-index:1;text-align:center;color:#b6bec9;padding:14px 0 6px;font-size:11px;position:relative}