.video-subtitle-test[data-v-72b40f60]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:40px 20px}.test-header[data-v-72b40f60]{text-align:center;margin-bottom:40px}.test-header h1[data-v-72b40f60]{font-size:48px;font-weight:700;margin-bottom:10px;color:#ff2e63}.test-header p[data-v-72b40f60]{font-size:18px;color:#ccc}.test-container[data-v-72b40f60]{max-width:1400px;margin:0 auto;display:flex;gap:40px;align-items:flex-start}.left-panel[data-v-72b40f60]{flex:1;min-width:300px}.subtitle-title h2[data-v-72b40f60]{font-size:36px;font-weight:700;margin-bottom:20px;color:#fff}.subtitle-desc p[data-v-72b40f60]{font-size:16px;line-height:1.6;color:#ccc;margin-bottom:30px}.subtitle-buttons[data-v-72b40f60]{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.subtitle-btn[data-v-72b40f60]{padding:16px 24px;font-size:16px;font-weight:600;border:2px solid #444;border-radius:50px;background:transparent;color:#fff;cursor:pointer;transition:all .3s ease}.subtitle-btn[data-v-72b40f60]:hover{border-color:#ff2e63;background:rgba(255,46,99,.1)}.subtitle-btn.active[data-v-72b40f60]{border-color:#ff2e63;background:#ff2e63;color:#fff}.debug-info[data-v-72b40f60]{background:hsla(0,0%,100%,.05);padding:20px;border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.debug-info h3[data-v-72b40f60]{font-size:18px;margin-bottom:12px;color:#ff2e63}.debug-info p[data-v-72b40f60]{font-size:14px;margin:8px 0;color:#ccc}.right-panel[data-v-72b40f60]{flex:1;max-width:800px}.video-player-container[data-v-72b40f60]{position:relative;width:100%;min-height:400px;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.mute-toggle-btn[data-v-72b40f60]{position:absolute;top:16px;left:16px;z-index:10;width:48px;height:48px;border:none;border-radius:50%;background:rgba(0,0,0,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mute-toggle-btn[data-v-72b40f60]:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.guide-video[data-v-72b40f60]{width:100%;height:auto;display:block}.guide-video[data-v-72b40f60]::cue{background-color:rgba(0,0,0,.8);color:#fff;font-size:18px;font-family:Arial,sans-serif}@media (max-width:1024px){.test-container[data-v-72b40f60]{flex-direction:column}.right-panel[data-v-72b40f60]{max-width:100%}}