.m-view{display:flex;flex-direction:column;min-height:100%}.m-top{display:flex;align-items:center;gap:8px;padding:6px 16px 10px;flex-shrink:0}.m-top .brand{display:flex;align-items:center;gap:10px}.m-top .brand .logo{width:30px;height:30px;font-size:17px;border-radius:7px;background:var(--gold-grad);color:#1a1300;display:grid;place-items:center;font-weight:900;box-shadow:0 4px 14px #f5c54266}.m-search{flex:1;display:flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:7px 12px;color:var(--text-3);font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-record{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;flex-shrink:0}.ic-clock{position:relative;width:16px;height:16px;border:1.6px solid var(--text-2);border-radius:50%}.ic-clock:before,.ic-clock:after{content:"";position:absolute;left:50%;top:50%;background:var(--text-2);border-radius:2px;transform-origin:left center}.ic-clock:before{width:5px;height:1.6px;transform:translate(-1px,-1px) rotate(-90deg)}.ic-clock:after{width:4px;height:1.6px;transform:translate(-1px,-1px) rotate(20deg)}.m-vip{flex-shrink:0;display:flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--gold-2);background:linear-gradient(90deg,#3a2a10,#2a2010);border:1px solid rgba(245,197,66,.3);border-radius:999px;padding:6px 10px;white-space:nowrap}.m-genre{display:flex;gap:16px;overflow-x:auto;padding:0 16px 10px;flex-shrink:0}.m-genre::-webkit-scrollbar{display:none}.m-genre a{font-size:15px;color:var(--text-3);white-space:nowrap;padding-bottom:5px;border-bottom:2px solid transparent}.m-genre a.active{color:var(--text);font-weight:700;border-bottom-color:var(--gold)}.m-body{flex:1;padding:4px 16px 16px}.m-hero{border-radius:var(--r);height:130px;display:grid;place-items:center;text-align:center;margin-bottom:16px;background:radial-gradient(120% 120% at 80% 0%,rgba(124,92,255,.55),transparent 55%),linear-gradient(120deg,#241a3a,#15233f)}.m-hero h2{font-size:22px;letter-spacing:3px;margin:0}.m-hero p{color:var(--text-2);font-size:11px;margin-top:6px;letter-spacing:2px}.m-section{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;margin:16px 0 12px}.m-section:before{content:"";width:3px;height:15px;border-radius:2px;background:var(--gold)}.m-section small{font-size:11px;color:var(--text-3);font-weight:500}.m-board-actions{display:flex;gap:12px;margin:14px 0 4px}.m-board-actions button{flex:1;height:44px;border:none;border-radius:22px;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.m-btn-swap{flex:0 0 42%!important;background:var(--surface-2);color:var(--text-2, #d8d8e0)}.m-btn-swap:disabled{opacity:.6}.m-btn-more{background:linear-gradient(120deg,#3da0ff,#6a5cff);color:#fff;box-shadow:0 6px 16px #5078ff59}.m-spin{display:inline-block;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}.m-board-head{display:flex;align-items:center;gap:10px;margin:8px 0 14px}.m-board-back{font-size:24px;line-height:1;cursor:pointer}.m-board-title{font-size:18px;font-weight:800}.m-board-count{margin-left:auto;font-size:12px;color:var(--text-3)}.m-board-foot{text-align:center;padding:20px 0 8px}.m-board-foot .m-btn-more{display:inline-flex;height:40px;padding:0 28px;border:none;border-radius:20px}.m-board-end{font-size:12px;color:var(--text-3)}.m-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.m-grid.g1{grid-template-columns:1fr}.poster{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3 / 4;background:var(--surface-2);box-shadow:var(--shadow-card)}.poster--wide{aspect-ratio:16 / 9}.poster .poster-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.poster .ph{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#2a2140,#1a2030,#20283a);display:grid;place-items:center;color:var(--text-mute);font-size:12px;text-align:center;padding:10px}.poster .heat{position:absolute;left:8px;bottom:8px;font-size:11px;color:#ffd9a0;display:flex;align-items:center;gap:3px;background:#00000073;padding:3px 7px;border-radius:6px}.poster .poster-serial{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;padding:3px 7px;border-radius:6px}.poster .poster-serial.is-done{color:#cfd6e6;background:#3c4254d9}.poster .poster-serial.is-ongoing{color:#ffe1a8;background:#b06e20d9}.card-cap{margin-top:8px}.card-cap .t{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-cap .s{font-size:11px;color:var(--text-3);margin:3px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster-tags{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.poster-tags__more{position:relative;display:inline-flex;align-items:center;font-size:11px;line-height:1;padding:4px 6px;border-radius:6px;background:var(--tag-1);color:var(--tag-1-t)}.poster-tags__pop{position:absolute;left:0;bottom:calc(100% + 6px);z-index:20;display:none;flex-wrap:wrap;gap:6px;max-width:200px;padding:8px;border-radius:8px;background:var(--card, #1c1f26);box-shadow:0 6px 20px #00000059}.poster-tags__more:hover .poster-tags__pop,.poster-tags__more:active .poster-tags__pop{display:flex}.m-feature{display:flex;gap:10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:10px}.m-feature .poster{width:76px;flex-shrink:0;aspect-ratio:3 / 4}.m-feature .mf{min-width:0;display:flex;flex-direction:column}.m-feature .mf .t{font-weight:700;font-size:14px}.m-feature .mf .d{font-size:11px;color:var(--text-3);line-height:1.5;margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.m-feature .mf .btn-gold{align-self:flex-start;font-size:12px;padding:5px 14px;margin-top:auto}.m-ad{background:linear-gradient(90deg,#6a4bd8,#8a6bff,#6a4bd8);border-radius:var(--r);text-align:center;color:#fff;font-weight:800;padding:16px;font-size:13px;letter-spacing:1px;margin:16px 0;overflow:hidden}.m-ad:has(.m-ad-img){padding:0}.m-ad .m-ad-img{display:block;width:100%;height:auto;border-radius:var(--r)}.tag{display:inline-block;font-size:11px;line-height:1;padding:4px 8px;border-radius:6px;background:var(--tag-1);color:var(--tag-1-t)}.tag.t2{background:var(--tag-2);color:var(--tag-2-t)}.tag.t3{background:var(--tag-3);color:var(--tag-3-t)}.tag.t4{background:var(--tag-4);color:var(--tag-4-t)}.pill{padding:8px 16px;border-radius:999px;font-size:13px;color:var(--text-2);background:var(--surface-2);border:1px solid transparent;white-space:nowrap;transition:all .15s}.pill.active{background:#7c5cff2e;color:#b9a6ff;border-color:#7c5cff80}.m-bigsearch{display:flex;gap:8px;margin-bottom:14px}.m-bigsearch .inp{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:10px 16px;color:#333}.m-bigsearch .inp input{flex:1;border:none;outline:none;background:transparent;font-size:14px}.m-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.m-chips .pill{font-size:12px;padding:6px 12px}.m-history{font-size:12px;color:var(--text-3);margin-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.m-history-tag{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;color:var(--text-2)}.m-history-tag i{font-style:normal;color:var(--text-mute);margin-left:2px}.trend-head{display:flex;align-items:baseline;gap:8px;margin:6px 0}.trend-head .t{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800}.trend-head .t:before{content:"";width:3px;height:15px;border-radius:2px;background:var(--gold)}.trend-head .en{font-size:11px;color:var(--text-mute);letter-spacing:2px;font-weight:600}.trend-list{margin-bottom:6px}.trend-row{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--border-soft)}.trend-row:last-child{border-bottom:none}.trend-row .rk{width:18px;text-align:center;font-size:16px;font-weight:800;color:var(--text-3);flex-shrink:0}.trend-row.top .rk{color:var(--gold)}.trend-row .kw{flex:1;min-width:0;font-size:14px;color:var(--text);display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-row .hot-tag{font-size:9px;font-weight:800;color:#ff8a3d;background:#ff6a3d29;border:1px solid rgba(255,106,61,.35);padding:1px 5px;border-radius:4px;letter-spacing:.5px;flex-shrink:0}.trend-more{text-align:center;font-size:13px;color:var(--text-3);padding:10px 0 4px;display:flex;align-items:center;justify-content:center;gap:4px}.trend-more .arr{transition:transform .2s;display:inline-block}.trend-more.open .arr{transform:rotate(180deg)}.m-empty{text-align:center;color:var(--text-3);font-size:13px;padding:40px 0}.btn-outline{background:transparent;color:var(--text-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:10px 18px;font-size:13px}.btn-outline.on{color:var(--gold);border-color:var(--gold)}.field input,.field textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-size:14px}.m-detail-top{display:flex;gap:14px;margin-bottom:16px}.m-detail-top .poster{width:120px;flex-shrink:0;align-self:flex-start}.m-detail-top.is-landscape{flex-direction:column}.m-detail-top.is-landscape .poster{width:100%}.m-detail-top h1{font-size:18px}.m-detail-top .line{font-size:12px;color:var(--text-2);margin:8px 0}.m-detail-top .line b{color:var(--blue-2)}.m-detail-desc{font-size:12px;color:var(--text-2);line-height:1.6;margin-bottom:14px}.m-actions{display:flex;gap:8px;margin-bottom:16px;align-items:stretch}.m-actions .btn-gold{flex:2;text-align:center;padding:11px 8px;font-size:14px;white-space:nowrap}.m-actions .btn-outline{flex:1;text-align:center;padding:11px 6px;font-size:12px;white-space:nowrap}.ep-grid{display:flex;flex-wrap:wrap;gap:9px}.ep-grid button{width:46px;height:38px;border-radius:8px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-soft);font-weight:600}.ep-grid button.active{background:#f5c54226;color:var(--gold);border-color:var(--gold)}.ep-grid button.locked:after{content:" 🔒";font-size:10px}.ep-fold{text-align:center;font-size:13px;color:var(--text-3);padding:12px 0 2px;cursor:pointer}.cmt{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid var(--border-soft)}.cmt:last-child{border-bottom:none}.cmt .avatar-c{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#3a4a6a,#23304a)}.cmt .c-body{flex:1;min-width:0}.cmt .c-head{display:flex;align-items:center;gap:6px;margin-bottom:5px}.cmt .c-name{font-size:13px;font-weight:600;color:var(--text-2)}.cmt .c-top{font-size:10px;color:var(--gold);background:#f5c54224;padding:2px 6px;border-radius:4px}.cmt .c-text{font-size:14px;color:var(--text);line-height:1.5;margin-bottom:8px;word-break:break-word}.cmt .c-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-3)}.cmt .c-meta .reply{cursor:pointer}.cmt .c-meta .like{margin-left:auto;display:flex;align-items:center;gap:4px;cursor:pointer}.cmt .c-meta .like.on{color:var(--like)}.cmt-input{display:flex;gap:10px;align-items:center;margin:4px 0 6px}.cmt-input .box{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:9px 14px;color:var(--text);font-size:13px}.cmt-input .box::placeholder{color:var(--text-3)}.cmt-tabs{display:flex;gap:18px;margin:6px 0 4px}.cmt-tabs span{font-size:13px;color:var(--text-3);padding-bottom:6px;cursor:pointer}.cmt-tabs span.active{color:var(--text);font-weight:700}.m-player{position:fixed;top:0;right:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);background:#000;z-index:200}.m-player .vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.m-player .vid-ph{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#3a2418,#1a0f0a)}.m-player .dm-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.m-player .dm-item{position:absolute;left:100%;white-space:nowrap;font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.6);will-change:transform;animation:dm-move linear forwards}@keyframes dm-move{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 100%))}}.m-player .top-bar{position:absolute;top:0;left:0;right:0;padding:46px 16px 10px;display:flex;align-items:center;gap:12px;z-index:5;background:linear-gradient(#000a,transparent)}.m-player .top-bar .tabs{display:flex;gap:20px}.m-player .top-bar .tabs span{font-size:15px;color:#bbb;cursor:pointer}.m-player .top-bar .tabs span.active{color:#fff;font-weight:700;border-bottom:2px solid var(--gold);padding-bottom:4px}.m-player .side{position:absolute;right:12px;bottom:120px;display:flex;flex-direction:column;gap:20px;z-index:5}.m-player .side .pa{display:flex;flex-direction:column;align-items:center;gap:3px;color:#fff;font-size:11px;cursor:pointer}.m-player .side .pa .ic{width:46px;height:46px;border-radius:50%;background:#ffffff1f;display:grid;place-items:center;font-size:20px}.m-player .side .pa.on .ic{color:var(--like)}.m-player .meta{position:absolute;left:16px;right:80px;bottom:52px;z-index:5;color:#fff}.m-player .meta .ep{font-weight:700;font-size:15px}.m-player .meta .desc{font-size:12px;color:#ccc;margin-top:6px}.m-player .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;cursor:pointer}.m-player .play-overlay img{width:72px;height:72px;opacity:.9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));pointer-events:none}.m-player .ad-banner{position:absolute;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:7;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#141418eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0006}.m-player .ad-banner .ad-text{flex:1;min-width:0;color:#fff}.m-player .ad-banner .ad-title{font-size:13px;font-weight:700}.m-player .ad-banner .ad-sub{font-size:11px;color:#aaa;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-player .ad-banner .ad-cta{flex-shrink:0;display:inline-flex;align-items:center;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;color:#1a1300;background:var(--gold);cursor:pointer;text-decoration:none}.m-player .ad-banner .ad-close{flex-shrink:0;width:28px;height:28px;border:none;border-radius:50%;background:#ffffff1f;color:#ccc;font-size:13px;line-height:1;cursor:pointer}.m-player .ad-banner.ad-img{padding:0;overflow:hidden;height:60px}.m-player .ad-banner.ad-img .ad-cover{flex:1;min-width:0;display:block;height:60px}.m-player .ad-banner.ad-img .ad-cover img{width:100%;height:60px;object-fit:cover;display:block}.m-player .ad-banner.ad-img .ad-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#00000080}.m-player .pbar{position:absolute;left:12px;right:12px;bottom:max(14px,env(safe-area-inset-bottom));height:24px;display:flex;align-items:center;gap:8px;z-index:6}.m-player .pbar .t{font-size:11px;color:#fff;flex-shrink:0;min-width:30px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.m-player .pbar .seek{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;border-radius:3px;background:linear-gradient(to right,var(--gold) 0,var(--gold) var(--pct, 0%),rgba(255,255,255,.25) var(--pct, 0%),rgba(255,255,255,.25) 100%);outline:none;cursor:pointer}.m-player .pbar .seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000080}.m-player .pbar .seek::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000080}.m-player .back{position:absolute;top:46px;left:16px;z-index:6;color:#fff;font-size:22px;cursor:pointer}.m-player .vip-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#03050ad1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;padding:0 30px}.m-player .vip-mask .tip{font-size:15px;color:#fff;font-weight:700}.m-player.landscape{left:0;transform:none;width:100vw;max-width:none}.m-player.fs,.m-player:fullscreen,.m-player:-webkit-full-screen{left:0;transform:none;width:100vw;max-width:none;height:100vh}.m-player.rotate-fs{top:0;left:0;width:100vh;height:100vw;max-width:none;transform:rotate(90deg);transform-origin:top left;translate:100vw 0}.m-player.landscape .pbar{left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}.m-player.landscape .side{right:max(12px,env(safe-area-inset-right));bottom:86px;gap:14px}.m-player.landscape .side .pa .ic{width:40px;height:40px;font-size:18px}.m-player.landscape .meta{left:max(16px,env(safe-area-inset-left));bottom:44px}.m-player.landscape .top-bar{padding:14px 16px 10px max(16px,env(safe-area-inset-left))}.m-player.landscape .back{top:16px;left:max(16px,env(safe-area-inset-left))}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:62%;background:var(--bg-2);border-radius:18px 18px 0 0;z-index:25;transform:translateY(100%);transition:transform .25s;display:flex;flex-direction:column}.sheet.open{transform:translateY(0)}.sheet .sheet-head{display:flex;gap:20px;padding:16px 18px 0;border-bottom:1px solid var(--border-soft)}.sheet .sheet-head span{font-size:15px;color:var(--text-3);padding-bottom:12px;cursor:pointer}.sheet .sheet-head span.active{color:var(--text);font-weight:700;border-bottom:2px solid var(--gold)}.sheet .sheet-head .close{margin-left:auto;color:var(--text-3);font-size:18px;background:none;border:none}.sheet .sheet-body{overflow-y:auto;padding:16px 18px}.m-wish-hero{border-radius:var(--r);padding:18px;margin-bottom:16px;background:radial-gradient(140% 120% at 90% 0%,rgba(124,92,255,.45),transparent 50%),linear-gradient(120deg,#1a1428,#0e1119);border:1px solid var(--border-soft)}.m-wish-hero h2{font-size:20px;margin-bottom:6px}.m-wish-hero p{font-size:11px;color:var(--text-3);line-height:1.5}.m-wish-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.m-wish-stats .ws{background:#14182399;border:1px solid var(--border-soft);border-radius:10px;padding:10px}.m-wish-stats .ws b{font-size:18px}.m-wish-stats .ws span{font-size:11px;color:var(--text-3);display:block}.m-wish-row{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:10px 12px;margin-bottom:10px}.m-wish-row.top{border-color:#f5c54266}.m-wish-row .no{width:24px;text-align:center;font-weight:900;color:var(--text-3)}.m-wish-row .no.g{color:var(--gold)}.m-wish-row .thumb{width:42px;height:56px;border-radius:6px;background:linear-gradient(160deg,#3a2418,#1a0f0a);flex-shrink:0}.m-wish-row .mm{flex:1;min-width:0}.m-wish-row .mm .t{font-size:13px;font-weight:700}.m-wish-row .mm .v{font-size:11px;color:var(--blue-2)}.m-wish-row .btn-gold,.m-wish-row .btn-ghost{font-size:11px;padding:6px 12px}.m-topic{border-radius:var(--r);height:120px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:12px;position:relative;background:linear-gradient(160deg,#2a1830,#12141c);border:1px solid var(--border-soft)}.m-topic .badge{position:absolute;top:12px;left:12px;font-size:10px;background:#00000080;padding:3px 8px;border-radius:5px;color:var(--text-2)}.m-topic h3{font-size:15px}.m-topic p{font-size:11px;color:var(--text-3);margin-top:4px}.m-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);background:#03050ab3;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300}.m-modal-head{display:flex;align-items:center;justify-content:space-between;font-size:17px;margin-bottom:6px}.m-modal-head .x{cursor:pointer;color:var(--text-3)}.m-share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 10px;padding:6px 0 4px}.m-share-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--text-2);cursor:pointer}.m-share-item .si{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:20px}.m-backtop{display:flex;align-items:center;gap:8px;padding:6px 16px 10px;flex-shrink:0}.m-backtop .back{font-size:20px;line-height:1;padding:2px 6px 2px 0;cursor:pointer;color:var(--text)}.m-backtop .ttl{flex:1;font-weight:700;font-size:15px}.m-backtop .right{font-size:13px;color:var(--text-3)}.btn-outline{border:1px solid var(--border);color:var(--text-2);background:transparent;border-radius:999px;padding:9px 18px;font-weight:600}.field{margin-bottom:16px}.field label{display:block;font-size:14px;margin-bottom:8px;color:var(--text-2)}.field input,.field textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:13px 14px;color:var(--text);font-size:14px;font-family:inherit}.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold)}.form-err{color:var(--like);font-size:12px;margin:-6px 0 12px}.m-vip-hero{border-radius:var(--r);padding:20px;margin-bottom:16px;background:radial-gradient(120% 140% at 85% 0%,rgba(245,197,66,.3),transparent 55%),linear-gradient(120deg,#241d0e,#12141c);border:1px solid rgba(245,197,66,.25)}.m-vip-hero .vb{display:inline-block;font-size:10px;font-weight:800;letter-spacing:1px;color:#1a1300;background:var(--gold-grad);padding:3px 10px;border-radius:999px;margin-bottom:10px}.m-vip-hero h2{font-size:19px;margin:0 0 6px}.m-vip-hero p{font-size:11px;color:var(--text-2);margin:0}.m-vip-rights{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}.m-vip-rights .vr{background:var(--surface);border:1px solid var(--border-soft);border-radius:10px;padding:12px 6px;text-align:center}.m-vip-rights .vri{font-size:20px}.m-vip-rights .vrt{font-size:11px;color:var(--text-2);margin-top:5px}.m-vip-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.m-vip-plans .vp{position:relative;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:14px 6px;text-align:center;cursor:pointer}.m-vip-plans .vp.active{border-color:var(--gold);background:linear-gradient(160deg,rgba(245,197,66,.12),var(--surface))}.m-vip-plans .vpt{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:9px;font-weight:800;color:#1a1300;background:var(--gold-grad);padding:2px 8px;border-radius:999px}.m-vip-plans .vpn{font-size:12px;font-weight:600}.m-vip-plans .vpp{font-size:20px;font-weight:900;color:var(--gold-2);margin-top:4px}.m-vip-plans .vpp span{font-size:11px;color:var(--text-3);font-weight:500}.m-vip-pays{display:flex;flex-direction:column;gap:10px}.m-vip-pays .vpay{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;padding:13px 14px;cursor:pointer}.m-vip-pays .vpay.active{border-color:var(--gold);background:linear-gradient(160deg,rgba(245,197,66,.1),var(--surface))}.m-vip-pays .vpay-l{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}.m-vip-pays .vpay-ic{font-size:18px}.m-vip-pays .vpay-radio{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border);flex-shrink:0;position:relative}.m-vip-pays .vpay.active .vpay-radio{border-color:var(--gold)}.m-vip-pays .vpay.active .vpay-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--gold)}.m-order-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px}.m-order-card .oc-top{display:flex;align-items:center;justify-content:space-between}.m-order-card .oc-top .t{font-size:14px;font-weight:600}.m-order-card .oc-top .st{font-size:12px;font-weight:600}.m-order-card .oc-amt{font-size:18px;font-weight:700;color:var(--gold);margin:8px 0 6px}.m-order-card .oc-amt span{font-size:12px;color:var(--text-3);font-weight:400;margin-left:6px}.m-order-card .oc-meta{font-size:11px;color:var(--text-3);line-height:1.7;word-break:break-all}.m-order-card .oc-actions{display:flex;gap:8px;margin-top:12px}.m-order-card .oc-actions button{flex:1;padding:9px;font-size:13px}.m-profile-head{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:16px;margin-bottom:16px}.m-profile-head .row{display:flex;align-items:center;gap:12px}.m-profile-head .pav{width:54px;height:54px;border-radius:50%;background:#cfd4de;flex-shrink:0}.m-profile-head h2{font-size:17px;margin:0;display:flex;align-items:center}.m-profile-head .vip-badge{background:var(--gold);color:#1a1300;font-size:11px;padding:2px 8px;border-radius:999px;margin-left:6px}.m-profile-head .id{font-size:11px;color:var(--text-3);margin-top:3px}.m-profile-head .stats{display:flex;justify-content:space-around;margin-top:14px}.m-profile-head .stats .ps{text-align:center}.m-profile-head .stats .ps b{color:var(--gold);font-size:18px;display:block}.m-profile-head .stats .ps span{font-size:11px;color:var(--text-3)}.m-profile-empty{text-align:center;padding:40px 20px}.m-profile-empty .pav{width:54px;height:54px;border-radius:50%;background:#cfd4de;margin:0 auto 14px}.m-profile-empty h2{margin:0 0 6px}.m-profile-empty p{color:var(--text-3);font-size:13px;margin:0 0 18px}.m-profile-empty .acts,.m-profile-head .acts{display:flex;gap:10px}.m-profile-empty .acts button,.m-profile-head .acts button{flex:1;padding:12px}.m-profile-head .acts{margin-top:14px}.m-asset{display:flex;align-items:stretch;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:12px 8px}.m-asset .ma-item{flex:1;text-align:center;cursor:pointer}.m-asset .ma-item b{display:block;font-size:20px;color:var(--gold)}.m-asset .ma-item b small{font-size:12px}.m-asset .ma-item b.muted{color:var(--text-2)}.m-asset .ma-item span{font-size:11px;color:var(--text-3)}.m-asset .ma-sep{width:1px;background:var(--border);margin:2px 0}.m-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 6px}.m-svc{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 2px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .15s}.m-svc:active{border-color:var(--gold)}.m-svc .ic{font-size:20px}.m-svc .l{font-size:11px;color:var(--text-2);text-align:center;line-height:1.2}.m-recent{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);padding:10px;margin-bottom:10px}.m-recent .thumb{width:46px;height:62px;border-radius:6px;background:linear-gradient(160deg,#3a2418,#1a0f0a);flex-shrink:0;object-fit:cover}.m-recent .rb{flex:1;min-width:0}.m-recent .rb .t{font-size:13px;font-weight:600}.m-recent .rb .p{font-size:11px;color:var(--text-3);margin:5px 0 8px}.m-recent .rb .btn-gold{font-size:11px;padding:5px 12px}.m-recent .del{font-size:16px;color:var(--text-3);padding:4px 6px;cursor:pointer;flex-shrink:0}.m-day-label{color:var(--text-3);font-size:13px;margin:14px 0 10px}.m-signin-track{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.m-signin-day{position:relative;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 4px;text-align:center}.m-signin-day.big{border-color:var(--gold);background:#7c5cff1a}.m-signin-day.done{opacity:.55}.m-signin-day .ic{font-size:22px}.m-signin-day .d{font-size:11px;color:var(--text-3);margin:6px 0 2px}.m-signin-day .rw{font-size:11px;color:var(--text);font-weight:600}.m-signin-day .check{position:absolute;top:5px;right:6px;font-size:12px;color:var(--gold)}.m-list-row{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px}.m-list-row .mm{flex:1;min-width:0}.m-list-row .t{font-size:14px;font-weight:600;color:var(--text)}.m-list-row .r{display:flex;align-items:center;gap:8px;margin-top:7px}.m-list-row .r small{font-size:11px;color:var(--text-3)}.m-list-row .btn-gold,.m-list-row .btn-ghost,.m-list-row .btn-outline{font-size:11px;padding:6px 14px;flex-shrink:0}.m-list-row .arr{font-size:18px;color:var(--text-3)}.m-survey{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px}.m-survey .t{font-size:15px;font-weight:700;color:var(--text)}.m-survey .d{font-size:12px;color:var(--text-3);margin:6px 0 12px}.m-survey .ft{display:flex;align-items:center;justify-content:space-between;gap:10px}.m-survey .meta{font-size:11px;color:var(--text-3)}.m-survey .btn-gold,.m-survey .btn-outline{font-size:12px;padding:7px 16px;flex-shrink:0}.m-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);background:#03050ab3;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200}.m-modal-overlay.center{align-items:center;justify-content:center}.m-modal{width:100%;background:var(--surface);border-radius:18px 18px 0 0;padding:20px;max-height:88%;overflow-y:auto;animation:msheet .25s ease}.m-modal.dialog{width:84%;max-width:320px;border-radius:18px}@keyframes msheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.m-modal-head{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700;margin-bottom:6px}.m-modal-head .x{cursor:pointer;color:var(--text-3);font-size:16px}.m-modal .body{font-size:13px;color:var(--text-2);line-height:1.7;margin:8px 0 18px}.m-modal .acts{display:flex;gap:10px}.m-modal .acts button{flex:1;padding:11px}.q-block{margin-bottom:18px}.q-block .q-title{font-size:13px;font-weight:600;margin-bottom:8px}.q-block .q-title .q-type{font-size:11px;color:var(--text-3);font-weight:400;margin-left:6px}.q-opt{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:13px;cursor:pointer}.q-opt.on{border-color:var(--gold);color:var(--gold)}.q-block textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text);font-size:13px;font-family:inherit;min-height:70px;resize:vertical}.m-loading,.m-empty-block{text-align:center;padding:48px 0;color:var(--text-3);font-size:13px}.m-empty-block .btn-gold{margin-top:14px;padding:9px 22px}.avatar-up{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-up.pav{width:64px;height:64px;border-radius:50%;background:#cfd4de;flex-shrink:0}.avatar-up.is-editable{cursor:pointer}.avatar-up .avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.avatar-up .avatar-fallback{color:#6b7280;font-weight:700;font-size:20px;line-height:1}.avatar-up .avatar-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:11px;font-weight:600;opacity:0;transition:opacity .15s}.avatar-up.is-editable:active .avatar-mask{opacity:1}:root{--bg: #0a0c12;--bg-2: #0e1119;--surface: #141823;--surface-2: #1a1f2d;--surface-3: #232a3a;--text: #f2f4f8;--text-2: #aeb6c6;--text-3: #6f7892;--text-mute: #565f74;--border: #262c3a;--border-soft: #1d222e;--gold: #f5c542;--gold-2: #ffd75e;--gold-deep: #d9a318;--gold-grad: linear-gradient(135deg, #ffd75e 0%, #f0b429 100%);--purple: #7c5cff;--purple-grad: linear-gradient(90deg, #6a4bd8 0%, #8a6bff 50%, #6a4bd8 100%);--blue: #5b8bff;--blue-2: #6ea8ff;--hot: #ff6a3d;--like: #ff4d6d;--tag-1: #3a2f5e;--tag-1-t: #b9a6ff;--tag-2: #2f4a5e;--tag-2-t: #8fd0ff;--tag-3: #2f5e3f;--tag-3-t: #86e5a8;--tag-4: #5e3f2f;--tag-4-t: #ffbf8f;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--shadow: 0 8px 30px rgba(0, 0, 0, .45);--shadow-card: 0 6px 20px rgba(0, 0, 0, .35);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-h: 56px;--header-h: 48px;--maxw: 480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{max-width:var(--maxw);margin:0 auto;min-height:100%;position:relative;background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r);box-shadow:var(--shadow-card)}.pill{border-radius:var(--r-pill)}.btn-gold{background:var(--gold-grad);color:#1a1206;font-weight:600;border:none;border-radius:var(--r-pill);padding:10px 18px}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-pill);padding:10px 18px}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-gold{color:var(--gold)}.text-purple{color:var(--purple)}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom))}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--maxw);height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;align-items:stretch;background:#0e1119f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-soft);z-index:100}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-3);background:none;border:none}.tabbar__item.is-active{color:var(--gold)}.tabbar__item.text-only .tabbar__lbl{font-size:16px;font-weight:600}.tabbar__item.text-only.is-active .tabbar__lbl{font-size:17px;font-weight:800}.tabbar__item.has-ic .tabbar__ic{font-size:20px;line-height:1}.tabbar__item.has-ic .tabbar__lbl{font-size:11px}.tabbar__icon{width:24px;height:24px;object-fit:contain}.placeholder{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-3);text-align:center;padding:24px}.placeholder h2{margin:0;font-size:18px;color:var(--text)}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 24px + var(--safe-bottom));transform:translate(-50%);max-width:80%;padding:10px 16px;background:#000000d9;color:#fff;border-radius:var(--r-lg);font-size:13px;z-index:9999;pointer-events:none}