.container[data-v-5511f287]{width:100%;height:100%;background-color:#f6f6f6}.search-bar[data-v-5511f287]{position:fixed;top:10px;left:10px;right:10px;background-color:#fff;border-radius:8px;padding:5px 10px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:800}.search-input[data-v-5511f287]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;outline:none;font-size:16px;padding:10px;border-radius:4px;color:#0e161f}.search-button[data-v-5511f287]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer}.actions[data-v-5511f287],.menu-button[data-v-5511f287],.search-button[data-v-5511f287]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu-button[data-v-5511f287]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff;border-radius:4px;padding:5px 10px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;margin-left:10px}.menu-icon[data-v-5511f287]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.menu-icon>span[data-v-5511f287]{display:block;width:16px;height:2px;background-color:#000}.menu-text[data-v-5511f287]{font-size:16px;color:#40a9ff}.list-container[data-v-5511f287]{position:absolute;top:75px;width:100%;background-color:#f6f6f6}.list-item[data-v-5511f287]{padding:16px;border-radius:8px;background-color:#fff;margin-bottom:8px}.left-content[data-v-5511f287],.list-item[data-v-5511f287]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.left-content[data-v-5511f287]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.green-badge[data-v-5511f287]{background-color:#3d9649;color:#fff;border-radius:45%;padding:6px 12px;font-size:14px;font-weight:500}.item-text[data-v-5511f287]{margin-left:12px}.title[data-v-5511f287]{font-size:16px;font-weight:500;color:#333}.subtitle[data-v-5511f287]{font-size:14px;color:#666}.right-content[data-v-5511f287]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.play-button[data-v-5511f287],.right-content[data-v-5511f287]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.play-button[data-v-5511f287]{width:40px;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background-color:#4ecbe9;color:#fff;cursor:pointer}.play-button[data-v-5511f287]:hover{background-color:#40a4cc}svg[data-v-5511f287]{width:18px;height:18px}.detail-container[data-v-5511f287]{position:fixed;bottom:0;left:0;right:0;z-index:999}.detail-card[data-v-5511f287]{background:#fff;border-radius:16px 16px 0 0;position:relative;overflow:hidden;-webkit-box-shadow:0 -4px 12px rgba(0,0,0,.1);box-shadow:0 -4px 12px rgba(0,0,0,.1)}.card-header[data-v-5511f287]{padding:16px;border-bottom:1px solid #f0f0f0}.header-title[data-v-5511f287]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.badge-text[data-v-5511f287]{background-color:#3d9649;color:#fff;border-radius:50%;padding:6px 12px;font-size:14px;font-weight:500;margin-right:10px}.header-subtitle[data-v-5511f287]{font-size:16px;font-weight:500;color:#333}.card-content[data-v-5511f287]{max-height:300px;overflow-y:auto;padding:16px}.info-item[data-v-5511f287]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.overlay[data-v-5511f287]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:900}.slide-up-enter-active[data-v-5511f287],.slide-up-leave-active[data-v-5511f287]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.slide-up-enter-from[data-v-5511f287],.slide-up-leave-to[data-v-5511f287]{-webkit-transform:translateY(100%);transform:translateY(100%)}@media (max-width:768px){.container[data-v-5511f287]{width:100%;height:100%}}