* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background-color:#f5f5f5;}
.svg-icon {display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;}
.svg-icon svg {display:block;width:1em;height:1em;fill:currentColor;stroke:currentColor;}
.sidebar-title .icon.svg-icon {width:18px;height:18px;flex-shrink:0;}
.sidebar-title .icon.svg-icon svg {width:18px;height:18px;}
.video-play-icon .svg-icon svg,
.vp-play-btn .svg-icon svg,
.vp-meta-item .svg-icon svg,
.meta-item .svg-icon svg,
.hot-video-stats .svg-icon svg,
.vp-back-btn .svg-icon svg,
.breadcrumb .svg-icon svg,
.wechat-modal-title .svg-icon svg,
.wechat-modal-close .svg-icon svg,
.search-btn .svg-icon svg,
.sidebar-toggle-btn .svg-icon svg,
.sidebar-title .sidebar-toggle.svg-icon svg {width:1em;height:1em;}
.video-category-icon-preview svg {width:66px;height:66px;}
.header {background:url('../img/topbg.jpg') center center;background-size:cover;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;height:120px;}
.logo {height:70px;cursor:pointer;flex-shrink:0;transition:all 0.3s;display:flex;align-items:center;}
.logo img {height:100%;width:auto;}
.logo-text {margin-left:12px;display:flex;flex-direction:column;justify-content:center;}
.logo-name {color:#fff;font-size:20px;font-weight:700;white-space:nowrap;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
.logo-name-en {color:rgba(255,255,255,0.82);font-size:11px;font-weight:400;white-space:nowrap;letter-spacing:0.5px;margin-top:3px;}
.search-box {width:400px;margin:0 30px;position:relative;flex-shrink:0;transition:all 0.3s;}
.search-box input {width:100%;height:42px;padding:0 50px 0 18px;border:2px solid rgba(255,255,255,0.3);border-radius:21px;outline:none;font-size:14px;transition:all 0.3s;background:rgba(255,255,255,0.95);}
.search-box input:focus {border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,0.2);background:#fff;}
.search-box .search-btn {position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:#3b97fe;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.search-box .search-btn:hover {background:#1e3a6b;transform:translateY(-50%) scale(1.1);}
.header-nav {display:flex;align-items:center;gap:25px;flex:1;justify-content:flex-end;flex-wrap:wrap;}
.nav-item {color:#fff;cursor:pointer;font-size:16px;font-weight:500;white-space:nowrap;transition:all 0.3s;padding:8px 7px;position:relative;}
.nav-item:after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:#fff;transition:width 0.3s;}
.nav-item:hover {text-shadow:0 0 8px rgba(255,255,255,0.5);}
.nav-item:hover:after {width:80%;}
.mobile-menu-btn {display:none;width:45px;height:45px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.5);border-radius:8px;color:#fff;font-size:20px;cursor:pointer;transition:all 0.3s;flex-shrink:0;}
.mobile-menu-btn:hover {background:rgba(255,255,255,0.3);border-color:#fff;}
.mobile-menu-btn.disabled {pointer-events:none;opacity:0.5;}
.sidebar {width:260px;background:#fff;position:fixed;left:0;top:120px;bottom:0;padding:20px 0;overflow-y:auto;box-shadow:2px 0 8px rgba(0,0,0,0.05);transition:transform 0.3s ease-in-out;}
.sidebar::-webkit-scrollbar {width:6px;}
.sidebar::-webkit-scrollbar-thumb {background:#ddd;border-radius:3px;}
.sidebar-section {margin-bottom:15px;}
.sidebar-section:first-child {margin-top:25px;}
.sidebar-title {padding:12px 20px;color:#333;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all 0.3s;position:relative;}
.sidebar-title:hover {background:#f8f9fa;color:#3b97fe;}
.sidebar-title i.icon {font-size:16px;color:#3b97fe;}
.sidebar-submenu {max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);background:#fafafa;}
.sidebar-submenu.active {max-height:1000px;}
.submenu-level2 {padding:10px 20px 10px 45px;cursor:pointer;color:#555;font-size:14px;transition:all 0.3s;position:relative;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateX(-10px);animation:slideIn 0.3s forwards;}
@keyframes slideIn {to {opacity:1;transform:translateX(0);}
}
.submenu-level2:before {content:'';position:absolute;left:30px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#999;border-radius:50%;}
.submenu-level2:hover {background:#f0f4f8;color:#3b97fe;padding-left:50px;}
.submenu-level2:hover:before {background:#3b97fe;}
.submenu-level3-container {max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);background:#f0f0f0;}
.submenu-level3-container.active {max-height:500px;}
.submenu-level3 {padding:8px 20px 8px 60px;cursor:pointer;color:#666;font-size:13px;transition:all 0.3s;position:relative;opacity:0;transform:translateX(-10px);animation:slideIn 0.3s forwards;}
.submenu-level3:before {content:'›';position:absolute;left:48px;top:50%;transform:translateY(-50%);color:#999;}
.submenu-level3:hover {background:#e6f0ff;color:#3b97fe;padding-left:65px;}
.submenu-level3.active {background:#e6f0ff;color:#3b97fe;font-weight:500;}
.sidebar-toggle {margin-left:auto;transition:transform 0.3s ease;font-size:12px;}
.submenu-level2.open .sidebar-toggle,.sidebar-title.open .sidebar-toggle {transform:rotate(90deg);}
.main-content {margin-left:260px;margin-top:120px;padding:25px;min-height:calc(100vh - 120px);}
.content-header {background:#fff;padding:18px 25px;margin-bottom:25px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.breadcrumb {display:flex;align-items:center;gap:8px;color:#666;font-size:14px;}
.breadcrumb i {color:#3b97fe;}
.video-count {color:#666;font-size:14px;}
.video-count span {color:#3b97fe;font-weight:600;font-size:16px;}
.video-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:25px;margin-bottom:40px;}
.video-card {background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;transition:all 0.3s;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.video-card:hover {transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.12);}
.video-thumbnail {position:relative;width:100%;padding-top:56.25%;background:#f0f0f0;overflow:hidden;}
.video-thumbnail img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.video-card:hover .video-thumbnail img {transform:scale(1.05);}
.video-thumbnail:after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:all 0.3s;pointer-events:none;}
.video-card:hover .video-thumbnail:after {background:rgba(0,0,0,0.4);}
.video-play-icon {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(44,90,160,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;opacity:0;transition:all 0.3s;z-index:2;}
.video-card:hover .video-play-icon {opacity:1;transform:translate(-50%,-50%) scale(1.1);}
.video-info {padding:18px;}
.video-title {font-size:15px;color:#333;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;font-weight:500;min-height:45px;}
.video-description {font-size:13px;color:#666;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.video-meta {display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f0f0f0;font-size:13px;color:#999;}
.meta-item {display:flex;align-items:center;gap:5px;}
.meta-item i {color:#3b97fe;}
.pagination {display:flex;justify-content:center;align-items:center;gap:8px;margin:40px 0;padding:20px 0;}
.pagination-btn {min-width:38px;height:38px;padding:0 12px;border:1px solid #ddd;background:#fff;color:#666;border-radius:6px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;justify-content:center;font-size:14px;}
.pagination-btn:hover {border-color:#3b97fe;color:#3b97fe;background:#f0f7ff;}
.pagination-btn.active {background:#3b97fe;color:#fff;border-color:#3b97fe;font-weight:600;}
.pagination-btn:disabled {opacity:0.5;cursor:not-allowed;}
.pagination-btn:disabled:hover {border-color:#ddd;color:#666;background:#fff;}
.pagination-ellipsis {padding:0 8px;color:#999;}
.mobile-overlay {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:999;opacity:0;transition:opacity 0.3s;}
.mobile-overlay.active {opacity:1;}
.sidebar-close {display:none;position:absolute;top:15px;right:15px;width:32px;height:32px;background:#3b97fe;border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;z-index:10;}
.mobile-nav-drawer {position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#fff;z-index:1002;transition:right 0.3s ease-in-out;overflow-y:auto;box-shadow:-2px 0 8px rgba(0,0,0,0.1);}
.mobile-nav-drawer.active {right:0;}
.mobile-nav-header {padding:20px;background:linear-gradient(135deg,#3b97fe 0%,#1e3a6b 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;}
.mobile-nav-close {background:none;border:none;color:#fff;font-size:24px;cursor:pointer;}
.mobile-search {padding:15px 20px;border-bottom:1px solid #f0f0f0;}
.mobile-search input {width:100%;height:40px;padding:0 40px 0 15px;border:1px solid #ddd;border-radius:20px;outline:none;font-size:14px;}
.mobile-search .search-btn {position:absolute;right:25px;top:50%;transform:translateY(-50%);width:30px;height:30px;background:#3b97fe;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mobile-nav-list {padding:15px 0;}
.mobile-nav-item {padding:15px 20px;color:#333;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:all 0.3s;font-size:15px;}
.mobile-nav-item:hover {background:#f8f9fa;color:#3b97fe;padding-left:25px;}
.sidebar-toggle-btn {display:none;position:fixed;left:0;top:50%;transform:translateY(-50%);width:27px;height:166px;background:url('../img/zc.png') no-repeat center center;background-size:contain;z-index:998;cursor:pointer;transform:translateY(-50%) scaleX(-1);}
.sidebar-toggle-arrow {position:absolute;right:8px;top:50%;transform:translateY(-50%) scaleX(-1);color:#fff;font-size:16px;pointer-events:none;animation:arrowBreathe 2s ease-in-out infinite;}
@keyframes arrowBreathe {0%,100% {opacity:0.6;transform:translateY(-50%) scaleX(-1) translateX(0);}
50% {opacity:1;transform:translateY(-50%) scaleX(-1) translateX(-5px);}
}
.sidebar-toggle-btn.hidden {display:none !important;}
@media (max-width:1560px) and (min-width:1401px) {.search-box {width:320px;margin:0 20px;}
.header-nav {gap:20px;}
.nav-item {font-size:15px;padding:8px 6px;}
}
@media (max-width:1400px) {.logo {height:60px;}
.search-box {width:240px;margin:0 12px;}
.search-box input {height:38px;font-size:13px;}
.search-box .search-btn {width:30px;height:30px;}
.header-nav {gap:15px;}
.nav-item {font-size:15px;padding:6px 5px;}
}
@media (max-width:1200px) {.logo {height:55px;}
.search-box {width:240px;margin:0 12px;}
.search-box input {height:36px;font-size:12px;padding:0 45px 0 15px;}
.search-box .search-btn {width:28px;height:28px;font-size:12px;}
.header-nav {gap:12px;}
.nav-item {font-size:12px;padding:6px 5px;}
.video-grid {grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
}
@media (max-width:1024px) {.logo {height:50px;}
.search-box {width:200px;margin:0 10px;}
.header-nav {gap:10px;}
.nav-item {font-size:11px;padding:5px 4px;}
}
@media (max-width:968px) {.header {height:70px;padding:0 15px;justify-content:space-between;}
.logo {height:45px;}
.logo-name {font-size:15px;}
.logo-name-en {font-size:9px;}
.search-box {display:none;}
.header-nav {display:none;}
.mobile-menu-btn {display:flex;align-items:center;justify-content:center;}
.sidebar {transform:translateX(-100%);z-index:1001;top:0;height:100vh;}
.sidebar.active {transform:translateX(0);}
.main-content {margin-left:0;margin-top:70px;padding:15px;}
.content-header {margin-top:0;margin-bottom:15px;}
.mobile-overlay.active {display:block;}
.video-grid {grid-template-columns:repeat(2,1fr);gap:15px;}
.content-header {flex-direction:column;align-items:flex-start;gap:10px;}
.sidebar-close {/*display:flex;*/ display: none; align-items:center;justify-content:center;}
.sidebar-toggle-btn {display:block;}
.sidebar.active ~ .sidebar-toggle-btn {display:none;}
.pagination {gap:5px;flex-wrap:wrap;}
.pagination-btn {min-width:36px;height:36px;font-size:13px;}
}
@media (max-width:576px) {.header {height:60px;padding:0 10px;}
.logo {height:40px;}
.logo-name {font-size:13px;}
.logo-name-en {font-size:10px;}
.mobile-menu-btn {width:40px;height:40px;font-size:18px;}
.sidebar {width:280px;}
.mobile-nav-drawer {width:280px;}
.video-grid {grid-template-columns:repeat(2,1fr);gap:10px;}
.video-card {border-radius:8px;}
.video-info {padding:10px;}
.video-title {font-size:13px;min-height:auto;}
.video-description {display:none;}
.video-meta {font-size:11px;}
.main-content {padding:12px;}
.content-header {padding:15px;margin-bottom:12px;}
.pagination-btn {min-width:32px;height:32px;font-size:12px;padding:0 8px;}
}



.detail-container {display:grid;grid-template-columns:1fr 420px;gap:25px;margin-bottom:30px;}
.detail-main {background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.detail-sidebar {display:flex;flex-direction:column;gap:20px;}
.player-wrapper {position:relative;width:100%;padding-top:56.25%;background:#000;cursor:pointer;}
.player-wrapper video {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.player-poster {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.player-poster::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:1;}
.player-poster.hidden {opacity:0;pointer-events:none;}
.play-button {width:80px;height:80px;background:rgba(44,90,160,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;transition:all 0.3s;padding-left:6px;position:relative;z-index:2;}
.play-button:hover {background:rgba(44,90,160,1);transform:scale(1.1);}
.detail-info {padding:25px 30px;}
.detail-title {font-size:24px;color:#333;line-height:1.6;margin-bottom:20px;font-weight:600;}
.detail-meta-bar {display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:25px;flex-wrap:wrap;gap:15px;}
.meta-bar-left {display:flex;align-items:center;gap:25px;flex-wrap:wrap;}
.meta-bar-item {display:flex;align-items:center;gap:6px;color:#666;font-size:14px;}
.meta-bar-item i {color:#3b97fe;}
.share-buttons {display:flex;align-items:center;gap:10px;}
.share-btn {width:36px;height:36px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;font-size:14px;position:relative;}
.share-btn:hover {background:#3b97fe;color:#fff;border-color:#3b97fe;transform:translateY(-2px);}
.share-popup {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.15);z-index:10001;display:none;min-width:320px;max-width:90%;}
.share-popup.active {display:block;animation:popupFadeIn 0.3s ease;}
@keyframes popupFadeIn {from {opacity:0;transform:translate(-50%,-45%);}
to {opacity:1;transform:translate(-50%,-50%);}
}
.share-popup-header {padding:20px 25px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;}
.share-popup-title {font-size:18px;font-weight:600;color:#333;}
.share-popup-close {width:32px;height:32px;border:none;background:#f5f5f5;border-radius:50%;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;}
.share-popup-close:hover {background:#e0e0e0;color:#333;}
.share-popup-body {padding:25px;}
.share-qrcode-container {text-align:center;margin-bottom:20px;}
.share-qrcode {width:200px;height:200px;margin:0 auto 15px;border:1px solid #f0f0f0;border-radius:8px;padding:10px;background:#fff;}
.share-qrcode-tip {font-size:14px;color:#666;}
.share-link-container {background:#f8f9fa;border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:10px;margin-top:15px;}
.share-link-input {flex:1;border:none;background:transparent;font-size:14px;color:#333;outline:none;}
.copy-link-btn {padding:8px 16px;background:#3b97fe;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all 0.3s;white-space:nowrap;}
.copy-link-btn:hover {background:#1e3a6b;}
.copy-link-btn.copied {background:#28a745;}
.share-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:10000;display:none;}
.share-overlay.active {display:block;animation:fadeIn 0.3s ease;}
@keyframes fadeIn {from {opacity:0;}
to {opacity:1;}
}
.toast {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,0.8);color:#fff;padding:12px 24px;border-radius:6px;font-size:14px;z-index:10002;display:none;}
.toast.active {display:block;animation:toastFadeIn 0.3s ease;}
@keyframes toastFadeIn {from {opacity:0;transform:translate(-50%,-40%);}
to {opacity:1;transform:translate(-50%,-50%);}
}
.detail-section {padding:25px 30px;border-top:1px solid #f0f0f0;}
.section-title {font-size:18px;color:#333;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.section-title:before {content:'';width:4px;height:20px;background:#3b97fe;border-radius:2px;}
.section-content {font-size:15px;line-height:1.8;color:#555;text-align:justify;}
.section-content p {margin-bottom:15px;}
.section-content h1,.section-content h2,.section-content h3,.section-content h4,.section-content h5,.section-content h6 {margin:20px 0 15px;color:#333;font-weight:600;}
.sidebar-card {background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.sidebar-card-header {background:linear-gradient(135deg,#3b97fe 0%,#1e3a6b 100%);color:#fff;padding:15px 20px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px;}
.sidebar-card-body {padding:25px;}
.related-paper {line-height:1.8;}
.paper-title-link {font-size:16px;color:#3b97fe;text-decoration:none;font-weight:600;line-height:1.6;display:block;margin-bottom:18px;transition:all 0.3s;}
.paper-title-link:hover {color:#1e3a6b;text-decoration:underline;}
.paper-info-list {background:#f8f9fa;border-radius:6px;padding:15px;margin-bottom:18px;}
.paper-info-item {font-size:13px;color:#555;margin-bottom:8px;display:flex;line-height:1.6;}
.paper-info-item:last-child {margin-bottom:0;}
.paper-info-label {font-weight:600;color:#333;min-width:70px;flex-shrink:0;}
.paper-keywords {display:flex;flex-wrap:wrap;gap:8px;margin-top:3px;}
.keyword-tag {background:#e8f0fe;color:#3b97fe;padding:3px 10px;border-radius:3px;font-size:12px;}
.paper-abstract {margin-top:18px;}
.paper-abstract-title {font-size:14px;color:#333;font-weight:600;margin-bottom:10px;}
.paper-abstract-content {font-size:14px;color:#666;line-height:1.8;text-align:justify;}
.mobile-related-paper {display:none;}
.mobile-related-paper .sidebar-card-header {background:transparent;color:#333;padding:0;font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.mobile-related-paper .sidebar-card-header:before {content:'';width:4px;height:20px;background:#3b97fe;border-radius:2px;}
.mobile-related-paper .sidebar-card-header i {display:none;}
.mobile-related-paper .sidebar-card-body {padding:0;}
.hot-video-item {display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all 0.3s;}
.hot-video-item:first-child {padding-top:0;}
.hot-video-item:last-child {border-bottom:none;padding-bottom:0;}
.hot-video-item:hover {background:#f8f9fa;padding-left:15px;padding-right:15px;margin:0 -15px;}
.hot-video-thumb {width:140px;height:79px;border-radius:6px;overflow:hidden;position:relative;flex-shrink:0;}
.hot-video-thumb img {width:100%;height:100%;object-fit:cover;}
.hot-video-duration {position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,0.7);color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;}
.hot-video-info {flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.hot-video-title {font-size:14px;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hot-video-stats {display:flex;align-items:center;gap:12px;font-size:12px;color:#999;}
.hot-video-stats i {color:#3b97fe;}
@media (max-width:1400px) {.detail-container {grid-template-columns:1fr 360px;}
}
@media (max-width:1200px) {.detail-container {grid-template-columns:1fr 320px;gap:20px;}
.hot-video-thumb {width:120px;height:68px;}
}
@media (max-width:968px) {.detail-container {grid-template-columns:1fr;gap:20px;}
.detail-main {display:flex;flex-direction:column;}
.player-wrapper {order:1;}
.detail-info {order:2;}
.mobile-related-paper {display:block;order:3;padding:25px 30px;border-top:1px solid #f0f0f0;background:transparent;border-radius:0;box-shadow:none;margin:0;}
#videoIntroSection {order:4;}
#authorSection {order:5;}
.detail-sidebar {display:flex;flex-direction:column;}
#relatedPaperCard {display:none;}
#hotVideoCard {order:6;}
.detail-info {padding:20px;}
.detail-section {padding:20px;}
.detail-title {font-size:20px;}
.hot-video-thumb {width:110px;height:62px;}
.meta-bar-left {width:100%;}
.share-buttons {width:100%;justify-content:flex-start;}
}
@media (max-width:576px) {.detail-info {padding:15px;}
.detail-section {padding:15px;}
.mobile-related-paper {padding:15px;}
.detail-title {font-size:18px;}
.detail-meta-bar {gap:12px;}
.meta-bar-left {gap:15px;}
.play-button {width:60px;height:60px;font-size:24px;}
.sidebar-card-body {padding:15px;}
.hot-video-thumb {width:100px;height:56px;}
.paper-title-link {font-size:15px;}
.paper-info-label {min-width:60px;}
.share-popup {min-width:280px;}
.share-qrcode {width:180px;height:180px;}
}



/* 微信二维码弹窗 */
.wechat-modal-overlay {display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.55);z-index:2000;}
.wechat-modal-overlay.active {display:block;}
.wechat-modal {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,0.2);z-index:2001;min-width:300px;max-width:90%;}
.wechat-modal.active {display:block;animation:popupFadeIn 0.3s ease;}
.wechat-modal-header {padding:18px 25px;background:linear-gradient(135deg,#07c160 0%,#059d4d 100%);border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between;}
.wechat-modal-title {color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px;}
.wechat-modal-close {background:rgba(255,255,255,0.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all 0.3s;}
.wechat-modal-close:hover {background:rgba(255,255,255,0.35);}
.wechat-modal-body {padding:30px;text-align:center;}
.wechat-modal-tip {font-size:16px;color:#333;margin-bottom:20px;font-weight:500;}
.wechat-modal-link-tip {margin:0 0 16px;font-size:13px;line-height:1.7;color:#666;word-break:break-all;}
.wechat-modal-link-tip a {color:#07c160;text-decoration:none;}
.wechat-modal-link-tip a:hover {text-decoration:underline;}
#wechatQrcode {display:inline-block;padding:10px;border:2px solid #f0f0f0;border-radius:8px;}
#wechatQrcode img,#wechatQrcode canvas {display:block;}

/* 视频详情页 - 对齐静态html/phone.html */
.video-play-page {background:#f0f2f5;}
.vp-player-wrap {width:100%;background:#000;position:relative;}
.vp-player-wrap video {width:100%;display:block;max-height:56vw;object-fit:contain;background:#000;}
.vp-poster {position:absolute;inset:0;background:linear-gradient(135deg,#1a3a6b 0%,#0d2240 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:opacity 0.3s;}
.vp-poster.hidden {opacity:0;pointer-events:none;}
.vp-play-btn {width:64px;height:64px;border-radius:50%;background:rgba(44,90,160,0.95);border:3px solid rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;color:#fff;padding-left:5px;box-shadow:0 4px 20px rgba(0,0,0,0.5);transition:transform 0.2s;}
.vp-play-btn .fa-icon-play {font-size:24px;line-height:1;transform:translateX(2px);}
.vp-poster:active .vp-play-btn {transform:scale(0.92);}
.vp-poster-tip {color:rgba(255,255,255,0.75);font-size:13px;letter-spacing:1px;}
.vp-back-bar {display:flex;align-items:center;padding:10px 15px;background:#fff;border-bottom:1px solid #eee;}
.vp-back-btn {display:flex;align-items:center;gap:6px;color:#2c5aa0;font-size:14px;cursor:pointer;background:none;border:none;padding:4px 0;}
.vp-back-btn .svg-icon svg {width:15px;height:15px;}
.vp-info-wrap {background:#fff;margin-top:8px;padding:18px 16px 20px;}
.vp-title {font-size:17px;font-weight:700;color:#1a1a1a;line-height:1.55;margin:0 0 14px;}
.vp-meta-row {display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:18px;}
.vp-meta-item {display:flex;align-items:center;gap:5px;font-size:13px;color:#666;}
.vp-meta-item .fa-icon-meta {width:13px;font-size:13px;color:#2c5aa0;text-align:center;}
.vp-tags {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.vp-tag {background:#e8f0fe;color:#2c5aa0;font-size:12px;padding:4px 10px;border-radius:4px;}
.vp-desc-title {font-size:15px;font-weight:600;color:#222;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.vp-desc-title::before {content:'';width:4px;height:17px;background:#2c5aa0;border-radius:2px;flex-shrink:0;}
.vp-desc-body {font-size:14px;color:#555;line-height:1.85;text-align:justify;}
.vp-desc-body p {margin:0 0 12px;}
.vp-desc-body p:last-child {margin-bottom:0;}
.vp-desc-body img,.vp-desc-body video,.vp-desc-body iframe,.vp-desc-body table {max-width:100%;}
.vp-safe-area {height:30px;}
.video-play-page .sidebar {top:0;}
.video-play-page .sidebar-toggle-btn {top:50%;}
.video-play-icon .fa-icon-play {font-size:42px;color:#fff;line-height:1;transform:translateX(2px);}
.search-btn .fa-icon-search {font-size:15px;line-height:1;}
.meta-item .fa-icon-meta {width:14px;font-size:14px;color:#2c5aa0;text-align:center;}
.hot-video-stats .fa-icon-stat {font-size:12px;color:#3b97fe;margin-right:4px;}
@media (max-width:576px) {
  .vp-info-wrap {padding:18px 14px 20px;}
  .vp-meta-row {gap:12px;}
  .video-play-icon .fa-icon-play {font-size:36px;}
  .search-btn .fa-icon-search {font-size:14px;}
}

/*二维码*/
.erweimatiaozhuan {margin:0;padding:0;font-family:"Microsoft YaHei","Heiti SC",sans-serif;overflow:hidden;background-color:rgba(12,70,144,0.95);color:#fff;height:100vh;width:100vw;position:relative;}
#bg-image {position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('https://www.jqrwkxzz.com/static/img/bg.jpg');background-size:cover;background-position:center;z-index:-2;opacity:0.2;}
#canvas-container {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.containerewm {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;width:85%;max-width:500px;padding:50px 30px;background-color:rgba(12,70,144,0.95);border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(10px);}
.logoemw {max-width:240px;width:80%;height:auto;margin-bottom:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2));}
h1 {font-size:22px;margin-bottom:20px;font-weight:500;letter-spacing:2px;color:#fff;}
p {font-size:15px;line-height:1.8;margin-bottom:10px;}
.loading-dots::after {content:' .';animation:dots 1.5s steps(5,end) infinite;}
@keyframes dots {0%,20% {content:' .';}
40% {content:' ..';}
60% {content:' ...';}
80%,100% {content:' ....';}
}