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