:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--breakpoint-xs: 320px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;scroll-behavior:smooth}html{font-size:16px;scroll-behavior:smooth}.page-enter-active,.page-leave-active{transition:all .3s ease}.router-view-container{min-height:100vh;position:relative;contain:layout style paint}@media (max-width: 768px){html,body{font-size:14px}}@media (max-width: 480px){html,body{font-size:13px}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{padding:0 .75rem}}@media (max-width: 480px){.container{padding:0 .5rem}}.hidden-mobile{display:block}.visible-mobile{display:none}@media (max-width: 768px){.hidden-mobile{display:none}.visible-mobile{display:block}}@media (max-width: 768px){.text-center-mobile{text-align:center}}img{max-width:100%;height:auto;aspect-ratio:attr(width) / attr(height)}table{width:100%;overflow-x:auto;display:block;white-space:nowrap}@media (max-width: 768px){table{font-size:.875rem}}.btn-responsive{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.btn-responsive{padding:.4rem .8rem;font-size:.9rem}}@media (max-width: 480px){.btn-responsive{width:100%;padding:.5rem;font-size:.9rem}}.music-player-popover,.n-popover.music-player-popover{z-index:10000!important}.n-layout{contain:layout style}.n-layout-header{height:64px!important;min-height:64px;max-height:64px}.n-layout-content{contain:layout style;min-height:calc(100vh - 124px)}.n-layout-footer{height:60px!important;min-height:60px;max-height:60px}.n-card{contain:layout style}.n-button{contain:layout style;transition:all .2s ease}.n-input,.n-spin,.n-pagination,.n-tag{contain:layout style}.n-empty{contain:layout style;min-height:200px;display:flex;align-items:center;justify-content:center}.page-enter-active,.page-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.slide-enter-active,.slide-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.scale-enter-active,.scale-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.scale-enter-from{opacity:0;transform:scale(.95)}.scale-leave-to{opacity:0;transform:scale(1.05)}.list-enter-active,.list-leave-active{transition:all .3s ease}.list-enter-from{opacity:0;transform:translateY(30px)}.list-leave-to{opacity:0;transform:translateY(-30px)}.list-move{transition:transform .3s ease}@media (max-width: 768px){.page-enter-active,.page-leave-active,.slide-enter-active,.slide-leave-active,.scale-enter-active,.scale-leave-active{transition:all .25s cubic-bezier(.4,0,.2,1)}.page-enter-from,.slide-enter-from{transform:translateY(15px)}.page-leave-to,.slide-leave-to{transform:translateY(-15px)}.scale-enter-from{transform:scale(.98)}.scale-leave-to{transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.page-enter-active,.page-leave-active,.slide-enter-active,.slide-leave-active,.fade-enter-active,.fade-leave-active,.scale-enter-active,.scale-leave-active,.list-enter-active,.list-leave-active,.list-move{transition:none}.page-enter-from,.page-leave-to,.slide-enter-from,.slide-leave-to,.fade-enter-from,.fade-leave-to,.scale-enter-from,.scale-leave-to,.list-enter-from,.list-leave-to{opacity:1;transform:none}}.page-enter-active,.page-leave-active,.slide-enter-active,.slide-leave-active,.scale-enter-active,.scale-leave-active{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.page-enter-active,.page-leave-active,.slide-enter-active,.slide-leave-active,.scale-enter-active,.scale-leave-active,.fade-enter-active,.fade-leave-active{contain:layout style paint}#app{width:100%;min-height:100vh;margin:0 auto;font-weight:400;display:flex;flex-direction:column;contain:layout style}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;contain:layout style}.app-header{width:100%;padding:1rem;background-color:var(--color-background-soft);border-bottom:1px solid var(--color-border);display:flex;justify-content:flex-end;align-items:center;position:sticky;top:0;z-index:1000}.app-main{flex:1;width:100%;padding:1rem;contain:layout style}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{opacity:0;transform:translate(30px)}.slide-leave-to{opacity:0;transform:translate(-30px)}@media (max-width: 768px){.app-header,.app-main{padding:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.app-header,.app-main{padding:1rem}}@media (min-width: 1025px){.app-container{max-width:1440px;margin:0 auto}.app-header,.app-main{padding:1.25rem}}@media (min-width: 1441px){.app-container{max-width:1920px}.app-header,.app-main{padding:1.5rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}*{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.n-layout-header{height:64px!important;min-height:64px;max-height:64px;contain:layout style}.n-layout-content{min-height:calc(100vh - 124px);contain:layout style}.n-layout-footer{height:60px!important;min-height:60px;max-height:60px;contain:layout style}.n-card,.n-button,.n-input,.n-spin,.n-pagination,.n-tag,.n-empty{contain:layout style}.music-player-container{contain:layout style;position:fixed;z-index:9999}@media (max-width: 768px){.n-layout-header{height:64px!important}.n-layout-content{min-height:calc(100vh - 124px)}.n-layout-footer{height:60px!important}}.music-player-container{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.music-player{position:absolute;width:320px;pointer-events:all;transition:transform .1s ease-out,box-shadow .2s ease;border-radius:12px;overflow:hidden}.music-player.dragging{transform:scale(1.02);box-shadow:0 12px 40px #0003!important;cursor:grabbing}.music-player.minimized{width:280px}.player-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;overflow:hidden}.player-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:grab;border-bottom:1px solid rgba(0,0,0,.05);background:linear-gradient(135deg,#6366f11a,#a855f71a)}.player-header:active{cursor:grabbing}.song-info{flex:1;min-width:0}.song-title{font-size:14px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.song-artist{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls{display:flex;align-items:center;gap:4px;margin-left:12px}.player-body{padding:16px}.progress-section{margin-bottom:16px}.time-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#666}.controls-section{margin-bottom:16px}.bottom-section{display:flex;justify-content:space-between;align-items:center}.volume-control{display:flex;align-items:center;flex:1;max-width:120px}@media (max-width: 768px){.music-player{width:340px;max-width:calc(100vw - 20px);bottom:70px!important}.music-player.minimized{width:300px;max-width:calc(100vw - 20px);bottom:70px!important}.player-header{padding:12px 16px}.player-body{padding:16px}.song-title{font-size:15px}.song-artist{font-size:13px}.header-controls .n-button{width:36px!important;height:36px!important}.controls-section .n-button{width:44px!important;height:44px!important}.controls-section .n-button--circle{width:52px!important;height:52px!important}.progress-section .n-slider{height:20px!important}.volume-control .n-slider{height:16px!important}.time-display{font-size:14px;margin-bottom:12px}}@media (max-width: 480px){.music-player{width:calc(100vw - 16px);max-width:360px;position:fixed!important;bottom:80px!important;left:50%!important;transform:translate(-50%)!important;top:auto!important;z-index:1000}.music-player.minimized{width:calc(100vw - 16px);max-width:320px;bottom:80px!important}.player-header{padding:14px 18px}.player-body{padding:18px}.song-title{font-size:16px;font-weight:700}.song-artist{font-size:14px}.header-controls .n-button{width:40px!important;height:40px!important}.controls-section .n-button{width:48px!important;height:48px!important}.controls-section .n-button--circle{width:56px!important;height:56px!important}.progress-section .n-slider{height:24px!important}.progress-section .n-slider .n-slider-handle{width:20px!important;height:20px!important}.volume-control .n-slider{height:20px!important}.time-display{font-size:15px;margin-bottom:14px}.controls-section,.progress-section{margin-bottom:20px}.volume-control{max-width:140px}.music-player-popover .n-popover__content{max-height:50vh!important;width:calc(100vw - 32px)!important;max-width:320px!important}}@media (max-width: 360px){.music-player,.music-player.minimized{width:calc(100vw - 12px);bottom:80px!important}.player-header{padding:12px 14px}.player-body{padding:14px}.song-title{font-size:15px}.song-artist{font-size:13px}.controls-section .n-button--circle{width:52px!important;height:52px!important}}@media (hover: none) and (pointer: coarse){.player-card:hover{box-shadow:0 8px 32px #0000001f!important}.n-button{min-width:44px!important;min-height:44px!important}.n-slider .n-slider-handle{width:24px!important;height:24px!important}.progress-section .n-slider{padding:10px 0!important}.volume-control .n-slider{padding:8px 0!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.music-player{animation:fadeIn .3s ease-out}.n-button--circle.n-button--primary{animation:pulse 2s infinite}.n-button--circle.n-button--primary:hover{animation:none}.music-player-popover,.music-player .n-popover{z-index:10000!important}.n-popover .n-scrollbar-rail{right:2px}.n-popover .n-scrollbar-rail .n-scrollbar-handle{background:#6366f14d}.n-popover .n-scrollbar-rail .n-scrollbar-handle:hover{background:#6366f180}.player-card:hover{box-shadow:0 10px 36px #00000026!important}.music-player.minimized .player-header{padding:8px 12px}.music-player.minimized .song-info{display:flex;align-items:center;gap:8px}.music-player.minimized .song-title{font-size:13px}.music-player.minimized .song-artist{font-size:11px;opacity:.8}.music-player.dragging .player-card{background:#fffffffa;border:2px solid rgba(99,102,241,.3)}.volume-control .n-slider{margin-left:8px}.n-list-item:hover{background-color:#6366f10d!important}.progress-section .n-slider .n-slider-handle{border:2px solid #fff;box-shadow:0 2px 8px #00000026}.progress-section .n-slider .n-slider-rail{background:#0000001a}.progress-section .n-slider .n-slider-fill{background:linear-gradient(135deg,#6366f1,#a855f7)}
