.mg-root{--mg-bg: #f7f2ed;--mg-panel: #ffffff;--mg-ink: #2c2620;--mg-muted: #8a8178;--mg-line: #ece4dc;--mg-soft: #f8ebe3;--mg-primary: #f07f1b;--mg-primary-2: #f5a04a;--mg-pink: #e55306;--mg-ok: #5db88a;--mg-warn: #e0a05a;--mg-off: #9a948c;min-height:100vh;background:var(--mg-bg);color:var(--mg-ink);font-family:Noto Sans SC,PingFang SC,sans-serif}.mg-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.mg-side{background:var(--mg-panel);border-right:1px solid var(--mg-line);padding:22px 16px;display:flex;flex-direction:column;gap:20px}.mg-brand{display:flex;gap:12px;align-items:center;padding:4px 8px 12px}.mg-logo{width:45px;height:45px;border-radius:10px;overflow:hidden;flex-shrink:0;background:transparent}.mg-logo img{display:block;width:100%;height:100%;object-fit:cover}.mg-brand h1{margin:0;font-size:18px;font-weight:700}.mg-brand p{margin:2px 0 0;font-size:13px;color:var(--mg-muted)}.mg-nav{display:flex;flex-direction:column;gap:6px;flex:1}.mg-nav button{border:0;background:transparent;text-align:left;padding:11px 14px;border-radius:12px;color:var(--mg-muted);font-size:15px}.mg-nav button:hover{background:var(--mg-soft);color:var(--mg-ink)}.mg-nav button.on{background:var(--mg-soft);color:var(--mg-pink);font-weight:600}.mg-userbox{margin-top:auto;padding:4px 2px 0}.mg-account-card{background:var(--mg-soft);border:1px solid var(--mg-line);border-radius:16px;padding:12px}.mg-account-top{display:flex;gap:10px;align-items:center;margin-bottom:10px}.mg-account-avatar{width:44px;height:44px;border:1.5px solid var(--mg-line);border-radius:50%;overflow:hidden;background:#fff;color:var(--mg-primary);font-size:16px;font-weight:600;line-height:1;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.mg-account-meta{min-width:0;flex:1}.mg-account-meta strong{display:block;font-size:15px;line-height:1.3;color:var(--mg-ink)}.mg-account-meta span{display:block;margin-top:4px;font-size:12px;color:var(--mg-ink);line-height:1.35}.mg-logout{width:100%;border:1px solid var(--mg-primary);background:var(--mg-primary);border-radius:10px;padding:8px;color:#fff;font-size:13px;cursor:pointer}.mg-main{padding:28px 32px 48px}.mg-crumb{color:var(--mg-muted);font-size:12px;margin-bottom:8px}.mg-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.mg-head h2{margin:0;font-size:28px;font-weight:700}.mg-head p{margin:6px 0 0;color:var(--mg-muted);font-size:14px}.mg-primary{border:0;background:linear-gradient(135deg,var(--mg-primary),var(--mg-pink));color:#fff;border-radius:999px;padding:10px 18px;font-weight:600;white-space:nowrap}.mg-ghost{border:1px solid var(--mg-line);background:#fff;color:var(--mg-ink);border-radius:999px;padding:8px 14px;font-size:13px}.mg-card{background:var(--mg-panel);border:1px solid var(--mg-line);border-radius:18px;padding:18px 20px}.mg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.mg-stat{background:var(--mg-panel);border:1px solid var(--mg-line);border-radius:16px;padding:16px 18px}.mg-stat span{display:block;color:var(--mg-muted);font-size:12px;margin-bottom:8px}.mg-stat strong{font-size:28px;font-weight:700}.mg-toolbar{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;margin-bottom:14px}.mg-search-box{display:flex;align-items:center;gap:8px;flex:0 1 auto;max-width:100%}.mg-search{width:560px;max-width:calc(100vw - 280px);flex:0 1 560px;min-width:0;border:1px solid var(--mg-line);background:#fff;border-radius:999px;padding:10px 14px;outline:none}.mg-search:focus{border-color:var(--mg-primary)}.mg-search-btn{flex:0 0 auto;border:0;background:linear-gradient(135deg,var(--mg-primary),var(--mg-pink));color:#fff;border-radius:999px;padding:10px 18px;font-weight:600;white-space:nowrap}.mg-select{width:148px;flex:0 0 148px;border:1px solid var(--mg-line);background:#fff;border-radius:999px;padding:9px 12px;outline:none}.mg-table-wrap{overflow-x:auto}.mg-table{width:100%;border-collapse:collapse;font-size:13px}.mg-table th{text-align:left;color:var(--mg-muted);font-weight:500;padding:10px 8px;border-bottom:1px solid var(--mg-line)}.mg-table td{padding:14px 8px;border-bottom:1px solid var(--mg-line);vertical-align:middle}.mg-acc{display:flex;flex-direction:column;gap:2px;min-width:0}.mg-acc strong{display:block}.mg-acc span{color:var(--mg-muted);font-size:12px}.mg-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 10px;font-size:12px}.mg-pill.streamer{background:#fdeee4;color:#c45a20}.mg-pill.operator{background:#f8ebe3;color:#a05a20}.mg-pill.basic{background:#eef1f6;color:#6a7385}.mg-pill.advanced{background:#fff0e4;color:#d46510}.mg-status{display:inline-flex;align-items:center;gap:6px}.mg-dot{width:8px;height:8px;border-radius:50%;background:var(--mg-ok)}.mg-dot.warn{background:var(--mg-warn)}.mg-dot.off{background:var(--mg-off)}.mg-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.mg-actions button,.mg-actions a{border:0;background:transparent;color:var(--mg-pink);cursor:pointer;font-size:13px;padding:0;text-decoration:none}.mg-actions button:hover,.mg-actions a:hover{color:var(--mg-primary)}.mg-more{position:relative}.mg-more-trigger{display:inline-flex;align-items:center}.mg-more-menu{position:fixed;min-width:132px;background:#fff;border:1px solid var(--mg-line);border-radius:12px;box-shadow:0 12px 28px #2c26201f;padding:6px;z-index:80;display:flex;flex-direction:column;gap:2px}.mg-more-menu button,.mg-more-menu a{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--mg-ink);padding:8px 10px;border-radius:8px;font-size:13px;cursor:pointer;text-decoration:none}.mg-more-menu button:hover,.mg-more-menu a:hover{background:var(--mg-soft);color:var(--mg-pink)}.mg-modal-mask{position:fixed;inset:0;background:#2f2a3a59;display:grid;place-items:center;padding:20px;z-index:40}.mg-modal{width:min(520px,100%);background:#fff;border-radius:18px;padding:22px;border:1px solid var(--mg-line)}.mg-modal h3{margin:0 0 14px;font-size:20px}.mg-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mg-form label{display:block;font-size:12px;color:var(--mg-muted);margin-bottom:6px}.mg-form input,.mg-form select{width:100%;border:1px solid var(--mg-line);border-radius:10px;padding:10px 12px;background:#faf9fc;outline:none}.mg-form input:focus,.mg-form select:focus{border-color:var(--mg-primary)}.mg-span2{grid-column:span 2}.mg-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.mg-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2c2620;color:#fff;padding:10px 16px;border-radius:999px;z-index:50;font-size:13px}.mg-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--mg-bg)}.mg-login form{width:min(400px,100%);background:#fff;border:1px solid var(--mg-line);border-radius:20px;padding:28px}.mg-login .mg-brand{margin-bottom:8px;gap:14px}.mg-login .mg-logo{width:56px;height:56px;border-radius:14px}.mg-login h1{margin:0;font-size:22px;font-weight:700;line-height:1.2}.mg-login .mg-brand p{margin:4px 0 0;color:var(--mg-muted);font-size:15px}.mg-login label{display:block;font-size:12px;color:var(--mg-muted);margin:12px 0 6px}.mg-login input{width:100%;border:1px solid var(--mg-line);border-radius:10px;padding:10px 12px;background:#faf9fc}.mg-login .mg-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;flex-wrap:nowrap}.mg-login .mg-ghost,.mg-login .mg-primary{box-sizing:border-box;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none}.mg-login .mg-ghost{border:1px solid var(--mg-line);background:#fff;color:var(--mg-ink)}.mg-login .mg-primary{border:0;background:linear-gradient(135deg,var(--mg-primary),var(--mg-pink));color:#fff}.mg-err{color:#c45d7a;font-size:13px;margin-top:10px}.mg-empty{text-align:center;color:var(--mg-muted);padding:36px 12px}.mg-settings-stack{display:flex;flex-direction:column;gap:16px}.mg-settings-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.mg-settings-card-head h3{margin:0;font-size:16px}.mg-settings-card-head p{margin:6px 0 0;color:var(--mg-muted);font-size:13px;line-height:1.45}.mg-settings-head-actions{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0}.mg-settings-head-actions .mg-primary,.mg-settings-head-actions .mg-ghost{box-sizing:border-box;height:40px;padding:0 18px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center}.mg-settings-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mg-settings-tile{display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 10px 10px 12px;border:1px solid var(--mg-line);border-radius:12px;background:#fff;min-width:0}.mg-settings-tile.off{opacity:.55}.mg-settings-tile>input[type=checkbox]{width:15px;height:15px;margin:0;flex:0 0 auto;accent-color:var(--mg-primary)}.mg-settings-tile-label{flex:1 1 auto;min-width:0;font-size:12px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mg-ink)}.mg-theme-swatch{width:18px;height:18px;border-radius:999px;border:1px solid rgba(0,0,0,.08);flex:0 0 auto}.mg-settings-moves{display:inline-flex;gap:4px;flex:0 0 auto}.mg-settings-moves button{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid var(--mg-line);background:#fff;border-radius:8px;padding:0;color:var(--mg-muted)}.mg-settings-moves button:disabled{opacity:.4;cursor:not-allowed}.mg-settings-remove{font-size:16px;line-height:1;color:#a35a5a!important}.mg-tri{display:block;width:0;height:0;border-style:solid}.mg-tri-left{border-width:4px 6px 4px 0;border-color:transparent currentColor transparent transparent}.mg-tri-right{border-width:4px 0 4px 6px;border-color:transparent transparent transparent currentColor}.mg-primary:disabled,.mg-ghost:disabled{opacity:.55;cursor:not-allowed}.mg-storage-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:4px;padding:4px;border:1px solid var(--mg-line);border-radius:12px;background:#f3eee8}.mg-storage-mode-item{display:grid;gap:4px;justify-items:start;min-height:64px;padding:12px 14px;border:0;border-radius:9px;background:transparent;color:#4b5563;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.mg-storage-mode-item.on{background:#fff;color:#1f2937;box-shadow:0 1px 2px #1c191714}.mg-storage-mode-title{font-size:14px;font-weight:650;line-height:1.2}.mg-storage-mode-desc{font-size:12px;color:#6b7280}.mg-storage-mode-item.on .mg-storage-mode-desc{color:#9a3412}.mg-storage-hint{margin:12px 0 0;font-size:12px;color:#6b7280;word-break:break-all}.mg-storage-fields{display:grid;gap:12px;margin-top:14px}.mg-storage-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mg-storage-field{display:grid;gap:8px;min-width:0}.mg-storage-field span{font-size:13px;color:#4b5563}.mg-storage-field input{height:40px;border:1px solid var(--mg-line);border-radius:8px;padding:0 12px;font-size:14px;background:#fff}.mg-storage-field input:focus{outline:none;border-color:var(--mg-accent, #e55306);box-shadow:0 0 0 3px #e553061f}.mg-storage-active{margin:12px 0 0;font-size:12px;color:#6b7280;word-break:break-all}@media(max-width:1100px){.mg-settings-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:960px){.mg-shell{grid-template-columns:1fr}.mg-side{border-right:0;border-bottom:1px solid var(--mg-line)}.mg-stats{grid-template-columns:1fr 1fr}.mg-form{grid-template-columns:1fr}.mg-span2{grid-column:auto}.mg-settings-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-storage-mode,.mg-storage-field-row{grid-template-columns:1fr}}@media(max-width:640px){.mg-settings-tiles{grid-template-columns:1fr}}.h5-shell{--h5-violet: #6162ff;--h5-violet-2: #a8a9ff;--h5-ink: #2a2a44;--h5-muted: #8a84a4;--h5-line: #e4e4f2;--h5-soft: #f0eefc;--h5-panel: color-mix(in srgb, var(--h5-violet) 1.5%, #fff);--h5-green: #5db88a;--h5-amber: #8b88e8;--h5-pink: #504ed7;--h5-theme-shadow: color-mix(in srgb, var(--h5-violet) 28%, transparent);--h5-font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;min-height:100vh;display:grid;place-items:center;padding:28px 16px;background:#fff;font-family:var(--h5-font);color:var(--h5-ink)}.h5-device{aspect-ratio:402 / 874;width:min(402px,100%,calc((100vh - 56px) * 402 / 874));height:auto;background:#fff;border-radius:47px;box-shadow:0 0 0 8px #2a2a44,0 0 0 10px #6a6888,0 28px 60px var(--h5-theme-shadow);overflow:hidden;position:relative;display:flex;flex-direction:column}.h5-shell-embed{min-height:100%;height:100%;padding:0;place-items:stretch;background:#fff}.h5-device-embed{width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;box-shadow:none}html.h5-embed,html.h5-embed body,html.h5-embed #root{height:100%;margin:0;overflow:hidden;background:#fff}html.h5-embed .h5-shell-embed,html.h5-embed .h5-device-embed,html.h5-embed .h5-app{height:100%;min-height:100%}html.h5-embed .h5-home-page,html.h5-embed .h5-find-page{margin-bottom:0}.h5-app{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;position:relative}.h5-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:70px;display:flex;flex-direction:column}.h5-scroll::-webkit-scrollbar{width:0}.h5-home-page{flex:1 0 auto;min-height:100%;background:var(--h5-panel);margin-bottom:-70px;padding-bottom:70px;box-sizing:border-box}.h5-hero{position:relative;padding:124px 24px 145px;background:transparent;color:#fff;text-align:center;overflow:hidden;isolation:isolate}.h5-hero-bg{position:absolute;inset:0;background:var(--h5-hero-bg, none) center top / cover no-repeat;opacity:.7;z-index:0;pointer-events:none}.h5-hero:not(.has-portrait){background:var(--h5-soft)}.h5-hero:not(.has-portrait) .h5-hero-bg{display:none}.h5-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(to bottom,transparent,var(--h5-panel));z-index:1;pointer-events:none}.h5-status-wrap{margin:-36px 16px 0;position:relative;z-index:1}.h5-status{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px 14px 14px 12px;background:#fff;border-radius:18px;box-shadow:0 12px 28px var(--h5-theme-shadow)}.h5-mic{width:44px;height:44px;flex-shrink:0;background-color:var(--h5-violet);-webkit-mask:url(/logo-brand.svg) center / 86% no-repeat;mask:url(/logo-brand.svg) center / 86% no-repeat}.h5-status h2{margin:0;font-size:14px;color:var(--h5-violet);font-weight:700}.h5-status p{margin:3px 0 0;font-size:12px;color:var(--h5-muted);line-height:1.35}.h5-section{padding:22px 16px 0}.h5-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.h5-section-head h3{margin:0;font-size:14px;font-weight:700}.h5-link{border:0;background:none;color:var(--h5-violet);font-size:12px;padding:0}.h5-muted{color:var(--h5-muted);font-size:12px}.h5-hot{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.h5-hot::-webkit-scrollbar{height:0}.h5-hot-card{flex:0 0 92px;scroll-snap-align:start;border:0;text-align:left;padding:10px 10px 12px;border-radius:12px;min-height:83px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 8px 16px var(--h5-theme-shadow);background:var(--h5-violet);overflow:hidden;position:relative;isolation:isolate}.h5-hot-card.hot-text-white{color:#fff}.h5-hot-card.hot-text-black{color:#2a2a44}.h5-hot-card.hot-text-theme{color:var(--h5-violet)}.h5-hot-card.hot-text-theme-light{color:var(--h5-violet-2)}.h5-hot-card.has-bg{background:transparent;box-shadow:0 8px 16px #2a2a4424}.h5-hot-card:before{content:"";position:absolute;inset:0;background:var(--h5-hot-card-bg, none) center / cover no-repeat;opacity:.3;z-index:0;pointer-events:none}.h5-hot-card.has-bg:before{opacity:1}.h5-hot-card:not(.has-bg):before{display:none}.h5-hot-card .t{position:relative;z-index:1;font-size:12px;font-weight:700;line-height:1.25}.h5-hot-card.hot-text-white .t,.h5-hot-card.hot-text-white .a{text-shadow:0 1px 6px rgba(42,42,68,.45)}.h5-hot-card.hot-text-black .t,.h5-hot-card.hot-text-black .a{text-shadow:0 1px 4px rgba(255,255,255,.35)}.h5-hot-card .a{position:relative;z-index:1;font-size:10px;opacity:.9;margin-top:4px}.h5-new-list{display:flex;flex-direction:column}.h5-new-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--h5-line);background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left}.h5-new-item:first-child{border-top:0}.h5-new-item .t{font-size:14px;font-weight:700}.h5-new-item .a{font-size:12px;color:var(--h5-muted);margin-top:2px}.h5-badge{font-size:10px;font-weight:700;color:var(--h5-pink);background:var(--h5-soft);padding:3px 8px;border-radius:999px}.h5-find-page{position:relative;flex:1 0 auto;min-height:100%;background:#fff;isolation:isolate;margin-bottom:-70px;padding-bottom:70px;box-sizing:border-box}.h5-find-page:before{content:"";position:absolute;inset:0;background:var(--h5-page-bg, none) center top / 100% auto repeat-y;opacity:.3;z-index:0;pointer-events:none}.h5-find-page:not(.has-page-bg):before{display:none}.h5-find-page>*{position:relative;z-index:1}.h5-find-top{position:sticky;top:0;z-index:6;background:transparent}.h5-find-head{display:flex;align-items:flex-end;justify-content:space-between;padding:25px 16px 13px;background:var(--h5-violet);min-height:62px;box-sizing:border-box}.h5-find-head h1{margin:0;font-size:17px;font-weight:700;color:#fff}.h5-note-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#ffffff2e;color:#fff;font-size:15px;display:grid;place-items:center;box-shadow:none}.h5-pad{padding:0 11px}.h5-find-sticky{background:transparent;padding:7px 16px;border-bottom:0}.h5-search{display:flex;align-items:center;gap:8px;margin-top:0;padding:1px 12px;border:1.5px solid var(--h5-line);border-radius:999px;background:#fff;min-height:34px}.h5-search-ico{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;color:#b0acc8;flex-shrink:0}.h5-search-ico svg{display:block;width:21px;height:21px}.h5-search input{flex:1;border:0;background:transparent;outline:none;font-size:12px;min-width:0;height:32px;line-height:32px;padding:0;margin:0}.h5-search input::placeholder{color:#b0acc8}.h5-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.h5-chip{border:1.5px solid var(--h5-line);background:#fff;color:var(--h5-ink);padding:4.5px 10px;border-radius:999px;font-size:12px;line-height:1.2}.h5-chip.on{background:var(--h5-soft);border-color:var(--h5-violet);color:var(--h5-violet)}.h5-list-meta{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0;padding:0;font-size:14px;font-weight:700;background:transparent;border:0;box-shadow:none}.h5-song-list{margin:0 0 5px;border-radius:14px;background:var(--h5-panel);box-shadow:0 4px 12px #504ed70f;overflow:hidden}.h5-song{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid var(--h5-line)}.h5-song:last-child{border-bottom:0}.h5-song-list>.h5-song:last-child{border-bottom:0}.h5-song-empty{margin:0;padding:14px;border-top:0}.h5-song .t{font-size:14px;font-weight:700;margin:0}.h5-song .a{margin:3px 0 0;font-size:11px;color:var(--h5-muted)}.h5-add{width:36px;height:36px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--h5-violet),var(--h5-pink));color:#fff;font-size:20px;line-height:1;display:grid;place-items:center;box-shadow:0 6px 14px var(--h5-theme-shadow)}.h5-add:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;background:#c8c6d8}.h5-queue-hero{padding:28px 16px 72px;background:radial-gradient(200px 140px at 80% 20%,rgba(255,255,255,.28),transparent 60%),linear-gradient(155deg,var(--h5-violet-2),var(--h5-violet) 50%,var(--h5-pink));color:#fff}.h5-queue-hero .brand{margin:0;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.h5-queue-hero h1{margin:8px 0 6px;font-size:28px;font-weight:700}.h5-queue-hero .sub{margin:0;font-size:13px;opacity:.88}.h5-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:-44px 16px 0;position:relative;z-index:1}.h5-stat{background:#fff;border-radius:14px;padding:12px 8px;text-align:center;box-shadow:0 10px 22px var(--h5-theme-shadow)}.h5-stat .n{font-size:22px;font-weight:700;color:var(--h5-ink)}.h5-stat .l{margin-top:2px;font-size:11px;color:var(--h5-muted)}.h5-group{padding:20px 16px 0}.h5-group-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-bottom:8px}.h5-dot{width:8px;height:8px;border-radius:50%}.h5-dot.green{background:var(--h5-green)}.h5-dot.violet{background:var(--h5-violet)}.h5-dot.amber{background:var(--h5-amber)}.h5-group-title .count{margin-left:auto;font-weight:500;color:var(--h5-muted);font-size:12px}.h5-q-item{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--h5-line)}.h5-q-item:first-of-type{border-top:0}.h5-q-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#fff}.h5-q-ico.green{background:var(--h5-green)}.h5-q-ico.violet{background:var(--h5-violet)}.h5-q-ico.amber{background:var(--h5-amber)}.h5-q-item .t{font-size:14px;font-weight:700}.h5-q-item .a{font-size:12px;color:var(--h5-muted);margin-top:2px}.h5-tag{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}.h5-tag.green{color:var(--h5-green)}.h5-tag.violet{color:var(--h5-violet);border:1px solid color-mix(in srgb,var(--h5-violet) 45%,transparent)}.h5-tag.muted{color:var(--h5-violet)}.h5-tag.amber{color:var(--h5-amber)}.h5-empty{padding:28px 8px;text-align:center;color:var(--h5-muted);font-size:13px}.h5-learn-tip{margin:4px 0 0;padding:10px 12px;border-radius:12px;background:var(--h5-soft);color:var(--h5-violet);font-size:12px;line-height:1.45}.h5-learn-tag{font-size:11px;font-weight:700;color:var(--h5-pink);background:var(--h5-soft);padding:4px 8px;border-radius:999px;white-space:nowrap}.h5-nav{position:absolute;left:0;right:0;bottom:0;height:58px;padding:6px 8px 11px;display:grid;grid-template-columns:repeat(3,1fr);background:#fffffff5;border-top:1px solid var(--h5-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.h5-nav.cols-4{grid-template-columns:repeat(4,1fr)}.h5-nav.cols-3{grid-template-columns:repeat(3,1fr)}.h5-nav button{border:0;background:none;color:#a39bb8;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600}.h5-nav button .ico{font-size:18px;line-height:1}.h5-nav button.on{color:var(--h5-violet)}.h5-mask{position:absolute;inset:0;background:#2a2a446b;display:grid;place-items:end center;z-index:30;padding:16px}.h5-modal{width:100%;background:#fff;border-radius:22px 22px 18px 18px;padding:20px 18px 18px;box-shadow:0 -8px 40px var(--h5-theme-shadow)}.h5-modal .label{font-size:11px;letter-spacing:.16em;color:var(--h5-violet);text-transform:uppercase}.h5-modal h3{margin:6px 0 4px;font-size:20px}.h5-modal label{display:block;margin:12px 0 6px;font-size:12px;color:var(--h5-muted)}.h5-modal input,.h5-modal textarea{width:100%;border:1.5px solid var(--h5-line);border-radius:12px;padding:10px 12px;background:var(--h5-soft);outline:none;font:inherit}.h5-modal input:focus,.h5-modal textarea:focus{border-color:var(--h5-violet)}.h5-modal-actions{display:flex;gap:10px;margin-top:16px}.h5-modal-actions button{flex:1;border-radius:999px;padding:11px;border:1.5px solid var(--h5-line);background:#fff;font-weight:700}.h5-modal-actions .primary{background:linear-gradient(135deg,var(--h5-violet),var(--h5-pink));border-color:transparent;color:#fff}.h5-modal-actions .primary:disabled{opacity:.5}.h5-toast{position:absolute;left:50%;bottom:88px;transform:translate(-50%);background:#2a2a44e6;color:#fff;padding:10px 14px;border-radius:999px;font-size:13px;z-index:40;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.h5-closed,.h5-loading{min-height:100%;display:grid;place-items:center;padding:40px 24px;text-align:center}.h5-closed h1{margin:8px 0;font-size:24px}.h5-notice{margin:12px 16px 0;padding:10px 12px;border-radius:12px;background:var(--h5-soft);color:var(--h5-pink);font-size:12px}@media(max-width:480px){.h5-shell{padding:0;background:#fff;place-items:stretch}.h5-device{aspect-ratio:auto;width:100%;height:100vh;height:100dvh;border-radius:0;box-shadow:none}}html:has(.st-root:not(.st-login)),body:has(.st-root:not(.st-login)),#root:has(.st-root:not(.st-login)){height:100%;overflow:hidden}html:has(.st-login),body:has(.st-login),#root:has(.st-login){min-height:100dvh}.st-root{--st-bg: #f7f2ed;--st-panel: #ffffff;--st-ink: #2c2620;--st-muted: #8a8178;--st-line: #ece4dc;--st-soft: #f8ebe3;--st-primary: #f07f1b;--st-pink: #e55306;--st-ok: #5db88a;height:100%;max-height:100dvh;overflow:hidden;background:var(--st-bg);color:var(--st-ink);font-family:Noto Sans SC,PingFang SC,sans-serif}.st-shell{display:grid;grid-template-columns:248px 1fr;grid-template-rows:minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.st-side{background:var(--st-panel);border-right:1px solid var(--st-line);padding:22px 16px;display:flex;flex-direction:column;gap:20px;min-height:0;overflow:hidden}.st-side .st-brand{display:flex;gap:12px;align-items:center;padding:4px 8px 12px}.st-side .st-logo{width:45px;height:45px;border-radius:10px;overflow:hidden;flex-shrink:0;background:transparent}.st-side .st-logo img{display:block;width:100%;height:100%;object-fit:cover}.st-side .st-brand h1{margin:0;font-size:18px;font-weight:700;line-height:1.2}.st-side .st-brand p{margin:2px 0 0;color:var(--st-muted);font-size:13px}.st-nav{display:flex;flex-direction:column;gap:6px;flex:1}.st-nav button{border:0;background:transparent;text-align:left;padding:11px 14px;border-radius:12px;color:var(--st-muted);font-size:15px;display:flex;gap:10px;align-items:center}.st-nav button:hover{background:var(--st-soft);color:var(--st-ink)}.st-nav button.on{background:var(--st-soft);color:var(--st-pink);font-weight:600}.st-nav .badge{margin-left:auto;background:#fff;color:var(--st-pink);border-radius:999px;min-width:22px;text-align:center;font-size:13px;padding:1px 6px}.st-userbox{margin-top:auto;padding:4px 2px 0}.st-account-card{background:var(--st-soft);border:1px solid var(--st-line);border-radius:16px;padding:12px}.st-account-card .st-account-meta strong,.st-account-card .st-account-meta span{color:var(--st-ink)}.st-account-top{display:flex;gap:10px;align-items:center;margin-bottom:10px}.st-account-avatar{width:44px;height:44px;border:1.5px dashed var(--st-line);border-radius:50%;padding:0;overflow:hidden;background:#fff;color:var(--st-muted);font-size:22px;font-weight:500;line-height:1;flex-shrink:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.st-account-avatar:has(img){border-style:solid;border-color:transparent}.st-account-avatar img{width:100%;height:100%;object-fit:cover;display:block}.st-account-avatar-plus{display:block;transform:translateY(-1px)}.st-account-avatar-lg{width:72px;height:72px;font-size:32px}.st-account-meta{min-width:0;flex:1}.st-account-meta strong{display:block;font-size:15px;line-height:1.3}.st-account-meta span{display:block;margin-top:4px;font-size:12px;color:var(--st-muted);line-height:1.35}.st-account-avatar-edit{display:flex;align-items:center;gap:14px;margin-bottom:12px}.st-account-avatar-actions{display:flex;flex-wrap:wrap;gap:8px}.st-modal-account{width:min(420px,100%)}.st-modal input[readonly]{background:#faf7f4;color:var(--st-muted)}.st-userrow{margin-bottom:10px}.st-userrow strong{display:block;font-size:16px}.st-userrow span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--st-muted);line-height:1.35;word-break:break-word}.st-side-link{display:block;width:100%;border:1px solid var(--st-line);background:#fff;border-radius:10px;padding:8px;color:var(--st-muted);font-size:14px;text-align:center;text-decoration:none;margin-bottom:8px;box-sizing:border-box}.st-logout{width:100%;border:1px solid var(--st-primary);background:var(--st-primary);border-radius:10px;padding:8px;color:#fff;font-size:13px;cursor:pointer}.st-ghost{border:1px solid var(--st-line);background:#fff;border-radius:12px;padding:10px 12px;color:var(--st-muted);font-size:13px;text-decoration:none;text-align:center}.st-ghost.btn{cursor:pointer;width:100%}.st-main{padding:28px 32px 0;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.st-body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}.st-body-decor{overflow:hidden;display:flex;flex-direction:column}.st-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.st-head-title{display:flex;align-items:center;min-width:0;flex:1}.st-head-copy{min-width:0}.st-head-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.st-head h2{margin:0;font-size:28px;line-height:1.1}.st-head p{margin:6px 0 0;color:var(--st-muted);font-size:14px}.st-lib-tabs{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.st-lib-tabs button{border:0;background:transparent;border-radius:0;padding:4px 2px;color:var(--st-muted);font-size:14px;box-shadow:none;border-bottom:2px solid transparent}.st-lib-tabs button.on{border:0;border-bottom:2px solid var(--st-primary);color:var(--st-ink);background:transparent;font-weight:600}.st-head-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.st-head-btn{min-width:108px;height:40px;padding:0 18px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:999px}.st-primary{border:0;background:linear-gradient(135deg,var(--st-primary),var(--st-pink));color:#fff;border-radius:999px;padding:10px 18px;font-weight:600}.st-secondary{border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:9px 14px;font-size:13px;color:var(--st-ink);text-decoration:none;display:inline-flex;align-items:center}.st-card{background:var(--st-panel);border:1px solid var(--st-line);border-radius:18px;padding:18px 20px;margin-bottom:14px}.st-card h3{margin:0 0 12px;font-size:15px}.st-muted{color:var(--st-muted);font-size:13px}.st-grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-bottom:14px;align-items:start}.st-toggle{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--st-line);border-radius:16px;padding:14px 16px;margin-bottom:10px}.st-toggle>div{flex:1}.st-toggle strong{display:block;margin-bottom:4px}.st-switch{width:46px;height:28px;border-radius:999px;border:0;background:#d9d4e2;position:relative;flex:0 0 auto}.st-switch.on{background:var(--st-primary)}.st-switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .15s ease}.st-switch.on:after{left:21px}.st-preview{background:#2c2620;border-radius:18px;padding:16px;color:#fff;min-height:280px}.st-preview .label{font-size:12px;color:#b5aea4;margin-bottom:12px}.st-preview-live{background:transparent;border-radius:0;padding:0;color:var(--st-ink);min-height:0;display:flex;flex-direction:row;align-items:flex-start;gap:12px}.st-preview-live .label{margin:0;color:var(--st-muted);font-size:13px;line-height:1.3;flex-shrink:0;padding-top:2px}.st-decor{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px;overflow:hidden}.st-decor-left{min-width:0;min-height:0;display:flex;flex-direction:column;gap:14px;overflow:hidden}.st-decor-head{flex-shrink:0}.st-decor-head h2{margin:0;font-size:28px}.st-decor-head p{margin:6px 0 0;color:var(--st-muted);font-size:14px}.st-decor-form{flex:1;min-height:0;overflow:auto;margin:0}.st-decor-form .st-form{grid-template-columns:1fr;gap:14px}.st-decor-form .st-form-actions{margin-top:0}.st-decor-inner-card{background:var(--st-bg);border:1px solid var(--st-line);border-radius:14px;padding:16px 18px}.st-decor-inner-body{display:flex;flex-direction:column;gap:14px}.st-field-preview{display:flex;gap:8px;align-items:center}.st-field-preview input{flex:1;min-width:0}.st-field-preview .st-secondary{flex-shrink:0;padding:10px 14px}.st-hot-bg-mode{display:flex;gap:8px}.st-hot-bg-mode-btn{border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;color:var(--st-ink);cursor:pointer}.st-hot-bg-mode-btn.on{border-color:transparent;background:linear-gradient(135deg,var(--st-primary),var(--st-pink));color:#fff;font-weight:600}.st-hot-bg-mode-hint{margin:0}.st-text-swatch{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1}.st-decor-preview{min-height:0;align-self:start;height:auto;display:flex;align-items:flex-start;justify-content:center;overflow:visible;box-sizing:border-box;padding:10px 12px 40px}.st-decor-preview .st-phone-live{--st-phone-h: auto;--st-phone-bezel: 0px;position:relative;margin:0;padding:0!important;min-height:0;border:0;border-radius:47px;overflow:hidden;background:#fff;box-sizing:border-box;aspect-ratio:402 / 874;width:min(402px,100%,calc((100vh - 56px) * 402 / 874));height:auto;max-width:100%;box-shadow:0 0 0 8px #2a2a44,0 0 0 10px #6a6888,0 28px 60px #504ed729}.st-phone{background:#fff;color:var(--st-ink);border-radius:18px;padding:16px;min-height:220px}.st-phone-live{position:relative;margin:0;min-height:0;padding:0;overflow:hidden;background:#fff;box-sizing:border-box}.st-phone-live iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#fff}.st-phone .name{font-size:20px;font-weight:700;margin:0 0 4px}.st-phone .bio{color:var(--st-muted);font-size:13px;margin:0 0 14px}.st-phone .cta{display:inline-block;background:linear-gradient(135deg,var(--st-primary),var(--st-pink));color:#fff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.st-phone .portrait{width:100%;max-height:140px;object-fit:contain;border-radius:12px;margin-bottom:10px;background:#f7f2fb}.st-subtabs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.st-subtabs-tabs{display:flex;flex-wrap:wrap;gap:8px}.st-subtabs-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.st-subtabs-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:auto}.st-subtabs-tabs button{border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:7px 12px;color:var(--st-muted);font-size:13px}.st-subtabs-tabs button.on{border-color:var(--st-primary);color:var(--st-pink);background:var(--st-soft)}.st-subtabs-tabs button.st-subtab-settings{border-style:dashed;color:var(--st-ink)}.st-song-search{width:220px;max-width:100%;border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:7px 12px;outline:none;font-size:13px}.st-song-search:focus{border-color:var(--st-primary)}.st-song-search-btn{border:0;background:linear-gradient(135deg,var(--st-primary),var(--st-pink));color:#fff;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;white-space:nowrap}.st-song-filter{width:120px;border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:7px 10px;outline:none;font-size:13px;color:var(--st-ink)}.st-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--st-line)}.st-row:first-of-type{border-top:0}.st-row.off{opacity:.45}.st-row .title{font-weight:700}.st-row .meta{color:var(--st-muted);font-size:12px;margin-top:3px}.st-row-line{padding:10px 0}.st-song-line{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1;overflow:hidden;white-space:nowrap}.st-song-no{flex:0 0 2.2em;color:var(--st-muted);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.st-song-line .title{flex:0 0 auto;max-width:36%;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:4px;min-width:0}.st-song-hot-mark{flex-shrink:0;font-size:14px;line-height:1}.st-song-line .meta{margin-top:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.st-ready-list .st-song-no{font-size:14px}.st-ready-list .st-song-line .title,.st-ready-list .st-row .title{font-size:17px}.st-ready-list .st-row .meta,.st-ready-list .st-song-line .meta{font-size:13px}.st-ready-list .st-song-hot-mark{font-size:15px}.st-actions{display:flex;flex-wrap:nowrap;gap:8px;flex-shrink:0}.st-actions button,.st-actions a{border:0;background:transparent;color:var(--st-pink);white-space:nowrap}.st-actions .danger{color:#c45d7a}.st-actions button.on{font-weight:600}.st-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px}.st-icon-btn:hover{background:var(--st-soft)}.st-action-icon{display:block}.st-move{position:relative}.st-move-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:8;min-width:132px;background:#fff;border:1px solid var(--st-line);border-radius:12px;padding:6px;box-shadow:0 8px 24px #281c1214;display:flex;flex-direction:column;gap:2px}.st-move-menu button{text-align:left;padding:7px 10px;border-radius:8px;color:var(--st-ink)}.st-move-menu button:hover:not(:disabled){background:var(--st-soft)}.st-move-menu button:disabled{color:var(--st-muted);cursor:default}.st-move-to{display:flex;align-items:center;gap:4px;padding:6px 8px 4px;color:var(--st-muted);font-size:12px}.st-move-to input{width:52px;border:1px solid var(--st-line);border-radius:8px;padding:4px 6px;font-size:13px}.st-move-to button{color:var(--st-pink);padding:4px 6px}.st-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--st-line);color:var(--st-muted);font-size:13px}.st-pager button{border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:6px 12px;color:var(--st-ink);font-size:13px}.st-pager button:disabled{opacity:.4;cursor:not-allowed}.st-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-form label{display:block;font-size:12px;color:var(--st-muted);margin-bottom:6px}.st-form input,.st-form select,.st-form textarea{width:100%;border:1px solid var(--st-line);border-radius:12px;padding:10px 12px;background:#faf9fc;outline:none}.st-form input:focus,.st-form select:focus,.st-form textarea:focus{border-color:var(--st-primary)}.st-span2{grid-column:span 2}.st-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.st-login{min-height:100dvh;height:auto;max-height:none;display:grid;place-items:center;padding:24px;overflow:hidden;overscroll-behavior:contain;background:var(--st-bg)}.st-login form{width:min(400px,100%);background:#fff;border:1px solid var(--st-line);border-radius:20px;padding:28px}.st-login .st-brand{display:flex;gap:14px;align-items:center;margin-bottom:8px}.st-login .st-logo{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0;background:transparent}.st-login .st-logo img{display:block;width:100%;height:100%;object-fit:cover}.st-login .st-brand h1{margin:0;font-size:22px;font-weight:700;line-height:1.2}.st-login .st-brand p{margin:4px 0 0;color:var(--st-muted);font-size:15px}.st-login label{display:block;font-size:12px;color:var(--st-muted);margin:12px 0 6px}.st-login input{width:100%;border:1px solid var(--st-line);border-radius:10px;padding:10px 12px;background:#faf9fc;outline:none}.st-login input:focus{border-color:var(--st-primary)}.st-login .st-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;flex-wrap:nowrap}.st-login .st-ghost,.st-login .st-primary{box-sizing:border-box;height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-decoration:none;width:auto}.st-login .st-ghost{border:1px solid var(--st-line);background:#fff;color:var(--st-ink);text-align:center}.st-login .st-primary{border:0;background:linear-gradient(135deg,var(--st-primary),var(--st-pink));color:#fff}.st-err{color:#c45d7a;font-size:13px;margin-top:10px}.st-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2c2620;color:#fff;padding:10px 16px;border-radius:999px;z-index:50;font-size:13px}.st-upload-row{display:flex;flex-wrap:wrap;gap:20px}.st-upload-field{display:flex;flex-direction:column;gap:6px}.st-upload-field label{margin:0}.st-hot-bg-row .st-portrait-tile{width:96px;height:96px}.st-theme-swatches{display:flex;flex-wrap:wrap;gap:10px}.st-theme-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014}.st-theme-swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--st-ink, #2a2a44)}.st-portrait-tile{width:140px;height:140px;border:1.5px dashed var(--st-line);border-radius:16px;background:var(--st-soft);color:var(--st-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden}.st-portrait-tile.has-image{border-style:solid;background:#fff;padding:0}.st-portrait-tile-main{width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in;display:block}.st-portrait-tile-main img{display:block;width:100%;height:100%;object-fit:cover}.st-portrait-tile-plus{font-size:28px;line-height:1;color:var(--st-primary);font-weight:500}.st-portrait-tile-hint{font-size:13px;color:var(--st-ink);font-weight:600}.st-portrait-tile-sub{font-size:11px;color:var(--st-muted);text-align:center;line-height:1.3}.st-portrait-tile-del{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;background:#2c2620b8;color:#fff;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:1}.st-portrait-lightbox{width:min(420px,100%);background:#fff;border-radius:18px;padding:16px;border:1px solid var(--st-line);display:flex;flex-direction:column;gap:12px}.st-portrait-lightbox img{display:block;width:100%;max-height:min(60vh,420px);object-fit:contain;border-radius:12px;background:var(--st-soft)}.st-portrait-lightbox-actions{display:flex;gap:8px;justify-content:flex-end}.st-mask{position:fixed;inset:0;background:#2c273659;display:grid;place-items:center;padding:20px;z-index:40}.st-modal{width:min(420px,100%);background:#fff;border-radius:18px;padding:20px;border:1px solid var(--st-line)}.st-modal-playlist{width:min(520px,100%)}.st-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-modal-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.st-modal-hint{margin:-4px 0 10px;font-size:12px}.st-field-hint{margin:0 0 10px;font-size:12px}.st-decor-form .st-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.st-decor-form .st-filter-picks{margin-bottom:0}.st-filter-picks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.st-filter-pick{border:1px solid var(--st-line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;color:var(--st-ink);cursor:pointer}.st-filter-pick.on{border-color:transparent;background:linear-gradient(135deg,var(--st-primary),var(--st-pink));color:#fff;font-weight:600}.st-filter-pick-add{min-width:36px;padding:8px 12px;font-size:18px;line-height:1}.st-filter-pick-input{border:1px solid var(--st-primary);border-radius:999px;padding:8px 14px;font-size:13px;min-width:96px;outline:none;background:#fff}.st-lang-panel-head h3{margin:0}.st-lang-panel-head .st-muted{margin:8px 0 0;line-height:1.5}.st-lang-panel-list{list-style:none;margin:16px 0 0;padding:0;border:1px solid var(--st-line);border-radius:14px;overflow:hidden;background:#fff}.st-lang-panel-item{display:grid;grid-template-columns:2.4em minmax(0,1fr) minmax(45px,.375fr) auto;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--st-line);transition:background .15s ease,opacity .15s ease}.st-lang-panel-order{color:var(--st-muted);font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.st-lang-panel-item:first-child{border-top:0}.st-lang-panel-item:not(.is-on){opacity:.72;background:#faf9fc}.st-lang-panel-item.is-on{background:linear-gradient(90deg,#f07f1b0f,#fff0)}.st-lang-panel-toggle{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer;-webkit-user-select:none;user-select:none}.st-lang-panel-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.st-lang-panel-switch{position:relative;flex-shrink:0;width:42px;height:24px;border-radius:999px;background:#d9d4e2;transition:background .15s ease}.st-lang-panel-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #2c26202e;transition:left .15s ease}.st-lang-panel-checkbox:checked+.st-lang-panel-switch{background:var(--st-primary)}.st-lang-panel-checkbox:checked+.st-lang-panel-switch:after{left:21px}.st-lang-panel-checkbox:focus-visible+.st-lang-panel-switch{outline:2px solid color-mix(in srgb,var(--st-primary) 45%,white);outline-offset:2px}.st-lang-panel-name{font-size:15px;font-weight:600;color:var(--st-ink)}.st-lang-panel-alias{width:100%;box-sizing:border-box;border:1px solid var(--st-line);border-radius:10px;padding:8px 10px;background:#fff;font-size:13px;outline:none}.st-lang-panel-alias:focus{border-color:var(--st-primary)}.st-lang-panel-item:not(.is-on) .st-lang-panel-name{font-weight:500;color:var(--st-muted)}.st-lang-panel-moves{display:inline-flex;gap:4px;padding:2px;border-radius:10px;background:var(--st-bg);border:1px solid var(--st-line)}.st-lang-panel-move{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--st-pink);cursor:pointer}.st-lang-panel-move:hover:not(:disabled){background:#fff}.st-lang-panel-move:disabled{opacity:.35;cursor:not-allowed}.st-lang-panel-foot{display:flex;justify-content:flex-end;margin-top:14px}.st-lang-panel-foot .st-primary{min-width:108px}.st-sort-panel h3{margin:0}.st-sort-panel>.st-muted{margin:8px 0 0;line-height:1.5}.st-sort-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.1fr);gap:16px;align-items:stretch;margin-top:16px}.st-sort-fields{display:grid;gap:16px;align-content:start}.st-sort-field{display:grid;gap:8px}.st-sort-label{font-size:13px;font-weight:600;color:var(--st-ink)}.st-sort-rules-wrap{display:grid;gap:8px;align-content:start}.st-sort-rules-wrap h4{margin:0;font-size:13px;font-weight:600;color:var(--st-ink)}.st-sort-rules-card{background:var(--st-bg);border:1px solid var(--st-line);border-radius:14px;padding:14px 16px}.st-sort-rules{margin:0;padding-left:1.2em;color:var(--st-muted);font-size:13px;line-height:1.7}.st-hot-bg-mode.is-disabled{opacity:.55}.st-hot-bg-mode.is-disabled .st-hot-bg-mode-btn:disabled{cursor:not-allowed}.st-sort-foot{display:flex;justify-content:flex-end;margin-top:16px}.st-sort-foot .st-primary{min-width:108px}.st-sort-hint{margin:0;font-size:12px;color:var(--st-muted)}@media(max-width:900px){.st-sort-body{grid-template-columns:1fr}}.st-import-page .st-primary,.st-import-page label.st-primary,.st-import-page button.st-secondary,.st-import-page .st-secondary,.st-import-page .st-hot-bg-mode-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 18px;font-size:14px;font-weight:600;line-height:1.2;border-radius:999px}.st-import-page button.st-secondary,.st-import-page .st-secondary{border-width:1px;border-style:solid}.st-import-file-actions{align-items:center}.st-import-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;max-height:40px;margin:0;padding:0 18px;border-radius:999px;border-width:1px;border-style:solid;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.st-import-action.is-ghost{border-color:var(--st-line);background:#fff;color:var(--st-ink)}.st-import-action.is-solid{border-color:transparent;background:linear-gradient(135deg,var(--st-primary),var(--st-pink));color:#fff}.st-modal h3{margin:0 0 12px}.st-modal label{display:block;margin:10px 0 6px;color:var(--st-muted);font-size:13px}.st-modal input,.st-modal select{width:100%;box-sizing:border-box;border:1px solid var(--st-line);border-radius:12px;padding:10px 12px;background:#fff}.st-modal-song .st-hot-bg-mode{margin-bottom:4px}.st-modal-song-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.st-modal-song-actions-right{display:flex;gap:8px}.st-song-delete{border:0;background:transparent;color:#c45d7a;cursor:pointer;padding:10px 0;font-size:14px}.st-empty{text-align:center;color:var(--st-muted);padding:28px 8px}.st-notice{background:var(--st-soft);color:var(--st-pink);border-radius:14px;padding:12px 14px;font-size:13px;margin-bottom:14px}@media(max-width:960px){.st-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.st-side{border-right:0;border-bottom:1px solid var(--st-line)}.st-grid-2,.st-form{grid-template-columns:1fr}.st-span2{grid-column:auto}.st-decor{grid-template-columns:1fr;overflow:auto}.st-decor-preview{height:auto;align-self:stretch;padding:10px 12px 40px}.st-decor-preview .st-phone-live{width:min(402px,100%,calc((100vh - 56px) * 402 / 874));height:auto}.st-lang-panel-item{grid-template-columns:2em minmax(0,1fr);grid-template-areas:"order toggle" "alias alias" "moves moves";gap:8px 10px;padding:10px 12px}.st-lang-panel-order{grid-area:order}.st-lang-panel-toggle{grid-area:toggle}.st-lang-panel-alias{grid-area:alias;width:37.5%;justify-self:start}.st-lang-panel-moves{grid-area:moves;justify-self:end}}:root{--bg: #f7f3fb;--bg-2: #ffffff;--bg-3: #fff7fb;--ink: #2a2433;--muted: #8a7a90;--gold: #e89bb8;--gold-2: #b8a0e0;--rose: #c989b0;--line: rgba(184, 160, 224, .35);--danger: #d97890;--ok: #7eb89a;--serif: "M PLUS Rounded 1c", "Noto Sans SC", "PingFang SC", sans-serif;--sans: "Noto Sans SC", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(900px 420px at 12% -8%,rgba(232,155,184,.28),transparent 55%),radial-gradient(800px 380px at 92% 0%,rgba(184,160,224,.22),transparent 50%),var(--bg);font-family:var(--sans)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:#c45d8c;text-decoration:none}a:hover{color:#b8a0e0}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 80px}.brand-mark{display:block;width:72px;height:72px;border-radius:16px;margin-bottom:8px;box-shadow:0 10px 24px #f07f1b47}.landing{--ld-ink: #2c2620;--ld-muted: #8a8178;--ld-soft: #a89f95;--ld-primary: #f07f1b;--ld-primary-2: #e55306;--ld-bg: #f7f2ed;--ld-panel: #ffffff;--ld-line: #ece4dc;--ld-soft-bg: #f8ebe3;--ld-display: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;position:relative;min-height:100dvh;color:var(--ld-ink);font-family:Noto Sans SC,PingFang SC,sans-serif;overflow-x:hidden}html:has(.landing),body:has(.landing),#root:has(.landing){min-height:100%}body:has(.landing){color:var(--ld-ink, #2c2620);background:var(--ld-bg, #f7f2ed)}.landing-space{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 520px at 12% 8%,rgba(240,127,27,.16),transparent 58%),radial-gradient(760px 480px at 92% 12%,rgba(229,83,6,.1),transparent 55%),radial-gradient(640px 380px at 70% 90%,rgba(248,235,227,.9),transparent 50%),linear-gradient(165deg,#fffaf5,#f7f2ed 48%,#f3e8de)}.landing-space:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.2px 1.2px at 12% 20%,rgba(240,127,27,.35),transparent),radial-gradient(1px 1px at 28% 68%,rgba(229,83,6,.22),transparent),radial-gradient(1.4px 1.4px at 62% 30%,rgba(240,127,27,.28),transparent),radial-gradient(1px 1px at 78% 58%,rgba(229,83,6,.18),transparent),radial-gradient(1.2px 1.2px at 90% 16%,rgba(240,127,27,.3),transparent),radial-gradient(1px 1px at 44% 12%,rgba(240,127,27,.2),transparent);opacity:.85;animation:landing-twinkle 8s ease-in-out infinite alternate}.landing-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(18px,4vw,48px)}.landing-brand{display:flex;align-items:center;gap:14px;min-width:0}.landing-logo{width:56px;height:56px;display:block;object-fit:cover;flex-shrink:0;border-radius:14px}.landing-brand-text{display:flex;flex-direction:column;gap:4px;min-width:0}.landing-brand-text strong,.landing-hero-copy h1,.landing-panel-cn,.landing-feature h2{font-family:var(--ld-display);font-weight:700;-webkit-font-smoothing:antialiased}.landing-brand-text strong{font-size:22px;line-height:1.2;color:var(--ld-ink)}.landing-brand-text span{font-size:15px;letter-spacing:.04em;color:var(--ld-muted)}.landing-nav{display:flex;align-items:center;gap:14px}.landing-nav-text{color:var(--ld-ink);font-size:14px;text-decoration:none;opacity:.88;transition:color .2s ease,opacity .2s ease}.landing-nav-text:hover{color:var(--ld-primary-2);opacity:1}.landing-nav-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border:1px solid var(--ld-line);border-radius:999px;color:var(--ld-ink);background:#fff;font-size:13px;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease}.landing-nav-pill:hover{border-color:var(--ld-primary);color:var(--ld-primary-2);background:var(--ld-soft-bg)}.landing-main{position:relative;z-index:2}.landing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.9fr);gap:clamp(28px,5vw,56px);align-items:center;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:clamp(24px,5vh,48px) 0 clamp(20px,4vh,36px);min-height:calc(100dvh - 160px)}.landing-hero-copy{animation:landing-rise .8s ease-out both}.landing-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--ld-line);color:var(--ld-muted);font-size:13px}.landing-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--ld-primary);box-shadow:0 0 10px #f07f1b8c}.landing-hero-copy h1{margin:0;font-size:clamp(36px,5.6vw,64px);line-height:1.18;letter-spacing:.02em;color:var(--ld-ink)}.landing-desc{margin:18px 0 0;max-width:28em;color:var(--ld-muted);font-size:15px;line-height:1.75}.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing-btn-primary{color:#fff;background:linear-gradient(135deg,var(--ld-primary),var(--ld-primary-2));box-shadow:0 10px 28px #f07f1b47}.landing-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px #f07f1b5c;color:#fff}.landing-btn-ghost{color:var(--ld-ink);border:1px solid var(--ld-line);background:#fff}.landing-btn-ghost:hover{border-color:var(--ld-primary);background:var(--ld-soft-bg);color:var(--ld-primary-2)}.landing-panel{position:relative;min-height:min(520px,68vh);padding:22px 22px 24px;border-radius:28px;border:1px solid var(--ld-line);background:linear-gradient(165deg,rgba(240,127,27,.12),transparent 42%),linear-gradient(200deg,#fff,#fff7f0);box-shadow:0 18px 48px #2c262014,inset 0 1px #fffc;display:flex;flex-direction:column;animation:landing-rise .9s ease-out .08s both}.landing-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.12em;color:var(--ld-soft)}.landing-panel-tag{padding:5px 10px;border-radius:999px;border:1px solid rgba(240,127,27,.35);color:var(--ld-primary-2);background:#f07f1b14;letter-spacing:.04em}.landing-orb{position:relative;flex:1;display:grid;place-items:center;margin:18px 0}.landing-orb-ring,.landing-orb-ring-2{position:absolute;border-radius:50%;border:1px solid rgba(240,127,27,.18)}.landing-orb-ring{width:min(280px,70%);aspect-ratio:1;box-shadow:0 0 48px #f07f1b1a;animation:landing-spin 24s linear infinite}.landing-orb-ring-2{width:min(200px,52%);aspect-ratio:1;border-color:#e5530638;animation:landing-spin 16s linear infinite reverse}.landing-orb-core{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#fff;background:radial-gradient(circle at 35% 30%,#ffd29a,#f07f1b 45%,#e55306);box-shadow:0 0 36px #f07f1b73,0 0 72px #e5530638;animation:landing-pulse 3.2s ease-in-out infinite}.landing-panel-bottom{margin-top:auto}.landing-panel-en{margin:0;font-size:12px;letter-spacing:.22em;color:var(--ld-soft)}.landing-panel-cn{margin:8px 0 0;font-size:22px;color:var(--ld-ink)}.landing-panel-meta{margin:10px 0 0;font-size:12px;color:var(--ld-muted)}.landing-scroll{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 28px;color:var(--ld-soft);font-size:12px;letter-spacing:.16em;animation:landing-rise 1s ease-out .2s both}.landing-scroll span{font-size:14px;animation:landing-bounce 1.6s ease-in-out infinite}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(1180px,calc(100% - 36px));margin:0 auto;padding:8px 0 72px}.landing-feature{padding:24px 20px 26px;border-radius:22px;border:1px solid var(--ld-line);background:#fff;box-shadow:0 8px 24px #2c26200a}.landing-feature-1{background:linear-gradient(165deg,#fff8f1,#fff 55%);border-color:#f0dcc8}.landing-feature-2{background:linear-gradient(165deg,#fff3ea,#fffaf6 55%);border-color:#efc9ab}.landing-feature-3{background:linear-gradient(165deg,#f8ebe3,#fff9f4 55%);border-color:#e8c4a8}.landing-feature h2{margin:0 0 10px;font-size:22px;color:var(--ld-primary)}.landing-feature p{margin:0;color:var(--ld-muted);font-size:14px;line-height:1.7}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-twinkle{0%{opacity:.45}to{opacity:.9}}@keyframes landing-spin{to{transform:rotate(360deg)}}@keyframes landing-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes landing-bounce{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(4px);opacity:1}}@media(max-width:900px){.landing-hero{grid-template-columns:1fr;min-height:auto}.landing-panel{min-height:420px}.landing-features{grid-template-columns:1fr}}.brand{font-family:var(--serif);font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.05;margin:10px 0 8px}.bio{color:var(--muted);max-width:36em}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;margin-bottom:28px}.profile-head{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch;margin-bottom:22px}.portrait{min-height:340px;border-radius:28px;border:2px solid var(--line);background:radial-gradient(circle at 30% 20%,rgba(232,155,184,.45),transparent 46%),radial-gradient(circle at 80% 80%,rgba(184,160,224,.4),transparent 42%),#fff;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.portrait img{display:block;max-height:420px;width:auto;max-width:100%;object-fit:contain}.portrait-ph{color:var(--gold-2);font-family:var(--serif);font-size:42px;margin-bottom:36px;opacity:.7}.now,.queue,.panel,.login,.modal,.toast,.song,.ticket{background:var(--bg-2);border:2px solid var(--line);border-radius:20px}.now{margin-top:18px;padding:18px 20px}.now-label{font-size:12px;letter-spacing:.18em;color:var(--gold-2)}.now h2{font-family:var(--serif);font-size:26px;margin:6px 0 2px}.now p{margin:0;color:var(--muted)}.eq{display:flex;gap:3px;height:14px;margin-top:12px;align-items:flex-end}.eq span{width:4px;border-radius:99px;background:var(--gold);animation:eq .9s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.15s}.eq span:nth-child(3){animation-delay:.3s}.eq span:nth-child(4){animation-delay:.08s}.eq span:nth-child(5){animation-delay:.22s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.queue{padding:18px 20px}.queue h3{margin:0 0 12px;font-size:13px;letter-spacing:.12em;color:var(--gold-2)}.q-item{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.q-item:first-of-type{border-top:0}.q-num{color:var(--gold-2);font-variant-numeric:tabular-nums}.q-title{font-family:var(--serif);font-weight:700}.q-meta{color:var(--muted);font-size:13px}.closed{display:inline-block;margin-top:10px;font-size:12px;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 50%,transparent);border-radius:999px;padding:4px 10px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.search{flex:1 1 240px;background:var(--bg-2);border:2px solid var(--line);border-radius:999px;padding:10px 16px;outline:none}.search:focus{border-color:var(--gold)}.chip{border:2px solid var(--line);background:var(--bg-2);color:var(--muted);padding:6px 12px;font-size:12px;border-radius:999px}.chip.on,.chip:hover{color:#fff;background:var(--gold);border-color:var(--gold)}.list{display:flex;flex-direction:column;gap:10px}.song{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 16px}.song-title{font-family:var(--serif);font-size:20px;margin:0}.song-sub{margin:3px 0 0;color:var(--muted);font-size:13px}.dots{display:none}.ask{background:var(--gold);border:0;color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700}.ask:hover{background:var(--gold-2)}.ask:disabled{opacity:.4;cursor:not-allowed;background:#ddd;color:var(--muted)}.mask{position:fixed;inset:0;background:#2a243373;display:grid;place-items:center;padding:20px;z-index:20}.modal{width:min(440px,100%);padding:24px}.modal h3{font-family:var(--serif);font-size:26px;margin:0 0 4px}label{display:block;margin:14px 0 6px;color:var(--muted);font-size:12px}input,textarea,select{width:100%;background:var(--bg-3);border:2px solid var(--line);border-radius:12px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold)}.row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.btn{border:2px solid var(--line);background:var(--bg-2);padding:10px 14px;border-radius:999px}.btn.primary{border-color:var(--gold);background:var(--gold);color:#fff;font-weight:700}.btn.danger{border-color:var(--danger);color:var(--danger)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:10px 16px;z-index:30}.admin-top,.split{display:grid;gap:18px}.split{grid-template-columns:1fr 1fr}.panel{padding:16px}.panel h2{margin:0 0 14px;font-size:13px;letter-spacing:.12em;color:var(--gold-2)}.req{padding:12px 0;border-top:1px solid var(--line)}.req:first-of-type{border-top:0}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tiny{font-size:11px;padding:5px 10px;border:2px solid var(--line);background:#fff;border-radius:999px}.tiny.play{border-color:var(--gold);color:#c45d8c}.playing-tag{color:#c45d8c;font-size:11px}.login{width:min(360px,calc(100% - 32px));margin:12vh auto;padding:28px}.overlay-page{min-height:100vh;background:transparent;padding:24px}html:has(body.overlay),body.overlay{background:transparent}.overlay-card{width:min(920px,100%);padding:16px 20px;background:#fff7fbeb;border:2px solid var(--gold);border-radius:18px;color:var(--ink)}.overlay-now{font-family:var(--serif);font-size:32px;margin:4px 0}.overlay-next{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;color:var(--muted)}.notice{color:var(--rose);font-size:14px;margin-top:10px}.links{display:flex;gap:14px;margin-top:10px;font-size:13px}.muted{color:var(--muted)}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.span-2{grid-column:span 2}.song-admin{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;border-top:1px solid var(--line)}.off{opacity:.45}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}.tiny:disabled{opacity:.35;cursor:not-allowed}.ticket{margin:18px 0 0;padding:12px;width:fit-content}.ticket img{display:block;border-radius:12px}.ticket figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:var(--muted)}.slogan{color:var(--gold-2);font-size:14px;margin:0 0 12px;text-transform:none;letter-spacing:.04em}.portrait-preview{display:block;max-height:180px;margin:8px 0 12px;border-radius:16px}@media(max-width:840px){.hero,.split,.grid-form,.song,.profile-head{grid-template-columns:1fr}.portrait{min-height:240px}.span-2{grid-column:auto}}