.skeleton-detail[data-v-d7e1cb5f] .video-layout{display:grid;gap:24px;grid-template-columns:1fr 340px}.skeleton-player[data-v-d7e1cb5f]{background:#fff;border-radius:10px;margin-bottom:16px;overflow:hidden}.skeleton-player-cover[data-v-d7e1cb5f]{aspect-ratio:16/9;border-radius:0;width:100%}.skeleton-seek[data-v-d7e1cb5f]{align-items:center;display:flex;gap:12px;padding:12px 16px}.skeleton-seek-bar[data-v-d7e1cb5f]{flex:1}.skeleton-meta[data-v-d7e1cb5f]{padding:16px}.skeleton-title[data-v-d7e1cb5f]{margin-bottom:8px}.skeleton-subtitle[data-v-d7e1cb5f]{margin-bottom:0}.skeleton-info-card[data-v-d7e1cb5f]{background:#fff;border-radius:10px;margin-bottom:16px;padding:20px}.skeleton-owner[data-v-d7e1cb5f]{align-items:center;display:flex;gap:12px;margin-bottom:16px}.skeleton-desc[data-v-d7e1cb5f]{width:100%}.skeleton-side-section[data-v-d7e1cb5f]{background:#fff;border-radius:10px;margin-bottom:16px;padding:16px}.skeleton-side-title[data-v-d7e1cb5f]{margin-bottom:12px}.skeleton-bookmarks[data-v-d7e1cb5f]{display:flex;flex-direction:column;gap:12px}.skeleton-bookmark[data-v-d7e1cb5f]{align-items:center;display:flex;gap:12px}.skeleton-bookmark-thumb[data-v-d7e1cb5f]{border-radius:6px;flex-shrink:0;height:68px;width:120px}.skeleton-bookmark-content[data-v-d7e1cb5f]{display:flex;flex:1;flex-direction:column;gap:8px}.skeleton-recommend-grid[data-v-d7e1cb5f]{display:flex;flex-direction:column;gap:12px}@media(max-width:1024px){.skeleton-detail[data-v-d7e1cb5f] .video-layout{grid-template-columns:1fr}}.video-detail-page{gap:18px}.clip-seek-wrap{align-items:center;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:10px 14px 0}.clip-seek-time{color:#6b7280;font-size:12px;line-height:1}.clip-seek-input{width:100%}.video-layout{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,360px);justify-content:center;margin:0 auto;max-width:1320px;width:100%}.video-main-column{display:grid;gap:12px;max-width:960px;width:100%}.side-panel,.side-recommend-panel,.video-info-card,.video-player-card{background:#fff;border:1px solid #d8d8d8;border-radius:8px}.player-cover-wrap{aspect-ratio:16/9;border-radius:8px 8px 0 0;overflow:hidden;position:relative}.player-cover{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.play-overlay{align-items:center;background:#0006;border:none;border-radius:50%;color:#fff;display:inline-flex;height:68px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:68px}.player-meta-block{padding:12px 14px}.video-title{display:-webkit-box;font-size:1.111rem;-webkit-line-clamp:2;line-clamp:2;margin:0 0 8px;-webkit-box-orient:vertical;overflow:hidden}.video-basic-meta{color:#666;font-size:.75rem;margin:0}.video-info-card{display:grid;gap:12px;padding:12px 14px}.collapse-header{align-items:center;display:flex;justify-content:space-between}.collapse-header h2{font-size:1rem;margin:0}.collapse-toggle{align-items:center;background:#fff;border:none;border-radius:999px;color:#555;cursor:pointer;display:inline-flex;height:24px;justify-content:center;transition:transform .2s ease;width:24px}.collapse-toggle.rotated{transform:rotate(180deg)}.panel-collapse-content{display:grid;gap:12px}.video-owner-row{justify-content:space-between}.owner-group,.video-owner-row{align-items:center;display:flex;gap:8px}.owner-group{min-width:0}.owner-avatar{border-radius:50%;height:24px;-o-object-fit:cover;object-fit:cover;width:24px}.owner-name{color:#4c4c4c;font-size:.8889rem;font-weight:700;white-space:nowrap}.owner-icon-btn{border:1px solid #fff;cursor:pointer;font-size:.75rem;height:24px}.owner-icon-btn:active{color:var(--color-primary,#ffa426);transition:transform 5.2s ease}.channel-actions{align-items:center;display:flex;gap:8px}.subscribe-btn{border-radius:999px;cursor:pointer;font-size:.75rem;font-weight:700;height:30px;padding:0 16px;transition:background .2s,color .2s,border-color .2s}.subscribe-btn.unsubscribed{background:var(--color-primary,#ffa426);border:none;color:#fff}.subscribe-btn.unsubscribed:hover{background:var(--color-primary-hover,#ffb854)}.subscribe-btn.subscribed{background:#fff;border:1px solid var(--color-primary,#ffa426);color:var(--color-primary,#ffa426)}.subscribe-btn.subscribed:hover{background:#fff5e6}.notify-wrap{position:relative}.notify-btn{align-items:center;background:#fff;border:1px solid var(--color-primary,#ffa426);border-radius:999px;color:var(--color-primary,#ffa426);cursor:pointer;display:inline-flex;gap:4px;height:30px;padding:0 10px}.notify-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 16px #00000024;list-style:none;margin:0;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:136px;z-index:20}.notify-option{align-items:center;background:transparent;border:none;border-radius:6px;color:#444;cursor:pointer;display:flex;font-size:.75rem;gap:6px;justify-content:space-between;padding:7px;width:100%}.notify-option:hover{background:#f6f6f6}.notify-option.active{background:color-mix(in srgb,var(--color-primary,#ffa426) 12%,#fff);color:var(--color-primary,#ffa426);font-weight:600}.owner-actions{align-items:center;display:flex;gap:6px}.owner-actions-menu{display:none;position:relative}.owner-menu-trigger{align-items:center;background:#fff;border:none;border-radius:50%;color:#555;cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.owner-menu{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 6px 16px #00000024;list-style:none;margin:0;padding:6px;position:absolute;right:0;top:calc(100% + 8px);width:120px;z-index:30}.owner-menu-option{align-items:center;background:transparent;border:none;border-radius:6px;color:#444;cursor:pointer;display:flex;font-size:.75rem;gap:6px;padding:7px;width:100%}.owner-menu-option:hover{background:#f6f6f6}.owner-icon-btn{align-items:center;background:#fff;color:#444;display:inline-flex;justify-content:center;padding:0;width:30px}.like-btn{overflow:visible;position:relative;transition:color .2s ease,transform .2s ease}.like-btn .like-icon{transition:transform .2s ease}.like-btn.active{color:var(--color-primary,#ffa426)}.like-btn.active:after{border:1px solid color-mix(in srgb,var(--color-primary,#ffa426) 55%,#fff);border-radius:50%;content:"";inset:-4px;opacity:0;position:absolute}.like-btn.pulse .like-icon{animation:like-pop .42s ease}.like-btn.pulse:after{animation:like-ring .42s ease}.owner-menu-option.like-option.active{background:color-mix(in srgb,var(--color-primary,#ffa426) 12%,#fff);color:var(--color-primary,#ffa426);font-weight:600}@keyframes like-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes like-ring{0%{opacity:.55;transform:scale(.8)}to{opacity:0;transform:scale(1.45)}}.video-description{color:#555;font-size:.75rem;line-height:1.55}.video-description p{margin:0 0 10px}.video-description ul{margin:0 0 10px;padding-left:16px}.video-description li{margin-bottom:4px}.desc-note{margin-bottom:0}.video-attachment{align-items:center;border:1px solid #ddd;border-radius:6px;-moz-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;row-gap:2px}.attachment-name{color:#333;font-size:.8125rem;grid-column:1/2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{color:#666;font-size:.75rem;grid-column:1/2}.download-btn{background:#fff;border:none;border-radius:999px;color:#222;grid-column:2/3;grid-row:1/3;height:24px;width:24px}.video-side-column{display:grid;gap:12px;min-width:0;width:100%}.side-panel,.side-recommend-panel{padding:10px}.side-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.side-title-row h2{font-size:1rem;margin:0}.bookmark-list,.playlist-list{display:grid;gap:8px}.bookmark-list.is-scrollable,.playlist-list.is-scrollable{max-height:360px;overflow-y:auto;padding-right:2px}.bookmark-item,.playlist-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:grid;gap:8px;grid-template-columns:auto 120px minmax(0,1fr);padding:6px;text-align:left;width:100%}.bookmark-item.active,.playlist-item.active{background:#efefef}.bookmark-index,.playlist-index{color:#555;font-size:.6875rem}.bookmark-thumb,.playlist-thumb{aspect-ratio:16/9;border-radius:4px;-o-object-fit:cover;object-fit:cover;width:120px}.bookmark-title{color:#222;display:-webkit-box;font-size:.6875rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.35;margin:0;-webkit-box-orient:vertical;overflow:hidden}.bookmark-time,.playlist-time{color:#666;font-size:.6667rem}.recommend-item{align-items:center;border:1px solid #ddd;border-radius:8px;color:inherit;display:flex;gap:8px;margin-bottom:8px;padding:6px;text-decoration:none}.recommend-item:last-child{margin-bottom:0}.recommend-thumb-wrap{aspect-ratio:16/9;border-radius:6px;flex-shrink:0;overflow:hidden;position:relative;width:150px}.recommend-thumb{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.recommend-duration{background:#fff;border-radius:999px;bottom:4px;font-size:.5625rem;padding:1px 6px;position:absolute;right:4px}.recommend-content{min-width:0}.recommend-title{color:#222;display:-webkit-box;font-size:.6875rem;-webkit-line-clamp:2;line-clamp:2;line-height:1.35;margin:0 0 3px;-webkit-box-orient:vertical;font-weight:700;overflow:hidden}.recommend-meta{margin:0}.recommend-channel,.recommend-meta{color:#666;font-size:.625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-channel{display:block;margin:0 0 2px}.recommend-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.recommend-grid :deep(.video-card-link){height:100%}.recommend-grid :deep(.video-card){height:100%}.recommend-grid :deep(.title){line-height:1.35;min-height:2.7em}@media(max-width:1100px){.video-layout{grid-template-columns:1fr}.video-side-column{max-width:960px}.side-recommend-panel{border:none;padding:0}.recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.video-side-column{grid-template-columns:1fr}.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.owner-actions{display:none}.owner-actions-menu{display:block}}@media(max-width:480px){.video-title{font-size:1rem;width:310px}.video-side-column{grid-template-columns:1fr}.bookmark-item,.playlist-item{grid-template-columns:auto 100px minmax(0,1fr)}.bookmark-thumb,.playlist-thumb{aspect-ratio:16/9;border-radius:4px;-o-object-fit:cover;object-fit:cover;width:100px}.recommend-thumb-wrap{width:120px}.recommend-grid{grid-template-columns:1fr}}@media(max-width:400px){.video-side-column{min-width:0}.side-panel{padding:8px}.bookmark-item{gap:6px;grid-template-columns:16px 88px minmax(0,1fr);padding:5px}.bookmark-thumb{width:88px}.recommend-item{gap:6px;padding:5px}.recommend-thumb-wrap{width:96px}.recommend-channel,.recommend-meta,.recommend-title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}}.share-modal-header[data-v-4af5c859]{align-items:center;display:flex;justify-content:space-between}.close-btn[data-v-4af5c859]{align-items:center;background:transparent;border:none;border-radius:999px;color:#1f1f1f;cursor:pointer;display:inline-flex;height:24px;justify-content:center;width:24px}.social-list[data-v-4af5c859]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.social-item[data-v-4af5c859]{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-size:.625rem;font-weight:700;height:34px;justify-content:center;overflow:hidden;text-decoration:none;width:34px}.social-icon-image[data-v-4af5c859]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.social-item.line[data-v-4af5c859]{background:#06c755}.social-item.instagram[data-v-4af5c859]{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.social-item.facebook[data-v-4af5c859]{background:#1877f2}.social-item.x[data-v-4af5c859]{background:#111}.social-item.whatsapp[data-v-4af5c859]{background:#25d366}.social-item.telegram[data-v-4af5c859]{background:#2aabee}.social-item.mail[data-v-4af5c859]{background:#4974a5}.share-link-row[data-v-4af5c859]{display:grid;gap:6px;grid-template-columns:minmax(0,1fr) 34px}.share-link-input[data-v-4af5c859]{background:#f9f9f9;border:1px solid #dbdbdb;border-radius:8px;color:#444;font-size:.75rem;height:34px;padding:0 10px;width:100%}.copy-btn[data-v-4af5c859]{align-items:center;background:var(--color-primary,#ffa426);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.copy-hint[data-v-4af5c859]{color:#6b6b6b;font-size:.6875rem;opacity:0}.copy-hint.show[data-v-4af5c859]{opacity:1}.clip-setting-panel[data-v-4af5c859]{box-shadow:0 8px 20px #0000001f;max-width:100%;padding:0;width:100%}.clip-setting-panel[data-v-4af5c859],.share-summary-panel[data-v-4af5c859]{background:#fff;border:1px solid #d9d9d9;border-radius:10px;overflow:hidden}.share-summary-panel[data-v-4af5c859]{box-shadow:0 12px 34px #0003;left:50%;position:fixed;transform:translate(-50%);width:min(100%,380px);z-index:131}.share-modal-overlay[data-v-4af5c859]{background:#0000003d;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:120}.panel-header[data-v-4af5c859],.share-modal-header[data-v-4af5c859]{align-items:center;display:flex;justify-content:space-between;padding:10px 14px}.divider[data-v-4af5c859]{border:none;border-top:1px solid #e5e5e5;margin:0 14px}.panel-header[data-v-4af5c859]{background:#fff}.panel-header h3[data-v-4af5c859],.share-modal-header h3[data-v-4af5c859]{color:#1a1a1a;font-size:1rem;margin:0}.share-desc[data-v-4af5c859]{color:#666;font-size:.6875rem;line-height:1.4;margin:10px 14px 8px}.clip-actions[data-v-4af5c859]{display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:8px;padding:0 14px}.clip-btn[data-v-4af5c859]{background:var(--color-primary,#ffa426);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.6875rem;height:30px}.clip-btn.ghost[data-v-4af5c859]{background:#f1e5d6;color:#5f5f5f}.clip-time-row[data-v-4af5c859]{align-items:center;color:#4b4b4b;display:flex;font-size:.6875rem;gap:8px;justify-content:space-between;margin-bottom:10px;padding:0 14px}.panel-actions[data-v-4af5c859]{display:flex;gap:6px;justify-content:flex-end;padding:0 14px 12px}.panel-action-btn[data-v-4af5c859]{border:none;border-radius:6px;cursor:pointer;font-size:.6875rem;height:30px;min-width:62px}.panel-action-btn.ghost[data-v-4af5c859]{background:#fff;border:1px solid #d7d7d7;color:#555}.panel-action-btn.primary[data-v-4af5c859]{background:var(--color-primary,#ffa426);color:#fff}.video-title[data-v-4af5c859]{color:#202020;font-size:.75rem;font-weight:700;margin:10px 14px 8px}.time-chip-row[data-v-4af5c859]{align-items:center;display:flex;gap:6px;margin-bottom:10px;padding:0 14px}.time-chip[data-v-4af5c859]{background:#f5e9d8;border-radius:4px;color:#4f4f4f;font-size:.625rem;padding:4px 8px}.dash[data-v-4af5c859]{color:#777}.social-list[data-v-4af5c859]{margin-bottom:10px}.share-link-row[data-v-4af5c859],.social-list[data-v-4af5c859]{padding:0 14px}.copy-hint[data-v-4af5c859]{margin:6px 14px 12px}@media(max-width:900px){.share-summary-panel[data-v-4af5c859]{bottom:84px;width:min(100%,350px)}}.playlist-modal-overlay[data-v-f5e4eb00]{background:#0000003d;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:120}.playlist-modal-card[data-v-f5e4eb00]{background:#fff;border:1px solid #d9d9d9;border-radius:12px;box-shadow:0 12px 34px #0003;padding:14px;width:min(100%,360px)}.playlist-modal-header[data-v-f5e4eb00]{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.playlist-modal-header h3[data-v-f5e4eb00]{font-size:1.111rem;margin:0}.playlist-modal-desc[data-v-f5e4eb00]{color:#666;font-size:.75rem;margin:0 0 10px}.close-btn[data-v-f5e4eb00]{align-items:center;background:#fff;border:none;border-radius:999px;color:#333;cursor:pointer;display:inline-flex;height:24px;justify-content:center;width:24px}.playlist-list[data-v-f5e4eb00]{display:grid;gap:6px;margin-bottom:10px;max-height:220px;overflow-y:auto;padding-right:2px}.playlist-item[data-v-f5e4eb00]{align-items:center;background:#fff;border:1px solid #e2e2e2;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;width:100%}.playlist-thumb[data-v-f5e4eb00]{aspect-ratio:16/9;border-radius:6px;flex-shrink:0;-o-object-fit:cover;object-fit:cover;width:72px}.playlist-item[data-v-f5e4eb00]:hover{border-color:var(--color-primary,#ffa426)}.check-box[data-v-f5e4eb00]{align-items:center;background:#fff;border:1px solid #d1d1d1;border-radius:4px;color:#fff;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.check-box.active[data-v-f5e4eb00]{background:var(--color-primary,#ffa426);border-color:var(--color-primary,#ffa426)}.playlist-item-text[data-v-f5e4eb00]{display:grid;gap:2px;min-width:0}.playlist-name[data-v-f5e4eb00]{color:#2e2e2e;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-meta[data-v-f5e4eb00]{color:#6a6a6a;font-size:.6875rem}.create-btn[data-v-f5e4eb00]{background:#fff;border:1px dashed #d7d7d7;border-radius:8px;color:#666;cursor:pointer;font-size:.75rem;height:34px;margin-bottom:10px;width:100%}.create-btn[data-v-f5e4eb00]:hover{border-color:var(--color-primary,#ffa426);color:var(--color-primary,#ffa426)}.create-input-wrap[data-v-f5e4eb00]{border:1px solid #e6e6e6;border-radius:8px;display:grid;gap:8px;margin-bottom:10px;padding:8px}.create-input[data-v-f5e4eb00]{border:1px solid #d8d8d8;border-radius:6px;color:#333;font-size:.75rem;height:32px;padding:0 8px;width:100%}.create-input-actions[data-v-f5e4eb00]{display:flex;gap:6px;justify-content:flex-end}.mini-btn[data-v-f5e4eb00]{border-radius:6px;cursor:pointer;font-size:.6875rem;height:28px;min-width:56px}.mini-btn.ghost[data-v-f5e4eb00]{background:#fff;border:1px solid #d8d8d8;color:#555}.mini-btn.primary[data-v-f5e4eb00]{background:var(--color-primary,#ffa426);border:none;color:#fff}.playlist-modal-actions[data-v-f5e4eb00]{display:grid;gap:6px;grid-template-columns:1fr 1fr}.action-btn[data-v-f5e4eb00]{border-radius:8px;cursor:pointer;font-size:.75rem;height:34px}.action-btn.ghost[data-v-f5e4eb00]{background:#fff;border:1px solid #d9d9d9;color:#555}.action-btn.primary[data-v-f5e4eb00]{background:var(--color-primary,#ffa426);border:none;color:#fff;font-weight:700}.action-btn.primary[data-v-f5e4eb00]:hover{background:var(--color-primary-hover,#ffb854)}
