.video-info-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;margin:20px 0;height:423px}.video-info-header{display:flex;padding:20px;gap:20px}.article-title-section{margin-bottom:20px;text-align:center}.article-title{font-size:28px;font-weight:700;color:#222;margin:0;line-height:1.3;text-align:center}.article-title a{color:inherit;text-decoration:none}.article-title a:hover{color:#578bff;text-decoration:none}.title-divider{width:80px;height:3px;background:linear-gradient(135deg,#578bff,#4a6cf7);margin:15px auto 0;border-radius:2px;box-shadow:0 2px 8px rgba(87,139,255,.3)}.video-player-section{flex:0 0 676px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}.ceo-video-s{width:100%!important;height:auto!important;aspect-ratio:16 / 9!important;position:relative!important;overflow:hidden!important;background:#000!important;padding:0!important;margin:0!important;border:none!important;display:block!important}@supports not (aspect-ratio:16 / 9){.ceo-video-s{height:calc(56.25vw)!important}}.ceo-video-s,.ceo-video-s>div,.ceo-video-s video,.ceo-video-s iframe,.ceo-video-s object,.ceo-video-s embed{box-sizing:border-box!important;max-width:100%!important;max-height:100%!important;min-width:100%!important;min-height:100%!important}.ceo-video-s video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}.video-player-section{width:100%!important;max-width:676px!important;margin:0 auto!important;padding:0!important;overflow:hidden!important}.course-cover-preview{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#f5f6f7}.course-cover-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ceo-video-s>*,.ceo-video-s .video-js,.ceo-video-s .dplayer,.ceo-video-s video,.ceo-video-s iframe,.ceo-video-s object,.ceo-video-s embed,.ceo-video-s #ckplayer_container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background:#000!important;border:none!important;overflow:hidden!important;transform:none!important}.ceo-video-s video{object-fit:contain!important;object-position:center!important}.ceo-video-s>div,.ceo-video-s .video-js,.ceo-video-s .dplayer,.ceo-video-s iframe,.ceo-video-s object,.ceo-video-s embed,.ceo-video-s #ckplayer_container{object-position:top center!important;top:0!important;margin-top:0!important;padding-top:0!important}.ceo-video-s>div{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important}.ceo-video-s [style]{max-width:100%!important;max-height:100%!important;min-width:100%!important;min-height:100%!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:none!important}.ceo-video-s>div,.ceo-video-s .video-js,.ceo-video-s .dplayer{position:absolute;top:0;left:0;width:100%;height:100%}.ceo-video-s .ceo-video-pay,.ceo-video-s .ceo-video-hide{position:absolute;z-index:999;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);width:auto;height:auto}.ceo-video-s .ceo-video-background{background-position:top center!important;background-repeat:no-repeat!important;width:100%!important;height:100%!important;object-fit:cover!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.ceo-video-logobox{position:absolute;top:15px;left:15px;z-index:100}.ceo-video-logo img{max-height:40px;width:auto;opacity:.8}.video-update-badge{position:absolute;top:15px;right:15px;z-index:100;background:rgba(0,0,0,.7);color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;gap:4px}.video-update-badge i{font-size:11px}.course-tags{margin-bottom:15px;width:100%;display:flex;align-items:flex-start;justify-content:space-between}.tags-left{display:flex;flex-wrap:wrap;gap:10px;align-items:center;flex:1}.tags-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end;margin-left:20px;flex-shrink:0}:root{--primary-color:#896cff;--primary-light:#f2f5ff;--primary-border:#c4b6ff;--secondary-bg:#f8f9fa;--secondary-border:#e9ecef;--text-muted:#6c757d;--text-dark:#495057;--text-light:#777;--success-color:#28a745;--warning-color:#ff9500;--vip-color:#6f42c1;--transition:all 0.3s ease;--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:20px;--shadow-sm:0 2px 4px rgba(0,0,0,0.1);--shadow-md:0 2px 8px rgba(0,0,0,0.1)}.tag-certified{display:inline-block;padding:4px 8px;font-size:12px;line-height:1.4;border-radius:var(--border-radius-sm);background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary-color);text-decoration:none;transition:var(--transition);white-space:nowrap}.tag-certified a{color:inherit;text-decoration:none}.tag-certified:hover{background:#e8f0fe;border-color:#a8b5ff;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.course-info-section{flex:1;display:flex;flex-direction:column;padding:0 10px;height:100%}.course-info-scroll{flex:1;overflow-y:auto}.ceo-single-jieshao{color:var(--text-light);font-size:14px;line-height:1.6}.course-recommend-section{margin:15px 0 0}.course-recommend-container{border-radius:var(--border-radius-md);text-align:center;transition:var(--transition);max-height:120px;overflow:hidden}.course-recommend-container:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.course-recommend-link{display:block;text-decoration:none;height:100px;overflow:hidden}.course-recommend-image{max-width:100%;max-height:100px;width:auto;height:auto;object-fit:cover;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm)}.course-recommend-code{width:100%;max-height:100px;overflow:hidden}.course-recommend-default{display:flex;align-items:center;justify-content:center}.recommend-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:12px}.recommend-placeholder i{font-size:20px;opacity:.7;color:#578bff}.recommend-placeholder span{font-weight:600;color:var(--text-dark);font-size:13px}.recommend-placeholder small{font-size:10px;color:var(--text-muted);font-style:italic}.course-conversion-box{margin:10px 0 4px;background:linear-gradient(135deg,#f8fbff 0%,#f5f8ff 100%);border:1px solid #dce7ff;border-radius:8px;padding:8px;box-sizing:border-box}.course-conversion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:6px}.course-conversion-item{background:#fff;border:1px solid #e8efff;border-radius:10px;padding:9px 8px;display:flex;align-items:center;gap:6px;color:#2f3b52;font-size:12px;font-weight:600}.course-conversion-item i{color:#4f7cff;font-size:14px}a.course-conversion-item{text-decoration:none;color:inherit}a.course-conversion-item:hover{border-color:#cdddfc}#course-qa-modal .ceo-modal-dialog{width:720px;max-width:calc(100% - 24px);max-height:80vh;overflow:auto}.course-faq-list{display:grid;gap:6px}.course-faq-item{background:rgba(255,255,255,.85);border:1px solid #e8efff;border-radius:8px;padding:7px 10px;font-size:12px;color:#55627a;line-height:1.45}.post-pay-guide{box-sizing:border-box}.post-pay-guide-title{margin:0 0 6px;display:flex;align-items:center;gap:6px;color:#39568f;font-weight:600;font-size:13px}.post-pay-guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.post-pay-guide-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:34px;border-radius:8px;border:1px solid #cdddfc;background:#fff;color:#39568f;text-decoration:none;font-size:12px;font-weight:600}.video-directory-container{margin-top:20px}.course-status-container{display:flex;align-items:center;gap:20px;margin-top:auto;padding-top:10px;flex-wrap:nowrap;justify-content:space-between}.status-badge{padding:8px 16px;border-radius:var(--border-radius-lg);font-size:14px;font-weight:600;display:inline-flex;align-items:center}.status-badge.updating{background:linear-gradient(135deg,#fff8e6,#ffedcc);color:var(--warning-color);box-shadow:0 2px 8px rgba(255,149,0,.1)}.status-badge.updating::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warning-color);margin-right:8px;animation:pulse 1.5s infinite}.status-badge.purchased{background:linear-gradient(135deg,#e8f5e8,#d4edda);color:var(--success-color);box-shadow:0 2px 8px rgba(40,167,69,.1)}.status-badge.purchased::before{content:"✓";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success-color);color:#fff;margin-right:8px;font-size:10px;line-height:8px;text-align:center}.status-badge.vip{background:linear-gradient(135deg,#f3e8ff,#e9d8fd);color:var(--vip-color);box-shadow:0 2px 8px rgba(111,66,193,.1)}.status-badge.vip::before{content:"★";display:inline-block;margin-right:8px;font-size:12px;color:inherit}@keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}.action-buttons{display:flex;gap:10px;margin-left:auto;min-width:240px;justify-content:flex-end}.purchase-button,.preview-button-small,.purchase-button.purchase-button-red,.purchase-button.purchase-button-green{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 20px!important;font-size:15px!important;font-weight:600!important;line-height:1.4!important;border-radius:var(--border-radius-md)!important;text-decoration:none!important;transition:var(--transition)!important;cursor:pointer!important;border:none!important;min-width:150px!important;height:60px!important;position:relative!important;overflow:hidden!important;user-select:none!important;white-space:nowrap!important;box-sizing:border-box!important}.purchase-button{background:linear-gradient(135deg,#578bff,#4a6cf7);color:#fff;box-shadow:0 2px 8px rgba(87,139,255,.3)}.purchase-button:hover{background:linear-gradient(135deg,#4a6cf7,#3a5ed8);box-shadow:0 4px 12px rgba(87,139,255,.4);transform:translateY(-1px)}.purchase-button-red{background:linear-gradient(135deg,#ff5757,#f74a4a);color:#fff;box-shadow:0 2px 8px rgba(255,87,87,.3)}.purchase-button-red:hover{background:linear-gradient(135deg,#f74a4a,#d83a3a);box-shadow:0 4px 12px rgba(255,87,87,.4);transform:translateY(-1px)}.purchase-button-green{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;box-shadow:0 2px 8px rgba(76,175,80,.3)}.purchase-button-green:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px rgba(76,175,80,.4);transform:translateY(-1px)}.purchase-button:active{transform:translateY(0)}.preview-button-small{background:#ff9500;color:#fff;border:1px solid #ff9500}.preview-button-small:hover{background:#ff8c00;border-color:#ff8c00;color:#fff;box-shadow:0 4px 12px rgba(255,149,0,.3);transform:translateY(-2px)}.purchase-button::before,.preview-button-small::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.purchase-button:active::before,.preview-button-small:active::before{width:300px;height:300px}@media screen and (max-width:1024px){.video-info-container{height:auto!important}.video-info-header{flex-direction:column;gap:15px}.video-player-section{flex:0 0 100%;width:100%}.course-info-section{flex:1;width:100%}}@media screen and (max-width:768px){.ceo-video-s{width:100%!important;height:auto!important;aspect-ratio:16 / 9;max-height:calc(100vw * 9 / 16)!important;padding:0!important;margin:0!important}@supports not (aspect-ratio:16 / 9){.ceo-video-s{height:calc(100vw * 9 / 16)!important}}.ceo-video-s>*,.ceo-video-s video,.ceo-video-s iframe,.ceo-video-s .video-js,.ceo-video-s .dplayer{width:100%!important;height:100%!important;object-fit:cover!important;position:absolute!important;top:0!important;left:0!important}.ceo-video-s>div{width:100%!important;height:100%!important;overflow:hidden!important}.ceo-video-s .video-js .vjs-control-bar,.ceo-video-s .dplayer .dplayer-controlbar{display:flex!important;opacity:1!important}.ceo-video-s .ceo-video-pay,.ceo-video-s .ceo-video-hide{-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;width:90%;max-width:300px}.ceo-video-s .ceo-video-pay *,.ceo-video-s .ceo-video-hide *{margin-left:auto!important;margin-right:auto!important;text-align:center!important}@supports (-webkit-touch-callout:none){.ceo-video-s{-webkit-overflow-scrolling:touch!important}.ceo-video-s .ceo-video-pay,.ceo-video-s .ceo-video-hide{-webkit-box-align:center!important;-webkit-box-pack:center!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}}.ceo-video-logobox{top:10px;left:10px}.ceo-video-logo img{max-width:60px!important;max-height:30px!important}.video-update-badge{top:10px;right:10px;font-size:11px;padding:4px 8px;gap:3px}.video-update-badge i{font-size:10px}.course-recommend-section{margin:10px 0}.course-conversion-grid{grid-template-columns:1fr}.post-pay-guide-links{grid-template-columns:1fr}.course-recommend-container{padding:8px;max-height:100px}.course-recommend-link{height:80px}.course-ad-image{max-height:80px}.course-ad-default{height:60px;padding:8px}.ad-placeholder{gap:2px;font-size:11px}.ad-placeholder i{font-size:16px}.ad-placeholder span{font-size:12px}.ad-placeholder small{font-size:9px}.course-status-container{flex-direction:column;align-items:stretch;gap:15px}.status-info{align-items:center;text-align:center}.action-buttons{width:100%;display:flex;flex-direction:row;gap:10px;justify-content:stretch;min-width:auto}@media (max-width:400px){.action-buttons{flex-direction:column}}.purchase-button,.preview-button-small,.purchase-button.purchase-button-red,.purchase-button.purchase-button-green{flex:1!important;padding:12px 16px!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;min-height:48px!important;width:100%!important;letter-spacing:0.2px!important;box-sizing:border-box!important}}.course-tags{margin-bottom:18px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.tags-left{display:flex;flex-wrap:wrap;gap:10px;align-items:center;flex:1}.course-tags span{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;line-height:1.4;border-radius:20px;text-decoration:none;transition:all 0.3s ease;border:1px solid transparent;font-weight:500}.course-tags span i{margin-right:4px;font-size:12px}.tag-category{background:linear-gradient(135deg,#578bff,#4a6cf7);border-color:#4a6cf7;color:#fff}.tag-category a{color:#fff;text-decoration:none}.tag-top-category{background:#e3f2fd;border-color:#bbdefb;color:#0d47a1}.tag-top-category a{color:#0d47a1;text-decoration:none}.tag-views{background:#fff3e0;border-color:#ffe0b2;color:#e65100}.tag-date{background:#f1f8e9;border-color:#dcedc8;color:#33691e}.tag-update{background:#fce4ec;border-color:#f8bbd0;color:#c2185b}.course-tags span:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.tag-category:hover{background:linear-gradient(135deg,#4a6cf7,#3b5bdb)}.tag-top-category:hover{background:#bbdefb}.tag-views:hover{background:#ffe0b2}.tag-date:hover{background:#dcedc8}.tag-update:hover{background:#f8bbd0}@media (max-width:768px){.course-tags{flex-direction:column;align-items:flex-start}.tags-right{margin-left:0;width:100%;justify-content:flex-start}.course-tags span{font-size:12px;padding:5px 10px}}.vip-discount-info{padding:12px 16px;margin:15px 0;background:linear-gradient(135deg,#f0f4ff 0%,#e0e9ff 100%);border-left:4px solid #578bff;border-radius:8px;display:flex;align-items:center;box-shadow:0 2px 8px rgba(87,139,255,.15);transition:all 0.3s ease}.vip-discount-info:hover{box-shadow:0 4px 12px rgba(87,139,255,.25);transform:translateY(-1px)}.vip-discount-info i{color:gold;font-size:18px;margin-right:10px}.vip-discount-info .vip-label{font-weight:600;color:#578bff;margin-right:5px}.vip-discount-info span{font-size:14px;color:#333}@media (max-width:768px){.vip-discount-info{padding:10px 14px;font-size:13px}.vip-discount-info i{font-size:16px;margin-right:8px}}.video-player-section,.video-player-section .ceo-video-s,.video-player-section .ceo-video-s>*,.video-player-section .ceo-video-s [style]{background:transparent!important}.video-player-section .course-cover-preview{background:#f5f6f7!important}