: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}@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,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.audio-player[data-v-c9b1caab]{display:flex;flex-direction:column;align-items:center;max-width:100%;margin:0 auto;padding:10px;transition:all .3s ease;transform:scale(1);height:100%;position:relative;-webkit-user-select:none;user-select:none}.audio-player[data-v-c9b1caab]:hover{transform:scale(1.05);z-index:10}.image-wrapper[data-v-c9b1caab]{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;width:100%;aspect-ratio:1 / 1;background-color:var(--card-background);position:relative;-webkit-user-select:none;user-select:none;cursor:url(/image/%E9%9A%8F%E9%9A%8F%E5%86%B0%E7%8C%AB%E5%9B%BE%E6%A0%87-%E9%82%A3%E5%BE%88%E5%8F%AF%E7%88%B1%E4%BA%86.png) 0 0,pointer!important}.image-wrapper[data-v-c9b1caab]:hover{transform:scale(1.05);box-shadow:0 8px 20px var(--shadow-color);cursor:url(/image/%E9%9A%8F%E9%9A%8F%E5%86%B0%E7%8C%AB%E5%9B%BE%E6%A0%87-%E6%9B%B4%E5%87%B6%EF%BC%81.png) 0 0,pointer!important}.image-wrapper[data-v-c9b1caab]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-light) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.image-wrapper[data-v-c9b1caab]:hover:after{opacity:.2}.image-wrapper[data-v-c9b1caab]:hover{transform:scale(1.05);box-shadow:0 8px 20px var(--shadow-color)}.player-image[data-v-c9b1caab]{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.is-flipped .player-image[data-v-c9b1caab]{transform:scaleX(-1)}.description[data-v-c9b1caab]{margin-top:10px;text-align:center;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;position:relative;flex-wrap:wrap;-webkit-user-select:text;user-select:text}.description p[data-v-c9b1caab]{font-size:14px;color:var(--text-color);line-height:1.4;margin:0;padding:0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:40px;width:calc(100% - 30px);text-shadow:0 1px 1px rgba(255,255,255,.8);cursor:default;font-weight:500;transition:color .3s ease,text-shadow .3s ease;-webkit-user-select:text;user-select:text}@media (prefers-color-scheme: dark){.description p[data-v-c9b1caab]{text-shadow:0 1px 1px rgba(0,0,0,.8)}}.audio-player:hover .description p[data-v-c9b1caab]{color:var(--primary-dark)}.image-switch-container[data-v-d1e1ce61]{position:relative;width:100%}[data-v-7f8ebf4e] .description p{font-size:16px;font-weight:700}:root{--primary-color: #ffb6c1;--primary-light: #ffd1d9;--primary-dark: #ff9aa7;--text-color: #4a4a4a;--text-color-light: #6a6a6a;--background-color: #fff5f7;--card-background: #ffffff;--shadow-color: rgba(255, 182, 193, .2);--favorite-color: #ff4757}@media (prefers-color-scheme: dark){:root{--primary-color: #ff9aa7;--primary-light: #ffb6c1;--primary-dark: #ff7a8a;--text-color: #e0e0e0;--text-color-light: #b0b0b0;--background-color: #1a1a1a;--card-background: #2a2a2a;--shadow-color: rgba(255, 154, 167, .3)}}body{margin:0;padding:0;font-family:Microsoft YaHei,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath fill='%23ffb6c1' d='M30,50 C30,40 40,30 50,30 C60,30 70,40 70,50 C70,60 60,70 50,70 C40,70 30,60 30,50 Z M50,35 C42.5,35 35,42.5 35,50 C35,57.5 42.5,65 50,65 C57.5,65 65,57.5 65,50 C65,42.5 57.5,35 50,35 Z'/%3E%3Cpath fill='%23ffb6c1' d='M50,20 L50,10 M50,90 L50,80 M20,50 L10,50 M90,50 L80,50'/%3E%3C/svg%3E");animation:patternFloat 120s linear infinite}@keyframes patternFloat{0%{background-position:0 0}to{background-position:1000px 1000px}}.audio-gallery{width:100%;margin:0 auto;padding:20px;position:relative}.audio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;margin-top:30px;transition:all .5s ease}@media (min-width: 2000px){.audio-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width: 1600px){.audio-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 1200px){.audio-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 768px){.audio-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media (max-width: 480px){.audio-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}.audio-grid>*{transition:transform .3s ease,opacity .3s ease,all .5s cubic-bezier(.25,1,.5,1);width:100%;box-sizing:border-box}.favorite-icon{width:20px;height:20px;cursor:pointer;margin-left:5px;transition:transform .3s ease,color .3s ease;color:var(--text-color-light);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.favorite-icon:hover{transform:scale(1.2);color:var(--primary-dark)}.favorite-icon.active{color:var(--favorite-color)}.favorite-icon.active svg{fill:var(--favorite-color)}@keyframes favorite-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.favorite-animation{animation:favorite-pulse .4s cubic-bezier(.175,.885,.32,1.275)}.audio-grid{position:relative}.audio-grid-transition-move{transition:transform .8s ease}.audio-item{transition:all .3s ease;will-change:transform;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 12px var(--shadow-color)}.audio-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .5s ease,transform .5s ease;pointer-events:none;z-index:-1}.audio-item:hover:before{opacity:.3;transform:scale(1)}.audio-grid-transition-enter-active,.audio-grid-transition-leave-active{transition:all .5s ease}.audio-grid-transition-enter-from,.audio-grid-transition-leave-to{opacity:0;transform:translateY(30px)}.audio-grid{position:relative;min-height:200px}.random-player-container{width:100%;max-width:300px;margin:0 auto 30px;background-color:var(--card-background);border-radius:16px;padding:15px;box-shadow:0 6px 20px var(--shadow-color);position:relative;overflow:hidden}.random-player-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-light),var(--primary-dark),var(--primary-light));background-size:200% 100%;animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.section-title{text-align:center;margin:30px auto;max-width:800px;padding:0 20px}.section-title h1{font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:15px;text-shadow:0 2px 4px rgba(255,182,193,.3);letter-spacing:1px;-webkit-user-select:none;user-select:none}.divider{position:relative;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);margin:0 auto;width:80%}.divider-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color);color:var(--primary-dark);padding:0 15px;font-size:1.5rem;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: dark){.divider-icon{background-color:var(--background-color)}.section-title h1{text-shadow:0 2px 4px rgba(255,154,167,.5)}}.random-player-container .audio-player{transform-origin:center;transform:scale(.9)}.random-player-container .audio-player:hover{transform:scale(.95)}.search-container{width:100%;max-width:600px;margin:20px auto;position:relative}.search-box{display:flex;align-items:center;position:relative;border-radius:20px;background-color:#f5f5f5;padding:8px 15px;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.search-box:focus-within{box-shadow:0 3px 8px #00000026;background-color:#fff}.search-input{flex:1;border:none;background:transparent;padding:8px;font-size:16px;outline:none;color:#333}.search-icon{color:#888;font-size:18px;margin-left:5px}.clear-button{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 5px}.clear-button:hover{color:#333}.no-results{text-align:center;padding:15px;color:#888;font-style:italic}.search-results-count{text-align:center;font-size:14px;color:#666;margin-top:5px}@media (max-width: 768px){.search-container{max-width:90%}}@media (prefers-color-scheme: dark){.search-box{background-color:#333}.search-box:focus-within{background-color:#444}.search-input{color:#eee}.search-icon,.clear-button{color:#aaa}.clear-button:hover{color:#eee}.no-results,.search-results-count{color:#aaa}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.audio-gallery{animation:fadeIn .8s ease-out}:root{cursor:url(/image/%E9%9A%8F%E9%9A%8F%E5%86%B0%E7%8C%AB%E5%9B%BE%E6%A0%87-%E9%82%A3%E5%BE%88%E5%8F%AF%E7%88%B1%E4%BA%86.png) 0 0,auto}a,button,[role=button],.image-wrapper,.favorite-icon{cursor:url(/image/%E9%9A%8F%E9%9A%8F%E5%86%B0%E7%8C%AB%E5%9B%BE%E6%A0%87-%E9%82%A3%E5%BE%88%E5%8F%AF%E7%88%B1%E4%BA%86.png) 0 0,pointer!important}input,textarea,[contenteditable=true],.description p{cursor:text!important}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background-color);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}body.loading{overflow:hidden}.audio-gallery{padding-top:0;margin-top:0}.section-title,.random-player-container{margin-top:20px;margin-bottom:20px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-text{color:var(--primary-dark);font-size:24px;font-weight:700;margin-bottom:10px;animation:textPulse 1.5s ease-in-out infinite}@keyframes textPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.skip-button{padding:10px 20px;background:linear-gradient(45deg,var(--primary-light),var(--primary-dark));border:none;border-radius:20px;color:#fff;font-size:16px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 2px 8px var(--shadow-color)}.skip-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color)}.loading-animation{width:200px;height:200px;object-fit:contain}.loading-progress{width:300px;text-align:center}.progress-bar{width:100%;height:6px;background-color:var(--card-background);border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-light),var(--primary-dark));transition:width .3s ease;border-radius:3px}.progress-text{color:var(--text-color);font-size:16px;font-weight:500}.app-container{min-height:100vh}.audio-gallery{opacity:1;transition:opacity .5s ease}.audio-gallery[v-show=false]{opacity:0}.skip-button-container{position:relative;display:inline-block}.tooltip{visibility:hidden;width:200px;background-color:#000000b3;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.7) transparent transparent transparent}.skip-button-container:hover .tooltip{visibility:visible;opacity:1}