.time-slider-wrapper[data-v-61a1334d]{display:flex;flex-direction:column;align-items:center}.current-time-box[data-v-61a1334d]{position:relative;background:#d4a84b;border-radius:8px 8px 0 0;padding:9px 0 10px;min-width:190px;margin-bottom:-4px;box-sizing:border-box;box-shadow:0 -2px 10px rgba(0,0,0,.5)}.time-content[data-v-61a1334d]{display:flex;align-items:baseline;justify-content:center;color:rgba(255,255,255,.95);font-weight:400}.time-content[data-v-61a1334d]>*+*{margin-left:4px}.time-hour[data-v-61a1334d]{font-size:26px;line-height:1}.time-period[data-v-61a1334d]{font-size:14px;text-transform:uppercase}.time-arrow[data-v-61a1334d]{position:absolute;z-index:10;bottom:-3px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #d4a84b}.time-slider-container[data-v-61a1334d]{position:relative;display:flex;align-items:center;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);padding:0 16px;height:86px;border-radius:12px;min-width:686px;max-width:91.5vw;user-select:none;-webkit-user-select:none;overflow:hidden;box-sizing:border-box;border:.5px solid #ccc}.vip-mask[data-v-61a1334d]{position:absolute;right:0;top:0;z-index:120;width:306px;height:86px;border:none;border-radius:0 12px 12px 0;background:linear-gradient(90deg,#f2d48e,#cda850);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;color:rgba(72,52,18,.92);cursor:pointer;-webkit-tap-highlight-color:transparent}.vip-mask-title[data-v-61a1334d]{font-size:24px;line-height:30px;font-weight:600}.vip-mask-desc[data-v-61a1334d]{margin-top:2px;font-size:18px;line-height:24px;font-weight:400}.play-btn-wrapper[data-v-61a1334d]{position:absolute;z-index:99;top:0;left:0;background:rgba(0,0,0,.5);width:78px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px 0 0 12px;flex-shrink:0;-webkit-tap-highlight-color:transparent;outline:none;border:none}.play-icon[data-v-61a1334d]{width:42px;object-fit:contain;margin-left:10px}.pause-icon[data-v-61a1334d]{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin-right:0}.pause-icon[data-v-61a1334d]>*+*{margin-left:5px}.pause-icon span[data-v-61a1334d]{width:15px;height:38px;background:#fff;border-radius:1px}.slider-wrapper[data-v-61a1334d]{flex:1;position:relative;height:100%;overflow-x:hidden;cursor:grab}.slider-wrapper[data-v-61a1334d]:active{cursor:grabbing}.timeline-container[data-v-61a1334d]{position:absolute;top:0;left:0;height:100%;width:100%;will-change:transform}.ticks-container[data-v-61a1334d]{position:absolute;top:-10px;left:0;height:100%;width:100%}.tick[data-v-61a1334d]{position:absolute;bottom:50%;transform:translate(-50%,50%)}.tick-normal[data-v-61a1334d]{position:absolute;width:1px;height:20px;background:rgba(255,255,255,.8);border-radius:1px}.tick-hour[data-v-61a1334d]{position:absolute;width:1px;height:12px;background:rgba(212,168,75,.5);border-radius:1px}.tick-day[data-v-61a1334d]{transform:translateY(14px);width:2px;height:28px;background:rgba(255,255,255,.5);border-radius:3px}.tick-label[data-v-61a1334d]{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.tick-label-day[data-v-61a1334d]{top:34px;font-size:22px;font-weight:500;color:#fff}.tick-label-hour[data-v-61a1334d]{top:22px;font-size:16px;font-weight:400;color:rgba(255,255,255,.7)}.now-time-indicator[data-v-61a1334d]{position:absolute;top:0;bottom:0;width:1px;background:#d4a84b;transform:translate(-50%);pointer-events:none;z-index:5}.center-indicator[data-v-61a1334d]{position:absolute;top:-10px;left:50%;transform:translate(-50%);height:100%;display:flex;flex-direction:column;align-items:center;z-index:10;pointer-events:none}.center-line[data-v-61a1334d]{width:4px;height:42px;background:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.3);margin:auto 0}.initial-date-label[data-v-61a1334d]{position:absolute;left:0;bottom:0;transform:translate(-50%);font-size:22px;color:#fff;white-space:nowrap;z-index:5}@media(min-width:350px){.time-slider-wrapper[data-v-61a1334d]{width:100%}.current-time-box[data-v-61a1334d]{min-width:138px;padding:5px 0 6px;border-radius:6px 6px 0 0;font-size:12px}.current-time-box .time-hour[data-v-61a1334d]{font-size:16px}.time-arrow[data-v-61a1334d]{bottom:-2px;border-left-width:6px;border-right-width:6px;border-top-width:6px}.time-slider-container[data-v-61a1334d]{width:100%;min-width:0;max-width:none;height:52px;padding:0 12px;border-radius:8px}.play-btn-wrapper[data-v-61a1334d]{width:62px;border-radius:8px 0 0 8px}.play-icon[data-v-61a1334d]{width:24px;margin-left:6px}.pause-icon[data-v-61a1334d]{width:24px;height:24px}.pause-icon span[data-v-61a1334d]{width:10px;height:24px}.vip-mask[data-v-61a1334d]{width:224px;height:52px;border-radius:0 8px 8px 0}.vip-mask-title[data-v-61a1334d]{font-size:17px;line-height:22px}.vip-mask-desc[data-v-61a1334d]{margin-top:1px;font-size:12px;line-height:16px}.tick-normal[data-v-61a1334d]{height:16px}.tick-hour[data-v-61a1334d]{height:10px}.tick-day[data-v-61a1334d]{height:20px}.tick-label-day[data-v-61a1334d]{top:20px;font-size:14px}.tick-label-hour[data-v-61a1334d]{top:17px;font-size:12px}.center-indicator[data-v-61a1334d]{top:-6px}.center-line[data-v-61a1334d]{width:3px;height:32px}.initial-date-label[data-v-61a1334d]{font-size:16px}}.demo-container[data-v-f3789f58]{position:absolute;bottom:10px;left:16px;width:calc(100% - 368px);transform:none;padding:0;align-items:stretch}