@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&family=Noto+Sans+SC:wght@400;450;500;550;600;650;700&display=swap');

:root{font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif;color:#152344;font-synthesis:none;--muted:#7483a2;--cyan:#10b5eb;--glass-opacity:.82;--border:rgba(255,255,255,.88)}
*{box-sizing:border-box}body{margin:0;min-width:340px;min-height:100svh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #15afe4;outline-offset:4px}.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}.wallpaper,.wallpaper-shade{position:fixed;inset:0;pointer-events:none}.wallpaper{z-index:-2;background:#f1f6ff url('/assets/wallpaper.jpg') center center/cover no-repeat}.wallpaper-shade{z-index:-1;background:linear-gradient(180deg,rgba(247,250,255,.02) 30%,rgba(235,243,255,.03) 55%,rgba(226,239,255,.2) 100%)}.glass{background:linear-gradient(115deg,rgba(255,255,255,var(--glass-opacity)),rgba(243,248,255,calc(var(--glass-opacity) - .1)));border:1px solid var(--border);box-shadow:0 10px 38px rgba(55,78,122,.10),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.topbar{height:94px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#23334d;font-size:13px;font-weight:750;letter-spacing:1.3px;text-shadow:0 1px 12px white}.brand-star{font-size:33px;font-weight:400;color:#3d91c5}.brand-sub{font-size:12px;letter-spacing:.5px;font-weight:500;color:#66758d}.brand-slash{color:#9eaabd;margin:0 3px}.tools{display:flex;gap:9px;align-items:center;color:#516381}.today{font-size:12px;letter-spacing:.4px;margin-right:8px}.tool-separator{height:16px;width:1px;background:#8191ab40;margin:0 7px}.icon-button{width:31px;height:31px;padding:5px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:9px;transition:background .2s,transform .2s}.icon-button svg{width:19px;height:19px}.icon-button:hover{background:#c9ebfc70}.icon-button:active{transform:scale(.92)}.topbar .icon-button{background:#ffffff50}.topbar .icon-button:hover{background:#ffffffb0}
.dashboard{width:min(1250px,calc(100% - 80px));margin:0 auto;min-height:calc(100svh - 94px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:250px;padding-bottom:24px;transition:opacity .35s,transform .35s}.profile-bar{width:min(720px,100%);height:62px;align-self:center;display:flex;align-items:center;gap:14px;padding:7px 22px 7px 10px;border-radius:40px;margin-bottom:18px}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid white;background:#e1eaff}.profile-name{font-size:17px;font-weight:750;white-space:nowrap;letter-spacing:-.3px}.profile-divider{width:1px;height:20px;background:#7181a540;margin:0 5px}.online{font-size:11px;letter-spacing:.8px;color:#576987;display:flex;align-items:center;gap:7px}.online i,.green-dot{height:7px;width:7px;display:inline-block;border-radius:50%;background:#33c88e;box-shadow:0 0 0 3px #33c88e12}.profile-clock{font-size:12px;font-variant-numeric:tabular-nums;color:#72819a;margin-left:-4px}.profile-site{margin-left:auto;display:flex;align-items:center;gap:12px;color:#50648a;font-size:12px}.profile-site svg{width:17px;height:17px}.cards{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:16px;align-items:stretch}.card{min-width:0;border-radius:20px;padding:23px 23px 18px;position:relative;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px;min-height:27px}.card-header h1,.card-header h2{margin:0;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;white-space:nowrap;letter-spacing:.1px}.heading-icon{display:flex}.heading-icon svg{width:25px;height:25px;stroke-width:2.1}.cyan{color:#0eb8ef}.pink{color:#fc537d}.card-header a{display:flex;align-items:center;gap:3px}.small-chevron{height:14px;width:14px;color:#7285a4}.status-badge{font-size:10px;background:#b7eddc65;color:#389d81;border:1px solid #7bdcb648;border-radius:20px;padding:4px 9px;white-space:nowrap}.muted{font-size:12px;color:#677b9e;margin:0 0 10px}.work-main{padding:2px 2px 0}.countdown{font-size:clamp(30px,3.25vw,47px);font-weight:650;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1.2;color:#0b1d48;white-space:nowrap}.countdown span{color:#7d90ac;font-weight:400;margin:0 3px}.work-caption{font-size:11px;color:#8793ac;margin:13px 0 0;letter-spacing:.3px}.work-progress{margin-top:29px}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6f809e;margin-bottom:10px}.progress-label strong{color:#16aee2;font-size:12px;font-weight:550}.progress-track{height:7px;border-radius:10px;background:#b8c9e24d;overflow:hidden}.progress-track>div{height:100%;border-radius:10px;width:0;background:linear-gradient(90deg,#7cdbf8,#0bb3eb);transition:width 1s linear;position:relative}.progress-track>div:after{content:'';width:4px;height:4px;position:absolute;right:2px;top:1.5px;background:#fff;border-radius:50%}.timeline{display:flex;justify-content:space-between;font-size:10px;color:#71809b;margin-top:10px}.timeline>span{display:flex;gap:5px;align-items:center}.timeline i{width:5px;height:5px;border-radius:50%;background:#62bfe3}.timeline svg{width:14px;height:14px;color:#e3aa72}.work-footer{margin-top:26px;padding-top:15px;border-top:1px solid #8b9fc51a;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#8a97ad}.work-footer>span:first-child{display:flex;gap:5px;align-items:center}.work-footer svg{height:12px;width:12px}.work-footer>span:last-child{white-space:nowrap}
.music-card{padding:23px 22px 15px}.music-card .card-header{margin-bottom:17px}.playlist-count{display:flex;align-items:center;gap:5px;font-size:11px;color:#7083a4}.playlist-count>span:first-child{font-size:16px}.music-body{display:grid;grid-template-columns:145px 1fr;gap:18px}.now-playing{text-align:center;min-width:0}.cover-wrap{position:relative;width:137px;height:137px;margin:0 auto 10px;border-radius:12px;box-shadow:0 5px 15px #45507818;overflow:hidden;background:linear-gradient(130deg,#342336,#9a668c)}.cover-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.music-card.playing .cover-wrap img{transform:scale(1.035)}.cover-badge{position:absolute;bottom:0;left:0;right:0;height:25px;background:linear-gradient(transparent,#18202b9c);display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;font-size:6px;letter-spacing:1.5px;opacity:0;transition:opacity .2s}.playing .cover-badge{opacity:1}.cover-badge i{width:4px;height:4px;border-radius:50%;background:#2bdfb0}.track-title{font-size:12px;font-weight:650;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.track-artist{font-size:10px;color:#7182a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0 9px}.player-controls{display:flex;align-items:center;justify-content:center;gap:16px}.player-controls .icon-button{color:#566e96;height:27px;width:27px}.player-controls svg{height:16px;width:16px}.play-button{height:35px;width:35px;border-radius:50%;background:linear-gradient(145deg,#39ccf5,#08afe6);display:flex;align-items:center;justify-content:center;border:1px solid #ffffffac;color:white;box-shadow:0 3px 9px #1baee32b;transition:transform .2s,box-shadow .2s}.play-button:hover{transform:scale(1.07);box-shadow:0 4px 15px #1baee350}.play-button svg{width:20px;height:20px}.play-button:disabled{cursor:wait;opacity:.6}.tracklist{height:227px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a3d6ec60 transparent;padding-right:2px}.track-row{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;border-radius:7px;text-align:left;padding:7px 8px;min-height:33px;color:#344a70;font-size:11px;transition:background .2s}.track-row:hover{background:#cfecfb75}.track-row.active{background:linear-gradient(90deg,#95e3ff81,#b5e7fc87);color:#0c4477}.track-number{font-size:10px;color:#8a9ab3;width:15px;flex-shrink:0;text-align:center;font-variant-numeric:tabular-nums}.active .track-number{color:#06a9df}.track-row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-row .equalizer{width:12px;display:flex;gap:2px;height:12px;align-items:center;margin-left:auto;flex-shrink:0}.equalizer i{width:2px;height:4px;background:#14b5e9;border-radius:1px}.playing .active .equalizer i{animation:equalize .8s infinite alternate}.equalizer i:nth-child(2){animation-delay:.3s!important;height:10px}.equalizer i:nth-child(3){animation-delay:.5s!important;height:7px}@keyframes equalize{to{height:2px}from{height:12px}}.seek-row{margin-top:16px;display:flex;align-items:center;gap:8px;color:#8290a8;font-size:9px;font-variant-numeric:tabular-nums}.seek-row>span{width:26px;flex-shrink:0}.seek-row>span:nth-of-type(2){text-align:right}.seek-row input{min-width:0;flex:1;accent-color:#15b5e8;height:3px;cursor:pointer}.volume-button{height:21px;width:21px;padding:2px}.volume-button svg{height:14px;width:14px}.music-footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7c8daa;margin-top:9px}.preview-label{display:flex;align-items:center;gap:5px}.preview-label i{width:4px;height:4px;background:#2abce9;border-radius:50%}.text-button{background:none;border:0;color:#7285a5;display:inline-flex;gap:4px;padding:0;font-size:9px}.text-button svg{width:11px;height:11px}.text-button:hover{color:#0b9fd3}.music-error{font-size:10px;color:#aa5e64;background:#fff6f1c0;padding:8px;border-radius:7px;line-height:1.6;margin:10px 0 0}
.tiny-label{font-size:8px;letter-spacing:1.6px;color:#9aa8be}.links-card .card-header{margin-bottom:13px}.links-intro{font-size:11px;color:#8493ad;margin:0 0 19px}.link-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff40;border:1px solid #b3c8e52f;border-radius:12px;margin-top:9px;transition:transform .2s,background .2s,border .2s;min-width:0}.link-item:hover{transform:translateY(-2px);background:#ffffffa1;border-color:#6fd0ee7a}.link-icon{width:39px;height:39px;display:flex;justify-content:center;align-items:center;border-radius:12px;flex-shrink:0}.blog-icon{color:#11b8ef;background:#d8f4ff}.blog-icon svg{height:24px;width:24px}.github-icon{color:#253144;background:#e7ecf3}.github-icon svg{height:26px;width:26px}.link-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.link-copy strong{font-size:12px;font-weight:650}.link-copy>span{color:#7d8eae;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.external-icon{height:15px;width:15px;margin-left:auto;color:#7890b2}.links-note{position:relative;display:flex;align-items:center;gap:12px;margin-top:20px;color:#7b90af;font-size:10px;line-height:1.9;letter-spacing:1px;padding-left:5px}.little-star{font-size:30px;line-height:1;color:#81cde9}.note-sparkle{margin-left:auto;color:#bdcbe2;font-size:20px;padding-right:10px}.links-footer{display:flex;align-items:center;gap:7px;font-size:8px;color:#93a2b9;border-top:1px solid #8b9fc51a;padding-top:14px;margin-top:17px;letter-spacing:.1px}.links-footer .green-dot{width:5px;height:5px}.page-footer{display:flex;justify-content:space-between;padding:16px 4px 0;font-size:9px;letter-spacing:.6px;color:#647995;text-shadow:0 1px 6px white}.footer-star{margin:0 8px;color:#5cabc8}
dialog{color:#1c2e50;border-radius:22px;padding:27px;max-height:90svh;overflow:auto}dialog::backdrop{background:#20304d38;backdrop-filter:blur(7px)}.settings-dialog{width:min(440px,calc(100vw - 32px));background-color:#f8fbffe8}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-heading h2{font-size:22px;letter-spacing:-.6px;margin:5px 0 0}.eyebrow{font-size:8px;color:#86a6bd;letter-spacing:2px}.settings-dialog label{font-size:12px;color:#667b9c;display:block;margin-top:17px}.settings-dialog input:not([type=checkbox]):not([type=range]){display:block;width:100%;margin-top:8px;padding:11px 12px;border-radius:9px;border:1px solid #cdddeb;background:#ffffffa0;color:#1d3355;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-dialog .checkbox-label{display:flex;align-items:center;gap:8px;font-size:11px}.checkbox-label input{accent-color:#17b6e8;width:15px;height:15px}.settings-dialog input[type=range]{display:block;width:100%;accent-color:#15b5e8;margin-top:16px;height:4px}.settings-dialog label>span{float:right;font-size:11px;color:#17a7db}.settings-help{font-size:10px;line-height:1.8;color:#8b9bb1;margin:20px 0}.save-button{border:0;background:#13b4e9;color:white;border-radius:10px;padding:12px 17px;width:100%;font-size:13px;display:flex;justify-content:center;gap:9px;align-items:center}.save-button svg{height:16px;width:16px}#settings-error{font-size:11px;color:#b66070}.embed-dialog{width:min(660px,calc(100vw - 32px));background-color:#f7fbffee}.embed-dialog iframe{border:0;width:100%;height:450px;border-radius:12px}.embed-dialog .dialog-heading{margin-bottom:10px}.embed-dialog .settings-help{margin:10px 0 16px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);border-radius:30px;padding:12px 23px;font-size:12px;z-index:10}
@media(min-width:1600px){.dashboard{width:1320px;padding-bottom:40px}.cards{gap:18px;grid-template-columns:1fr 1.42fr 1fr}.card{padding:25px 26px 22px}.music-card{padding:25px 24px 18px}.music-body{grid-template-columns:158px 1fr;gap:21px}.cover-wrap{width:150px;height:150px}.tracklist{height:244px}.track-row{min-height:35px;font-size:12px}.work-main{padding-top:9px}.countdown{font-size:50px}.work-progress{margin-top:34px}.work-footer{margin-top:30px}.link-item{padding:14px;margin-top:11px}.links-note{margin-top:24px}.profile-bar{margin-bottom:21px}}
@media(max-width:1100px){.dashboard{width:calc(100% - 44px);padding-top:230px}.topbar{padding:0 25px;height:78px}.cards{gap:12px;grid-template-columns:1fr 1.4fr 1fr}.card{padding:20px 17px 16px}.card-header h1,.card-header h2{font-size:13px;gap:7px}.heading-icon svg{height:22px;width:22px}.music-body{grid-template-columns:113px 1fr;gap:10px}.cover-wrap{height:108px;width:108px}.tracklist{height:210px}.track-row{gap:5px;padding:7px 5px;font-size:10px}.countdown{font-size:35px}.work-footer{flex-direction:column;gap:8px;margin-top:25px}.work-progress{margin-top:32px}.tiny-label{display:none}.link-item{gap:9px;padding:10px}.link-icon{height:33px;width:33px}.link-copy strong{font-size:11px}.link-copy>span{font-size:9px}.links-intro{font-size:10px}.links-footer{font-size:7px}.player-controls{gap:9px}.links-note{margin-top:24px}}
@media(max-width:820px){.topbar{padding:0 22px;height:78px}.brand-sub{display:none}.brand-slash{display:none}.today{font-size:10px}.tools{gap:4px}.dashboard{width:calc(100% - 40px);padding-top:220px;min-height:calc(100svh - 78px);padding-bottom:22px}.profile-bar{width:100%;height:60px;margin-bottom:14px;padding-right:17px;gap:12px}.profile-name{font-size:16px}.profile-clock{font-size:11px}.profile-site{font-size:11px}.cards{grid-template-columns:1fr 1.4fr;gap:14px}.card{padding:22px}.countdown{font-size:42px}.music-body{grid-template-columns:125px 1fr;gap:12px}.cover-wrap{height:120px;width:120px}.tracklist{height:222px}.links-card{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.links-card .card-header{grid-column:1/-1;margin-bottom:8px}.links-intro{grid-column:1/-1;margin-bottom:4px}.links-note,.links-footer{display:none}.link-item{padding:12px}.link-copy strong{font-size:12px}.link-copy>span{font-size:10px}.work-footer{flex-direction:row;font-size:8px}.page-footer{font-size:8px}.tiny-label{display:block}}
@media(max-width:580px){.topbar{height:68px;padding:0 17px}.brand{font-size:12px;gap:6px}.brand-star{font-size:28px}.today{display:none}.tool-separator{display:none}.dashboard{width:calc(100% - 28px);padding-top:215px}.wallpaper{background-position:37% center}.profile-bar{height:59px;padding:7px 13px 7px 8px;gap:9px;border-radius:17px}.avatar{width:39px;height:39px}.profile-name{font-size:14px}.profile-divider{margin:0 2px;height:16px}.online{font-size:8px;gap:5px}.online i{width:5px;height:5px}.profile-clock{margin-left:auto;font-size:10px}.profile-site{display:none}.cards{grid-template-columns:1fr;gap:13px}.card{border-radius:17px;padding:21px}.card-header{margin-bottom:18px}.card-header h1,.card-header h2{font-size:14px}.work-main{text-align:center;padding-top:4px}.countdown{font-size:53px;letter-spacing:-1px}.work-caption{margin-top:10px}.work-progress{margin-top:22px}.work-footer{margin-top:18px;padding-top:13px;font-size:9px}.music-body{grid-template-columns:143px 1fr;gap:18px}.cover-wrap{height:139px;width:139px}.tracklist{height:236px}.track-row{font-size:11px;min-height:34px}.player-controls{gap:17px}.music-footer{font-size:9px}.links-card{grid-column:auto;display:block}.links-intro{margin-bottom:14px}.links-footer{display:flex;margin-top:20px;font-size:9px}.link-item{padding:14px}.link-icon{width:40px;height:40px}.link-copy strong{font-size:13px}.link-copy>span{font-size:11px}.page-footer{padding-top:18px;font-size:8px}.page-footer>span:last-child{font-size:7px;letter-spacing:0}.settings-dialog{padding:23px}}
.track-row .equalizer{display:none}.track-row.active .equalizer{display:flex}
.tracklist{position:relative}
.seek-row input{appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#56c8eb,#b8cde34d);border-radius:4px;height:3px}
.seek-row input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:#1ab5e7;border:1px solid #ffffffe0;box-shadow:0 1px 4px #18b4e732}
.seek-row input::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:#1ab5e7;border:1px solid white}
@media(min-width:821px){.dashboard{padding-top:clamp(105px,calc(100svh - 600px),440px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}