*{margin:0;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;width:100%;height:100%}body{overflow-x:hidden;font-size:16px}uni-app,uni-page,uni-page-wrapper,uni-page-body{display:block;box-sizing:border-box;width:100%}uni-page-wrapper{position:relative}#app,uni-app,uni-page,uni-page-wrapper{height:100%}.uni-mask{position:fixed;z-index:999;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.5)}.uni-fade-enter-active,.uni-fade-leave-active{transition-duration:.25s;transition-property:opacity;transition-timing-function:ease}.uni-fade-enter-from,.uni-fade-leave-active{opacity:0}.uni-loading,uni-button[loading]:before{background-color:transparent;background-image:url(data:image/svg+xml;base64,\ PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=);background-repeat:no-repeat}.uni-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:uni-loading 1s steps(12,end) infinite;background-size:100%}@keyframes uni-loading{0%{transform:rotate3d(0,0,1,0)}to{transform:rotate3d(0,0,1,360deg)}}html{--primary-color: #007aff;--UI-BG: #fff;--UI-BG-1: #f7f7f7;--UI-BG-2: #fff;--UI-BG-3: #f7f7f7;--UI-BG-4: #4c4c4c;--UI-BG-5: #fff;--UI-FG: #000;--UI-FG-0: rgba(0, 0, 0, .9);--UI-FG-HALF: rgba(0, 0, 0, .9);--UI-FG-1: rgba(0, 0, 0, .5);--UI-FG-2: rgba(0, 0, 0, .3);--UI-FG-3: rgba(0, 0, 0, .1)}uni-page[data-type] uni-page-body{background-color:transparent}body:after{position:fixed;content:"";left:-1000px;top:-1000px;animation:shadow-preload .1s;animation-delay:3s}@keyframes shadow-preload{0%{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}to{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}}.uni-async-error{position:absolute;left:0;right:0;top:0;bottom:0;color:#999;padding:100px 10px;text-align:center}.uni-async-loading{box-sizing:border-box;width:100%;padding:50px;text-align:center}.uni-async-loading .uni-loading{width:30px;height:30px}uni-page-head{display:block;box-sizing:border-box}.uni-page-head{position:fixed;left:var(--window-left);right:var(--window-right);height:44px;height:calc(44px + constant(safe-area-inset-top));height:calc(44px + env(safe-area-inset-top));padding:7px 3px;padding-top:calc(7px + constant(safe-area-inset-top));padding-top:calc(7px + env(safe-area-inset-top));display:flex;overflow:hidden;justify-content:space-between;box-sizing:border-box;z-index:998;color:#fff;background-color:#000;transition-property:all}.uni-page-head *{box-sizing:border-box}.uni-page-head .uni-btn-icon{overflow:hidden;min-width:1em;font-style:normal}.uni-page-head-titlePenetrate,.uni-page-head-titlePenetrate .uni-page-head-bd,.uni-page-head-titlePenetrate .uni-page-head-bd *{pointer-events:none}.uni-page-head-titlePenetrate *{pointer-events:auto}.uni-page-head.uni-page-head-transparent .uni-page-head-ft>div{justify-content:center}.uni-page-head~.uni-placeholder{width:100%;height:44px;height:calc(44px + constant(safe-area-inset-top));height:calc(44px + env(safe-area-inset-top))}.uni-placeholder-titlePenetrate{pointer-events:none}.uni-page-head-hd{display:flex;align-items:center;font-size:16px}.uni-page-head-bd{position:absolute;left:70px;right:70px;min-width:0;-webkit-user-select:auto;user-select:auto}.uni-page-head-btn{position:relative;width:auto;margin:0 2px;word-break:keep-all;white-space:pre;cursor:pointer;font-size:0px}.uni-page-head-transparent .uni-page-head-btn{display:flex;align-items:center;width:32px;height:32px;border-radius:50%;background-color:rgba(0,0,0,.5)}.uni-page-head-btn-red-dot:after{content:attr(badge-text);position:absolute;right:0;top:0;background-color:red;color:#fff;width:18px;height:18px;line-height:18px;border-radius:18px;overflow:hidden;transform:scale(.5) translate(40%,-40%);transform-origin:100% 0}.uni-page-head-btn-red-dot[badge-text]:after{font-size:12px;width:auto;min-width:18px;max-width:42px;text-align:center;padding:0 3px;transform:scale(.7) translate(40%,-40%)}.uni-page-head-btn-select svg{vertical-align:middle;margin-left:2px;transform:rotate(270deg) scale(.8)}.uni-page-head-search{position:relative;display:flex;flex:1;margin:0 2px;line-height:30px;font-size:15px}.uni-page-head-search-input{width:100%;height:100%;padding-left:34px;text-align:left}.uni-page-head-search-input .uni-input-input:disabled{pointer-events:none}.uni-page-head-search-placeholder{position:absolute;max-width:100%;height:100%;padding-left:34px;overflow:hidden;word-break:keep-all;white-space:pre}.uni-page-head-search-placeholder-right{right:0}.uni-page-head-search-placeholder-center{left:50%;transform:translate(-50%)}.uni-page-head-search-icon{position:absolute;top:0;left:2px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.uni-page-head-ft{display:flex;align-items:center;flex-direction:row-reverse;font-size:13px}.uni-page-head__title{font-weight:700;font-size:16px;line-height:30px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uni-page-head__title .uni-loading{width:16px;height:16px;margin-top:-3px}.uni-page-head__title .uni-page-head__title_image{width:auto;height:26px;vertical-align:middle}.uni-page-head-shadow{overflow:visible}.uni-page-head-shadow:after{content:"";position:absolute;left:0;right:0;top:100%;height:5px;background-size:100% 100%}uni-page-head[uni-page-head-type=default]~uni-page-wrapper{height:calc(100% - 44px);height:calc(100% - 44px - constant(safe-area-inset-top));height:calc(100% - 44px - env(safe-area-inset-top))}.uni-page-head-shadow-grey:after{background-image:url(https://cdn.dcloud.net.cn/img/shadow-grey.png)}.uni-page-head-shadow-blue:after{background-image:url(https://cdn.dcloud.net.cn/img/shadow-blue.png)}.uni-page-head-shadow-green:after{background-image:url(https://cdn.dcloud.net.cn/img/shadow-green.png)}.uni-page-head-shadow-orange:after{background-image:url(https://cdn.dcloud.net.cn/img/shadow-orange.png)}.uni-page-head-shadow-red:after{background-image:url(https://cdn.dcloud.net.cn/img/shadow-red.png)}.uni-page-head-shadow-yellow:after{background-image:url(https://cdn.dcloud.net.cn/img/shadow-yellow.png)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.italic{font-style:italic}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.music-app[data-v-6bb121ce]{min-height:100vh;background-color:#f8fafc;padding-bottom:3.75rem}.banner-section[data-v-6bb121ce]{margin:.9375rem;border-radius:.75rem;overflow:hidden;height:11.875rem}.banner-swiper[data-v-6bb121ce]{height:100%}.banner-item[data-v-6bb121ce]{position:relative;width:100%;height:100%}.banner-image[data-v-6bb121ce]{width:100%;height:100%}.banner-overlay[data-v-6bb121ce]{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column}.banner-tag[data-v-6bb121ce]{color:rgba(255,255,255,.9);font-size:.75rem;margin-bottom:.25rem}.banner-title[data-v-6bb121ce]{color:#fff;font-size:1.125rem;font-weight:700}.section-header[data-v-6bb121ce]{display:flex;justify-content:space-between;align-items:center;padding:0 .9375rem;margin-bottom:.9375rem}.header-left[data-v-6bb121ce]{display:flex;flex-direction:column;gap:.125rem}.section-title[data-v-6bb121ce]{font-size:1.25rem;font-weight:700;color:#1e293b;letter-spacing:-.01563rem}.section-subtitle[data-v-6bb121ce]{font-size:.75rem;color:#94a3b8;font-weight:400}.section-more[data-v-6bb121ce]{font-size:.8125rem;color:#3b82f6;font-weight:500}.category-section[data-v-6bb121ce]{margin-top:1.875rem}.category-grid[data-v-6bb121ce]{display:grid;grid-template-columns:repeat(3,1fr);gap:.625rem;padding:0 .9375rem}.category-card[data-v-6bb121ce]{display:flex;flex-direction:column;height:5rem;border-radius:.75rem;padding:.75rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.08);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-card[data-v-6bb121ce]:before{content:"";position:absolute;top:0;right:0;width:3.75rem;height:3.75rem;background:rgba(255,255,255,.15);border-radius:50%;transform:translate(30%,-30%)}.category-card[data-v-6bb121ce]:active{transform:scale(.96)}.card-bg[data-v-6bb121ce]{position:absolute;top:.625rem;right:.625rem;opacity:.2}.card-icon[data-v-6bb121ce]{font-size:2.125rem}.card-content[data-v-6bb121ce]{display:flex;flex-direction:column;justify-content:flex-end;flex:1;z-index:1}.card-name[data-v-6bb121ce]{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.25rem;letter-spacing:.01563rem}.card-count[data-v-6bb121ce]{font-size:.6875rem;color:rgba(255,255,255,.85);font-weight:500}.more-card[data-v-6bb121ce],.gradient-blue[data-v-6bb121ce]{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-pink[data-v-6bb121ce]{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-purple[data-v-6bb121ce]{background:linear-gradient(135deg,#094b2c,#12d67b)}.gradient-orange[data-v-6bb121ce]{background:linear-gradient(135deg,#ee290f,#ad70e6)}.gradient-emerald[data-v-6bb121ce]{background:linear-gradient(135deg,#0f38ee,#af0fee)}.gradient-red[data-v-6bb121ce]{background:linear-gradient(135deg,#fa709a,#ee290f)}.gradient-sky[data-v-6bb121ce]{background:linear-gradient(135deg,#30cfd0,#330867)}.gradient-gray[data-v-6bb121ce]{background:linear-gradient(135deg,#434343,#ee290f)}.recommend-section[data-v-6bb121ce]{margin-top:1.875rem}.recommend-grid[data-v-6bb121ce]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:0 .9375rem}.recommend-item[data-v-6bb121ce]{display:flex;flex-direction:column}.recommend-cover[data-v-6bb121ce]{position:relative;border-radius:.5rem;overflow:hidden;width:100%;padding-bottom:100%;height:0}.cover-image[data-v-6bb121ce]{position:absolute;top:0;left:0;width:100%;height:100%}.play-overlay[data-v-6bb121ce]{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.recommend-item:active .play-overlay[data-v-6bb121ce]{opacity:1}.play-btn[data-v-6bb121ce]{width:2.5rem;height:2.5rem;border-radius:50%;background:rgba(59,130,246,.9);display:flex;align-items:center;justify-content:center}.play-icon[data-v-6bb121ce]{color:#fff;font-size:.75rem;margin-left:.125rem}.recommend-title[data-v-6bb121ce]{font-size:.8125rem;font-weight:500;margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b}.recommend-info[data-v-6bb121ce]{font-size:.6875rem;color:#64748b;margin-top:.25rem}.chart-section[data-v-6bb121ce]{margin-top:1.875rem;padding-bottom:1.25rem}.chart-list[data-v-6bb121ce]{padding:0 .9375rem}.song-item[data-v-6bb121ce]{display:flex;align-items:center;padding:.5rem;border-radius:.5rem;transition:background-color .2s}.song-item[data-v-6bb121ce]:active{background-color:rgba(0,0,0,.05)}.song-rank[data-v-6bb121ce]{width:1.875rem;text-align:center;font-weight:700;color:#64748b;font-size:.875rem}.rank-top[data-v-6bb121ce]{color:#3b82f6}.song-cover[data-v-6bb121ce]{width:2.5rem;height:2.5rem;border-radius:.375rem;margin-left:.75rem}.song-info[data-v-6bb121ce]{flex:1;margin-left:.75rem;display:flex;flex-direction:column;overflow:hidden}.song-name[data-v-6bb121ce]{font-size:1.3125rem;font-weight:500;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist[data-v-6bb121ce]{font-size:.75rem;color:#64748b;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-play[data-v-6bb121ce]{padding:.5rem;color:#64748b}.play-icon-small[data-v-6bb121ce]{font-size:.75rem}.my-page[data-v-f0f80609]{min-height:100vh;background-color:#f8fafc;padding:.9375rem}.header-section[data-v-f0f80609]{background:#fff;border-radius:.75rem;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.9375rem;box-shadow:0 .125rem .5rem rgba(0,0,0,.05)}.user-info[data-v-f0f80609]{display:flex;align-items:center;flex:1}.avatar-container[data-v-f0f80609]{margin-right:.9375rem}.avatar[data-v-f0f80609]{width:3.75rem;height:3.75rem;border-radius:50%;background-color:#f1f5f9;border:.125rem solid #fff;box-shadow:0 .0625rem .25rem rgba(0,0,0,.1)}.info-content[data-v-f0f80609]{display:flex;flex-direction:column;justify-content:center;flex:1}.name-row[data-v-f0f80609]{display:flex;align-items:center;margin-bottom:.375rem;flex-wrap:wrap}.nickname[data-v-f0f80609]{font-size:1.125rem;font-weight:700;color:#1e293b;margin-right:.5rem}.vip-badge[data-v-f0f80609]{background:linear-gradient(135deg,#f6d365,#fda085);padding:.125rem .5rem;border-radius:.625rem;display:flex;align-items:center}.vip-icon[data-v-f0f80609]{font-size:.625rem;margin-right:.125rem}.vip-text[data-v-f0f80609]{font-size:.625rem;color:#fff;font-weight:700}.subtitle[data-v-f0f80609]{font-size:.75rem;color:#94a3b8}.arrow-right[data-v-f0f80609]{color:#cbd5e1;padding-left:.625rem}.arrow-icon[data-v-f0f80609]{font-size:1rem;color:#cbd5e1}.menu-section[data-v-f0f80609]{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 .125rem .5rem rgba(0,0,0,.05);margin-bottom:.9375rem}.menu-item[data-v-f0f80609]{display:flex;align-items:center;justify-content:space-between;padding:1rem .9375rem;border-bottom:.03125rem solid #f1f5f9;transition:background-color .2s}.menu-item[data-v-f0f80609]:last-child{border-bottom:none}.menu-item[data-v-f0f80609]:active{background-color:#f8fafc}.item-left[data-v-f0f80609]{display:flex;align-items:center}.item-icon[data-v-f0f80609]{font-size:1.125rem;margin-right:.75rem;width:1.25rem;text-align:center}.item-title[data-v-f0f80609]{font-size:.9375rem;color:#334155;font-weight:500}.item-right[data-v-f0f80609]{display:flex;align-items:center}.item-value[data-v-f0f80609]{font-size:.8125rem;color:#94a3b8;margin-right:.3125rem}.logout-section[data-v-f0f80609]{margin-top:1.875rem}.logout-btn[data-v-f0f80609]{background-color:#fff;color:#ef4444;font-size:.9375rem;font-weight:500;border-radius:.75rem;border:none;box-shadow:0 .125rem .5rem rgba(0,0,0,.05);padding:.3125rem 0}.logout-btn[data-v-f0f80609]:after{border:none}