:root{color-scheme:dark;--primary-color: #ff5c1a;--primary-hover: #ff7a3d;--primary-ink: #120a06;--primary-soft: rgba(255, 92, 26, .12);--primary-border: rgba(255, 92, 26, .38);--bg-color: #080808;--bg-deep: #030303;--surface-color: #111111;--surface-elevated: rgba(18, 18, 18, .9);--surface-soft: rgba(255, 255, 255, .045);--surface-strong: #1a1a1a;--text-main: #f4f0ea;--text-muted: #98948e;--text-subtle: #6f6c67;--border-color: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .22);--shadow-color: rgba(0, 0, 0, .42);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .2);--shadow-panel: 0 16px 48px rgba(0, 0, 0, .32);--radius-sm: 3px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 12px;--page-padding-x: clamp(18px, 3.6vw, 64px);--page-padding-bottom: clamp(48px, 7vw, 112px);--content-max-width: 1560px;--font-display: "Arial Narrow", "Roboto Condensed", "DIN Condensed", "PingFang SC", "Microsoft YaHei UI", sans-serif;--font-body: "Segoe UI Variable", "SF Pro Display", "PingFang SC", "Microsoft YaHei UI", sans-serif;--font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace}[data-theme=light]{color-scheme:light;--bg-color: #f0eee9;--bg-deep: #e5e2dc;--surface-color: #faf9f6;--surface-elevated: rgba(250, 249, 246, .92);--surface-soft: rgba(20, 18, 16, .045);--surface-strong: #e8e5df;--text-main: #11100f;--text-muted: #625f5a;--text-subtle: #8a867f;--border-color: rgba(17, 16, 15, .12);--border-strong: rgba(17, 16, 15, .24);--shadow-color: rgba(48, 42, 35, .14);--shadow-soft: 0 8px 24px rgba(48, 42, 35, .08);--shadow-panel: 0 16px 48px rgba(48, 42, 35, .12)}.page-header.has-header-action.has-header-action{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-align:left}.page-header.has-header-action.has-header-action>:last-child{margin-left:0}@media (orientation: portrait){.page-header.has-header-action.has-header-action{width:100%;flex-direction:row;align-items:center;justify-content:space-between;text-align:left}.page-header.has-header-action.has-header-action>:first-child{min-width:0}.page-header.has-header-action.has-header-action>:last-child{flex:0 0 auto;margin-left:auto}}html{width:100%;max-width:100%;background:var(--bg-deep);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg-color);color:var(--text-main);font-family:var(--font-body);font-weight:500;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body::selection,body *::selection{color:var(--primary-ink);background:var(--primary-color)}body,button,input,select,textarea{font-family:var(--font-body)}body,button,a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease}body,#app{width:100%;max-width:100%;min-height:100dvh}*{box-sizing:border-box}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 46%,transparent);background-clip:padding-box}img,video,canvas,svg{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button,a{color:inherit}:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}:where(.panel-page,.content-area,.home-page,.credit-page,.profile-page,.shop-page,.scores-page,.log-upload-page,.xiamai-page,.ticket-page,.unlock-page,.account-page,.collections-page,.delivery-page,.random-page,.region-page,.test-page,.tools-page,.nearby-page,.song-list-page,.admin-page,.admin-dashboard-page,.admin-logs-page,.admin-users-page,.admin-roles-page,.contact-page,.privacy-page){width:min(100%,var(--content-max-width));margin-inline:0 auto!important;padding-inline:var(--page-padding-x)!important;padding-bottom:var(--page-padding-bottom)!important}.spy-page{width:100%;max-width:none;margin-inline:0;padding-inline:0!important;padding-bottom:0!important}:where(.page-header){position:relative;padding:4px 0 12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}:where(.page-header h1,.page-header h2){margin-top:0;color:var(--text-main)!important;font-family:var(--font-body);font-size:clamp(1.45rem,2.2vw,2rem)!important;font-weight:800!important;letter-spacing:0!important;line-height:1.15!important;text-transform:none}:where(.page-kicker,.section-kicker,.title-kicker){display:none!important}:where(.subtitle,.state-box,.empty-state,.panel-head p,.section-head p){color:var(--text-muted)!important}:where(.page-header .subtitle){display:none!important}:where(.panel-card,.filter-panel,.score-panel,.admin-card,.stat-card,.summary-card,.product-card,.col-card,.row-card){border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;background:var(--surface-elevated)!important;box-shadow:none!important}:where(.panel-card,.filter-panel,.score-panel,.admin-card,.stat-card,.summary-card,.product-card,.col-card,.row-card):hover{border-color:var(--border-color)!important}:where(.filter-panel){padding-inline:0!important;border:0!important;border-radius:0!important;background:transparent!important}:where(.primary-btn,.refresh-btn,.login-btn,.buy-btn:not(.purchased)){border-color:var(--primary-color)!important;background:var(--primary-color)!important;color:var(--primary-ink)!important;box-shadow:none!important}:where(.primary-btn,.refresh-btn,.login-btn,.buy-btn,.ghost-btn,.page-btn,.sort-btn,.reset-btn,.action-btn,.confirm-btn){min-height:42px;border-radius:var(--radius-md)!important;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease!important}:where(.primary-btn,.refresh-btn,.login-btn,.buy-btn,.ghost-btn,.page-btn,.sort-btn,.reset-btn,.action-btn,.confirm-btn):not(:disabled):hover{transform:none}:where(.primary-btn,.refresh-btn,.login-btn,.buy-btn,.ghost-btn,.page-btn,.sort-btn,.reset-btn,.action-btn,.confirm-btn):not(:disabled):active{transform:scale(.98)}:where(.ghost-btn,.page-btn,.sort-btn,.reset-btn,.action-btn,.select-trigger,.select-option){border:1px solid var(--border-color)!important;background:var(--surface-soft)!important;color:var(--text-main)!important}:where(.sort-btn.active,.select-option.active,.sub-active,.nav-item.is-active){border-color:var(--primary-border)!important;background:var(--primary-soft)!important;color:var(--primary-color)!important}:where(input,select,textarea){border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;background:var(--surface-soft)!important;color:var(--text-main)!important}:where(input,select,textarea)::placeholder{color:var(--text-subtle)!important}:where(input,select,textarea):focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-soft)!important;outline:none}:where(.search-shell,.range-inputs,.page-jump,.table-shell,.select-menu){border-color:var(--border-color)!important;background:var(--surface-soft)!important}:where(.table-shell){border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}:where(table){border-collapse:separate;border-spacing:0}:where(th){color:var(--text-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}:where(.state-box.large){min-height:220px}@keyframes page-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.shell-main>main,.shell-main>div:not(.top-header){animation:page-enter .62s cubic-bezier(.16,1,.3,1) backwards}:where(.modal-overlay,.qr-modal-overlay,.help-modal-overlay){min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;align-items:safe center!important;justify-content:safe center!important;overflow:auto;overscroll-behavior:contain}.swal2-container.swal2-center{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;align-items:center!important}body:has(.modal-overlay,.qr-modal-overlay,.help-modal-overlay,.swal2-container.swal2-center){overflow:hidden}:where(.role-badge,.status-badge,.category-badge,.access-pill,.summary-pill,.credit-pill,.rating-pill,.page-badge,.page-chip,.signal-chip,.panel-tag,.status-pill,.template-pill,.alias-pill){border-radius:var(--radius-sm)!important}:where(.modal-content,.modal-box,.detail-modal,.qr-modal,.help-modal,.drawer-panel){border-radius:10px!important}:where(.modal-overlay,.qr-modal-overlay,.help-modal-overlay){backdrop-filter:blur(6px)!important}@media (max-width: 768px),(orientation: portrait){:root{--page-padding-x: 14px;--page-padding-bottom: 48px}:where(.panel-page,.content-area,.home-page,.credit-page,.profile-page,.shop-page,.scores-page,.log-upload-page,.xiamai-page,.ticket-page,.unlock-page,.account-page,.collections-page,.delivery-page,.random-page,.region-page,.test-page,.tools-page,.nearby-page,.song-list-page,.admin-page,.admin-dashboard-page,.admin-logs-page,.admin-users-page,.admin-roles-page,.contact-page,.privacy-page){margin-inline:auto!important}:where(.page-header){padding:2px 0 10px!important}:where(.page-header h1,.page-header h2){font-size:1.45rem!important;line-height:1.2!important}}.login-page[data-v-88b2a79a]{position:relative;min-height:100dvh;overflow-x:clip;background:#080808;color:#f7f4ef;isolation:isolate}.bg-video[data-v-88b2a79a]{position:fixed;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.glass-overlay[data-v-88b2a79a]{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,#ffffff12,#0000001f),#0000001f;backdrop-filter:blur(15px) brightness(.78);-webkit-backdrop-filter:blur(15px) brightness(.78)}.hero-section[data-v-88b2a79a]{position:relative;min-height:100dvh;display:grid;place-items:center;padding-block:max(72px,env(safe-area-inset-top)) max(56px,env(safe-area-inset-bottom))}.main-content[data-v-88b2a79a]{width:100%;display:flex;flex-direction:column;align-items:center;padding:24px;transform:translateY(-3vh)}.scroll-hint[data-v-88b2a79a]{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));display:grid;width:42px;height:42px;place-items:center;color:#f7f4efb3;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .42s ease 1.05s,transform .52s cubic-bezier(.16,1,.3,1) 1.05s}.scroll-hint.is-visible[data-v-88b2a79a]{opacity:1;transform:translate(-50%)}.scroll-hint.is-visible[data-v-88b2a79a]{animation:scroll-hint-float-88b2a79a 2.6s ease-in-out 1.6s infinite}.brand-wrapper[data-v-88b2a79a]{display:flex;align-items:center;justify-content:center;min-height:110px;transform:scale(1.55);transform-origin:center}.login-logo[data-v-88b2a79a]{width:auto;height:80px;margin-right:12px;object-fit:contain;animation:logo-entry-88b2a79a .7s cubic-bezier(.16,1,.3,1) both}.login-title[data-v-88b2a79a]{display:flex;margin:0;color:#fff;font-family:"Arial Black",var(--font-body);font-size:2.2rem;font-style:italic;font-weight:900;letter-spacing:-.06em;line-height:1.15;white-space:nowrap}.char-fade-in[data-v-88b2a79a]{display:inline-block;opacity:0;transform:translateY(8px)}.brand-wrapper.is-active .char-fade-in[data-v-88b2a79a]{animation:char-show-88b2a79a .42s ease-out forwards}.form-layer[data-v-88b2a79a]{max-width:100%;margin-top:52px;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .6s ease .5s,transform .7s cubic-bezier(.16,1,.3,1) .5s}.form-layer.show[data-v-88b2a79a]{opacity:1;pointer-events:auto;transform:translateY(0)}.action-btn[data-v-88b2a79a]{min-width:190px;padding:.82em 2.7em;border:0!important;border-radius:999px!important;background:#fff!important;color:#171717!important;box-shadow:0 8px 32px #00000059!important;font-size:clamp(.95rem,2vw,1.15rem);font-weight:800;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .18s ease,box-shadow .18s ease!important}.action-btn[data-v-88b2a79a]:hover{background:#f1f1f1!important;box-shadow:0 12px 38px #ffffff24!important;transform:translateY(-3px) scale(1.025)!important}.action-btn[data-v-88b2a79a]:active{transform:scale(.98)!important}.logged-in-actions[data-v-88b2a79a]{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.enter-btn[data-v-88b2a79a]{background:var(--primary-color)!important;color:#fff!important}.logout-btn[data-v-88b2a79a]:hover{background:#ef4444!important;color:#fff!important}.landing-content[data-v-88b2a79a]{position:relative;z-index:1;min-height:100dvh;padding:clamp(92px,11vw,164px) clamp(18px,5vw,72px) clamp(84px,10vw,144px);background:linear-gradient(to bottom,#080808b8 0,#080808f5 300px,#080808 680px);box-shadow:0 -80px 120px #080808b3}.intro-section[data-v-88b2a79a],.feature-grid[data-v-88b2a79a],.developer-section[data-v-88b2a79a]{width:min(100%,1280px);margin-inline:auto}.intro-section[data-v-88b2a79a]{max-width:920px;margin-bottom:clamp(50px,7vw,88px);text-align:center}.intro-section h2[data-v-88b2a79a],.developer-heading h2[data-v-88b2a79a]{margin:0;color:#f7f4ef;font-family:var(--font-display);font-size:clamp(2rem,4.8vw,4.7rem);font-weight:900;letter-spacing:0;line-height:1.02}.feature-grid[data-v-88b2a79a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}.feature-card[data-v-88b2a79a]{position:relative;isolation:isolate;min-width:0;min-height:250px;display:flex;align-items:flex-start;overflow:hidden;padding:clamp(22px,2.4vw,32px);border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#121212e6;box-shadow:inset 0 1px #ffffff0a}.feature-card[data-v-88b2a79a]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,rgba(255,92,26,.12),transparent 48%)}.feature-card-main[data-v-88b2a79a]{grid-column:auto}.feature-card-sync[data-v-88b2a79a]{grid-column:auto;background:#181818eb}.feature-card-sync[data-v-88b2a79a]:before{background:linear-gradient(150deg,rgba(255,139,92,.08),transparent 52%)}.feature-card-choice[data-v-88b2a79a]{grid-column:auto}.feature-card-choice[data-v-88b2a79a]:before{background:linear-gradient(120deg,rgba(255,92,26,.08),transparent 56%)}.feature-copy[data-v-88b2a79a]{position:relative;z-index:2;max-width:560px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "copy copy";align-items:start;column-gap:14px}.feature-icon[data-v-88b2a79a]{grid-area:icon;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,139,92,.3);border-radius:8px;background:#ff5c1a1f;color:#ff8b5c}.feature-icon svg[data-v-88b2a79a]{width:21px;height:21px;stroke-width:1.8}.feature-copy h3[data-v-88b2a79a]{grid-area:title;margin:0;color:#f7f4ef;font-size:clamp(1.35rem,2.3vw,2.25rem);font-weight:850;letter-spacing:0;line-height:1.12}.feature-copy p[data-v-88b2a79a]{grid-area:copy;max-width:48ch;margin:18px 0 0;color:#f7f4ef9e;font-size:.98rem;line-height:1.7}.developer-section[data-v-88b2a79a]{padding-top:clamp(110px,13vw,176px);text-align:center}.developer-heading[data-v-88b2a79a]{max-width:760px;margin-inline:auto}.developer-heading h2[data-v-88b2a79a]{font-size:clamp(2rem,4vw,4rem)}.developer-track[data-v-88b2a79a]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:clamp(44px,6vw,72px)}.developer-card[data-v-88b2a79a]{min-width:0;display:grid;justify-items:center;align-content:start;gap:10px;padding:24px 12px 22px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0b}.developer-card img[data-v-88b2a79a]{width:72px;height:72px;margin-bottom:6px;border:2px solid rgba(255,139,92,.42);border-radius:50%;object-fit:cover}.developer-card strong[data-v-88b2a79a]{max-width:100%;overflow-wrap:anywhere;color:#f7f4ef;font-size:.95rem}.developer-card span[data-v-88b2a79a]{color:#f7f4ef85;font-size:.78rem;line-height:1.4}.contact-link[data-v-88b2a79a]{display:inline-flex;align-items:center;gap:9px;margin-top:42px;color:#ff9a70;font-weight:800;text-decoration:none}.contact-link svg[data-v-88b2a79a]{width:18px;transition:transform .18s ease}.contact-link:hover svg[data-v-88b2a79a]{transform:translate(3px,-3px)}.reveal-block[data-v-88b2a79a]{opacity:0;transform:translateY(28px);transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--reveal-index, 0) * 45ms)}.reveal-block.is-visible[data-v-88b2a79a]{opacity:1;transform:translateY(0)}.video-controls[data-v-88b2a79a]{position:fixed;top:24px;right:24px;z-index:10;display:flex;align-items:flex-start;gap:10px}.glass-icon-btn[data-v-88b2a79a]{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff1a;color:#ffffffc7;box-shadow:0 4px 18px #00000029;cursor:pointer;backdrop-filter:blur(12px);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.glass-icon-btn[data-v-88b2a79a]:hover,.glass-icon-btn.active[data-v-88b2a79a]{border-color:#ffffff6b;background:#ffffff3d;color:#fff;transform:scale(1.07)}.playlist-panel[data-v-88b2a79a]{position:absolute;top:54px;right:0;width:min(320px,calc(100vw - 32px));max-height:min(520px,calc(100dvh - 92px));display:grid;gap:7px;padding:10px;overflow:auto;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#141414ad;box-shadow:0 18px 48px #0000004d;backdrop-filter:blur(18px)}.playlist-item[data-v-88b2a79a]{min-height:42px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff12;color:#ffffffc7;cursor:pointer;text-align:left}.playlist-item[data-v-88b2a79a]:hover,.playlist-item.active[data-v-88b2a79a]{border-color:#ffffff4d;background:#fff3;color:#fff}.playlist-item span[data-v-88b2a79a]{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#ffffff21;font-size:.72rem;font-weight:800}.playlist-item strong[data-v-88b2a79a]{min-width:0;overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.playlist-fade-enter-active[data-v-88b2a79a],.playlist-fade-leave-active[data-v-88b2a79a]{transition:opacity .18s ease,transform .18s ease}.playlist-fade-enter-from[data-v-88b2a79a],.playlist-fade-leave-to[data-v-88b2a79a]{opacity:0;transform:translateY(-6px)}@keyframes scroll-hint-float-88b2a79a{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,9px)}}@keyframes char-show-88b2a79a{to{opacity:1;transform:translateY(0)}}@keyframes logo-entry-88b2a79a{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes hero-scroll-shift-88b2a79a{0%{opacity:1;transform:translateY(-3vh) scale(1)}to{opacity:.28;transform:translateY(-16vh) scale(.9)}}@supports (animation-timeline: scroll()){@media (min-width: 681px){.main-content[data-v-88b2a79a]{animation:hero-scroll-shift-88b2a79a linear both;animation-timeline:scroll(root block);animation-range:0 80vh}}}@media (max-width: 980px){.feature-grid[data-v-88b2a79a]{gap:14px}.developer-track[data-v-88b2a79a]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 680px){.video-controls[data-v-88b2a79a]{top:16px;right:16px}.glass-icon-btn[data-v-88b2a79a]{width:40px;height:40px}.main-content[data-v-88b2a79a]{padding:20px 16px;transform:none}.brand-wrapper[data-v-88b2a79a]{min-height:auto;flex-direction:column;gap:10px;transform:none}.login-logo[data-v-88b2a79a]{height:66px;margin-right:0}.login-title[data-v-88b2a79a]{font-size:2rem}.form-layer[data-v-88b2a79a]{width:min(100%,320px);margin-top:30px}.action-btn[data-v-88b2a79a]{width:100%}.logged-in-actions[data-v-88b2a79a]{flex-direction:column}.playlist-panel[data-v-88b2a79a]{top:48px}.landing-content[data-v-88b2a79a]{padding:80px 16px 76px;background:linear-gradient(to bottom,#080808c2 0,#080808f7 220px,#080808 520px)}.intro-section[data-v-88b2a79a]{margin-bottom:42px;text-align:left}.intro-section h2[data-v-88b2a79a],.developer-heading h2[data-v-88b2a79a]{font-size:clamp(2rem,11vw,3.2rem);line-height:1.06}.feature-grid[data-v-88b2a79a]{grid-template-columns:minmax(0,1fr)}.feature-card[data-v-88b2a79a],.feature-card-main[data-v-88b2a79a],.feature-card-sync[data-v-88b2a79a],.feature-card-choice[data-v-88b2a79a]{grid-column:auto;min-height:220px;padding:24px}.feature-icon[data-v-88b2a79a]{width:42px;height:42px}.developer-section[data-v-88b2a79a]{padding-top:96px;text-align:left}.developer-heading[data-v-88b2a79a]{margin-inline:0}.developer-track[data-v-88b2a79a]{width:calc(100% + 16px);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(154px,68vw);gap:10px;margin-top:38px;padding-right:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.developer-track[data-v-88b2a79a]::-webkit-scrollbar{display:none}.developer-card[data-v-88b2a79a]{min-height:190px;align-content:center;scroll-snap-align:start;text-align:center}.contact-link[data-v-88b2a79a]{margin-top:34px}}