:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;color:#f7f7f7;background:#0e0f10;--mint:#64ddb4;--panel:#191a1b;--muted:#888;--line:#242627}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 20%,#181a1b,#0d0e0f 55%);min-height:100vh}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}.phone{width:min(430px,100vw);min-height:100dvh;margin:auto;background:#030303;position:relative;overflow:hidden;padding-bottom:68px;box-shadow:0 0 80px #000}.nav{height:64px;position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(430px,100vw);background:#080808ef;border-top:1px solid #232323;display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(18px)}.nav button{color:#858585;font-size:13px;display:grid;place-items:center;gap:3px;padding:7px 0}.nav button.active{color:var(--mint);font-weight:700}.nav i{font-style:normal;font-size:20px}.nav .create i{background:var(--mint);color:#07110d;width:44px;height:31px;border-radius:8px;display:grid;place-items:center;font-size:25px}.page{min-height:calc(100dvh - 64px);padding:18px 16px 30px}.tabs{display:flex;gap:26px;align-items:center;overflow:auto;scrollbar-width:none}.tabs button{color:#777;font-weight:700;white-space:nowrap;padding:3px 0 10px;position:relative}.tabs button.active{color:#fff}.tabs button.active:after{content:"";position:absolute;bottom:2px;left:22%;right:22%;height:3px;border-radius:3px;background:var(--mint)}.feed{min-height:calc(100dvh - 68px);position:relative;background:#050505}.feed-bg{position:absolute;inset:0;background:center/cover no-repeat url('./assets/litv/images/preview-changshengqi.jpg');filter:brightness(.68)}.feed:after{content:"";position:absolute;inset:0;background:linear-gradient(#0008 0,transparent 19%,transparent 58%,#000 91%)}.feed-top{position:absolute;z-index:2;top:15px;left:0;right:0;display:flex;justify-content:center;gap:28px;font-size:17px;font-weight:700}.feed-top .muted{color:#777;font-weight:500}.feed-top .menu{position:absolute;right:18px;font-size:24px}.feed-copy{position:absolute;z-index:3;left:16px;right:75px;bottom:86px}.feed-copy h3{margin:0 0 6px;font-size:15px}.feed-copy p{font-size:14px;margin:0;color:#ddd}.feed-actions{position:absolute;z-index:3;right:13px;bottom:88px;display:grid;gap:18px;text-align:center}.round{width:44px;height:44px;border-radius:50%;background:#161718d9;display:grid;place-items:center;font-size:20px}.feed-actions small{display:block;font-size:11px;margin-top:3px}.progress{height:2px;background:#555;position:absolute;z-index:4;bottom:71px;left:16px;right:16px}.progress i{display:block;width:36%;height:100%;background:#fff}.theater{padding-top:10px}.search{height:34px;border-radius:18px;background:#2a2b2d;display:flex;align-items:center;padding:0 12px;color:#bdbdbd;margin-bottom:12px}.search input{border:0;outline:0;color:#eee;background:transparent;width:100%;padding-left:8px}.category{gap:23px;margin-bottom:10px}.category button.active:after{background:#fff}.hero-card{height:330px;width:100%;border-radius:3px;background:center/cover no-repeat url('./assets/litv/images/banner-changshengqi.jpg');position:relative;margin-bottom:12px}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#000b)}.hero-card h2{position:absolute;z-index:2;bottom:26px;left:18px;margin:0;font-size:32px;text-shadow:0 2px 10px #000}.dots{position:absolute;z-index:2;bottom:8px;left:0;right:0;text-align:center;letter-spacing:5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:#0c0d0e;border-radius:5px;overflow:hidden;text-align:left}.poster{aspect-ratio:1/1.28;background:var(--poster) center/cover no-repeat;position:relative}.badge{position:absolute;left:5px;top:5px;background:#ed4f70;border-radius:2px;padding:2px 10px;font-size:11px}.heat{position:absolute;left:8px;bottom:7px;font-size:11px;font-weight:700;text-shadow:0 1px 4px #000}.card-copy{padding:10px}.card h3{font-size:14px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;gap:5px;color:#8b8b8b;font-size:10px}.empty{height:65vh;display:grid;place-items:center;color:#595959}.profile{padding:20px 18px}.profile-head{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d85223,#8e2515);font-size:34px}.profile-head h2{font-size:20px;margin:0 0 5px}.profile-head p{margin:0;color:#777;font-size:12px}.icon-row{display:flex;gap:10px}.icon{width:36px;height:36px;border-radius:50%;background:#121313;display:grid;place-items:center}.social{display:flex;gap:30px;margin:15px 0}.social b{margin-right:6px}.member-card{border:1px solid #363b39;border-radius:14px;overflow:hidden;background:linear-gradient(120deg,#313737,#1c3029 60%,#1a2020)}.member-top{height:98px;display:flex;align-items:center;padding:18px;gap:14px}.member-gem{font-size:38px}.member-top h3{margin:0 0 4px}.member-top p{margin:0;color:#bbb;font-size:13px}.join{margin-left:auto;background:var(--mint);color:#102019;border-radius:22px;padding:10px 17px;font-weight:800}.wallet{background:#101112;padding:15px 18px;display:flex;gap:28px;align-items:center}.wallet span{font-size:12px;color:#8c8c8c}.wallet b{display:block;color:#fff;font-size:20px}.plus{margin-left:auto;background:var(--mint);color:#07110d;border-radius:50%;width:42px;height:42px;font-size:25px}.reward-link{height:58px;width:calc(100% + 36px);margin:10px -18px 8px;padding:0 20px;display:flex;align-items:center;border-top:1px solid #151515;border-bottom:1px solid #151515}.reward-link b{margin-left:12px}.reward-link span{margin-left:auto;color:var(--mint);font-size:13px}.work-tabs{justify-content:space-between;padding-top:8px}.work-tabs button{font-size:14px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.topbar h1{font-size:19px;margin:0}.topbar .back{font-size:26px}.sheet-layer,.drawer-layer{position:fixed;z-index:60;inset:0;background:#000a;display:flex;justify-content:center;align-items:flex-end}.sheet{width:min(430px,100vw);max-height:78vh;overflow:auto;border-radius:22px 22px 0 0;background:#202122;padding:12px 16px 25px;box-shadow:0 -12px 45px #000}.handle{width:36px;height:4px;background:#5c5c5c;border-radius:5px;margin:0 auto 10px}.sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-title h2{font-size:18px;margin:0}.close{width:40px;height:40px;border-radius:50%;background:#363738;font-size:24px}.plan{display:block;width:100%;text-align:left;border-radius:12px;padding:14px 16px;margin:10px 0;color:#3d2e1f;background:radial-gradient(circle at 80% 20%,#fff9,#f3d99f 50%,#f6e8c6)}.plan .save{float:right;background:#fff7;padding:3px 8px;border-radius:9px;font-size:11px}.plan h3{font-size:20px;margin:0}.plan strong{display:block;font-size:28px}.plan p{margin:5px 0;font-size:12px}.benefits{border-top:1px solid #d1bd91;margin:10px -16px -14px;padding:10px 12px;display:flex;justify-content:space-between;font-size:11px}.diamond-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diamond-card{border:1px solid #444;border-radius:8px;background:#292a2b;padding:15px 8px 0;text-align:center;overflow:hidden}.diamond-card i{font-style:normal;font-size:36px}.diamond-card strong{display:block;font-size:20px}.diamond-card small{display:block;color:var(--mint);height:28px}.diamond-card span{display:block;margin:10px -8px 0;padding:8px;background:#393a3b;font-weight:800}.drawer-layer{justify-content:flex-end;align-items:stretch}.drawer{width:min(330px,82vw);background:#202122;padding:18px 22px}.drawer h2{margin:0 0 32px}.setting-row{width:100%;display:flex;justify-content:space-between;padding:14px 0;font-size:16px;text-align:left}.setting-row small{color:#999}.reward-page .balance{font-size:42px;font-weight:800;text-align:center;margin:24px}.task{background:#18191a;border-radius:11px;margin:10px 0;padding:15px;display:flex;align-items:center}.task div{flex:1}.task h3{margin:0 0 5px;font-size:15px}.task p{margin:0;color:#888;font-size:12px}.task button{border:1px solid var(--mint);color:var(--mint);padding:7px 12px;border-radius:18px}.toast{position:fixed;z-index:100;left:50%;bottom:86px;transform:translateX(-50%);background:#f5f5f5;color:#111;padding:10px 16px;border-radius:22px;font-size:13px}.install-card{text-align:center}.install-logo{width:78px;height:78px;background:var(--mint);color:#0b1813;border-radius:18px;display:grid;place-items:center;margin:20px auto;font-size:38px;font-weight:900}.primary{width:100%;background:var(--mint);color:#0a1812;padding:13px;border-radius:24px;font-weight:800;margin-top:14px}.secondary{width:100%;color:#aaa;padding:12px}.detail-cover{height:48vh;background:var(--poster) center/cover no-repeat;position:relative}.detail-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,#030303)}.detail-back{position:absolute;z-index:2;top:16px;left:16px}.play{position:absolute;z-index:2;inset:0;margin:auto;width:60px;height:60px;border-radius:50%;background:#ffffffdc;color:#111;font-size:24px}.detail-body{padding:0 18px 30px;margin-top:-20px;position:relative;z-index:3}.detail-body h1{margin:0 0 8px}.episodes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.episodes button{background:#202122;border-radius:6px;padding:10px}.episodes button.active{background:var(--mint);color:#07110d}.note{font-size:12px;color:#777;line-height:1.5}.create-sheet .choice{display:block;width:100%;background:#2b2c2d;border-radius:10px;padding:16px;margin:10px 0;text-align:left}.create-sheet .choice b{display:block}.create-sheet .choice small{color:#888}@media(max-width:360px){.profile{padding-left:13px;padding-right:13px}.category{gap:16px}.member-top{padding:14px}.hero-card{height:300px}}