:root{color-scheme:dark;--bg: #09090b;--panel: #020617;--muted: #94a3b8;--text: #f8fafc;--accent: #e11d48;--accent-strong: #ef4444;--border: #1e293b;--chip: #1e293b}*{box-sizing:border-box}body{margin:0;font-family:WenQuanYi Zen Hei,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--text);overflow:hidden;min-width:1200px}#root{height:100vh}img{display:block;max-width:100%}button{cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease,background .16s ease,border-color .16s ease}[role=button]{cursor:pointer}button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}button:not(:disabled):active{transform:translateY(0) scale(.98);filter:brightness(.98)}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;min-width:1200px;background:var(--bg);padding-left:240px}.sidebar{position:fixed;top:0;left:0;width:240px;height:100vh;overflow-y:auto;background:var(--panel);border-right:1px solid var(--border);padding:24px}.logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.logo-mark{width:32px;height:32px;border-radius:8px;background:transparent;display:grid;place-items:center}.logo-mark img{width:20px;height:20px}.logo-text{font-size:20px;font-weight:700;background:var(--accent);color:transparent;-webkit-background-clip:text;background-clip:text}.nav{display:flex;flex-direction:column;gap:4px}.nav-section{margin:16px 0 6px;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--muted);padding-left:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500}.nav-item img{width:20px;height:20px;opacity:.65;filter:grayscale(1);transition:all .2s ease}.nav-item:hover img{opacity:.9}.nav-item.active img{opacity:1;filter:grayscale(1) brightness(2)}.nav-item.active{background:var(--accent);color:#fff}.nav-item.active img{filter:brightness(10)}.content{background:var(--bg);height:100vh;overflow-y:auto;padding-left:max(0px,(100% - 1920px) / 2);padding-right:max(0px,(100% - 1920px) / 2)}.hero{position:relative;aspect-ratio:750 / 422;height:auto;overflow:hidden}.hero--loading{pointer-events:none}.hero--ready .hero-slide.entering{animation:heroFadeIn .32s ease forwards}.hero-skeleton{position:absolute;top:0;right:0;bottom:0;left:0}.hero-skeleton-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0}.hero-skeleton-title{width:240px;height:38px;margin-bottom:14px;border-radius:8px}.hero-skeleton-line{width:320px;height:14px;margin-bottom:10px;border-radius:8px}.hero-skeleton-btn{width:120px;height:40px;border-radius:8px}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.hero-slide.active{opacity:1}.hero-slide.entering{z-index:2;animation:heroFadeIn .32s ease forwards}.hero-slide.leaving{z-index:1;animation:heroFadeOut .32s ease forwards}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;background:linear-gradient(0deg,#09090b,#09090b00 60%),linear-gradient(90deg,#000c,#0000 60%)}.hero-info{position:absolute;left:40px;bottom:40px;max-width:520px;z-index:2}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(12px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(1.01)}}.hero-title{font-size:clamp(28px,3vw,48px);font-weight:800;margin:0 0 12px}.hero-logo{max-width:280px;max-height:72px;margin:0 0 12px;object-fit:contain}.hero-desc{font-size:16px;line-height:1.5;color:#ffffffe6;margin:0 0 18px}.hero-actions{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:6px;border:1px solid transparent;font-size:15px;font-weight:600;cursor:pointer;background:transparent;color:var(--text)}.btn.primary{background:var(--accent-strong);color:#fff}.btn.ghost{background:#ffffff14;border-color:#ffffff2e}.btn img{width:20px;height:20px}.topbar{position:fixed;top:16px;right:40px;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;background:#06080d66;border:1px solid rgba(148,163,184,.12);z-index:20;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease;width:auto}.topbar.scrolled{background:#06080dd1;border-color:#94a3b84d;box-shadow:0 12px 30px #00000073}.topbar-brand{display:none}.topbar-title{font-size:16px;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.02em}.topbar-subtitle{font-size:11px;font-weight:500;color:#ffffff80;line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.search{display:flex;align-items:center;gap:8px;background:#ffffff1a;border-radius:12px;padding:6px 12px;min-width:260px;color:#fffc;font-size:13px}.search img{width:16px;height:16px}.search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:#f8fafc;font-size:13px}.search-input::placeholder{color:#ffffff80}.search-clear{border:none;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.search-clear img{width:14px;height:14px}.topbar-btn{padding:6px 14px;border-radius:12px;background:#ffffff1a;font-size:13px;font-weight:500;color:#ffffffe6;border:none}.topbar-login-btn{padding:8px 16px;border-radius:12px;border:none;color:#0f172a;font-size:13px;font-weight:700;background:linear-gradient(135deg,#f8fafc,#c7d2fe 55%,#bae6fd);box-shadow:0 8px 20px #6366f159;cursor:pointer;animation:topbar-breath 2.4s ease-in-out infinite}.topbar-login-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #6366f173}@keyframes topbar-breath{0%,to{box-shadow:0 8px 16px #6366f140}50%{box-shadow:0 12px 26px #6366f180}}.topbar-user{position:relative;display:inline-flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px #00000040;cursor:pointer}.topbar-user:after{content:"";position:absolute;left:0;right:0;top:100%;height:30px}.topbar-user:hover,.topbar-user:focus-within{border-color:#f8fafcbf;background:#ffffff2e;box-shadow:0 14px 30px #00000052;transform:translateY(-1px)}.topbar-user.is-locked .topbar-popover{opacity:0;pointer-events:none;transform:translateY(-6px)}.topbar-popover{position:absolute;top:calc(100% + 30px);right:0;width:300px;padding:16px;border-radius:16px;background:#0f172af5;border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 48px #00000080;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:30}.topbar-popover:before{content:"";position:absolute;top:-8px;right:18px;border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent rgba(15,23,42,.95) transparent}.topbar-user:hover .topbar-popover{opacity:1;transform:translateY(0);pointer-events:auto}.topbar-popover-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.18);margin-bottom:12px}.topbar-popover-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:700;color:#fff;background:radial-gradient(circle at 30% 30%,#38bdf8,#6366f1 55%,#8b5cf6);box-shadow:0 8px 16px #38bdf859}.topbar-popover-name{font-size:15px;font-weight:700;color:#fff}.topbar-popover-meta{margin-top:4px;font-size:12px;color:#e2e8f0b3}.topbar-popover-row{display:flex;justify-content:space-between;font-size:13px;color:#e2e8f0d9;margin-top:10px}.topbar-popover-row strong{color:#fff;font-weight:600}.topbar-popover-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.topbar-popover-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.topbar-popover-action:hover{border-color:#6366f18c;background:#1e293bbf;box-shadow:0 10px 20px #0f172a59;transform:translateY(-2px)}.topbar-action-head{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.topbar-action-label{font-size:12px;color:#e2e8f0cc}.topbar-action-arrow{font-size:16px;color:#e2e8f099}.topbar-action-value{font-size:14px;font-weight:700;color:#fff}.topbar-plan-section{margin-top:16px;padding-top:12px;border-top:1px dashed rgba(148,163,184,.2)}.topbar-plan-title{font-size:13px;font-weight:600;color:#f8fafce6;margin-bottom:10px;letter-spacing:.4px}.topbar-plan-list{display:grid;gap:8px}.topbar-plan-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(248,250,252,.4);background:#f8fafc1a;color:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 22px #0f172a3d;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.topbar-plan-card:hover{border-color:#f8fafcd9;background:#f8fafc2e;box-shadow:0 14px 28px #f8fafc29;transform:translateY(-2px)}.topbar-plan-name{font-size:14px;font-weight:700;color:#fff}.topbar-plan-tag{display:inline-flex;align-items:center;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;color:#f8fafcf2;background:#f8fafc38}.topbar-plan-price{font-size:14px;font-weight:800;color:#0f172a;background:#f8fafcf2;padding:6px 10px;border-radius:10px;box-shadow:0 8px 16px #f8fafc3d;white-space:nowrap}.topbar-logout-btn{margin-top:14px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(248,250,252,.2);background:#f8fafc14;color:#f8fafce6;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.topbar-logout-btn:hover{border-color:#f8fafc99;background:#f8fafc29;transform:translateY(-1px)}.topbar-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:radial-gradient(circle at 30% 30%,#38bdf8,#6366f1 55%,#8b5cf6);box-shadow:0 6px 14px #38bdf866}.topbar-name{font-size:14px;font-weight:600;color:#fffffffa;white-space:nowrap}.hero-carousel{position:absolute;right:40px;bottom:24px;display:flex;align-items:flex-start;gap:8px;z-index:2;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.hero--loading .hero-carousel{opacity:0;transform:translateY(6px)}.arrow{width:32px;height:129px;border-radius:6px;background:#00000073;border:none;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.arrow:hover{background:#000000a6;box-shadow:0 6px 14px #00000059}.arrow:active{transform:scale(.96)}.arrow.hidden{opacity:0;pointer-events:none}.page{padding:40px}.page-title{font-size:24px;font-weight:700;margin-bottom:8px}.page-desc{color:var(--muted);font-size:14px}.arrow img{width:20px;height:20px}.thumbs{display:flex;gap:12px;flex-wrap:nowrap;max-width:508px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:4px;scrollbar-width:none}.thumbs::-webkit-scrollbar{display:none}.thumb{width:92px;flex:0 0 92px;font-size:11px;color:#fffc;cursor:pointer}.thumb--skeleton .dim,.thumb--skeleton .title{border-radius:6px}.thumb:hover .dim:after{background:#00000040}.thumb.active{color:#fff}.thumb.active .dim{box-shadow:none}.thumb.active .dim:after{background:#0000001a}.thumb.small{width:92px}.thumb .dim{width:100%;height:129px;aspect-ratio:auto;border-radius:6px;overflow:hidden;position:relative}.thumb img{width:100%;height:100%;object-fit:cover}.thumb .title{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.thumb .dim{position:relative}.thumb .dim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border-radius:6px}.content-inner{padding:0 40px 64px}.section{margin-top:24px}.section.section--featured{margin-top:0}.section.section--douban{margin-top:48px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.section-title{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.section-title img{width:20px;height:20px}.tabs{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-start;flex:1;margin-left:16px}.tab{padding:6px 16px;border-radius:12px;background:var(--chip);color:var(--text);font-size:14px;border:none;text-align:center}.tab.active{background:#fff;color:#09090b}.link-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);background:transparent;border:none;cursor:pointer}.link-btn:disabled{opacity:.5;cursor:not-allowed}.link-btn img{width:14px;height:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.card-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.card-grid--ready .card-item{animation:cardFadeUp .26s ease both}.card-grid--ready .card-item:nth-child(1){animation-delay:40ms}.card-grid--ready .card-item:nth-child(2){animation-delay:80ms}.card-grid--ready .card-item:nth-child(3){animation-delay:.12s}.card-grid--ready .card-item:nth-child(4){animation-delay:.16s}.card-grid--ready .card-item:nth-child(5){animation-delay:.2s}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card-item{display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.card-item:hover{transform:translateY(-2px)}.card-thumb{position:relative;border-radius:6px;overflow:hidden;background:#1e293b;box-shadow:0 4px 6px -1px #0000001a}.card-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a00,#0f172a4d);opacity:0;transition:opacity .2s ease}.card-item:hover .card-thumb:after{opacity:1}.card-thumb img{width:100%;height:120px;object-fit:cover;transition:transform .2s ease,filter .2s ease}.card-item:hover .card-thumb img{transform:scale(1.03);filter:brightness(1.05)}.card-grid--five .card-thumb{aspect-ratio:1280 / 720}.card-grid--five .card-thumb img{height:100%}.card-item--skeleton{pointer-events:none}.card-item--skeleton .card-thumb{background:#ffffff14;box-shadow:none}.card-item--skeleton .card-title,.card-item--skeleton .card-meta{height:14px;border-radius:6px}.card-item--skeleton .card-title{width:70%;margin-bottom:8px}.card-item--skeleton .card-meta{width:60%}.card-episode{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#fff;background:transparent;transition:background .2s ease}.card-item:hover .card-episode{background:#0000008c}.card-info{padding:6px 8px 6px 0;border-radius:6px;background:transparent;transition:background .2s ease,padding-left .2s ease}.card-item:hover .card-info{background:#ffffff14;padding-left:8px}.card-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skeleton{position:relative;overflow:hidden;background:#ffffff14}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.drama-grid .card-thumb img{height:150px}.douban-grid .card-thumb{aspect-ratio:150 / 207}.douban-grid .card-thumb img{width:100%;height:100%;object-fit:cover}.douban-grid-fixed{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(2,auto)}.douban-footer{margin-top:16px;display:flex;align-items:center;justify-content:center;min-height:32px;color:#94a3b8;font-size:13px;gap:8px;position:relative;text-align:center}.douban-loading,.douban-end{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#94a3b814;border:1px solid rgba(148,163,184,.2)}.douban-loading{color:#e2e8f0eb}.douban-loading:after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid rgba(226,232,240,.35);border-top-color:#e2e8f0e6;animation:doubanSpin .8s linear infinite}.douban-end{color:#94a3b8}.douban-sentinel{position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none}@keyframes doubanSpin{to{transform:rotate(360deg)}}.doc-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.doc-grid .card-thumb img{height:204px}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:999;animation:modalOverlayFade .22s ease}.login-modal-overlay.is-closing{animation:modalOverlayFadeOut .2s ease forwards}.login-modal{position:relative;width:420px;height:466px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);background:#fff;border-radius:12px;box-shadow:0 8px 10px -6px #00000080,0 20px 25px -5px #00000080;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px;padding:40px 41px 32px;color:#0f172a;transition:height .24s ease;animation:modalPopIn .24s ease}.login-modal.is-register{height:526px}.login-modal.has-message{height:492px}.login-modal.is-register.has-message{height:556px}.login-modal.is-closing{animation:modalPopOut .2s ease forwards}.login-close{position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:50%;border:none;background:#0f172a14;color:#0f172a;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .16s ease,transform .12s ease,box-shadow .16s ease}.login-close:hover{background:#0f172a29;box-shadow:0 6px 14px #0f172a2e}.login-close:active{transform:scale(.92);background:#0f172a38}.auth-switch{position:relative;height:394px;transition:height .24s ease}.auth-switch.is-register{height:454px}.auth-switch.has-message{height:420px}.auth-switch.is-register.has-message{height:482px}.auth-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.auth-panel[aria-hidden=false]{opacity:1;transform:translateY(0);pointer-events:auto}.login-brand{display:flex;align-items:center;gap:10px}.login-brand-icon{width:36px;height:36px;border-radius:10px;background:#0b74ff;display:grid;place-items:center}.login-brand-icon img{width:20px;height:20px}.login-brand-name{font-size:18px;font-weight:700;color:#0f172a}.login-subtitle{font-size:13px;color:#64748b}.login-form{width:100%;display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:left}.login-field{width:100%;display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left}.login-field input{width:100%;height:44px;border-radius:8px;border:1px solid #e2e8f0;padding:0 12px;font-size:14px;color:#0f172a;background:#f8fafc;outline:none;text-align:left}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{border-color:#0b74ff;box-shadow:0 0 0 2px #0b74ff26}.login-field--code{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.login-field--code input{flex:1}.login-code-btn{height:44px;padding:0 14px;border-radius:8px;border:none;background:#0b74ff;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.login-submit{height:44px;width:100%;border-radius:6px;border:none;background:#0b74ff;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login-agreement{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center;font-size:12px;color:#94a3b8;cursor:pointer}.agreement-checkbox{width:14px;height:14px;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:4px;border:1px solid rgba(148,163,184,.6);background:#94a3b82e;display:inline-grid;place-items:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.agreement-checkbox:after{content:"";width:8px;height:4px;border-left:2px solid transparent;border-bottom:2px solid transparent;transform:rotate(-45deg)}.agreement-checkbox:checked{background:#0b74ff;border-color:#0b74ff;box-shadow:0 0 0 2px #0b74ff40}.agreement-checkbox:checked:after{border-left-color:#fff;border-bottom-color:#fff}.agreement-checkbox:focus-visible{outline:none;box-shadow:0 0 0 2px #0b74ff59}.agreement-link{border:none;background:transparent;color:#0b74ff;text-decoration:none;font:inherit;cursor:pointer;padding:0}.agreement-link:hover{text-decoration:underline}.login-register{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#94a3b8}.login-link-btn{border:none;background:transparent;color:#0b74ff;font-size:13px;cursor:pointer;padding:0}.login-link-btn:hover{text-decoration:underline}.auth-message{margin-top:10px;text-align:center;font-size:12px;color:#ef4444;background:#ef44441f;border:1px solid rgba(239,68,68,.28);border-radius:8px;padding:6px 10px;opacity:0;transform:translateY(-4px)}.auth-message.is-visible{animation:authMessageIn .18s ease forwards}.auth-message.is-leaving{animation:authMessageOut .18s ease forwards}.auth-message.success{color:#16a34a;background:#22c55e1f;border-color:#22c55e47}.legal-modal{width:640px;height:auto;padding:32px 36px 28px}.legal-modal-title{font-size:20px;font-weight:700;color:#0f172a}.legal-modal-meta{margin-top:8px;font-size:12px;color:#64748b}.legal-modal-body{margin-top:16px;max-height:60vh;overflow-y:auto;padding-right:6px}.legal-modal-paragraph{margin:0 0 12px;font-size:14px;line-height:1.7;color:#1e293b}.legal-modal-tip{font-size:14px;color:#64748b}.legal-modal-error{color:#dc2626}.login-submit:disabled,.login-code-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes modalOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalPopIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalPopOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes authMessageIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes authMessageOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.login-modal-overlay,.login-modal{animation:none}.login-modal{transition:none}}:root{--discover-bg: #09090b;--discover-card: #1e293b;--discover-text: #f8fafc;--discover-muted: #94a3b8;--discover-subtle: #cbd5f5;--discover-border: #1e293b;--discover-danger: #e11d48}.discover-page{min-height:100vh;background:var(--discover-bg);color:var(--discover-text);padding:clamp(24px,3vw,40px);font-family:WenQuanYi Zen Hei,Inter,PingFang SC,Microsoft YaHei,sans-serif}.discover-hero{max-width:1920px;margin:0 auto;padding-top:clamp(24px,4vw,36px)}.discover-title{font-size:clamp(22px,2.2vw,28px);font-weight:700;margin-bottom:18px}.discover-search-row{display:flex;align-items:center;gap:16px;width:75%}.discover-search-btn{margin-left:auto}.discover-search{display:flex;align-items:center;gap:12px;flex:1;height:52px;padding:0 18px;border-radius:12px;background:var(--discover-card);outline:1px solid var(--discover-border)}.discover-clear-input{border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.discover-clear-input img{width:20px;height:20px}.discover-search-btn{border:none;padding:0 22px;width:120px;height:52px;border-radius:12px;font-size:14px;font-weight:600;color:#0f172a;background:linear-gradient(135deg,#f8fafc,#e2e8f0);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.discover-search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #00000040}.discover-search-btn:disabled{cursor:not-allowed;opacity:.75;box-shadow:none}.discover-search-btn.is-loading:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid rgba(15,23,42,.25);border-top-color:#0f172a;animation:discover-spin .9s linear infinite}@keyframes discover-spin{to{transform:rotate(360deg)}}.discover-search-icon{width:20px;height:20px}.discover-search-input{flex:1;border:none;background:transparent;color:var(--discover-text);font-size:16px;outline:none;min-width:0}.discover-search-input::placeholder{color:#757575}.discover-main{max-width:1920px;height:calc(100% - 114px);margin:clamp(26px,4vw,34px) auto 0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px}.discover-results,.discover-history{width:100%;display:flex;flex-direction:column;max-height:calc(100vh - 255px)}.discover-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.discover-section-title{font-size:16px;font-weight:700}.discover-clear-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--discover-muted);background:transparent;border:none;cursor:pointer}.discover-clear-btn img{width:14px;height:14px}.discover-history-list{display:flex;flex-direction:column;border-top:1px solid var(--discover-border);flex:1;overflow-y:auto;padding-right:6px}.discover-history-item{display:flex;align-items:center;justify-content:space-between;height:33px;border-bottom:1px solid var(--discover-border);gap:12px}.discover-history-text{border:none;background:transparent;color:var(--discover-muted);font-size:13px;cursor:pointer;padding:0}.discover-history-remove{border:none;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}.discover-history-remove img{width:20px;height:20px}.discover-empty{color:var(--discover-muted);font-size:14px;padding:12px 0}.discover-results{margin-bottom:0}.discover-result-count{color:var(--discover-muted);font-size:13px;font-weight:700}.discover-result-list{display:grid;gap:0;flex:1;overflow-y:auto;padding-right:6px;align-content:start}.discover-result-tip{padding:16px 0;color:var(--discover-muted);font-size:14px}.discover-result-tip.is-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 16px}.discover-empty-title{font-size:16px;font-weight:600;color:var(--discover-text)}.discover-empty-desc{font-size:13px;color:var(--discover-muted)}.discover-empty-actions{display:flex;gap:12px;margin-top:4px}.discover-empty-btn{border:none;height:36px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a;transition:transform .2s ease,box-shadow .2s ease}.discover-empty-btn.ghost{background:transparent;border:1px solid rgba(148,163,184,.5);color:var(--discover-text)}.discover-empty-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0003}.discover-result{display:grid;grid-template-columns:90px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--discover-border);background:transparent;border-left:none;border-right:none;border-top:none;text-align:left;width:100%;cursor:pointer}.discover-result:hover{background:#f8fafc0a}.discover-result:focus-visible{outline:2px solid rgba(248,250,252,.3);outline-offset:2px;border-radius:8px}.discover-result-cover{width:90px;height:135px;border-radius:6px;overflow:hidden;background:var(--discover-card)}.discover-result-cover img{width:100%;height:100%;object-fit:cover}.discover-result-body{display:flex;flex-direction:column;gap:10px;min-width:0}.discover-result-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.discover-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;background:var(--discover-card);font-size:12px;color:var(--discover-text)}.discover-meta-text{color:var(--discover-muted);font-size:13px}.discover-result-title{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.discover-title-text{font-size:15px;font-weight:600}.discover-score{font-size:14px;color:var(--discover-danger)}.discover-result-desc{color:var(--discover-muted);font-size:13px;line-height:1.6;max-width:500px}@media (max-width: 1024px){.discover-main{grid-template-columns:1fr}.discover-search-row{width:100%}}@media (max-width: 768px){.discover-result{grid-template-columns:70px 1fr}.discover-result-cover{width:70px;height:105px}.discover-search-row{flex-direction:column;align-items:stretch}.discover-search{height:48px}.discover-search-btn{height:48px;width:100%;margin-left:0}}.netflix-factory{padding-bottom:88px;padding-top:16px}.netflix-page-header{height:62px;display:flex;flex-direction:column;justify-content:center;margin-bottom:24px;padding-left:4px}.netflix-page-title{font-size:24px;font-weight:800;color:#fff;margin:0;letter-spacing:-.2px}.netflix-page-subtitle{font-size:11px;font-weight:600;color:#fff6;margin:2px 0 0;letter-spacing:1.5px;text-transform:uppercase}.netflix-hero{margin-top:0;margin-bottom:32px;padding:40px 48px;border-radius:16px;background:linear-gradient(135deg,#dc26261f,#b91c1c14,#0f172a26);border:1px solid rgba(220,38,38,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.netflix-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(220,38,38,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.netflix-hero-content{position:relative;z-index:1}.netflix-hero-title{font-size:32px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.5px;line-height:1.2}.netflix-hero-desc{font-size:15px;font-weight:500;color:#e2e8f0d9;line-height:1.6;max-width:720px;margin:0}.netflix-filter-header{margin-top:76px;margin-bottom:16px}.netflix-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(148,163,184,.3);border-radius:10px;background:#0f172a80;color:#e2e8f0e6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.netflix-back-btn:hover{border-color:#94a3b880;background:#0f172ab3;color:#fff;transform:translate(-2px)!important}.netflix-back-btn svg{flex-shrink:0}.netflix-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.netflix-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000059}.netflix-factory-grid .card-thumb{aspect-ratio:2 / 3}.netflix-card .card-title{margin-bottom:4px}.netflix-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.netflix-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#18181b99;color:#f8fafce6;font-size:12px;line-height:1;white-space:nowrap}.netflix-card-desc{margin-top:8px;color:#94a3b8f2;font-size:12px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.netflix-filter{margin-top:14px;padding:18px 18px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:linear-gradient(180deg,#0f172a9e,#02061759);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.netflix-filter-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.netflix-filter-title{font-size:22px;font-weight:800;letter-spacing:.2px}.netflix-filter-subtitle{margin-top:6px;font-size:13px;color:#94a3b8f2}.netflix-filter-actions{display:flex;gap:12px;align-items:center}.netflix-filter-source-switch{display:flex;gap:0;align-items:center;border-radius:6px;overflow:hidden;border:1px solid rgba(148,163,184,.2)}.netflix-filter-source-btn{border:none;background:#02061740;color:#e2e8f0b8;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease;border-right:1px solid rgba(148,163,184,.2)}.netflix-filter-source-btn:last-child{border-right:none}.netflix-filter-source-btn:hover{color:#f8fafce6;background:#94a3b81a}.netflix-filter-source-btn.active{color:#f8fafc;background:#22d3ee26}.netflix-time-switch{display:flex;gap:0;align-items:center;border-radius:8px;overflow:hidden;border:1px solid rgba(148,163,184,.25);margin-left:auto;background:#0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.netflix-time-btn{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:4px;border:none;background:transparent!important;color:#e2e8f073!important;padding:6px 14px 6px 28px;font-size:13px;font-weight:500;cursor:pointer;transition:color .2s ease;border-right:1px solid rgba(148,163,184,.2);transform:none!important;filter:none!important}.netflix-time-btn:last-child{border-right:none}.netflix-time-btn:hover{color:#f8fafcb3!important;transform:none!important;filter:none!important}.netflix-time-btn.active{color:#fff!important;font-weight:600;transform:none!important;filter:none!important}.netflix-time-btn svg{position:absolute;left:10px;top:50%;transform:translateY(-50%)!important;flex-shrink:0}.netflix-filter-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#0f172a80;color:#e2e8f0d9;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.netflix-filter-btn:hover{border-color:#94a3b880;background:#0f172ab3;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.netflix-filter-btn svg{width:14px;height:14px}.netflix-time-btn.active{color:#09090b;background:#fff;font-weight:700}.netflix-filter-row{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.netflix-filter-row-inline{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}.netflix-filter-row-label{min-width:48px;font-size:13px;font-weight:700;color:#2dd4bf;letter-spacing:.2px}.netflix-filter-row-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.netflix-filter-row-options.is-disabled{opacity:.55}.netflix-filter-chip{border:none;background:transparent;color:#e2e8f0c7;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:color .18s ease,background .18s ease}.netflix-filter-chip:hover{color:#f8fafcf2;background:#94a3b81f}.netflix-filter-chip.active{color:#22d3ee;background:#22d3ee29}.netflix-filter-chip:disabled{cursor:not-allowed}.netflix-filter-inputs{display:flex;align-items:center;gap:8px}.netflix-filter-input{height:32px;border-radius:8px;border:1px solid rgba(148,163,184,.24);background:#02061759;color:#f8fafceb;padding:0 10px;min-width:72px;outline:none}.netflix-filter-input:disabled{opacity:.55;cursor:not-allowed}.netflix-filter-muted{font-size:13px;color:#94a3b8e6}.netflix-filter-group{display:flex;flex-direction:column;gap:8px;min-width:160px;flex:1}.netflix-filter-label{font-size:12px;font-weight:700;color:#e2e8f0d9;letter-spacing:.4px}.netflix-filter-hint{font-size:12px;color:#94a3b8cc}.netflix-filter-segment{display:inline-flex;background:#ffffff0f;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:4px;gap:6px;width:fit-content}.netflix-filter-segment.is-disabled{opacity:.55}.seg-btn{border:none;background:transparent;color:#e2e8f0e6;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.seg-btn.active{background:#f8fafceb;color:#09090b}.seg-btn:disabled{cursor:not-allowed}.netflix-filter-advanced{margin-top:6px;border-top:1px dashed rgba(148,163,184,.22);padding-top:12px}.netflix-input,.netflix-select{height:38px;border-radius:10px;border:1px solid rgba(148,163,184,.24);background:#02061759;color:#f8fafceb;padding:0 12px;outline:none}.netflix-input:disabled,.netflix-select:disabled{opacity:.55;cursor:not-allowed}.netflix-filter-inline{display:flex;align-items:center;gap:10px}.netflix-filter-sep{color:#94a3b8bf}.netflix-filter-checks{display:flex;gap:12px;flex-wrap:wrap}.netflix-check{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.18);background:#ffffff0a;font-size:13px;color:#e2e8f0e6}.netflix-check input{width:14px;height:14px}.netflix-check.is-disabled{opacity:.55}.netflix-filter-genres{width:100%;flex:1 1 100%}.netflix-genre-panel{border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#ffffff08;padding:12px}.netflix-genre-panel.is-disabled{opacity:.55}.netflix-genre-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.netflix-genre{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.16);background:#02061740;font-size:13px;color:#e2e8f0e6;cursor:pointer;-webkit-user-select:none;user-select:none}.netflix-genre input{width:14px;height:14px}.netflix-genre.is-checked{border-color:#ef44448c;background:#e11d481f}.netflix-genre-loading,.netflix-genre-empty{color:#94a3b8e6;font-size:13px}.netflix-list-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;margin-top:18px}.netflix-list-header .title{font-size:18px;font-weight:800}.netflix-list-header .desc{font-size:13px;color:#94a3b8eb}.netflix-factory-state{margin-top:18px;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#02061759;padding:18px}.netflix-factory-state .title{font-size:16px;font-weight:800}.netflix-factory-state .desc{margin-top:8px;font-size:13px;color:#94a3b8eb}.netflix-factory-state .actions{margin-top:14px}.netflix-loading-more{margin-top:16px;display:flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:#ffffff0a;color:#e2e8f0eb;font-size:13px;width:fit-content;margin-left:auto;margin-right:auto}.netflix-loading-more.is-end{color:#94a3b8e6}.netflix-sentinel{height:1px}.netflix-scroll-to-filter{position:fixed;right:36px;bottom:28px;z-index:30;border:1px solid rgba(248,250,252,.22);background:#0206178c;color:#f8fafcf2;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,background .18s ease}.netflix-scroll-to-filter.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.netflix-scroll-to-filter:hover{background:#020617bf}.netflix-category{padding-bottom:88px;padding-top:0}.category-hero{margin-bottom:32px;border-radius:18px;overflow:hidden}.category-grid .card-thumb{aspect-ratio:2 / 3}.category-card .card-title{margin-bottom:4px}.play-page{min-height:100vh;height:100vh;min-width:1200px;display:flex;flex-direction:column;overflow:hidden;background:#09090b;color:#f8fafc}.play-header{background:#020617;border-bottom:1px solid #27272a}.play-header-inner{width:100%;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.play-brand{display:flex;align-items:center;gap:24px}.play-brand-logo{display:flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;color:inherit;cursor:pointer}.play-brand-icon{width:28px;height:28px;border-radius:6px;background:transparent;display:grid;place-items:center}.play-brand-icon img{width:20px;height:20px}.play-brand-name{font-size:20px;font-weight:700}.play-nav{display:flex;align-items:center;gap:16px;margin-left:8px}.play-nav-link{background:transparent;border:none;color:#a1a1aa;font-size:14px;font-weight:500;cursor:pointer}.play-nav-link:hover{color:#f8fafc}.play-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;white-space:nowrap}.play-search{width:200px;height:40px;background:#18181b;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 16px;color:#a1a1aa;font-size:14px}.play-search img{width:18px;height:18px}.play-ghost-btn{height:40px;border-radius:8px;border:none;background:transparent;color:#f8fafc;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer}.play-ghost-btn img{width:18px;height:18px}.play-login-btn{width:60px;justify-content:center}.play-user{position:relative;display:inline-flex;align-items:center;gap:12px;padding:6px 14px 6px 6px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px #00000040;cursor:pointer}.play-user:after{content:"";position:absolute;left:0;right:0;top:100%;height:30px}.play-user:hover,.play-user:focus-within{border-color:#f8fafcbf;background:#ffffff2e;box-shadow:0 14px 30px #00000052;transform:translateY(-1px)}.play-user.is-locked .play-user-popover{opacity:0;pointer-events:none;transform:translateY(-6px)}.play-user-popover{position:absolute;top:calc(100% + 30px);right:0;width:300px;padding:16px;border-radius:16px;background:#0f172af5;border:1px solid rgba(148,163,184,.22);box-shadow:0 22px 48px #00000080;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:20}.play-user-popover:before{content:"";position:absolute;top:-8px;right:18px;border-width:0 8px 8px 8px;border-style:solid;border-color:transparent transparent rgba(15,23,42,.95) transparent}.play-user:hover .play-user-popover{opacity:1;transform:translateY(0);pointer-events:auto}.play-user-popover-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.18);margin-bottom:12px}.play-user-popover-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:700;color:#fff;background:radial-gradient(circle at 30% 30%,#38bdf8,#6366f1 55%,#8b5cf6);box-shadow:0 8px 16px #38bdf859}.play-user-popover-name{font-size:15px;font-weight:700;color:#fff}.play-user-popover-meta{margin-top:4px;font-size:12px;color:#e2e8f0b3}.play-user-popover-row{display:flex;justify-content:space-between;font-size:13px;color:#e2e8f0d9;margin-top:10px}.play-user-popover-row strong{color:#fff;font-weight:600}.play-user-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.play-user-action{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;color:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.play-user-action:hover{border-color:#6366f18c;background:#1e293bbf;box-shadow:0 10px 20px #0f172a59;transform:translateY(-2px)}.play-action-head{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:8px}.play-action-label{font-size:12px;color:#e2e8f0cc}.play-action-arrow{font-size:16px;color:#e2e8f099}.play-action-value{font-size:14px;font-weight:700;color:#fff}.play-plan-section{margin-top:16px;padding-top:12px;border-top:1px dashed rgba(148,163,184,.2)}.play-plan-title{font-size:13px;font-weight:600;color:#f8fafce6;margin-bottom:10px;letter-spacing:.4px}.play-plan-list{display:grid;gap:8px}.play-plan-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(248,250,252,.4);background:#f8fafc1a;color:inherit;text-align:left;cursor:pointer;box-shadow:0 10px 22px #0f172a3d;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.play-plan-card:hover{border-color:#f8fafcd9;background:#f8fafc2e;box-shadow:0 14px 28px #f8fafc29;transform:translateY(-2px)}.play-plan-name{font-size:14px;font-weight:700;color:#fff}.play-plan-tag{display:inline-flex;align-items:center;margin-top:4px;padding:2px 8px;border-radius:999px;font-size:11px;color:#f8fafcf2;background:#f8fafc38}.play-plan-price{font-size:14px;font-weight:800;color:#0f172a;background:#f8fafcf2;padding:6px 10px;border-radius:10px;box-shadow:0 8px 16px #f8fafc3d;white-space:nowrap}.play-logout-btn{margin-top:14px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(248,250,252,.2);background:#f8fafc14;color:#f8fafce6;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.play-logout-btn:hover{border-color:#f8fafc99;background:#f8fafc29;transform:translateY(-1px)}.logout-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:999}.logout-modal{position:relative;width:360px;max-width:calc(100vw - 32px);padding:28px 28px 24px;border-radius:12px;background:#fff;box-shadow:0 8px 10px -6px #00000080,0 20px 25px -5px #00000080;outline:1px solid rgba(0,0,0,.08);outline-offset:-1px;color:#0f172a}.logout-modal-title{font-size:16px;font-weight:700;color:#0f172a}.logout-modal-desc{margin-top:6px;font-size:13px;color:#64748b}.logout-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.logout-modal-btn{height:40px;padding:0 16px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.logout-modal-btn:hover{border-color:#cbd5f5;background:#eef2ff;transform:translateY(-1px)}.logout-modal-btn.confirm{background:#0b74ff;border-color:#0b74ff;color:#fff}.logout-modal-btn.confirm:hover{background:#0a66e6;border-color:#0a66e6}.play-user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:radial-gradient(circle at 30% 30%,#38bdf8,#6366f1 55%,#8b5cf6);box-shadow:0 6px 14px #38bdf866}.play-user-name{font-size:14px;font-weight:600;color:#fffffffa;white-space:nowrap}.play-content{width:100%;height:calc(100vh - 100px);padding:24px 40px 48px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;flex:1;min-height:0;overflow:hidden}.play-main{min-width:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:24px}.play-video{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000;flex-shrink:0}.play-player,.play-video .artplayer-app,.play-video .artplayer{width:100%;height:100%}.play-video-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#94a3b8;font-size:14px;background:#02061799}.play-video-loading,.play-video-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#020617b3;color:#e2e8f0;font-size:14px}.play-video-loading{display:flex;flex-direction:column;gap:18px;text-align:center;padding:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-loading-core{display:grid;gap:8px;justify-items:center}.play-loading-spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(148,163,184,.3);border-top-color:#38bdf8;animation:playSpin .9s linear infinite}.play-loading-text{font-size:15px;font-weight:600}.play-loading-sub{font-size:12px;color:#94a3b8}.play-loading-skeleton{width:min(420px,70%);display:grid;gap:8px}.play-loading-bar{height:10px;border-radius:999px;background:linear-gradient(90deg,#94a3b826,#94a3b859,#94a3b826);background-size:200% 100%;animation:playShimmer 1.4s ease-in-out infinite}.play-loading-bar:nth-child(2){width:82%;justify-self:center}.play-loading-bar:nth-child(3){width:64%;justify-self:center}@keyframes playSpin{to{transform:rotate(360deg)}}@keyframes playShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.play-video-error{gap:6px;text-align:center}.play-video-error-title{font-weight:600;font-size:15px}.play-video-error-desc{color:#94a3b8;font-size:13px}.play-info-row{margin-top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.play-title{margin:0;font-size:24px;font-weight:700}.play-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:#a1a1aa;font-size:13px}.play-tag{background:#18181b;color:#f8fafc;border-radius:4px;padding:2px 6px;font-size:12px}.play-rating{color:#e11d48;font-weight:700}.play-actions{display:flex;flex-wrap:wrap;gap:12px}.play-pill{height:34px;border-radius:999px;background:#18181b;border:none;color:#f8fafc;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:0 16px;cursor:pointer}.play-pill img{width:16px;height:16px}.play-desc{margin-top:16px;color:#a1a1aa;font-size:14px;line-height:1.6;max-width:800px}.play-side{width:350px;display:flex;flex-direction:column;height:calc(100vh - 64px);max-height:calc(100vh - 64px);min-height:0;overflow:hidden}.play-panel{margin-top:20px;flex-shrink:0}.play-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.play-panel-title{margin:0;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.play-panel-count{font-size:12px;font-weight:600;color:#94a3b8;background:#94a3b82e;border-radius:999px;padding:2px 8px}.play-panel-recommend{flex:1;display:flex;flex-direction:column;height:calc(100% - 150px);max-height:calc(100% - 150px);min-height:0}.play-panel-recommend .play-panel-title{margin-bottom:12px}.play-panel-hidden{display:none}.play-tab-body{color:#cbd5f5;font-size:14px;line-height:1.7}.play-intro{color:#a1a1aa}.play-muted{color:#64748b;font-size:13px}.play-search-loading{min-height:calc(100vh - 64px);background:#09090b;color:#e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:15px}.play-search-loading .play-loading-spinner{width:40px;height:40px;border-width:4px}.play-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:999}.play-modal{width:360px;max-width:calc(100vw - 32px);padding:24px;border-radius:12px;background:#0f172a;color:#f8fafc;border:1px solid rgba(148,163,184,.25);box-shadow:0 12px 30px #00000073}.play-modal-title{font-size:16px;font-weight:700}.play-modal-desc{margin-top:8px;font-size:13px;color:#e2e8f0cc}.play-modal-actions{margin-top:18px;display:flex;justify-content:flex-end;gap:12px}.play-modal-btn{height:36px;padding:0 16px;border-radius:8px;border:none;background:#0b74ff;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.play-modal-btn.ghost{background:transparent;border:1px solid rgba(148,163,184,.35);color:#e2e8f0e6}.play-result-list{position:relative;display:flex;flex-direction:column;gap:10px;padding-top:5px;padding-right:4px;flex:1;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 24px),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.play-result{display:flex;gap:12px;background:#111827;border-radius:10px;border:1px solid transparent;padding:8px;text-align:left;color:inherit;cursor:pointer}.play-result.is-active{border-color:#e11d48;background:#e11d481f}.play-result-cover{width:56px;height:76px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#1e293b}.play-result-cover img{width:100%;height:100%;object-fit:cover}.play-result-info{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.play-result-title{font-size:14px;font-weight:600;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-result-meta{font-size:12px;color:#94a3b8}.play-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.play-source{background:#18181b;border-radius:6px;border:1px solid transparent;padding:8px 12px;font-size:13px;color:#a1a1aa;text-align:left;cursor:pointer}.play-source.is-active{background:#e11d481a;border-color:#e11d48;color:#e11d48}.play-episode-section{display:flex}.play-episode-grid{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;row-gap:8px;column-gap:8px;padding-left:0;padding-right:0}.play-episode-groups{display:flex;flex-wrap:wrap;gap:8px}.play-episode-group{height:32px;padding:0 10px;border-radius:999px;border:1px solid transparent;background:#111827;color:#94a3b8;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.play-episode-group.is-active{background:#e11d481f;border-color:#e11d48;color:#e11d48}.play-episode-group-live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33;animation:playGroupPulse 1.6s ease-in-out infinite}@keyframes playGroupPulse{0%{transform:scale(1);box-shadow:0 0 #22c55e73;opacity:.9}70%{transform:scale(1.35);box-shadow:0 0 0 6px #22c55e00;opacity:.55}to{transform:scale(1);box-shadow:0 0 #22c55e00;opacity:.9}}.play-episode{width:var(--episode-width, 70px);flex:0 0 var(--episode-width, 70px);height:44px;border-radius:6px;border:none;background:#18181b;color:#f8fafc;font-size:12px;font-weight:600;cursor:pointer}.play-episode.is-active{background:#e11d48;color:#fff}.play-episode-placeholder{visibility:hidden;pointer-events:none;background:transparent;border:none}@media (max-width: 1240px){.play-header-inner{padding:0 20px;gap:16px}.play-brand{gap:16px}.play-nav{gap:12px}.play-header-actions{gap:8px}}@media (max-width: 1024px){.play-header-inner{flex-direction:column;align-items:flex-start;height:auto;padding:16px 24px}.play-header-actions{width:100%;flex-wrap:wrap}}@media (max-width: 768px){.play-header-inner{padding:12px 16px}.play-nav{flex-wrap:wrap;gap:12px}.play-content{padding:16px}.play-search{width:100%}}