.container[data-v-da4cdf23]{max-width:1200px;margin:0 auto}.m3u8-view[data-v-da4cdf23]{min-height:calc(100vh - 200px);padding:0 0 24px}.m3u8-container[data-v-da4cdf23]{border-radius:20px;flex-direction:column;gap:48px;width:min(960px,100%);margin:0 auto;padding:48px 24px 24px;display:flex}.m3u8-section__title[data-v-da4cdf23],.m3u8-hero__title[data-v-da4cdf23]{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.m3u8-hero[data-v-da4cdf23]{text-align:center;padding:16px 0 8px}.m3u8-hero__title[data-v-da4cdf23]{letter-spacing:-.03em;margin:0;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.m3u8-section[data-v-da4cdf23]{flex-direction:column;gap:16px;display:flex}.m3u8-section__title[data-v-da4cdf23]{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800}.m3u8-card[data-v-da4cdf23]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.m3u8-card[data-v-da4cdf23] .el-card__body{padding:0}.m3u8-settings[data-v-da4cdf23]{flex-direction:column;gap:24px;padding:36px;display:flex}.m3u8-input-row[data-v-da4cdf23]{align-items:center;gap:12px;display:flex}.m3u8-input[data-v-da4cdf23]{flex:1;min-width:0}.m3u8-input[data-v-da4cdf23] .el-input__wrapper{background:#f8fafc;border-radius:12px;height:44px;box-shadow:inset 0 0 0 1px #e2e8f0}.m3u8-input[data-v-da4cdf23] .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #0ea5e926!important}.m3u8-load-btn[data-v-da4cdf23]{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);border:none;border-radius:12px;flex-shrink:0;height:44px;padding:0 22px;font-weight:500;transition:all .2s;box-shadow:0 4px 16px #0ea5e940}.m3u8-load-btn[data-v-da4cdf23]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e959}.m3u8-load-btn .el-icon[data-v-da4cdf23]{margin-right:6px}.m3u8-player[data-v-da4cdf23]{flex-direction:column;gap:16px;display:flex}.m3u8-player__stage[data-v-da4cdf23]{aspect-ratio:16/9;background:#0f172a;border-radius:16px;width:100%;position:relative;overflow:hidden}.m3u8-player__video[data-v-da4cdf23]{object-fit:contain;background:#0f172a;width:100%;height:100%;display:block}.m3u8-player__placeholder[data-v-da4cdf23]{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.m3u8-player__placeholder-icon[data-v-da4cdf23]{color:#94a3b88c;font-size:44px}.m3u8-player__placeholder-text[data-v-da4cdf23]{letter-spacing:.06em;color:#94a3b8d9;font-size:13px;font-weight:500}.m3u8-player__meta[data-v-da4cdf23]{flex-wrap:wrap;gap:12px 32px;padding-top:4px;display:flex}.m3u8-player__meta-item[data-v-da4cdf23]{align-items:baseline;gap:8px;display:flex}.m3u8-player__meta-label[data-v-da4cdf23]{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:500}.m3u8-player__meta-value[data-v-da4cdf23]{color:#0f172a;font-family:SF Mono,JetBrains Mono,Courier New,monospace;font-size:14px;font-weight:600}.m3u8-quality[data-v-da4cdf23]{align-items:center;gap:12px;display:flex}.m3u8-quality__label[data-v-da4cdf23]{color:#64748b;letter-spacing:.12em;font-size:12px;font-weight:500}.m3u8-quality__select[data-v-da4cdf23]{width:160px}.m3u8-quality__select[data-v-da4cdf23] .el-select__wrapper{background:#f8fafc;border-radius:12px;box-shadow:inset 0 0 0 1px #e2e8f0}.m3u8-quality__select[data-v-da4cdf23] .el-select__wrapper.is-focused{box-shadow:0 0 0 3px #0ea5e926!important}.m3u8-error[data-v-da4cdf23]{color:#ef4444;text-align:center;margin:-8px 0 0;font-size:13px;font-weight:500}.m3u8-disclaimer[data-v-da4cdf23]{background:linear-gradient(135deg,#0ea5e914 0%,#14b8a614 100%);border-radius:14px;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.m3u8-disclaimer__icon[data-v-da4cdf23]{color:#0ea5e9;flex-shrink:0;margin-top:1px;font-size:18px}.m3u8-disclaimer p[data-v-da4cdf23]{color:#475569;margin:0;font-size:13px;font-weight:500;line-height:1.6}@media (width<=640px){.m3u8-settings[data-v-da4cdf23]{gap:20px;padding:20px}.m3u8-input-row[data-v-da4cdf23]{flex-direction:column;align-items:stretch}.m3u8-load-btn[data-v-da4cdf23]{width:100%}}