.media-detail-container[data-v-8f49fb7a]{height:100vh;background-color:#fff;overflow:hidden}.main-container[data-v-8f49fb7a]{max-width:1400px;margin:0 auto;padding:80px 20px 20px;height:calc(100vh - 100px)}.content-info-section[data-v-8f49fb7a]{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.main-title[data-v-8f49fb7a]{font-size:26px;color:#2c3e50;margin:0 0 15px 0;line-height:1.4;font-weight:700;font-family:Microsoft YaHei,PingFang SC,sans-serif;position:relative}.content-meta[data-v-8f49fb7a]{display:flex;flex-wrap:wrap;gap:12px;color:#666;font-size:14px;margin-top:15px}.content-meta span[data-v-8f49fb7a]{padding:4px 10px;background-color:#f8f6f0;border:1px solid #e6d7c3;border-radius:12px;color:#8b4513;font-size:12px}.copyright-notice[data-v-8f49fb7a]{background-color:#fff2f0!important;border-color:#ffccc7!important;color:#cf1322!important;font-weight:500;display:flex;align-items:center;gap:4px}.copyright-notice i[data-v-8f49fb7a]{font-size:12px}.content-layout[data-v-8f49fb7a]{display:flex;gap:40px;align-items:flex-start}.left-content[data-v-8f49fb7a]{flex:1;background-color:#fff;min-width:0;max-height:calc(100vh - 140px);overflow-y:auto}.left-content[data-v-8f49fb7a]::-webkit-scrollbar{display:none}.left-content[data-v-8f49fb7a]{-ms-overflow-style:none;scrollbar-width:none}.right-sidebar[data-v-8f49fb7a]{width:350px;max-height:calc(100vh - 140px);display:flex;flex-direction:column;gap:20px;flex-shrink:0;overflow-y:auto}.right-sidebar[data-v-8f49fb7a]::-webkit-scrollbar{display:none}.right-sidebar[data-v-8f49fb7a]{-ms-overflow-style:none;scrollbar-width:none}.video-player[data-v-8f49fb7a]{margin-bottom:20px;border-radius:8px;overflow:hidden;background-color:#000;min-height:300px;position:relative}.video-element[data-v-8f49fb7a]{width:100%;height:auto;max-height:500px;min-height:300px;display:block}.video-placeholder[data-v-8f49fb7a]{width:100%;height:300px;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;border:2px dashed #ddd}.placeholder-content[data-v-8f49fb7a]{text-align:center;color:#999}.placeholder-icon[data-v-8f49fb7a]{font-size:48px;color:#ccc;margin-bottom:15px}.placeholder-text[data-v-8f49fb7a]{font-size:16px;color:#666;margin:0 0 8px 0}.placeholder-desc[data-v-8f49fb7a]{font-size:14px;color:#999;margin:0}.video-link-container[data-v-8f49fb7a]{width:100%;height:300px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;border:2px dashed #ddd;border-radius:8px}.link-content[data-v-8f49fb7a]{text-align:center;color:#666}.link-icon[data-v-8f49fb7a]{font-size:48px;color:#f56c6c;margin-bottom:15px}.link-text[data-v-8f49fb7a]{font-size:16px;color:#333;margin:0 0 8px 0;font-weight:500}.link-desc[data-v-8f49fb7a]{font-size:14px;color:#999;margin:0 0 20px 0;line-height:1.4}.link-button[data-v-8f49fb7a]{padding:10px 20px;font-size:14px}.content-body[data-v-8f49fb7a]{line-height:1.8;color:#333;font-size:16px}.collection-card[data-v-8f49fb7a],.creator-card[data-v-8f49fb7a]{background:linear-gradient(135deg,#fefefe,#faf9f7);border:1px solid #e6d7c3;border-radius:8px;padding:20px;position:relative;flex-shrink:0}.collection-card[data-v-8f49fb7a]{max-height:400px;display:flex;flex-direction:column}.collection-card[data-v-8f49fb7a]:before,.creator-card[data-v-8f49fb7a]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b4513,#d2691e 50%,#8b4513);border-radius:8px 8px 0 0}.creator-info[data-v-8f49fb7a]{display:flex;align-items:center;gap:12px}.creator-details h3[data-v-8f49fb7a]{margin:0 0 5px 0;color:#2c3e50;font-size:16px;font-weight:500;position:relative}.creator-details h3[data-v-8f49fb7a]:before{content:"✦";margin-right:6px;color:#8b4513;font-size:12px}.creator-bio[data-v-8f49fb7a]{margin:0;color:#5d4e37;font-size:14px;line-height:1.4;font-style:italic}.collection-header[data-v-8f49fb7a]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;flex-shrink:0}.collection-title-info[data-v-8f49fb7a]{flex:1}.collection-title[data-v-8f49fb7a]{margin:0 0 8px 0;font-size:16px;font-weight:600;color:#2c3e50;cursor:pointer;transition:color .3s ease}.collection-title[data-v-8f49fb7a]:hover{color:#409eff}.collection-meta[data-v-8f49fb7a]{display:flex;align-items:center;gap:12px}.collection-desc[data-v-8f49fb7a]{font-size:13px;color:#666;cursor:pointer;transition:color .3s ease}.collection-desc[data-v-8f49fb7a]:hover{color:#409eff}.collection-autoplay[data-v-8f49fb7a]{display:flex;align-items:center;gap:8px}.autoplay-text[data-v-8f49fb7a]{font-size:14px;color:#666}.collection-list[data-v-8f49fb7a]{max-height:300px;overflow-y:auto}.collection-list[data-v-8f49fb7a]::-webkit-scrollbar{display:none}.collection-list[data-v-8f49fb7a]{-ms-overflow-style:none;scrollbar-width:none}.collection-item[data-v-8f49fb7a]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:6px;border-radius:6px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent;background-color:#fefefe;border:1px solid #f0f0f0}.collection-item[data-v-8f49fb7a]:hover{background-color:#faf9f7;border-color:#e6d7c3}.collection-item.current[data-v-8f49fb7a]{background:linear-gradient(135deg,#f8f6f0,#f5f2eb);border-left-color:#8b4513;border-color:#d4b896}.item-title[data-v-8f49fb7a]{flex:1;font-size:14px;color:#2c3e50;line-height:1.4;margin-right:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;position:relative}.item-title[data-v-8f49fb7a]:before{content:"·";margin-right:6px;color:#8b4513;font-weight:700}.collection-item.current .item-title[data-v-8f49fb7a]{color:#8b4513;font-weight:500}.collection-item.current .item-title[data-v-8f49fb7a]:before{content:"●";color:#8b4513}.item-time[data-v-8f49fb7a]{font-size:12px;color:#999;white-space:nowrap;flex-shrink:0;background-color:#f8f6f0;padding:2px 6px;border-radius:8px;border:1px solid #e6d7c3}.collection-item.current .item-time[data-v-8f49fb7a]{background-color:#f0ede6;color:#8b4513;border-color:#d4b896}.no-content[data-v-8f49fb7a]{text-align:center;color:#999;padding:30px 20px;font-style:italic;background-color:#f8f9fa;border-radius:6px;margin:8px}.loading-content[data-v-8f49fb7a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666;font-size:14px}.loading-content i[data-v-8f49fb7a]{font-size:24px;margin-bottom:10px;color:#409eff}.floating-navigation[data-v-8f49fb7a]{position:fixed;right:30px;bottom:100px;display:flex;flex-direction:column;gap:10px;z-index:1000}.floating-nav-btn[data-v-8f49fb7a]{display:flex;align-items:center;justify-content:center;min-width:60px;height:36px;padding:8px 12px;background:linear-gradient(135deg,#faf9f7,#f5f2eb);border:2px solid #d4b896;border-radius:18px;color:#8b4513;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(139,69,19,.2);font-size:13px;font-weight:500;white-space:nowrap}.floating-nav-btn[data-v-8f49fb7a]:hover{background:linear-gradient(135deg,#f0ede6,#ebe7da);border-color:#8b4513;color:#5d4e37;transform:translateY(-2px);box-shadow:0 6px 16px rgba(139,69,19,.3)}@media (max-width:1200px){.main-container[data-v-8f49fb7a]{max-width:100%;padding:80px 15px 20px}.right-sidebar[data-v-8f49fb7a]{width:300px}}@media (max-width:768px){.main-container[data-v-8f49fb7a]{padding:80px 10px 20px}.content-layout[data-v-8f49fb7a]{flex-direction:column;gap:20px}.left-content[data-v-8f49fb7a]{max-height:calc(100vh - 200px)}.right-sidebar[data-v-8f49fb7a]{width:100%;max-height:calc(100vh - 200px);order:-1}.content-info-section[data-v-8f49fb7a]{margin-bottom:20px;padding-bottom:15px}.creator-info[data-v-8f49fb7a]{flex-direction:column;text-align:center;gap:8px}.main-title[data-v-8f49fb7a]{font-size:20px}.content-meta[data-v-8f49fb7a]{flex-direction:column;gap:8px}.collection-list[data-v-8f49fb7a]{max-height:200px}.floating-navigation[data-v-8f49fb7a]{right:20px;bottom:80px;gap:8px}.floating-nav-btn[data-v-8f49fb7a]{min-width:50px;height:32px;font-size:12px;padding:6px 10px}}@media (max-width:480px){.main-container[data-v-8f49fb7a]{padding:70px 5px 15px}.top-section[data-v-8f49fb7a]{padding:10px 0}.creator-card[data-v-8f49fb7a]{padding:15px}.collection-card[data-v-8f49fb7a]{padding:15px;max-height:300px}.main-title[data-v-8f49fb7a]{font-size:18px}.video-element[data-v-8f49fb7a]{max-height:250px}.video-element[data-v-8f49fb7a],.video-player[data-v-8f49fb7a]{min-height:200px}.video-link-container[data-v-8f49fb7a],.video-placeholder[data-v-8f49fb7a]{height:200px}.link-icon[data-v-8f49fb7a]{font-size:36px}.link-text[data-v-8f49fb7a]{font-size:14px}.link-desc[data-v-8f49fb7a]{font-size:12px}.floating-navigation[data-v-8f49fb7a]{right:15px;bottom:60px;gap:6px}.floating-nav-btn[data-v-8f49fb7a]{min-width:45px;height:28px;font-size:11px;padding:4px 8px}}