*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa;color:#333}#app{height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.top-bar{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#1890ff,#0050b3);color:#fff;box-shadow:0 2px 8px #00000026}.top-bar-content{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;max-width:100%}.logo-section{display:flex;align-items:center;gap:12px}.logo-icon{width:32px;height:32px;color:#fff}.site-title{font-size:20px;font-weight:600;letter-spacing:-.5px}.actions-section{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:12px}.user-name{font-size:14px;font-weight:500;color:#fff}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.user-avatar:hover{transform:scale(1.1);border-color:#fff}.language-btn{display:flex;align-items:center;gap:8px;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.3)!important;color:#fff!important;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease}.language-btn:hover{background:#fff3!important}.language-btn .icon{width:20px;height:20px}.login-btn{background:#fff!important;color:#1890ff!important;border:none!important;font-weight:600;padding:8px 20px;border-radius:6px;transition:all .3s ease}.login-btn:hover{background:#f0f0f0!important;transform:translateY(-1px)}.el-dropdown-menu{background:#fff!important;border:1px solid #e8e8e8;box-shadow:0 4px 12px #0000001a}.el-dropdown-menu .el-dropdown-menu__item{color:#333!important;padding:10px 20px}.el-dropdown-menu .el-dropdown-menu__item:hover{background:#f0f7ff!important;color:#1890ff!important}.el-dropdown-menu .el-dropdown-menu__item.active{background:#e6f7ff;color:#1890ff;font-weight:600}.main-content{display:flex;flex:1;min-height:calc(100vh - 64px)}.sidebar{width:260px;background:#fff;border-right:1px solid #e8e8e8;padding:24px 0;position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto}.nav-menu{width:100%}.sidebar-menu{border-right:none}.sidebar-menu .el-menu-item{height:48px;line-height:48px;padding:0 24px!important;margin:4px 0;border-radius:0;transition:all .3s ease}.sidebar-menu .el-menu-item:hover{background:#f0f7ff}.sidebar-menu .el-menu-item.is-active{background:#e6f7ff;color:#1890ff;border-right:3px solid #1890ff}.menu-icon{margin-right:12px;font-size:18px}.menu-title{padding:16px 24px 8px;font-size:12px;font-weight:600;color:#8c8c8c;text-transform:uppercase;letter-spacing:1px}.menu-divider{height:1px;background:#e8e8e8;margin:16px 24px}.content-area{flex:1;padding:32px;min-width:0}@media (max-width: 1024px){.sidebar{width:200px}.content-area{padding:24px}}@media (max-width: 768px){.main-content{flex-direction:column}.sidebar{width:100%;position:relative;top:0;height:auto;border-right:none;border-bottom:1px solid #e8e8e8}}.home-view[data-v-50867382]{width:100%}.page-header[data-v-50867382]{margin-bottom:32px}.page-title[data-v-50867382]{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:20px}.filter-tags[data-v-50867382]{display:flex;flex-wrap:wrap;gap:12px}.filter-tag[data-v-50867382]{padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;border:1px solid #d9d9d9;background:#fff;color:#666;-webkit-user-select:none;user-select:none}.filter-tag[data-v-50867382]:hover{border-color:#1890ff;color:#1890ff}.filter-tag.active[data-v-50867382]{background:#1890ff;border-color:#1890ff;color:#fff}.video-grid[data-v-50867382]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card[data-v-50867382]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s ease}.video-card[data-v-50867382]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.video-thumbnail[data-v-50867382]{position:relative;width:100%;padding-top:56.25%;background:#f0f0f0;overflow:hidden}.thumbnail-img[data-v-50867382]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .thumbnail-img[data-v-50867382]{transform:scale(1.05)}.no-thumbnail[data-v-50867382]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#999}.no-thumbnail svg[data-v-50867382]{width:48px;height:48px;margin-bottom:8px}.no-thumbnail span[data-v-50867382]{font-size:14px}.duration-badge[data-v-50867382]{position:absolute;bottom:12px;right:12px;background:#000000bf;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.language-badge[data-v-50867382]{position:absolute;top:12px;left:12px;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.language-badge.zh[data-v-50867382]{background:#f5222d}.language-badge.en[data-v-50867382]{background:#1890ff}.language-badge.de[data-v-50867382]{background:#fa8c16}.language-badge.fr[data-v-50867382]{background:#52c41a}.play-overlay[data-v-50867382]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .play-overlay[data-v-50867382]{opacity:1}.play-btn[data-v-50867382]{width:64px;height:64px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.video-card:hover .play-btn[data-v-50867382]{transform:scale(1.1)}.play-btn svg[data-v-50867382]{width:32px;height:32px;color:#1890ff;margin-left:4px}.video-info[data-v-50867382]{padding:20px}.doctor-info[data-v-50867382]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.doctor-avatar[data-v-50867382]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e8e8e8}.doctor-avatar-placeholder[data-v-50867382]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#0050b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.doctor-details[data-v-50867382]{display:flex;flex-direction:column;gap:2px}.doctor-name[data-v-50867382]{font-size:14px;font-weight:600;color:#1a1a1a}.doctor-title[data-v-50867382]{font-size:12px;color:#8c8c8c}.video-title[data-v-50867382]{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description[data-v-50867382]{font-size:14px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.video-stats[data-v-50867382]{display:flex;gap:20px;padding-top:16px;border-top:1px solid #f0f0f0}.stat-item[data-v-50867382]{display:flex;align-items:center;gap:6px;font-size:13px;color:#8c8c8c}.stat-icon[data-v-50867382]{font-size:14px}.stat-value[data-v-50867382]{font-weight:500}.no-data[data-v-50867382]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#999}.no-data svg[data-v-50867382]{width:64px;height:64px;margin-bottom:16px}.no-data p[data-v-50867382]{font-size:16px}@media (max-width: 1200px){.video-grid[data-v-50867382]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.video-grid[data-v-50867382]{grid-template-columns:1fr}.page-header[data-v-50867382]{margin-bottom:24px}.page-title[data-v-50867382]{font-size:20px}}.detail-view[data-v-904f34bf]{width:100%;max-width:1400px;margin:0 auto}.back-bar[data-v-904f34bf]{margin-bottom:20px}.back-btn[data-v-904f34bf]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;background:#fff;border:1px solid #d9d9d9;color:#666;cursor:pointer;transition:all .3s ease}.back-btn[data-v-904f34bf]:hover{color:#1890ff;border-color:#1890ff}.video-section[data-v-904f34bf]{margin-bottom:32px}.video-player-wrapper[data-v-904f34bf]{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16 / 9}.video-player[data-v-904f34bf]{width:100%;height:100%;object-fit:contain}.player-controls[data-v-904f34bf]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:40px 16px 16px;opacity:0;transition:opacity .3s ease}.player-controls.visible[data-v-904f34bf]{opacity:1}.progress-container[data-v-904f34bf]{margin-bottom:12px;padding:8px 0;cursor:pointer}.progress-bar[data-v-904f34bf]{position:relative;height:4px;background:#ffffff4d;border-radius:2px}.progress-buffered[data-v-904f34bf]{position:absolute;height:100%;background:#ffffff80;border-radius:2px}.progress-current[data-v-904f34bf]{position:absolute;height:100%;background:#1890ff;border-radius:2px}.progress-handle[data-v-904f34bf]{position:absolute;right:-6px;top:-4px;width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s}.progress-container:hover .progress-handle[data-v-904f34bf]{opacity:1}.controls-row[data-v-904f34bf]{display:flex;justify-content:space-between;align-items:center}.controls-left[data-v-904f34bf],.controls-right[data-v-904f34bf]{display:flex;align-items:center;gap:8px}.control-btn[data-v-904f34bf]{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.control-btn[data-v-904f34bf]:hover{background:#fff3}.speed-btn[data-v-904f34bf]{font-size:14px;font-weight:500;min-width:50px}.volume-section[data-v-904f34bf]{display:flex;align-items:center;gap:8px}.volume-slider[data-v-904f34bf]{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer}.volume-slider[data-v-904f34bf]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.time-display[data-v-904f34bf]{color:#fff;font-size:13px;margin-left:12px;white-space:nowrap}.center-play-overlay[data-v-904f34bf]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000004d;cursor:pointer}.center-play-btn[data-v-904f34bf]{width:80px;height:80px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.center-play-overlay:hover .center-play-btn[data-v-904f34bf]{transform:scale(1.1)}.center-play-btn svg[data-v-904f34bf]{width:40px;height:40px;color:#1890ff;margin-left:8px}.video-info-section[data-v-904f34bf]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.info-header[data-v-904f34bf]{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.video-title[data-v-904f34bf]{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.video-meta[data-v-904f34bf]{display:flex;flex-wrap:wrap;gap:20px}.meta-item[data-v-904f34bf]{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.meta-icon[data-v-904f34bf]{font-size:16px}.language-tag[data-v-904f34bf]{padding:4px 12px;border-radius:4px;font-weight:600;color:#fff}.language-tag.zh[data-v-904f34bf]{background:#f5222d}.language-tag.en[data-v-904f34bf]{background:#1890ff}.language-tag.de[data-v-904f34bf]{background:#fa8c16}.language-tag.fr[data-v-904f34bf]{background:#52c41a}.info-content[data-v-904f34bf]{display:grid;gap:24px}.description-section[data-v-904f34bf],.doctor-section[data-v-904f34bf]{padding-bottom:20px;border-bottom:1px solid #f0f0f0}.description-section[data-v-904f34bf]:last-child,.doctor-section[data-v-904f34bf]:last-child{border-bottom:none;padding-bottom:0}.section-title[data-v-904f34bf]{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.description-text[data-v-904f34bf]{font-size:15px;line-height:1.8;color:#666}.doctor-card[data-v-904f34bf]{background:#f8f9fa;border-radius:8px;padding:20px}.doctor-header[data-v-904f34bf]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.doctor-avatar[data-v-904f34bf]{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #1890ff}.doctor-avatar-placeholder[data-v-904f34bf]{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#1890ff,#0050b3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600}.doctor-info[data-v-904f34bf]{flex:1}.doctor-name[data-v-904f34bf]{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.doctor-title[data-v-904f34bf]{font-size:14px;color:#8c8c8c}.doctor-details[data-v-904f34bf]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.detail-item[data-v-904f34bf]{display:flex;font-size:14px}.detail-label[data-v-904f34bf]{color:#8c8c8c;margin-right:4px}.detail-value[data-v-904f34bf]{color:#1a1a1a;font-weight:500}.doctor-bio[data-v-904f34bf]{padding-top:16px;border-top:1px solid #e8e8e8}.doctor-bio p[data-v-904f34bf]{font-size:14px;line-height:1.8;color:#666}.loading-state[data-v-904f34bf]{padding:40px}@media (max-width: 768px){.video-info-section[data-v-904f34bf]{padding:16px}.video-title[data-v-904f34bf]{font-size:20px}.video-meta[data-v-904f34bf]{gap:12px}.doctor-details[data-v-904f34bf]{grid-template-columns:1fr}.volume-slider[data-v-904f34bf]{width:60px}}.login-view[data-v-c0b1c9b7]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1890ff,#0050b3);padding:20px;position:relative}.login-lang-switch[data-v-c0b1c9b7]{position:absolute;top:20px;right:20px}.lang-btn[data-v-c0b1c9b7]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.lang-btn[data-v-c0b1c9b7]:hover{background:#ffffff4d;border-color:#fff9}.lang-btn .arrow[data-v-c0b1c9b7]{font-size:10px}.login-container[data-v-c0b1c9b7]{width:100%;max-width:400px;padding:48px 40px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d}.login-header[data-v-c0b1c9b7]{text-align:center;margin-bottom:40px}.login-title[data-v-c0b1c9b7]{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.login-subtitle[data-v-c0b1c9b7]{font-size:14px;color:#8c8c8c;margin:0}.login-form[data-v-c0b1c9b7]{margin-top:20px}[data-v-c0b1c9b7] .el-form-item{margin-bottom:24px}[data-v-c0b1c9b7] .el-input__wrapper{padding:14px 16px;border-radius:8px;border:1px solid #d9d9d9;transition:all .3s ease}[data-v-c0b1c9b7] .el-input__wrapper:hover{border-color:#1890ff}[data-v-c0b1c9b7] .el-input__wrapper.is-focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}[data-v-c0b1c9b7] .el-input__inner{font-size:15px;height:24px}[data-v-c0b1c9b7] .el-input__prefix{color:#8c8c8c}.login-button[data-v-c0b1c9b7]{width:100%;height:48px;font-size:16px;font-weight:600;border-radius:8px;background:linear-gradient(135deg,#1890ff,#0050b3);border:none;margin-top:8px;transition:all .3s ease}.login-button[data-v-c0b1c9b7]:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);transform:translateY(-2px);box-shadow:0 8px 16px #1890ff4d}[data-v-c0b1c9b7] .el-dropdown-menu{background:#fff!important;border:1px solid #e8e8e8;box-shadow:0 4px 12px #0000001a}[data-v-c0b1c9b7] .el-dropdown-menu .el-dropdown-menu__item{color:#333!important;padding:10px 20px}[data-v-c0b1c9b7] .el-dropdown-menu .el-dropdown-menu__item:hover{background:#f0f7ff!important;color:#1890ff!important}[data-v-c0b1c9b7] .el-dropdown-menu .el-dropdown-menu__item.active{background:#e6f7ff;color:#1890ff;font-weight:600}