:root{--bg: #010314;--text: #F8FAFC;--text-dim: #94A3B8;--accent: #F59E0B;--accent-glow: rgba(245, 158, 11, .3);--border: rgba(245, 158, 11, .2);--card-bg: rgba(2, 5, 20, .75);--font: "Dongle", sans-serif}html,body{margin:0;height:100dvh;overflow:hidden;overflow-x:hidden;max-width:100%;background:var(--bg);font-family:var(--font);user-select:none}iframe{position:fixed;inset:0;width:100%;height:100dvh;border:none;z-index:0}.nav-wrapper{position:fixed;bottom:20px;left:20px;z-index:100}.nav-active-btn{width:50px;height:50px;border-radius:15px;border:1px solid var(--accent);background:#f59e0b26;color:var(--accent);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 16px var(--accent-glow);position:relative}.nav-active-btn:hover{background:#f59e0b38}.nav-active-btn .tip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);padding:4px 10px;background:#010314f2;border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:14px;font-family:var(--font);white-space:nowrap;pointer-events:none;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .15s ease}.nav-active-btn:hover .tip{opacity:1}.nav-panel{position:absolute;bottom:0;left:0;display:flex;flex-direction:row;align-items:flex-end;gap:8px;opacity:0;transform:translateY(8px);pointer-events:none;transition:all .3s ease}.nav-panel.show{opacity:1;transform:translateY(0);pointer-events:all}.nav-wrapper.nav-open .nav-active-btn{opacity:0;pointer-events:none;transform:scale(.7)}.nav-main{display:flex;flex-direction:column;min-width:198px;max-height:calc(100dvh - 56px);overflow-y:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:9px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 34px #00000073}.nav-head{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;margin-bottom:5px;font-size:20px;color:var(--text);border:0;border-bottom:1px solid var(--border);border-radius:11px 11px 0 0;background:transparent;font-family:var(--font);letter-spacing:.02em;cursor:pointer;transition:background .15s ease,color .15s ease}.nav-head:hover{background:#f59e0b1a;color:var(--accent)}.nav-head i{color:var(--accent);font-size:20px;width:20px;text-align:center}.nav-head .nav-head-txt{flex:1;text-align:left;position:relative;top:2px}.nav-head #navOnline{color:var(--accent);font-weight:700}.nav-list{display:flex;flex-direction:column;gap:2px}.util-column{display:flex;flex-direction:column;gap:7px;min-width:50px}.nav-btn{display:flex;align-items:center;gap:12px;padding:0 12px;height:40px;border-radius:11px;border:0;background:transparent;color:var(--text-dim);font-size:22.5px;font-family:var(--font);cursor:pointer;transition:background .15s ease,color .15s ease;width:100%;letter-spacing:.02em}.nav-btn i{width:20px;text-align:center;font-size:18.5px;opacity:.9}.nav-btn .nb-label{flex:1;text-align:left;position:relative;top:2px}.nav-btn .nb-badge{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 7px;border-radius:6px;background:var(--accent-glow);color:var(--accent);line-height:1.5}.nav-btn:hover{background:#f59e0b1f;color:var(--accent)}.nav-btn:hover i{opacity:1}.nav-btn.active{background:#f59e0b29;color:var(--accent)}.nav-btn.active i{opacity:1}.util-btn{width:50px;height:51px;border-radius:13px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-dim);font-size:20px;cursor:pointer;transition:all .2s ease;position:relative;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.util-btn:hover{background:#f59e0b1f;border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px var(--accent-glow)}.util-btn .tip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);padding:4px 10px;background:#010314f2;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-family:var(--font);white-space:nowrap;pointer-events:none;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .15s ease;z-index:999}.util-btn:hover .tip{opacity:1}.toast{position:fixed;right:16px;bottom:16px;color:#010314;padding:.5rem 1rem;border-radius:10px;opacity:0;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease;z-index:9999;pointer-events:none;background:var(--accent);font-family:var(--font);font-size:1.4rem;letter-spacing:.04em}.toast.show{opacity:1;transform:none}@media(max-width:500px){.nav-wrapper{bottom:14px;left:14px}.nav-active-btn{width:38px;height:38px;border-radius:12px;font-size:16px}.nav-main{min-width:168px}.nav-btn{height:36px;font-size:16px}.util-btn{width:38px;height:38px;font-size:16px}}.mini-player{position:fixed;right:20px;bottom:20px;z-index:90;display:none;align-items:center;gap:10px;width:320px;max-width:calc(100vw - 40px);padding:8px 10px;background:#060a1ceb;border:1px solid var(--border);border-radius:16px;box-shadow:0 14px 40px -12px #000000b3,0 0 24px -6px var(--accent-glow);backdrop-filter:blur(14px);touch-action:none}.mini-player.show{display:flex}.mini-player.dragging{cursor:grabbing}.mini-player .mi-cover{width:46px;height:46px;border-radius:10px;object-fit:cover;background:#10131f;flex-shrink:0}.mini-player .mi-info{flex:1;min-width:0}.mini-player .mi-title{color:var(--text);font-size:21px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .mi-artist{color:var(--text-dim);font-size:17px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player .mi-progress{position:relative;height:4px;border-radius:3px;background:#ffffff1f;margin-top:6px;cursor:pointer;touch-action:none}.mini-player .mi-progress:before{content:"";position:absolute;inset:-7px 0}.mini-player .mi-bar{height:100%;width:0;background:var(--accent);border-radius:3px}.mini-player .mi-knob{position:absolute;top:50%;left:0;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s}.mini-player .mi-progress:hover .mi-knob,.mini-player .mi-progress.seeking .mi-knob{opacity:1}.mini-player .mi-times{display:flex;justify-content:space-between;margin-top:3px;color:var(--text-dim);font-size:15px;line-height:1;font-variant-numeric:tabular-nums}.mini-player .mi-ctrls{display:flex;align-items:center;gap:2px;flex-shrink:0}.mini-player .mi-btn{background:none;border:none;color:var(--text);cursor:pointer;width:30px;height:30px;border-radius:50%;font-size:14px;display:grid;place-items:center}.mini-player .mi-btn:hover{color:var(--accent);background:#ffffff0f}.mini-player .mi-play{background:var(--accent);color:#08111f}.mini-player .mi-play:hover{filter:brightness(1.08);color:#08111f}.mini-player.min{width:56px;height:56px;padding:0;border-radius:50%;justify-content:center;cursor:pointer;overflow:visible}.mini-player.min .mi-info,.mini-player.min .mi-ctrls{display:none}.mini-player.min .mi-cover{width:56px;height:56px;border-radius:50%}.mini-player.min:after{content:"";position:absolute;inset:-4px;border-radius:50%;pointer-events:none;background:conic-gradient(var(--accent) calc(var(--p, 0) * 1%),rgba(255,255,255,.16) 0);-webkit-mask:radial-gradient(circle,transparent 0 28px,#000 28.5px);mask:radial-gradient(circle,transparent 0 28px,#000 28.5px)}html.tt-light .nav-active-btn .tip,html.tt-light .util-btn .tip{background:#fff;border-color:#11121a24;box-shadow:0 6px 18px -6px #11121a47}.news-overlay{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:newsFade .2s ease}@keyframes newsFade{0%{opacity:0}to{opacity:1}}.news-box{width:100%;max-width:440px;background:color-mix(in srgb,var(--accent) 10%,#101018);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 70px #00000080;overflow:hidden;animation:newsPop .25s ease;font-family:var(--font)}@keyframes newsPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.news-head{display:flex;align-items:center;gap:12px;padding:15px 16px 15px 18px;border-bottom:1px solid var(--border)}.news-title{font-size:26px;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:10px;line-height:1.15}.news-title i{color:var(--accent);font-size:16px;line-height:1}.news-x{margin-left:auto;width:28px;height:28px;border-radius:7px;border:none;background:transparent;color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer;transition:background .15s,color .15s;font-family:var(--font)}.news-x:hover{background:var(--accent-glow);color:var(--text)}.news-list{list-style:none;margin:0;padding:16px 18px 20px;display:flex;flex-direction:column;gap:17px;max-height:60vh;overflow-y:auto}.news-item{display:flex;align-items:flex-start;gap:13px}.news-item>i{flex-shrink:0;width:34px;height:34px;border-radius:10px;background:var(--accent-glow);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:2px}.news-item-body{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:1px}.news-item-title{font-size:21px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.2}.news-tag{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:0 8px;border-radius:999px;line-height:1.7}.news-item-desc{font-size:19px;color:var(--text-dim);line-height:1.4}html.tt-light .news-box{background:color-mix(in srgb,var(--accent) 6%,#fff);border-color:#11121a24}html.tt-light .news-title,html.tt-light .news-item-title{color:#11121a}html.tt-light .news-item-desc,html.tt-light .news-x{color:#4b5563}