:root{--radius-card: 18px;--radius-btn: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px);--bg-1: #0b0906;--bg-2: #1e1708;--surface: rgba(255, 214, 120, .07);--surface-2: rgba(255, 214, 120, .13);--line: rgba(245, 196, 81, .3);--text: #fdf2d8;--dim: rgba(253, 242, 216, .62);--accent: #f5c451;--accent-2: #ff7a3d;--gold: #ffe9a8;--on-accent: #231803;--page-bg: #070502}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{background:var(--page-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;transition:background .35s ease,color .35s ease;overscroll-behavior-y:none}#app{min-height:100%}.page{position:relative;max-width:520px;margin:0 auto;padding:14px 14px calc(86px + var(--safe-bottom));min-height:100vh;background:radial-gradient(120% 60% at 50% 0%,var(--bg-2),var(--bg-1) 68%),var(--page-bg)}.page.is-plain{background:var(--page-bg)}.hud{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:16px;background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar{width:36px;height:36px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:14px;color:#fff;background:linear-gradient(140deg,var(--accent),var(--accent-2));box-shadow:0 0 16px -2px var(--accent)}.level{flex:1;min-width:0}.level-row{display:flex;align-items:baseline;gap:6px;font-size:12px}.level-row b{color:var(--accent)}.level-row span{font-size:10px;color:var(--dim)}.exp{height:6px;border-radius:99px;margin:4px 0 2px;overflow:hidden;background:var(--surface-2)}.exp i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .45s ease}.wallet{display:flex;flex-direction:column;gap:3px;align-items:flex-end}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);white-space:nowrap}.chip.is-gold{color:var(--gold)}.card{margin-top:12px;padding:12px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 10px}.section-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.4px}.section-head .more{font-size:11px;color:var(--dim)}.btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:var(--radius-btn);padding:9px 14px;font-size:13px;font-family:inherit;cursor:pointer}.btn-primary{border:0;color:var(--on-accent);background:linear-gradient(100deg,var(--accent),var(--accent-2));box-shadow:0 10px 24px -12px var(--accent)}.btn-ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.empty{padding:40px 0;text-align:center;color:var(--dim);font-size:13px}.poster{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3 / 4;background:linear-gradient(180deg,#0000000d,#000000b8),linear-gradient(150deg,var(--accent),var(--accent-2));display:flex;align-items:flex-end;padding:8px;border:1px solid var(--line)}.poster-name{font-size:12px;font-weight:600;line-height:1.25;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.poster-cover{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;width:100%;height:100%}.poster-tag{position:absolute;top:6px;left:6px;font-size:9px;padding:2px 6px;border-radius:99px;background:#00000073;color:#fff;border:1px solid rgba(255,255,255,.3)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.grid-row{display:grid;grid-auto-flow:column;grid-auto-columns:33%;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.grid-row::-webkit-scrollbar{display:none}.list-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.list-item:last-child{border-bottom:0}.list-item .thumb{width:62px;flex:none}.list-item .info{min-width:0;flex:1}.list-item h3{margin:0 0 4px;font-size:13px;font-weight:600}.list-item p{margin:0;font-size:11px;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;padding:8px 8px calc(10px + var(--safe-bottom));background:color-mix(in srgb,var(--page-bg) 82%,transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabbar .tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--dim);background:none;border:0;font-family:inherit;cursor:pointer;padding:2px 12px}.tabbar .tab.is-on{color:var(--accent);text-shadow:0 0 14px var(--accent)}.tabbar .dot{width:18px;height:18px;border-radius:6px;border:1.5px solid currentColor;opacity:.9}.tabbar .tab.is-on .dot{background:currentColor;box-shadow:0 0 12px currentColor}.play-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:50;overflow:hidden}.play-video{width:100%;height:100%;object-fit:contain;background:#000}.play-top{position:absolute;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(0,0,0,.72),transparent);z-index:3}.play-top .title{flex:1;min-width:0;color:#fff}.play-top .title b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-top .title span{font-size:11px;opacity:.75}.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#0006;color:#fff;font-size:15px;line-height:1;cursor:pointer;flex:none}.play-side{position:absolute;right:10px;bottom:130px;z-index:3;display:flex;flex-direction:column;gap:12px;align-items:center}.play-side button{width:46px;border:0;background:none;color:#fff;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.play-side .ring{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.6);background:#0000005c;font-size:12px}.play-bottom{position:absolute;left:0;right:0;bottom:0;padding:14px 14px calc(16px + var(--safe-bottom));background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);z-index:3;color:#fff}.lock-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;text-align:center;color:#fff;background:linear-gradient(180deg,#04020ef0,#04020efa)}.lock-mask h3{margin:0;font-size:17px}.lock-mask p{margin:0;font-size:12px;opacity:.75;line-height:1.6}.lock-mask .btn{min-width:220px}.pulse{animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 1px #fff3 inset,0 10px 24px -12px var(--accent)}50%{box-shadow:0 0 0 1px #fff6 inset,0 14px 30px -10px var(--accent),0 0 24px -4px var(--accent-2)}}.ep-drawer{position:absolute;left:0;right:0;bottom:0;max-height:62%;overflow-y:auto;padding:16px 14px calc(20px + var(--safe-bottom));background:var(--page-bg);border-top-left-radius:20px;border-top-right-radius:20px;z-index:8;transform:translateY(102%);transition:transform .28s ease}.ep-drawer.is-open{transform:translateY(0)}.ep-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.ep-cell{aspect-ratio:1;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:12px;font-family:inherit;cursor:pointer;position:relative}.ep-cell.is-current{border-color:var(--accent);color:var(--accent)}.ep-cell.is-locked{color:var(--dim)}.ep-cell.is-locked:after{content:"🔒";position:absolute;right:3px;top:2px;font-size:8px}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:99;padding:9px 16px;border-radius:99px;background:#000000d1;color:#fff;font-size:12px;border:1px solid var(--line);max-width:84vw;text-align:center}.form-row{display:flex;gap:8px;align-items:center}.input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:13px;font-family:inherit}.input::placeholder{color:var(--dim)}.category-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.category-row button{flex:none;padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--dim);font-size:12px;font-family:inherit;cursor:pointer}.category-row button.is-on{color:var(--on-accent);background:linear-gradient(100deg,var(--accent),var(--accent-2));border-color:transparent}.progress-track{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}.progress-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .45s ease}.kv{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:7px 0;border-bottom:1px solid var(--line)}.kv:last-child{border-bottom:0}.kv span{color:var(--dim)}