:root{color:#111316;font-synthesis:none;--green:#20c97b;--green-dark:#10ad64;--muted:#90979f;--line:#eef0f2;--safe-bottom:env(safe-area-inset-bottom,0px);background:#eef1f4;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#eef1f4}button,input{font:inherit}button{color:inherit;background:0 0;border:0;padding:0}.app-frame{min-height:100vh}.mobile-app{background:#f8f9fa;width:min(100%,480px);min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 45px #161f261a}.page{min-height:100vh;padding:calc(20px + env(safe-area-inset-top,0px)) 18px 170px;background:linear-gradient(#fff 0,#f7f8f9 300px)}.home-header,.my-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.home-header h1,.my-header h1{letter-spacing:-.04em;margin:2px 0 0;font-size:28px}.hello{color:#9aa0a7;font-size:13px}.round-search{background:#f3f5f6;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.search-pill{color:#9da3aa;text-align:left;background:#f1f3f4;border-radius:23px;align-items:center;gap:9px;width:100%;height:43px;padding:0 15px;display:flex}.daily-card{color:#fff;background:linear-gradient(135deg,#25c77c,#52d99b);border-radius:22px;grid-template-columns:1fr 150px;min-height:184px;margin-top:19px;padding:24px 18px 22px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 28px #1cbe7133}.daily-card:after{content:"";border:1px solid #ffffff38;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-60px;box-shadow:0 0 0 25px #ffffff0d,0 0 0 52px #ffffff0a}.daily-copy{z-index:2;position:relative}.daily-copy small{opacity:.8;font-weight:700}.daily-copy h2{margin:9px 0 6px;font-size:28px}.daily-copy p{opacity:.82;margin:0;font-size:12px}.daily-copy button{color:#0fa55e;background:#fff;border-radius:18px;align-items:center;gap:6px;margin-top:20px;padding:9px 15px;font-size:13px;font-weight:700;display:flex}.cover-stack{z-index:2;align-self:center;height:130px;position:relative}.cover-stack .song-cover{border:3px solid #ffffffbf;width:104px;height:104px;position:absolute;top:16px;right:14px;box-shadow:0 12px 24px #00502e38}.cover-stack .song-cover:nth-child(2){opacity:.75;transform:translate(-23px,-9px)rotate(-8deg)}.cover-stack .song-cover:nth-child(3){opacity:.5;transform:translate(-42px,2px)rotate(-15deg)}.section-block,.my-list-block{margin-top:31px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-title small{color:var(--green-dark);font-size:11px;font-weight:700}.section-title h2{letter-spacing:-.02em;margin:3px 0 0;font-size:22px}.section-title>span{color:#9ba1a8;font-size:12px}.play-all{color:var(--green-dark);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.playlist-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.playlist-card{text-align:left;min-width:0}.playlist-card .song-cover{aspect-ratio:1;border-radius:14px;width:100%;box-shadow:0 8px 16px #17222b1a}.playlist-card strong{white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:14px;display:block;overflow:hidden}.playlist-card>span{color:#9aa0a7;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;display:block;overflow:hidden}.song-cover{color:#ffffffc7;background-position:50%;background-size:cover;border-radius:9px;flex:none;place-items:center;display:grid}.song-cover span{text-shadow:0 2px 10px #0000002e;font-size:15px;font-weight:800}.song-list,.search-results{background:#fff;border-radius:18px}.song-row{border-bottom:1px solid #f1f2f3;align-items:center;min-height:64px;display:flex}.song-row:last-child{border-bottom:0}.song-main{text-align:left;flex:1;align-items:center;gap:11px;min-width:0;display:flex}.song-main .song-cover{width:46px;height:46px}.song-main>div:not(.song-cover){min-width:0}.song-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.song-main span{color:#969ca3;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.like-button{color:#b9bec3;place-items:center;width:42px;height:42px;display:grid}.like-button.liked{color:var(--green)}.row-duration{color:#adb2b7;font-size:11px}.skeleton .song-cover,.song-skeleton .song-cover,.song-skeleton strong,.song-skeleton span{color:#0000;background:linear-gradient(90deg,#f0f2f3,#e7e9eb,#f0f2f3) 0 0/200% 100%;animation:1.2s infinite shimmer}.song-skeleton strong{border-radius:7px;width:130px;height:12px}.song-skeleton span{border-radius:6px;width:85px;height:9px}@keyframes shimmer{to{background-position:-200% 0}}.page-spacer{height:30px}.mini-player{z-index:35;left:50%;bottom:calc(66px + var(--safe-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #e6e9ebd9;border-radius:16px;align-items:center;width:min(100% - 18px,462px);height:58px;padding:6px 8px 6px 7px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #18212721}.mini-player .song-cover{border-radius:50%;width:45px;height:45px}.spinning{animation:8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mini-meta{flex:1;min-width:0;padding-left:10px}.mini-meta strong,.mini-meta span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.mini-meta strong{font-size:14px}.mini-meta span{color:#9aa0a7;margin-top:3px;font-size:10px}.mini-play,.mini-more{place-items:center;width:42px;height:42px;display:grid}.mini-play{color:var(--green-dark)}.bottom-nav{z-index:34;width:min(100%,480px);height:calc(68px + var(--safe-bottom));padding:7px 52px var(--safe-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-top:1px solid #eef0f2;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#a5abb1;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.bottom-nav button.active{color:var(--green-dark)}.bottom-nav span{font-size:11px}.search-page{padding-left:14px;padding-right:14px}.search-header{grid-template-columns:38px 1fr auto;align-items:center;gap:7px;display:grid}.search-header>button:first-child{place-items:center;height:42px;display:grid}.search-header form{background:#f0f2f3;border-radius:22px;align-items:center;gap:7px;height:42px;padding:0 12px;display:flex}.search-header input{background:0 0;border:0;outline:0;flex:1;min-width:0}.search-header form button{color:#a5abb1}.cancel-search{padding:0 4px;font-size:14px}.hot-search{margin-top:34px;padding:0 10px}.hot-search h2{font-size:21px}.hot-search button{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;width:100%;padding:13px 0;display:grid}.hot-search i{color:#ff6e5f;font-style:normal;font-weight:700}.hot-search span{font-size:15px}.center-message{color:#9ba1a8;justify-content:center;align-items:center;gap:10px;min-height:260px;display:flex}.loading-dot{border:2px solid #d6dbde;border-top-color:var(--green);border-radius:50%;width:17px;height:17px;animation:1s linear infinite spin}.search-results{margin-top:28px;padding:18px 13px 4px}.my-page{background:linear-gradient(#e9fbf2 0,#f8f9fa 285px)}.my-header{margin-bottom:24px}.profile-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #fffc;border-radius:21px;padding:20px 18px 17px;box-shadow:0 13px 28px #1d65441a}.profile-main{text-align:left;align-items:center;width:100%;display:flex}.profile-main img{object-fit:cover;border:3px solid #fff;border-radius:50%;width:66px;height:66px;box-shadow:0 7px 16px #1b372b26}.profile-main>div{flex:1;min-width:0;padding-left:14px}.profile-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:21px;display:block;overflow:hidden}.profile-main span{color:#8f979e;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;display:block;overflow:hidden}.profile-main>svg{color:#9ca2a8}.profile-stats{border-top:1px solid #edf0ef;grid-template-columns:repeat(3,1fr);margin-top:19px;padding-top:16px;display:grid}.profile-stats div{text-align:center}.profile-stats div+div{border-left:1px solid #edf0ef}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-size:18px}.profile-stats span{color:#969ca2;margin-top:4px;font-size:11px}.login-empty{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;margin-top:46px;padding:34px 20px;display:flex}.login-empty img{border-radius:20px;width:72px;height:72px}.login-empty h2{margin:18px 0 7px;font-size:20px}.login-empty p{color:#979da4;margin:0;font-size:12px}.login-empty button{color:#fff;background:var(--green);border-radius:22px;margin-top:24px;padding:11px 38px;font-weight:700}.library-card{background:#fff;border-radius:21px;margin-top:24px;padding:20px 17px}.library-title h2{margin:0 0 17px;font-size:21px}.library-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.library-item{min-width:0}.collage{aspect-ratio:1.65;color:#ffffffe6;background:linear-gradient(135deg,#4fd395,#16af68);border-radius:14px;grid-template-columns:1fr 1fr;place-items:center;width:100%;display:grid;overflow:hidden}.collage .song-cover{border-radius:0;width:100%;height:100%}.history-collage{background:linear-gradient(135deg,#8ca4bd,#42586e)}.library-item>strong{margin-top:10px;font-size:15px;display:block}.library-item>span{color:#9ca2a8;margin-top:3px;font-size:11px;display:block}.my-list-block{background:#fff;border-radius:20px;padding:19px 14px 4px}.small-empty{color:#a0a6ac;text-align:center;padding:30px 0 34px;font-size:13px}.logout-button{color:#e35c5c;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:7px;width:100%;margin:22px 0 5px;padding:14px;display:flex}.sheet-mask{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a110e6b;justify-content:center;align-items:flex-end;padding:14px;display:flex;position:fixed;inset:0}.auth-sheet{width:min(100%,460px);padding:28px 24px calc(24px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:26px;position:relative;box-shadow:0 -14px 45px #08140e2e}.sheet-close{color:#92989f;background:#f3f4f5;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:17px;right:17px}.auth-logo{border-radius:17px;place-items:center;width:58px;height:58px;margin-bottom:18px;display:grid;overflow:hidden}.auth-logo img{width:100%;height:100%}.auth-sheet h2{margin:0;font-size:25px}.auth-sheet>p{color:#92999f;margin:8px 0 23px;font-size:12px}.auth-sheet form{gap:12px;display:grid}.auth-sheet label{color:#747b82;margin-bottom:-5px;font-size:12px}.auth-sheet input{background:#f8f9fa;border:1px solid #e6e9eb;border-radius:14px;outline:0;width:100%;height:48px;padding:0 15px}.auth-sheet input:focus{border-color:#20c97ba6;box-shadow:0 0 0 3px #20c97b1a}.auth-submit{color:#fff;background:var(--green);border-radius:14px;height:48px;margin-top:4px;font-weight:700}.auth-submit:disabled{opacity:.6}.auth-switch{width:100%;color:var(--green-dark);margin-top:17px;font-size:13px}.form-error{color:#c64f4f;background:#fff0f0;border-radius:10px;padding:10px 12px;font-size:12px}.toast{z-index:120;color:#fff;text-align:center;background:#141816e0;border-radius:20px;max-width:calc(100% - 50px);padding:10px 17px;font-size:13px;position:fixed;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}@media (width>=700px){.mobile-app{border-radius:26px;min-height:calc(100vh - 36px);margin-top:18px}.page{min-height:calc(100vh - 36px)}}.mini-open{text-align:left;flex:1;align-items:center;min-width:0;height:100%;display:flex}.full-player{z-index:95;color:#fff;background:#111814;width:min(100%,480px);margin:0 auto;position:fixed;inset:0;overflow:hidden}.player-background{filter:blur(38px)saturate(.9);opacity:.72;background-position:50%;background-size:cover;position:absolute;inset:-36px;transform:scale(1.18)}.player-darken{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#040c096b,#050c0a57 36%,#050a08d6 78%,#030806f5);position:absolute;inset:0}.full-player-header{z-index:2;min-height:calc(70px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 10px 0;grid-template-columns:46px 1fr 46px;align-items:center;display:grid;position:relative}.full-player-header>div{text-align:center;min-width:0}.full-player-header strong,.full-player-header span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.full-player-header strong{font-size:16px;font-weight:600}.full-player-header span{color:#ffffff9e;margin-top:4px;font-size:11px}.player-header-button{color:#fff;place-items:center;width:46px;height:46px;display:grid}.player-stage{z-index:2;flex-direction:column;justify-content:center;align-items:center;height:min(49vh,470px);padding-top:12px;display:flex;position:relative}.record-disc{aspect-ratio:1;background:radial-gradient(circle,#222 0 15%,#101010 15.5% 20%,#1c1c1c 20.5% 100%);border-radius:50%;place-items:center;width:min(76vw,330px);display:grid;position:relative;box-shadow:0 26px 58px #0000006b,inset 0 0 0 2px #ffffff0f}.record-disc:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:9%;box-shadow:0 0 0 12px #ffffff05,0 0 0 25px #ffffff05,0 0 0 38px #ffffff05}.record-groove{border:1px solid #ffffff12;border-radius:50%;position:absolute}.groove-one{inset:17%}.groove-two{inset:28%}.record-cover.song-cover{z-index:2;border:4px solid #ffffff29;border-radius:50%;width:54%;height:54%;position:relative;box-shadow:0 8px 20px #0000004d}.record-cover.song-cover span{font-size:24px}.record-spinning{animation:18s linear infinite discSpin}@keyframes discSpin{to{transform:rotate(360deg)}}.stage-tip{color:#ffffff80;margin-top:24px;font-size:11px}.lyrics-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:23px;width:86%;height:100%;display:flex}.lyrics-panel p{color:#ffffff6b;margin:0;font-size:16px;line-height:1.65}.lyrics-panel p.active{color:#fff;font-size:21px;font-weight:650}.player-info{z-index:2;padding:0 28px calc(22px + env(safe-area-inset-bottom,0px));position:relative}.player-title-row{align-items:flex-start;gap:16px;display:flex}.player-title-row>div{flex:1;min-width:0}.player-title-row h1,.player-title-row p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-title-row h1{letter-spacing:-.02em;margin:0;font-size:24px}.player-title-row p{color:#ffffff9e;margin:7px 0 0;font-size:13px}.player-title-row button{color:#ffffffb8;place-items:center;width:42px;height:42px;display:grid}.player-title-row button.player-liked{color:#31dc8b}.progress-wrap{margin-top:24px}.progress-wrap input{appearance:none;background:linear-gradient(90deg,#fff var(--progress),#ffffff42 var(--progress));border-radius:3px;outline:0;width:100%;height:4px;margin:0}.progress-wrap input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 5px #00000040}.progress-wrap input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:13px;height:13px}.progress-wrap>div{color:#ffffff7a;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.primary-controls{grid-template-columns:1fr 1fr 88px 1fr 1fr;align-items:center;margin-top:17px;display:grid}.primary-controls button{color:#ffffffe0;place-items:center;min-height:54px;display:grid}.primary-controls .main-play-button{color:#112218;background:#fff;border-radius:50%;justify-self:center;width:70px;height:70px;box-shadow:0 10px 28px #00000047}.secondary-controls{border-top:1px solid #ffffff1c;grid-template-columns:repeat(3,1fr);margin-top:17px;padding-top:17px;display:grid}.secondary-controls button{color:#ffffffad;flex-direction:column;align-items:center;gap:5px;font-size:10px;display:flex}.secondary-controls button:nth-child(2){color:#ffffffe6}@media (height<=700px){.player-stage{height:41vh}.record-disc{width:min(62vw,255px)}.player-info{padding-left:24px;padding-right:24px}.secondary-controls{margin-top:10px;padding-top:10px}}.recommendation-error{background:#fff;border:1px solid #e8ecea;border-radius:18px;flex-direction:column;align-items:flex-start;gap:7px;margin-top:20px;padding:18px;display:flex;box-shadow:0 8px 22px #1b2a220d}.recommendation-error strong{font-size:15px}.recommendation-error span{color:#92999f;font-size:12px;line-height:1.55}.recommendation-error button{color:#fff;background:var(--green);border-radius:18px;margin-top:5px;padding:9px 16px;font-size:12px;font-weight:700}.daily-copy button:disabled,.play-all:disabled{opacity:.5;pointer-events:none}.chart-rank{color:#a3a8ad;font-variant-numeric:tabular-nums;text-align:center;flex:0 0 28px;width:28px;font-size:12px;font-style:normal}.song-row:nth-child(-n+3) .chart-rank{color:#ff654f;font-weight:800}.song-unavailable .song-cover{filter:saturate(.82);opacity:.9}.missing-badge,.upload-needed{color:#a06f15;background:#fff5da;border-radius:10px;flex:none;margin-right:7px;padding:5px 8px;font-size:10px}.upload-needed{cursor:pointer}