:root{--bg:#d9ecf9;--bg-warm:#e3f1fb;--surface:#ffffffe6;--surface-strong:#fffffffa;--surface-soft:#e1f2fef5;--line:#3a6fa047;--line-strong:#3a6fa066;--text:#223a55;--muted:#476a8a;--muted-soft:#63839f;--accent:#3f86bf;--accent-strong:#275f91;--accent-soft:#c8e5fb;--accent-pale:#dceefa;--success:#2f8d73;--danger:#b65b72;--warning:#b57b2f;--shadow:0 24px 72px #23588b29;--shadow-soft:0 10px 24px #23588b1f;--radius-2xl:34px;--radius-xl:28px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--font-body:"Hiragino Sans GB", "PingFang SC", "Microsoft YaHei UI", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Noto Serif SC", "Songti SC", serif;--cursor-default:url(/cursors/normal.ani?v=20260626) 0 0, url(/cursors/normal.gif?v=20260626) 0 0, auto;--cursor-pointer:url(/cursors/pointer.ani?v=20260626) 0 0, url(/cursors/pointer.gif?v=20260626) 0 0, pointer;--cursor-text:url(/cursors/text.ani?v=20260626) 0 0, url(/cursors/text.gif?v=20260626) 0 0, text;--cursor-not-allowed:url(/cursors/wait.ani?v=20260626) 0 0, url(/cursors/wait.gif?v=20260626) 0 0, not-allowed;--cursor-help:url(/cursors/help.ani?v=20260626) 0 0, url(/cursors/help.gif?v=20260626) 0 0, help;--cursor-wait:url(/cursors/wait.ani?v=20260626) 0 0, url(/cursors/wait.gif?v=20260626) 0 0, wait;--cursor-progress:url(/cursors/progress.ani?v=20260626) 0 0, url(/cursors/progress.gif?v=20260626) 0 0, progress}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--text);cursor:var(--cursor-default);font-family:var(--font-body);background:linear-gradient(#d2e8f7 0%,#bbdcf2 54%,#dceefa 100%);margin:0}body:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff61,#0000 42%),repeating-linear-gradient(90deg,#235e970e 0 1px,#0000 1px 24px);position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000);mask-image:linear-gradient(#000000e6,#0000)}button,input,select,textarea{font:inherit}button{cursor:var(--cursor-pointer)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:var(--cursor-not-allowed);opacity:.6}a{color:inherit;cursor:var(--cursor-pointer)}input,textarea{cursor:var(--cursor-text)}select,[role=button],.chip,.copy-link,.random-song-button,.table-link{cursor:var(--cursor-pointer)}[title],[aria-describedby]{cursor:var(--cursor-help)}[aria-busy=true]{cursor:var(--cursor-progress)}.page-shell,.admin-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:34px 0 72px;position:relative}.page-shell--public{--bg:#dceefa;--bg-warm:#d0e8f8;--surface:#fffffff9;--surface-strong:#fffffffe;--surface-soft:#e2f2fdfa;--line:#366b9c47;--line-strong:#366b9c6b;--text:#223a55;--muted:#476a8a;--muted-soft:#63839f;--accent:#3f85bd;--accent-strong:#275f91;--accent-soft:#c8e5fb;--accent-pale:#dceefa;--shadow:0 24px 72px #215a8f26;--shadow-soft:0 10px 24px #215a8f1c;padding-top:26px}.page-shell--public .panel--glass,.page-shell--public .filter-block,.page-shell--public .table-shell{background:#fffffffa}.page-shell--public .panel--glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.page-shell--public .panel--glass:before{background:0 0}.page-shell--public .table-panel{background:#fff}.page-shell--public .table-panel:before{background:0 0}.public-avatar-frame{z-index:1;background:linear-gradient(145deg,#fff,#f4fbff) padding-box padding-box,linear-gradient(145deg,#58a5dedb,#e2f4fffa,#2762977a) border-box;border:1px solid #0000;border-radius:28px;width:154px;height:154px;margin:0 auto 24px;padding:8px;animation:.6s ease-out both avatar-rise-in;position:relative;box-shadow:0 18px 42px #2d669a29,inset 0 2px #ffffffdb,inset 0 0 0 1px #ffffffeb}.public-avatar-image{object-fit:cover;object-position:center;border-radius:21px;width:100%;height:100%;display:block;box-shadow:0 8px 18px #275f911a}.page-shell--public .song-table{min-width:760px}.page-shell--public .song-table th{color:#285f8d;background:#c5e1f6}.page-shell--public .song-table tbody tr:nth-child(odd) td{background:#f5fbff}.page-shell--public .song-table tbody tr:nth-child(2n) td{background:#dceefa}.page-shell--public .song-table tbody tr:hover td{background:#c8e5fb}.public-icp-footer{z-index:1;color:#496c8ca8;text-align:center;margin-top:18px;font-size:10px;line-height:1.5;position:relative}.public-security-record{color:inherit;justify-content:center;align-items:center;gap:4px;display:inline-flex}.public-security-icon{object-fit:contain;flex:none;width:12px;height:12px}.top-ribbon,.hero-card,.panel,.form-card{z-index:1;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.top-ribbon,.panel,.form-card{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{border-radius:var(--radius-2xl);background:linear-gradient(135deg, #fffffffc, #f5fbfff7), var(--surface);overflow:hidden}.hero-card:before,.panel:before,.form-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#dbf0ff94,#0000 28%),linear-gradient(160deg,#ffffff29,#0000 48%);position:absolute;inset:0}.top-ribbon{border-radius:999px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:14px 18px;animation:.45s ease-out both rise-in;display:flex}.top-ribbon__brand,.top-ribbon__actions,.hero-headline,.hero-actions,.meta-badges,.table-actions,.title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.top-ribbon__brand{gap:14px}.top-ribbon__brand strong,.top-ribbon__brand span{display:block}.top-ribbon__brand span:last-child{color:var(--muted);margin-top:2px;font-size:.92rem}.brand-mark,.avatar-mark{border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--accent-strong);letter-spacing:.08em;background:linear-gradient(135deg,#e2f3fffa,#f7fcfffa);font-weight:800;box-shadow:inset 0 1px #ffffffb3}.avatar-mark{width:92px;height:92px;color:var(--accent-strong);font-family:var(--font-display);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 30% 30%,#fffffffc,#ebf7fff7),linear-gradient(#fffffff2,#f3fafff2);border:1px solid #769abc33;flex:0 0 92px;font-size:2rem}.shell-link,.button-primary,.button-secondary,.ghost-link,.chip,.badge{border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.shell-link,.button-primary,.button-secondary,.ghost-link,.chip,.copy-link,.table-link{transition:transform .2s,background .2s,border-color .2s,color .2s,box-shadow .2s}.shell-link{border:1px solid var(--line);min-height:42px;color:var(--accent-strong);background:#ffffffbd;padding:0 16px;font-weight:600;text-decoration:none}.shell-link--accent,.button-primary{color:#fff;background:linear-gradient(135deg,#3f86bf 0%,#75b3dd 100%);border:0;box-shadow:0 12px 24px #30659733}.shell-link:hover,.button-primary:hover,.button-secondary:hover,.ghost-link:hover,.chip:hover,.copy-link:hover,.table-link:hover{transform:translateY(-1px)}.button-primary,.button-secondary,.ghost-link{border:1px solid #0000;min-height:46px;padding:0 18px;text-decoration:none}.button-primary{font-weight:700}.button-secondary,.ghost-link{border-color:var(--line);color:var(--accent-strong);background:#ffffffeb}.hero-card{grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:24px;padding:30px;animation:.55s ease-out both rise-in;display:grid}.hero-copy,.hero-stats{z-index:1;position:relative}.hero-copy{gap:22px;display:grid}.hero-headline{align-items:flex-start;gap:18px}.hero-copy h1,.section-head h2,.section-head h3{font-family:var(--font-display);color:#2f6fa6;letter-spacing:.02em;margin:0}.hero-copy h1{font-size:clamp(2.6rem,5vw,4.4rem);line-height:.98}.empty-state,.note-block{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:.18em;background:#357cb924;border-radius:999px;margin-bottom:10px;padding:7px 13px;font-size:.78rem;font-weight:700;display:inline-flex}.filter-block,.stat-card{z-index:1;box-shadow:var(--shadow-soft);background:#eff8fff2;border:1px solid #5282ae38;position:relative}.section-head,.toolbar,.filter-row,.tab-row,.action-row,.toolbar-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.hero-stats{align-content:start;gap:14px;display:grid}.stat-card{border-radius:var(--radius-lg);padding:20px 22px}.hero-stats strong{color:var(--accent-strong);margin-bottom:6px;font-size:clamp(2rem,3vw,2.8rem);line-height:1;display:block}.hero-stats span{color:var(--muted)}.panel,.form-card{border-radius:var(--radius-xl);margin-top:20px;padding:24px;animation:.6s ease-out both rise-in;position:relative;overflow:hidden}.panel--glass{background:linear-gradient(135deg, #fffffffa, #e8f5fff5), var(--surface)}.compact-head{margin-bottom:16px}.search-box,.form-grid label,.compact-form label,.alias-field-block{gap:8px;display:grid}.search-box{width:min(620px,100%)}.search-prompt{color:var(--accent-strong);letter-spacing:.04em;margin-left:10px;font-size:1.05rem;font-weight:800}.search-field{display:block;position:relative}.search-icon{z-index:1;fill:none;stroke:#3f86bf;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-grid span,.compact-form span{color:var(--muted);font-size:.88rem}.search-box input,.inline-search,.form-grid input,.form-grid select,.form-grid textarea,.compact-form input{border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--text);background:#fffffffa;border:1px solid #5282ae3d;outline:none;padding:12px 15px;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 1px #ffffffd6}.form-grid textarea{resize:vertical;min-height:110px}.search-box input:focus,.inline-search:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.compact-form input:focus{border-color:#357cb96b;transform:translateY(-1px);box-shadow:0 0 0 4px #357cb921,inset 0 1px #fffffff0}.search-field input{padding-left:48px}.random-song-wrap{isolation:isolate;justify-content:center;align-items:flex-end;min-width:190px;padding-top:112px;display:inline-flex;position:relative;overflow:hidden}.random-song-art{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:180px;max-width:none;height:auto;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.page-shell--public .random-song-button{z-index:2;min-height:48px;color:var(--accent-strong);background:#fff;border:2px solid #3070a9c7;border-radius:999px;padding:0 20px;font-weight:800;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 10px 22px #3070a924,inset 0 1px #fffffff5}.page-shell--public .random-song-button:hover:not(:disabled){background:#fff;border-color:#275f91e6;transform:translateY(-1px);box-shadow:0 14px 28px #3070a92e,inset 0 1px #fffffffa}.page-shell--public .random-song-button:disabled{opacity:.52}.page-shell--public .search-field input{background:#fff;border:2px solid #3070a970;box-shadow:0 8px 18px #3070a921,inset 0 0 0 1px #d6ecfcf5}.page-shell--public .search-field input:focus{border-color:#275f91a3;box-shadow:0 0 0 5px #357cb92e,0 10px 22px #3070a926,inset 0 0 0 1px #c4e3f9fa}.filter-row{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:16px;margin-top:18px;display:grid}.filter-block{border-radius:var(--radius-lg);padding:18px}.filter-block h3{color:var(--accent-strong);margin:0 0 12px;font-size:1rem}.chip-grid{flex-wrap:wrap;gap:10px;display:flex}.chip-grid--compact{gap:8px}.chip{min-height:42px;color:var(--muted);background:#eff8fff5;border:1px solid #5282ae38;padding:0 16px;font-weight:600}.chip.is-active{color:#fff;background:linear-gradient(135deg,#3f86bf 0%,#77b7df 100%);border-color:#0000;box-shadow:0 10px 20px #3065972e}.table-panel{overflow:hidden}.admin-shell .table-panel{background:#fff}.admin-shell .table-panel:before{background:0 0}.table-shell{border-radius:calc(var(--radius-xl) - 4px);background:#eff8fff5;border:1px solid #5282ae2e;overflow-x:auto}.admin-shell .table-shell{background:#fff}.section-head strong{color:var(--accent);font-size:.95rem}.song-table{border-collapse:collapse;width:100%;min-width:1080px}.song-table th,.song-table td{text-align:left;vertical-align:top;border-bottom:1px solid #5282ae24;padding:18px 16px}.song-table th{z-index:1;color:var(--muted-soft);letter-spacing:.12em;text-transform:uppercase;background:#def0fdfa;font-size:.82rem;font-weight:700;position:sticky;top:0}.song-table tbody tr{transition:background .2s}.song-table tbody tr:hover{background:#c8e5fb8f}.title-cell{min-width:240px}.admin-table th,.admin-table td,.admin-table tbody tr:hover,.admin-table tbody tr:hover td{background:#fff}.admin-table tbody tr.is-editing td{vertical-align:middle;background:#fff}.admin-table .admin-title-cell{color:var(--accent-strong);background:#fff;font-weight:700;box-shadow:inset 4px 0 #5294cf47,inset -1px 0 #769abc2e}.aliases-cell{min-width:190px}.alias-tag-field{background:#fff;border:1px solid #5294cf3d;border-radius:12px;outline:none;width:100%;min-height:48px;padding:8px 10px}.alias-tag-field:focus-within{border-color:#2d74b28f;box-shadow:0 0 0 3px #5294cf24}.alias-tag-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.alias-tag-list--readonly{align-items:flex-start}.form-grid .alias-tag-chip,.alias-tag-chip{min-height:28px;color:var(--accent-strong);background:#dceefa;border:1px solid #769abc38;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:700;line-height:1;display:inline-flex}.alias-tag-chip span{color:inherit;font-size:inherit}.alias-tag-remove{width:18px;height:18px;color:var(--accent-strong);background:#5294cf1f;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.86rem;line-height:1;display:inline-flex}.form-grid .alias-tag-editor,.alias-tag-editor{width:auto;min-width:120px;min-height:30px;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:140px;padding:2px 0}.form-grid .alias-tag-editor:focus,.alias-tag-editor:focus{box-shadow:none;border:0;transform:none}.alias-tag-editor::placeholder{color:var(--muted-soft)}.table-edit-stack{gap:8px;display:grid}.table-input{width:100%;min-width:0;min-height:38px;color:var(--text);background:#fff;border:1px solid #5294cf3d;border-radius:12px;outline:none;padding:8px 10px}.table-input:focus{border-color:#2d74b28f;box-shadow:0 0 0 3px #5294cf24}.table-textarea{resize:vertical;min-height:64px}.table-status-select{min-width:88px}.title-row{gap:10px}.copy-link,.table-link{background:0 0;border:0;padding:0}.copy-link{color:var(--accent-strong);text-align:left;font-size:1rem;font-weight:700}.copy-link:hover,.table-link:hover{color:var(--accent)}.badge{letter-spacing:.04em;min-height:30px;padding:0 10px;font-size:.76rem;font-weight:700}.badge-free{color:var(--success);background:#76d0ac29}.badge-paid{color:var(--accent);background:#e490b51f}.badge-category{color:var(--accent-strong);background:#c8e5fbb8}.danger-link{color:var(--danger)}.empty-state,.note-block,.success-state,.warning-state,.error-state{z-index:1;border-radius:var(--radius-md);background:#eff8ffe6;border:1px dashed #5282ae38;margin-top:14px;padding:15px 16px;position:relative}.success-state{color:var(--success);border-color:#2f946838}.warning-state{color:var(--warning);border-color:#b57b2f3d}.error-state{color:var(--danger);border-color:#c65f7842}.copy-toast{z-index:10;color:var(--accent-strong);box-shadow:var(--shadow-soft);background:#fffffff5;border:1px solid #769abc29;border-radius:999px;padding:14px 18px;position:fixed;bottom:20px;right:20px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.span-2{grid-column:1/-1}.compact-form{gap:16px;max-width:460px;display:grid}.remember-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.remember-option{color:var(--muted);align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.remember-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.admin-search-panel{border-radius:var(--radius-md);background:#f8fcff;border:1px solid #5282ae42;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;display:flex;box-shadow:0 10px 24px #30659717}.admin-search-label{color:var(--accent-strong);white-space:nowrap;font-weight:800}.admin-search-control{flex:360px;align-items:center;gap:10px;display:flex}.admin-song-search{background:#fff;border-width:2px;border-color:#3070a96b;width:100%;min-width:240px}.admin-search-count{color:var(--muted);white-space:nowrap;font-size:.9rem}.inline-search{width:min(340px,100%)}.admin-search-control .admin-song-search{width:100%}.auth-panel{max-width:760px;margin-left:auto;margin-right:auto}.tab-row,.table-actions{justify-content:flex-start}.note-block strong{color:var(--accent-strong)}.note-block code{color:var(--text);word-break:break-all;margin-top:10px;display:block}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.hero-card,.filter-row,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.search-box{width:100%;max-width:none}.random-song-wrap,.random-song-button{width:100%}.random-song-wrap{padding-top:132px}.random-song-art{width:188px;bottom:-22px}}@keyframes avatar-rise-in{0%{opacity:0;transform:translateY(16px)rotate(-1.2deg)}to{opacity:1;transform:translateY(0)rotate(-1.2deg)}}@media (width<=720px){.top-ribbon{border-radius:28px}.top-ribbon,.top-ribbon__actions,.hero-headline{align-items:flex-start}.top-ribbon,.top-ribbon__brand,.top-ribbon__actions{flex-direction:column}.hero-headline{gap:14px}.avatar-mark{flex-basis:74px;width:74px;height:74px;font-size:1.6rem}}@media (width<=640px){.page-shell,.admin-shell{width:min(100vw - 20px,1180px);padding-top:20px;padding-bottom:42px}.hero-card,.panel,.form-card{border-radius:24px;padding:18px}.hero-copy h1{font-size:2.2rem}.song-table{min-width:620px}.public-avatar-frame{border-radius:24px;width:128px;height:128px;margin-bottom:18px;padding:7px}.public-avatar-image{border-radius:17px}.random-song-wrap{padding-top:116px}.random-song-art{width:170px}.copy-toast{text-align:center;bottom:12px;left:12px;right:12px}}