:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#fff;background:#020617;--blue: #1688ff;--cyan: #31d3ff;--deep: #071a3d;--glass: rgba(7, 26, 61, .62)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;border:0;cursor:pointer}input,select{width:100%;border:1px solid rgba(49,211,255,.24);background:#0206179e;color:#fff;border-radius:14px;padding:12px;outline:none}label{display:grid;gap:8px;color:#d9e8ff;font-size:13px;margin:12px 0}.app-shell{position:relative;width:100vw;height:100vh;background:radial-gradient(circle at 50% 0%,#103b82,#020617 52%);overflow:hidden}.topbar{position:fixed;z-index:20;left:0;right:0;top:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,rgba(2,6,23,.82),transparent)}.topbar>div{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:.5px}.brand-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 0 22px var(--cyan)}.vip-btn,.primary-mini{padding:9px 14px;border-radius:999px;background:linear-gradient(135deg,#1677ff,#31d3ff);box-shadow:0 10px 28px #1688ff59;font-weight:700}.feed{width:100%;height:100%;overflow:hidden;touch-action:pan-y}.drama-card{position:absolute;inset:0;opacity:0;transform:translateY(12px) scale(.98);transition:.28s ease;pointer-events:none}.drama-card.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.video-tap-layer{position:absolute;inset:72px 78px 176px 0;z-index:4;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.placeholder{background-size:cover;background-position:center;filter:blur(10px) brightness(.75)}.gradient{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#02061729,#02061714 38%,#020617f0),linear-gradient(90deg,rgba(5,39,92,.62),transparent 55%)}.play-hint{position:absolute;z-index:6;left:50%;top:46%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#02061773;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:36px;box-shadow:0 18px 60px #00000059;pointer-events:none}.play-hint.paused{width:96px;height:96px;background:#02061794;border-color:#31d3ff6b;box-shadow:0 0 0 10px #31d3ff14,0 18px 60px #00000059;color:#eaf8ff}.actions{position:absolute;z-index:5;right:14px;bottom:118px;display:grid;gap:14px}.actions button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#0a1f4494;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(49,211,255,.25);box-shadow:0 10px 35px #00000059;font-size:22px}.actions button.liked{color:#ff5d92;background:#ff5d922e;border-color:#ff5d926b}.actions button.favorited{color:#ffd166;background:#ffd16629;border-color:#ffd1666b}.actions small{display:block;font-size:11px;opacity:.86;margin-top:-8px}.info{position:absolute;z-index:5;left:18px;right:86px;bottom:92px;text-shadow:0 2px 14px rgba(0,0,0,.55)}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#1688ff38;border:1px solid rgba(49,211,255,.35);color:#d8f6ff}h1{margin:12px 0 8px;font-size:clamp(28px,7vw,44px);line-height:1.05}p{margin:0;color:#d9e8ff;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.episode-bar{margin-top:16px;padding:12px 14px;border-radius:18px;display:flex;justify-content:space-between;gap:10px;background:var(--glass);border:1px solid rgba(49,211,255,.22);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#eaf8ff;font-size:13px}.progress-wrap{margin-top:12px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;padding:10px 12px;border-radius:16px;background:#02061794;border:1px solid rgba(49,211,255,.18);font-size:12px}.progress-wrap input{padding:0;accent-color:var(--cyan)}.tabbar{position:fixed;z-index:30;left:10px;right:10px;bottom:12px;height:64px;display:grid;grid-template-columns:repeat(4,1fr);background:#020617b8;border:1px solid rgba(49,211,255,.22);border-radius:24px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -10px 40px #00000047}.tabbar button{background:transparent;display:grid;place-items:center;gap:2px;color:#9db7d6;font-size:12px}.tabbar button i{font-style:normal;font-size:20px}.tabbar button.active{color:#fff;text-shadow:0 0 18px rgba(49,211,255,.75)}.page-panel{position:absolute;inset:0;padding:88px 18px 90px;overflow-y:auto;background:radial-gradient(circle at 50% 0%,rgba(22,136,255,.36),transparent 42%),#020617}.page-panel h2{margin:0 0 18px;font-size:28px}.list-item,.profile-card,.empty-card{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:12px;border-radius:20px;background:#071a3db8;border:1px solid rgba(49,211,255,.18);box-shadow:0 14px 40px #0003}.thumb{width:58px;height:78px;border-radius:14px;background:linear-gradient(135deg,#155bd4,#31d3ff);background-size:cover;background-position:center;flex:0 0 auto}.list-item div:nth-child(2),.profile-card div:nth-child(2){display:grid;gap:7px;flex:1}.list-item span,.profile-card span{color:#9db7d6;font-size:13px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.profile-stats button{display:grid;gap:5px;padding:14px 8px;border-radius:18px;background:#071a3db8;border:1px solid rgba(49,211,255,.18)}.profile-stats b{font-size:22px;color:#eaf8ff}.profile-stats span{color:#9db7d6;font-size:12px}.profile-modules{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}.profile-modules button{padding:10px 6px;border-radius:999px;background:#0c316cb8;border:1px solid rgba(49,211,255,.16);color:#b8d8ff;font-size:12px}.profile-modules button.active{color:#fff;background:linear-gradient(135deg,#1688ff,#31d3ff);box-shadow:0 10px 24px #1688ff40}.profile-module h3{margin:14px 0 12px}.order-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;margin-bottom:12px;border-radius:20px;background:#071a3db8;border:1px solid rgba(49,211,255,.18);box-shadow:0 14px 40px #0003}.order-card div{display:grid;gap:7px;min-width:0}.order-card span{color:#9db7d6;font-size:13px}.order-card strong{color:#31d3ff;white-space:nowrap}.empty-card{color:#c6daf7;line-height:1.7}.avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900;font-size:20px}.modal-mask{position:fixed;inset:0;z-index:50;display:grid;align-items:end;background:#00000075}.sheet-card{position:relative;padding:24px;border-radius:28px 28px 0 0;background:linear-gradient(160deg,#0b326ff7,#020617fc);border:1px solid rgba(49,211,255,.28);box-shadow:0 -18px 60px #1688ff38}.login-card{padding-bottom:32px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 14px;padding:5px;border-radius:18px;background:#02061759;border:1px solid rgba(49,211,255,.16)}.login-tabs button{padding:12px 8px;border-radius:14px;background:transparent;color:#a8c7eb;font-weight:800}.login-tabs button.active{color:#fff;background:linear-gradient(135deg,#1688ff,#31d3ff);box-shadow:0 10px 24px #1688ff47}.wechat-login-panel{display:grid;gap:12px;margin-top:10px}.wechat-login-btn{width:100%;padding:16px;border-radius:18px;background:linear-gradient(135deg,#18c37e,#31d3ff);font-weight:900;box-shadow:0 12px 28px #18c37e42}.wechat-login-btn:disabled{opacity:.66;cursor:not-allowed}.login-tip{color:#a8c7eb;font-size:13px;display:block;-webkit-line-clamp:unset}.link-btn{background:transparent;color:#31d3ff;padding:6px 0;text-align:left;font-size:13px}.close{position:absolute;right:18px;top:16px;width:34px;height:34px;border-radius:50%;background:#ffffff1f;font-size:24px}.sheet-card h2{margin:0 0 8px}.current-pay{margin:16px 0;padding:12px;border-radius:14px;background:#31d3ff1f;color:#eaf8ff}.pay-main{width:100%;padding:16px;border-radius:18px;margin-top:14px;background:linear-gradient(135deg,#1688ff,#31d3ff);font-weight:900;box-shadow:0 12px 28px #1688ff59}.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.pay-grid button,.episode-grid button{padding:16px;border-radius:18px;background:#0c316ce6;border:1px solid rgba(49,211,255,.2);font-weight:800;display:grid;gap:6px}.pay-grid span,.episode-grid span{color:#bae8ff;font-size:12px}.episode-sheet{max-height:72vh;overflow-y:auto}.episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.episode-grid button.active{background:linear-gradient(135deg,#1688ff,#31d3ff)}.episode-grid button.locked{opacity:.82}.toast{position:fixed;z-index:80;left:50%;bottom:92px;transform:translate(-50%);padding:10px 16px;border-radius:999px;background:#020617d1;border:1px solid rgba(49,211,255,.28);box-shadow:0 12px 38px #00000052;color:#fff;white-space:nowrap}.error{color:#ffb4c7;margin-top:10px;display:block}@media(min-width:700px){.app-shell{width:430px;margin:0 auto;box-shadow:0 0 0 1px #31d3ff29,0 0 80px #1688ff38}.topbar,.tabbar{left:calc(50% - 205px);right:calc(50% - 205px)}.topbar{left:calc(50% - 215px);right:calc(50% - 215px)}}