.qr-code-img[data-v-48c4ef7a]{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.site-watermark[data-v-c390c282]{position:fixed;inset:0;z-index:1500;pointer-events:none;background-repeat:repeat;background-size:320px 200px}.detail-related-more:after,.more-btn:after,.popup-view-all:after{content:"";display:inline-block;width:12px;height:12px;flex-shrink:0;background-color:currentColor;vertical-align:middle;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M340 883.1 652.7 512 340 140.9 419.7 64l390.6 447.9-390.6 448z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M340 883.1 652.7 512 340 140.9 419.7 64l390.6 447.9-390.6 448z'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}:root{--primary:#0084ff;--primary-dark:#06c;--primary-deep:#004a99;--primary-light:rgba(0,132,255,.08);--nav-dark:#0a2540;--text-primary:#1d2129;--text-secondary:#86909c;--text-tertiary:#c9cdd4;--bg-page:#f3f8ff;--bg-category:#f7f8fa;--bg-card:#fff;--border-color:#e5e6eb;--shadow-sm:0 1px 4px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,40,100,.08);--shadow-hover:0 8px 24px rgba(0,40,100,.1);--radius-lg:8px;--radius-md:4px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;background:var(--bg-page);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}#app{display:flex;flex-direction:column;min-height:100vh}.main-container{flex:1;max-width:1200px;margin:0 auto;padding:0 40px;width:100%}.cover-fb{display:flex;align-items:center;justify-content:center;color:#fff}.cf1{background:linear-gradient(135deg,#0084ff,#36a3ff)}.cf2{background:linear-gradient(135deg,#06c,#0084ff)}.cf3{background:linear-gradient(135deg,#0052d9,#36a3ff)}.cf4{background:linear-gradient(135deg,#1a3a6b,#2563eb)}.cf5{background:linear-gradient(135deg,#0084ff,#7ec8ff)}.toast-container{position:fixed;top:80px;right:24px;z-index:3000;display:flex;flex-direction:column;gap:8px}.toast{background:#fff;padding:14px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:14px;animation:slideIn .3s ease}.toast.success{border-left:4px solid #4caf50}.toast.error{border-left:4px solid #f44336}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:1024px){.main-container{padding:0 24px}}@media (max-width:768px){.main-container{padding:0 16px}.toast-container{left:16px;right:16px;top:72px}}.top-nav{background:var(--bg-card);color:var(--text-primary);height:60px;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color)}.top-nav-inner{max-width:1200px;margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;gap:24px}.top-nav .logo-area{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}.top-nav .logo-icon{width:38px;height:38px;border-radius:8px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;display:block}.top-nav .logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;line-height:1.2}.top-nav .logo-text span{display:block;font-size:11px;font-weight:400;color:var(--text-secondary);margin-top:2px;letter-spacing:1px}.nav-center{flex:1;display:flex;justify-content:flex-end;min-width:0;padding-right:12px}.search-box{display:flex;align-items:center;background:#eef3fa;border-radius:100px;padding:4px 4px 4px 16px;width:100%;max-width:360px;border:none;transition:all .25s}.search-box:focus-within{background:#eef3fa;box-shadow:none}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px;flex:1;min-width:0}.search-box input::-moz-placeholder{color:var(--text-secondary)}.search-box input::placeholder{color:var(--text-secondary)}.search-box .search-clear-btn{background:transparent;border:none;color:var(--text-secondary);width:24px;height:24px;padding:0;margin-right:2px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;border-radius:50%;transition:color .2s,background .2s}.search-box .search-clear-btn:hover{color:var(--text-primary);background:rgba(0,0,0,.06)}.search-box .search-btn{background:transparent;color:var(--text-secondary);border:none;border-radius:100px;width:34px;height:34px;padding:0;cursor:pointer;transition:opacity .25s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-box .search-btn:hover{opacity:.75}.search-box .search-btn-icon{width:16px;height:16px;display:block;background-color:currentColor;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M909.6 854.5 649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.6-87.9-212.3S592.2 112 512 112s-200 31.3-276.1 87.9C179.3 256.5 148 331.8 148 412s31.3 155.6 87.9 212.3C292.7 680.8 368 712 448 712c67 0 130.6-21.8 182.7-62l259.7 259.6c3.2 3.2 8.4 3.2 11.6 0l43.6-43.5c3.2-3.2 3.2-8.4 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.3 158.4 65.6C612.7 296 636 352.2 636 412s-23.3 116.1-65.6 158.4z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M909.6 854.5 649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.6-87.9-212.3S592.2 112 512 112s-200 31.3-276.1 87.9C179.3 256.5 148 331.8 148 412s31.3 155.6 87.9 212.3C292.7 680.8 368 712 448 712c67 0 130.6-21.8 182.7-62l259.7 259.6c3.2 3.2 8.4 3.2 11.6 0l43.6-43.5c3.2-3.2 3.2-8.4 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.3 158.4 65.6C612.7 296 636 352.2 636 412s-23.3 116.1-65.6 158.4z'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.nav-tabs{display:flex;align-items:center;gap:8px;flex-shrink:0}.nav-history,.nav-link{cursor:pointer;font-size:16px;color:var(--text-primary);padding:8px 4px;margin:0 8px;border-radius:0;transition:color .25s;white-space:nowrap;position:relative}.nav-history.active,.nav-history:hover,.nav-link.active,.nav-link:hover{color:var(--primary);background:transparent}.nav-history.active,.nav-link.active{font-weight:600}.nav-history{display:flex;align-items:center;gap:6px}.site-footer{background:var(--bg-card);color:var(--text-secondary);margin-top:48px;border-top:1px solid var(--border-color)}.footer-main{max-width:1200px;margin:0 auto;padding:48px 40px 36px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}.footer-brand .f-logo-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}.footer-brand .flogo{width:36px;height:36px;border-radius:8px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;display:block}.footer-brand .f-brand-name{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.footer-brand .f-brand-desc{font-size:13px;line-height:1.75;color:var(--text-secondary);max-width:280px}.footer-col h4{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:18px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a,.footer-links span{font-size:13px;color:var(--text-secondary);cursor:pointer;transition:color .2s;line-height:1.4}.footer-links a:hover,.footer-links span:hover{color:var(--primary)}.footer-contact-list{display:flex;flex-direction:column;gap:14px}.footer-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.footer-contact-item .fci-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--bg-category);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.footer-contact-item .fci-label{font-size:11px;color:var(--text-tertiary);margin-bottom:2px}.footer-contact-item .fci-value{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);padding:18px 40px}.footer-bottom-inner{max-width:1200px;margin:0 auto;justify-content:space-between;gap:12px;font-size:12px;color:var(--text-secondary)}.footer-bottom-inner,.footer-bottom-links{display:flex;align-items:center;flex-wrap:wrap}.footer-bottom-links{gap:20px}.footer-bottom-links span{cursor:pointer;transition:color .2s}.footer-bottom-links span:hover{color:var(--primary)}.floating-contact{position:fixed;right:0;top:50%;transform:translateY(-50%);background:var(--primary);color:#fff;padding:14px 10px;border-radius:8px 0 0 8px;cursor:pointer;z-index:999;writing-mode:vertical-rl;font-size:13px;font-weight:500;letter-spacing:3px;transition:all .25s;box-shadow:-2px 0 12px rgba(0,40,100,.15)}.floating-contact:hover{padding-left:14px;background:var(--primary-dark)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modalFadeIn .25s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-modal{background:#fff;border-radius:12px;width:640px;max-width:100%;box-shadow:0 12px 48px rgba(0,0,0,.15);overflow:hidden;position:relative;animation:modalSlideIn .28s ease}.contact-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}.contact-modal-close:hover{background:hsla(0,0%,100%,.35)}.contact-modal-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);padding:28px 32px 24px;display:flex;align-items:center;gap:16px;color:#fff}.contact-modal-header .cmh-icon{width:48px;height:48px;background:hsla(0,0%,100%,.18);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.contact-modal-header h3{font-size:20px;font-weight:700;margin-bottom:4px}.contact-modal-header p{font-size:13px;opacity:.85}.contact-modal-body{display:flex;gap:28px;padding:28px 32px}.contact-cards{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.contact-card{padding:16px;border-radius:8px;border:1px solid #e5e6eb;background:#fafbfc;transition:all .2s}.contact-card:hover{border-color:rgba(0,132,255,.3);background:#fff;box-shadow:var(--shadow-sm)}.contact-card .cc-icon{width:36px;height:36px;border-radius:8px;background:rgba(0,132,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px}.contact-card .cc-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.contact-card .cc-value{font-size:14px;font-weight:600;color:var(--text-primary);word-break:break-all}.contact-card .cc-value.link{color:var(--primary);cursor:pointer}.contact-card .cc-value.link:hover{text-decoration:underline}.contact-qr-section{width:168px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center}.contact-qr-section .qr-code{width:148px;height:148px;border:1px solid #e5e6eb;border-radius:10px;padding:10px;background:#fff;box-shadow:var(--shadow-sm)}.contact-qr-section .qr-code svg{width:100%;height:100%}.contact-qr-section .qr-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-top:12px;margin-bottom:4px}.contact-qr-section .qr-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.contact-modal-footer{padding:16px 32px 24px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #f2f3f5}.cm-btn{padding:9px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cm-btn-outline{background:#fff;color:var(--text-secondary);border:1px solid #e5e6eb}.cm-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.cm-btn-primary{background:var(--primary);color:#fff}.cm-btn-primary:hover{background:var(--primary-dark)}@media (max-width:1024px){.top-nav-inner{padding:0 24px;gap:16px}.footer-main{grid-template-columns:1fr 1fr;padding:40px 24px 32px;gap:32px}.footer-bottom{padding:18px 24px}}@media (max-width:768px){.top-nav{height:auto;min-height:56px}.top-nav-inner{padding:10px 16px;flex-wrap:wrap;gap:10px}.logo-area{order:1}.nav-tabs{order:3;width:100%;justify-content:center}.nav-center{order:2;flex:1;min-width:120px;padding-right:0}.search-box{max-width:none}.search-box .search-btn{width:32px;height:32px}.top-nav .logo-text{font-size:18px}.footer-main{grid-template-columns:1fr;padding:32px 16px 24px;gap:28px}.footer-bottom{padding:16px}.footer-bottom-inner{flex-direction:column;text-align:center}.contact-modal-body{flex-direction:column;padding:20px}.contact-qr-section{width:100%}.floating-contact{writing-mode:horizontal-tb;letter-spacing:0;top:auto;bottom:16px;right:16px;transform:none;border-radius:24px;padding:10px 16px;font-size:12px}.floating-contact:hover{padding-left:16px}}@media (max-width:480px){.nav-history,.nav-link{padding:6px 10px;font-size:13px}.contact-cards{grid-template-columns:1fr}}.hero-layout{display:flex;gap:0;margin:16px 0 20px;height:292px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:none;overflow:visible}.hero-left{width:200px;flex-shrink:0;position:relative;z-index:100;height:100%}.hero-left-inner{background:#fff;border-radius:var(--radius-lg) 0 0 var(--radius-lg);height:100%;overflow:hidden;display:flex;flex-direction:column}.hero-product-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.hero-product-list::-webkit-scrollbar{width:4px}.hero-product-list::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:2px}.hero-product-list::-webkit-scrollbar-track{background:transparent}.hero-product-item{flex-shrink:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;cursor:pointer;transition:background .2s,color .2s;position:relative;color:var(--text-primary)}.hero-product-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);opacity:0;transition:opacity .2s}.hero-product-item.hovering,.hero-product-item:hover{background:#eef3fa;color:var(--primary)}.hero-product-item .hpi-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.hero-product-item .hpi-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex-shrink:0}.hero-product-item .hpi-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-product-item .hpi-arrow{color:#c9cdd4;font-size:18px;font-weight:300;line-height:1;transition:transform .2s,color .2s}.hero-product-item.hovering .hpi-arrow,.hero-product-item:hover .hpi-arrow{color:var(--primary);transform:translateX(2px)}.category-popup{position:absolute;left:200px;top:0;width:440px;height:100%;background:#eef3fa;box-shadow:4px 0 24px rgba(0,0,0,.06);z-index:200;display:flex;overflow:hidden;animation:popupSlideIn .2s ease}@keyframes popupSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.popup-col-cats{width:180px;flex:0 0 180px;padding:16px 12px 14px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);min-height:0;overflow:hidden;background:#eef3fa}.popup-col-cats .popup-product-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding:0 4px;flex-shrink:0}.popup-cat-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:1fr;gap:4px;align-content:start;scrollbar-width:none;-ms-overflow-style:none}.popup-cat-list::-webkit-scrollbar{display:none}.popup-cat-item{display:block;padding:6px 8px;font-size:12px;color:var(--text-primary);cursor:pointer;transition:all .2s;line-height:1.35;border-radius:var(--radius-md);background:transparent;border:none;text-align:left}.popup-cat-item.active,.popup-cat-item:hover{color:var(--primary);background:var(--bg-card)}.popup-view-all{margin-top:10px;padding:8px 4px 0;border-top:1px solid var(--border-color);font-size:12px;color:var(--primary);cursor:pointer;font-weight:500;transition:opacity .2s;flex-shrink:0;text-align:left;display:inline-flex;align-items:center}.popup-view-all:hover{opacity:.75}.popup-col-videos{width:260px;flex:0 0 260px;min-width:0;padding:16px 14px 14px;background:#eef3fa;display:flex;flex-direction:column;overflow:hidden}.popup-video-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding:0 4px;flex-shrink:0}.popup-video-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px;scrollbar-width:none;-ms-overflow-style:none}.popup-video-list::-webkit-scrollbar{display:none}.popup-video-item{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;cursor:pointer;transition:background .2s}.popup-video-item:hover{background:var(--bg-card)}.popup-video-item .pv-cover{width:52px;height:35px;border-radius:4px;flex-shrink:0;overflow:hidden;background:#e5e6eb}.popup-video-item .pv-cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.popup-video-item .pv-info{flex:1;min-width:0}.popup-video-item .pv-name{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.popup-video-item .pv-meta{font-size:11px;color:var(--text-secondary)}.popup-empty{font-size:13px;color:var(--text-secondary);padding:24px 8px;text-align:center}.hero-center{flex:1;min-width:0;position:relative;z-index:50;overflow:hidden}.hero-carousel{cursor:pointer}.hero-carousel,.hero-carousel .carousel-slides{height:100%;position:relative}.hero-carousel .carousel-slide{position:absolute;inset:0;display:flex;align-items:center;padding:0 64px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease;overflow:hidden}.hero-carousel .carousel-slide.active{opacity:1;visibility:visible;z-index:2}.hero-carousel .carousel-slide.active .slide-content{animation:slideContentIn .7s ease forwards}.hero-carousel .carousel-slide.active .slide-visual{animation:slideVisualIn .8s ease .15s forwards;opacity:0}@keyframes slideContentIn{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideVisualIn{0%{opacity:0;transform:translateY(-50%) translateX(20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.hero-carousel .carousel-slide:first-child{background:linear-gradient(105deg,#0052d9,#0084ff 45%,#36a3ff)}.hero-carousel .carousel-slide:nth-child(2){background:linear-gradient(105deg,#1a3a6b,#2563eb 50%,#3b82f6)}.hero-carousel .carousel-slide:nth-child(3){background:linear-gradient(105deg,#0c4a6e,#0284c7 50%,#38bdf8)}.hero-carousel .slide-bg-image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-carousel .carousel-slide.has-link{cursor:pointer}.hero-carousel .slide-bg-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-carousel .slide-bg-deco:before{content:"";position:absolute;right:-80px;top:-80px;width:400px;height:400px;border-radius:50%;background:hsla(0,0%,100%,.06)}.hero-carousel .slide-bg-deco:after{content:"";position:absolute;right:120px;bottom:-60px;width:280px;height:280px;border-radius:50%;background:hsla(0,0%,100%,.04)}.hero-carousel .slide-bg-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 70% at 75% 50%,#000 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 75% 50%,#000 20%,transparent 70%)}.hero-carousel .slide-bg-glow{position:absolute;right:10%;top:50%;transform:translateY(-50%);width:320px;height:320px;background:radial-gradient(circle,hsla(0,0%,100%,.12) 0,transparent 70%);border-radius:50%}.hero-carousel .slide-content{color:#fff;max-width:52%;z-index:3;position:relative}.hero-carousel .slide-tag{display:inline-flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.18);padding:4px 14px;border-radius:4px;font-size:12px;margin-bottom:18px;border:1px solid hsla(0,0%,100%,.25)}.hero-carousel .slide-tag:before{content:"";width:6px;height:6px;background:#ffd666;border-radius:50%;box-shadow:0 0 6px rgba(255,214,102,.6)}.hero-carousel .slide-title{font-size:32px;font-weight:700;line-height:1.35;margin-bottom:14px}.hero-carousel .slide-desc{font-size:14px;opacity:.88;line-height:1.75;margin-bottom:28px;max-width:90%}.hero-carousel .slide-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--primary);padding:10px 28px;border-radius:4px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s;box-shadow:0 4px 12px rgba(0,0,0,.12)}.hero-carousel .slide-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.18);background:#f0f7ff}.hero-carousel .slide-visual{position:absolute;right:64px;top:50%;transform:translateY(-50%);z-index:2}.hero-carousel .slide-illustration{width:240px;height:240px;position:relative}.hero-carousel .illu-ring{position:absolute;border-radius:50%;border:1px solid hsla(0,0%,100%,.15)}.hero-carousel .illu-ring-1{width:240px;height:240px;top:0;left:0;animation:spin 30s linear infinite}.hero-carousel .illu-ring-2{width:180px;height:180px;top:30px;left:30px;border-color:hsla(0,0%,100%,.1);animation:spin 22s linear infinite reverse}.hero-carousel .illu-ring-3{width:120px;height:120px;top:60px;left:60px;background:hsla(0,0%,100%,.08);border:none;display:flex;align-items:center;justify-content:center;font-size:48px;backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,.1)}.hero-carousel .illu-dot{position:absolute;width:8px;height:8px;background:hsla(0,0%,100%,.6);border-radius:50%;box-shadow:0 0 10px hsla(0,0%,100%,.4)}.hero-carousel .illu-dot-1{top:10px;left:50%;animation:float 3s ease-in-out infinite}.hero-carousel .illu-dot-2{bottom:20px;right:20px;animation:float 3s ease-in-out .5s infinite}.hero-carousel .illu-dot-3{top:50%;right:5px;animation:float 3s ease-in-out 1s infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:1}}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:hsla(0,0%,100%,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;color:#fff;font-size:14px;transition:all .25s;border:1px solid hsla(0,0%,100%,.2);opacity:0;backdrop-filter:blur(4px)}.hero-carousel:hover .carousel-arrow{opacity:1}.carousel-arrow:hover{background:hsla(0,0%,100%,.28);border-color:hsla(0,0%,100%,.4)}.carousel-arrow.left{left:16px}.carousel-arrow.right{right:16px}.carousel-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}.carousel-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.4);cursor:pointer;transition:all .25s}.carousel-dot.active{background:#fff;width:20px;border-radius:4px}.hero-right{width:240px;flex-shrink:0;height:100%;border-left:1px solid var(--border-color);overflow:hidden}.hero-right-inner{background:var(--bg-category);border-radius:0 var(--radius-lg) var(--radius-lg) 0;height:100%;padding:16px 24px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden;box-sizing:border-box}.user-avatar-large{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:600;flex-shrink:0}.user-avatar-large.user-avatar-img{background:#f2f3f5;overflow:hidden;padding:0}.user-avatar-large.user-avatar-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.user-info-company{font-size:11px;color:var(--text-secondary)}.user-info-company,.user-info-name{text-align:center;line-height:1.3;flex-shrink:0}.user-info-name{font-size:14px;font-weight:600;color:var(--text-primary)}.user-info-stats{width:100%;display:flex;flex-direction:column;flex:1;min-height:0;justify-content:center}.user-stat-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-color)}.user-stat-item:last-child{border-bottom:none}.user-stat-item .usi-icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--primary-light)!important}.user-stat-item .usi-info{flex:1;min-width:0;text-align:center}.user-stat-item .usi-value{font-size:18px;font-weight:700;color:var(--primary);line-height:1.2}.user-stat-item .usi-label{font-size:10px;color:var(--text-secondary);margin-top:2px;line-height:1.3}.user-badge{margin-top:auto;padding:4px 12px;background:var(--primary-light);border-radius:var(--radius-md);font-size:11px;color:var(--primary);font-weight:500;flex-shrink:0}.video-sections{margin:30px 0 40px}.vs-header{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:8px}.vs-header:before{content:"";display:inline-block;width:3px;height:18px;background:var(--primary);border-radius:2px}.video-section{background:transparent;border-radius:0;padding:0;margin-bottom:40px;box-shadow:none}.video-section:last-child{margin-bottom:0}.video-section .sec-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.video-section .sec-header h3{font-size:24px;color:var(--text-primary);display:flex;align-items:center;gap:10px;font-weight:600;flex-wrap:wrap}.video-section .sec-header h3 .icon-area{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}.video-section .sec-header .more-btn{font-size:14px;font-weight:400;cursor:pointer;padding:0;border-radius:0;border:none;background:transparent;transition:opacity .25s;display:flex;align-items:center;gap:0;white-space:nowrap}.video-section .sec-header .more-btn:hover{opacity:.75;background:transparent;color:var(--primary)}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;row-gap:28px}.course-card,.video-card{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .3s ease;background:var(--bg-card);border:none;box-shadow:none}.video-card{display:flex;flex-direction:column}.course-card:hover,.video-card:hover{box-shadow:var(--shadow-hover)}.course-card .cc-cover,.video-card .vc-cover{position:relative;width:100%;aspect-ratio:276/184;height:auto;overflow:hidden;flex-shrink:0;background:#e5e6eb}.video-card .vc-cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.video-card:hover .vc-cover-img{transform:scale(1.06)}.course-card:hover .cc-info .cc-name,.video-card:hover .vc-info .vc-name{color:var(--primary)}.course-card .cc-cover .cover-fb,.video-card .vc-cover .cover-fb{width:100%;height:100%;font-size:28px}.course-card .cc-cover .cover-fb{font-size:26px}.course-card .cc-cover .cc-dur{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:2px 6px;border-radius:3px}.course-card .cc-info,.video-card .vc-info{padding:20px 18px 22px}.video-card .vc-info{flex:1;display:flex;flex-direction:column;padding:16px}.video-card .vc-info .vc-name{font-size:16px;margin:0 0 16px;height:51.2px;min-height:51.2px}.course-card .cc-info .cc-name,.video-card .vc-info .vc-name{color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;transition:color .3s ease}.course-card .cc-info .cc-name{font-size:14px;font-weight:600;margin-bottom:12px;min-height:0}.video-card .vc-info .vc-meta{font-size:14px;color:#617288;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;margin-top:4px}.course-card .cc-info .cc-meta{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.video-card .vc-info .vc-meta .vc-chapters,.video-card .vc-info .vc-meta .vc-plays{color:#617288;font-weight:400;font-size:14px}.video-card .vc-info .vc-meta .vc-plays{flex-shrink:0;margin-left:auto;text-align:right}.course-card .cc-info .cc-meta .cc-chapters{color:var(--primary);font-weight:500}.hero-mobile-products{display:none;padding:12px 16px;border-bottom:1px solid #e5e6eb;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.hero-mobile-product-tab{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:13px;border:1px solid #e5e6eb;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.hero-mobile-product-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}@media (max-width:1024px){.hero-layout{height:auto;flex-direction:column;overflow:hidden}.hero-center{order:1;flex:none;flex-shrink:0;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden}.hero-carousel,.hero-carousel .carousel-slides,.hero-center{height:240px;min-height:240px}.hero-left{order:2;width:100%;height:auto;z-index:auto}.hero-left-inner{border-radius:0;border-right:none;border-bottom:1px solid #e5e6eb}.hero-product-list{display:none}.hero-mobile-products{display:flex}.category-popup{position:static;width:100%;height:auto;max-height:320px;box-shadow:none;border-left:none;border-top:1px solid #e5e6eb}.category-popup,.popup-col-cats{overflow:hidden;background:#eef3fa}.popup-col-cats{width:160px;padding:16px 12px;min-height:0}.popup-cat-list{grid-template-columns:1fr}.popup-col-cats .popup-product-name{margin-bottom:12px;font-size:14px}.popup-col-videos{padding:16px 12px;min-height:0;overflow:hidden;background:#eef3fa}.hero-carousel .carousel-slide{padding:0 32px}.hero-carousel .slide-title{font-size:22px;margin-bottom:10px}.hero-carousel .slide-desc{font-size:13px;margin-bottom:20px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.hero-carousel .slide-visual{display:none}.hero-carousel .slide-btn{padding:8px 20px;font-size:13px}.carousel-arrow{opacity:1}.hero-right{order:3;width:100%;border-left:none;border-top:1px solid #f2f3f5}.hero-right-inner{border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-direction:row;flex-wrap:wrap;justify-content:center;padding:20px;gap:16px}.user-info-stats{flex-direction:row;gap:24px;width:auto}.user-stat-item{border-bottom:none;padding:0}.user-badge{margin-top:0;width:100%;justify-content:center;display:flex}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;row-gap:22px}.video-section{margin-bottom:20px}.video-sections{margin-bottom:32px}}@media (max-width:768px){.hero-layout{margin:16px 0 20px}.hero-carousel,.hero-carousel .carousel-slides,.hero-center{height:200px;min-height:200px}.hero-carousel .carousel-slide{padding:0 20px 36px;align-items:flex-start;padding-top:28px}.hero-carousel .slide-content{max-width:100%}.hero-carousel .slide-tag{margin-bottom:10px;font-size:11px;padding:3px 10px}.hero-carousel .slide-title{font-size:18px;line-height:1.3}.hero-carousel .slide-desc{font-size:12px;margin-bottom:12px;max-width:100%}.hero-carousel .slide-btn{padding:7px 16px;font-size:12px}.carousel-arrow{opacity:1;width:32px;height:32px;font-size:12px}.carousel-dots{bottom:10px}.category-popup{flex-direction:column;max-height:360px;overflow:hidden}.popup-col-cats{width:100%;border-right:none;border-bottom:1px solid #e5e6eb;padding:16px;max-height:148px;min-height:0;overflow:hidden}.popup-cat-list{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;flex:1;min-height:0;overflow-y:auto;grid-template-columns:none;scrollbar-width:none;-ms-overflow-style:none}.popup-cat-list::-webkit-scrollbar{display:none}.popup-cat-item{padding:6px 12px;font-size:12px;text-align:left;border-radius:16px}.hero-right-inner{padding:16px}.user-avatar-large{width:48px;height:48px;font-size:20px;margin-bottom:0}.user-info-company,.user-info-name{width:100%;text-align:center;margin-bottom:8px}.user-stat-item .usi-value{font-size:18px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;row-gap:18px}.video-section,.video-section .sec-header{margin-bottom:16px}.video-sections{margin:0 0 28px}.course-card .cc-info{padding:16px 14px 18px}.vs-header{font-size:16px;margin-bottom:16px}}@media (max-width:480px){.hero-layout{margin:12px 0 16px;border-radius:6px}.hero-carousel,.hero-carousel .carousel-slides,.hero-center{height:180px;min-height:180px}.hero-carousel .carousel-slide{padding-top:22px;padding-bottom:32px}.hero-carousel .slide-title{font-size:16px}.hero-mobile-product-tab{padding:6px 12px;font-size:12px}.video-grid{grid-template-columns:minmax(0,1fr);gap:12px;row-gap:16px}.video-section .sec-header h3{font-size:18px}.video-section .sec-header .more-btn{padding:4px 10px;font-size:14px}}.cat-tabs{background:var(--bg-card);border-radius:var(--radius-lg);padding:8px 24px;margin:24px 0;border:1px solid var(--border-color);box-shadow:none}.cat-filter-row{display:flex;align-items:flex-start;gap:24px;padding:16px 0}.cat-filter-row:not(:last-child){border-bottom:1px solid #f2f3f5}.cat-filter-label{flex-shrink:0;width:72px;font-size:14px;font-weight:600;color:var(--text-primary);line-height:28px}.cat-filter-tags{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.cat-filter-tag{padding:4px 14px;border-radius:999px;font-size:14px;line-height:20px;cursor:pointer;color:#666;background:transparent;border:none;transition:color .2s,background .2s;white-space:nowrap}.cat-filter-tag:hover:not(.active){color:var(--primary)}.cat-filter-tag.active{background:var(--primary);color:#fff;font-weight:400}.cat-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;row-gap:24px}.cat-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.cat-list-header .cat-list-title{font-size:15px;font-weight:600;color:var(--text-primary)}.cat-list-header .cat-list-count{font-size:13px;color:var(--text-secondary)}.cat-list-wrap{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:none}.cat-list-wrap.is-search{margin-top:24px}.empty-tip{grid-column:1/-1;text-align:center;padding:40px;color:var(--text-secondary)}.pagination{gap:6px;padding:16px 0 4px;flex-wrap:wrap}.pagination,.pagination .pg-btn{display:flex;align-items:center;justify-content:center}.pagination .pg-btn{min-width:32px;height:32px;padding:0 10px;border:1px solid #e5e6eb;border-radius:4px;background:#fff;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.pagination .pg-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination .pg-btn:disabled{opacity:.4;cursor:not-allowed}.pagination .pg-num{min-width:32px;height:32px;padding:0 6px;border:1px solid #e5e6eb;border-radius:4px;background:#fff;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.pagination .pg-num:hover{border-color:var(--primary);color:var(--primary)}.pagination .pg-num.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination .pg-ellipsis{color:var(--text-secondary);font-size:13px;padding:0 4px}.pagination .pg-info{font-size:13px;color:var(--text-secondary);margin-left:12px}.history-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;margin:24px 0;border:1px solid var(--border-color);box-shadow:none}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.history-header h2{font-size:20px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.history-header .history-count{font-size:13px;color:var(--text-secondary);background:var(--bg-category);padding:4px 14px;border-radius:20px}.history-timeline{position:relative;padding-left:40px}.history-timeline:before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--primary),var(--bg-category));border-radius:1px}.history-date-group{margin-bottom:28px}.history-date-label{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.history-date-label .date-dot{width:14px;height:14px;background:var(--primary);border-radius:50%;position:absolute;left:9px;box-shadow:0 0 0 6px var(--primary-light);z-index:1}.history-date-label .date-text{font-size:16px;font-weight:700;color:var(--text-primary)}.history-date-label .date-weekday{font-size:12px;color:var(--text-secondary)}.history-video-item{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s;margin-bottom:6px;position:relative}.history-video-item:before{content:"";position:absolute;left:-31px;width:8px;height:8px;border-radius:50%;background:var(--primary-light)}.history-video-item:hover{background:var(--bg-category)}.history-video-item:hover:before{background:var(--primary)}.history-video-item .hv-time{font-size:12px;color:var(--text-secondary);width:50px;flex-shrink:0;font-variant-numeric:tabular-nums}.history-video-item .hv-cover{width:120px;height:68px;border-radius:var(--radius-md);flex-shrink:0;overflow:hidden;background:#e5e6eb}.history-video-item .hv-cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.history-video-item .hv-info{flex:1;min-width:0}.history-video-item .hv-info .hv-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-video-item .hv-info .hv-meta{font-size:11px;color:var(--text-secondary)}.history-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.history-empty .he-icon{font-size:56px;margin-bottom:16px;opacity:.5}.history-empty .he-text{font-size:15px}.detail-page{margin:24px 0 36px}.detail-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.detail-breadcrumb .bc-item{cursor:pointer;transition:color .2s}.detail-breadcrumb .bc-item:hover{color:var(--primary)}.detail-breadcrumb .bc-sep{color:#c9cdd4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.detail-breadcrumb .bc-current{color:var(--text-primary);font-weight:500;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-container{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border-color);box-shadow:none}.detail-top{display:flex;gap:32px}.detail-cover{width:480px;max-width:100%;height:280px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;position:relative;cursor:pointer;box-shadow:none}.detail-cover-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease}.detail-cover:hover .detail-cover-img{transform:scale(1.03)}.detail-cover .cover-fb{width:100%;height:100%;font-size:50px;transition:transform .35s ease}.detail-cover:hover .cover-fb{transform:scale(1.03)}.detail-cover-dur{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;padding:4px 10px;border-radius:4px;z-index:2}.detail-cover .detail-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);transition:all .3s}.detail-cover:hover .detail-play-btn{background:rgba(0,0,0,.42)}.detail-cover .detail-play-btn span{width:72px;height:72px;background:hsla(0,0%,100%,.92);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary);transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.2)}.detail-cover:hover .detail-play-btn span{transform:scale(1.08)}.detail-info{flex:1;min-width:0;display:flex;flex-direction:column}.detail-product-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:14px}.detail-product-badge .dpb-icon{font-size:15px}.detail-product-badge .dpb-dot{opacity:.5}.detail-title{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:20px;line-height:1.4}.detail-stats{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.detail-stat-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-category);border-radius:var(--radius-lg);border:1px solid var(--border-color);min-width:120px;flex:1}.detail-stat-item .dsi-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.detail-stat-item .dsi-value{font-size:18px;font-weight:700;color:var(--primary);line-height:1.2}.detail-stat-item .dsi-label{font-size:12px;color:var(--text-secondary);margin-top:2px}.detail-desc.brief-desc{color:#546e7a;line-height:1.85;font-size:14px;margin-bottom:4px}.detail-desc.brief-desc h4,.detail-desc.brief-desc ul{display:none}.detail-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.detail-actions .btn-play,.detail-empty .btn-play{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;padding:12px 36px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s;display:inline-flex;align-items:center;gap:8px}.detail-actions .btn-play:hover,.detail-empty .btn-play:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,132,255,.28)}.detail-actions .btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary);padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s}.detail-actions .btn-outline:hover{background:rgba(0,132,255,.06)}.detail-intro-section{margin-top:32px;padding-top:28px;border-top:1px solid #eceff1}.detail-intro-section .intro-heading{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:18px;display:flex;align-items:center;gap:10px}.detail-intro-section .intro-heading:before{content:"";display:inline-block;width:4px;height:20px;background:linear-gradient(180deg,var(--primary),#42a5f5);border-radius:2px}.detail-intro-section .intro-body{color:#455a64;font-size:14px;line-height:2}.detail-intro-section .intro-body h4{color:var(--primary);font-size:15px;margin:18px 0 10px}.detail-intro-section .intro-body ul{padding-left:20px;margin:8px 0}.detail-intro-section .intro-body ul li{margin-bottom:6px;position:relative}.detail-intro-section .intro-body ul li:before{content:"●";color:var(--primary);font-size:6px;position:absolute;left:-16px;top:8px}.detail-intro-section .intro-body strong{color:var(--text-primary)}.detail-related{margin-top:20px;background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color);box-shadow:none}.detail-related-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-related-header h3{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.detail-related-header h3:before{content:"";width:3px;height:16px;background:var(--primary);border-radius:2px}.detail-related-more{font-size:13px;color:var(--primary);font-weight:500;cursor:pointer;transition:opacity .2s;display:inline-flex;align-items:center}.detail-related-more:hover{opacity:.75}.detail-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;row-gap:24px}.detail-empty{background:var(--bg-card);border-radius:var(--radius-lg);padding:80px 32px;margin:24px 0;text-align:center;border:1px solid var(--border-color);box-shadow:none}.detail-empty-icon{font-size:56px;margin-bottom:16px;opacity:.5}.detail-empty-text{font-size:15px;color:var(--text-secondary);margin-bottom:24px}.player-page{margin:16px 0 32px}.player-toolbar{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.player-toolbar-info{flex:1;min-width:0;width:100%}.player-video-title{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.player-toolbar-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-secondary)}.player-toolbar-meta .ptm-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500}.player-toolbar-meta .ptm-sep{color:#c9cdd4}.player-chapters-toggle{padding:8px 16px;border-radius:8px;border:1px solid var(--primary);background:#fff;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;flex-shrink:0;transition:all .25s}.player-chapters-toggle:hover{background:rgba(0,132,255,.06)}.player-layout{gap:20px;align-items:stretch}.player-layout,.player-main{display:flex;height:var(--player-panel-height,480px)}.player-main{flex:1;min-width:0;flex-direction:column;gap:12px}.player-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.player-main-head .player-breadcrumb{flex:1;min-width:0;margin-bottom:0}.player-main .player-container{flex:1;min-height:0;height:auto}.player-container{height:100%;background:#000;border-radius:var(--radius-lg);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:none;flex-shrink:0}.player-screen{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.player-cover-bg{position:absolute;inset:0;opacity:.35;filter:blur(2px);transform:scale(1.05)}.player-container .pp-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px;position:relative;z-index:2;max-width:90%}.player-container .pp-placeholder .pp-icon{display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:16px;cursor:pointer;width:88px;height:88px;line-height:1;flex-shrink:0;background:hsla(0,0%,100%,.15);border-radius:50%;backdrop-filter:blur(8px);border:2px solid hsla(0,0%,100%,.25);transition:all .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-container .pp-placeholder .pp-icon:hover{background:hsla(0,0%,100%,.25);transform:scale(1.05)}.player-container .pp-placeholder .pp-title{font-size:20px;font-weight:700;margin-bottom:8px;line-height:1.4}.player-container .pp-placeholder .pp-text{font-size:13px;opacity:.75}.player-container .player-controls{position:relative;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:24px 20px 16px;display:flex;align-items:center;gap:12px;flex-shrink:0}.player-container .player-controls .ctrl-btn{color:#fff;cursor:pointer;font-size:16px;opacity:.85;transition:opacity .2s;background:none;border:none;padding:4px;flex-shrink:0}.player-container .player-controls .ctrl-btn:hover{opacity:1}.player-container .player-controls .speed-btn{font-size:12px;font-weight:600;min-width:36px;padding:4px 6px;background:hsla(0,0%,100%,.15);border-radius:4px}.player-container .player-controls .volume-control{display:flex;align-items:center;gap:6px;flex-shrink:0}.player-container .player-controls .volume-btn{font-size:15px;line-height:1}.player-container .player-controls .volume-slider{width:72px;height:4px;accent-color:#fff;cursor:pointer}.player-container .player-controls .fullscreen-btn{font-size:15px;line-height:1}.player-container.is-fullscreen{position:fixed;inset:0;z-index:3000;width:100vw;height:100vh;max-width:none;border-radius:0;background:#000}.player-container.is-fullscreen .player-screen{flex:1;height:auto}.player-container .player-controls .progress-bar{flex:1;height:5px;background:hsla(0,0%,100%,.25);border-radius:3px;cursor:pointer;position:relative}.player-container .player-controls .progress-bar:hover{height:6px}.player-container .player-controls .progress-bar .progress{height:100%;background:var(--primary);border-radius:3px;position:relative;transition:width .15s}.player-container .player-controls .progress-bar .progress:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.3)}.player-container .player-controls .time{color:#fff;font-size:12px;opacity:.85;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:36px}.player-nav-bar{display:flex;gap:12px;padding:16px 0 4px;margin-top:4px}.player-nav-bar,.player-nav-bar .nav-btn{align-items:center;justify-content:center}.player-nav-bar .nav-btn{display:inline-flex;gap:6px;padding:10px 20px;border-radius:8px;border:1px solid #e5e6eb;background:#fff;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s;min-width:100px}.player-nav-bar .nav-btn .nav-btn-icon{font-size:18px;line-height:1;font-weight:600}.player-nav-bar .nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:rgba(0,132,255,.04)}.player-nav-bar .nav-btn:disabled{opacity:.38;cursor:not-allowed}.player-nav-bar .nav-btn-back{min-width:160px;padding:10px 28px;color:var(--primary);border-color:rgba(0,132,255,.35);background:rgba(0,132,255,.06);font-weight:600}.player-nav-bar .nav-btn-back:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px rgba(0,132,255,.25)}.player-nav-bar .nav-btn-prev{margin-right:auto}.player-nav-bar .nav-btn-next{margin-left:auto}.player-chapters{width:340px;height:var(--player-panel-height,480px);flex-shrink:0;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:none;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.player-chapters .chapters-header{padding:16px 18px 12px;border-bottom:1px solid var(--border-color);flex-shrink:0}.player-chapters .chapters-path{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px;word-break:break-all}.player-chapters .chapters-header h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.player-chapters .chapters-header h3.chapters-title:before{display:none}.player-chapters .chapters-icon{font-size:14px;line-height:1}.player-chapters .chapters-summary{font-size:12px;color:var(--text-secondary)}.player-chapters .chapters-list{flex:1;overflow-y:auto;padding:4px 0;min-height:0}.player-chapters .chapters-list::-webkit-scrollbar{width:4px}.player-chapters .chapters-list::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:2px}.ch-cat-group{margin-bottom:2px}.ch-cat-group .ch-cat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 6px;position:sticky;top:0;background:#fff;z-index:1}.ch-cat-group .ch-cat-header .ch-cat-name{font-size:12px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.ch-cat-group .ch-cat-header .ch-cat-name .ch-cat-dot{width:6px;height:6px;border-radius:50%;background:var(--primary)}.ch-cat-group .ch-cat-header .ch-cat-count{font-size:11px;color:var(--text-secondary);background:#f7f8fa;padding:2px 8px;border-radius:10px}.ch-cat-group .ch-cat-header.active .ch-cat-name{color:var(--primary)}.ch-cat-group .chapter-item{padding-left:32px}.player-chapters .chapter-item{display:flex;align-items:center;gap:8px;padding:10px 18px 10px 14px;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.player-chapters .chapter-item:hover{background:#f7f8fa}.player-chapters .chapter-item.playing{background:rgba(0,132,255,.08);border-left-color:var(--primary)}.player-chapters .chapter-item .ch-index{width:22px;font-size:11px;color:var(--text-secondary);text-align:center;flex-shrink:0;font-variant-numeric:tabular-nums}.player-chapters .chapter-item.playing .ch-index{color:var(--primary);font-weight:600}.player-chapters .chapter-item .ch-play-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#c9cdd4;flex-shrink:0}.player-chapters .chapter-item.playing .ch-play-icon{color:var(--primary)}.player-chapters .chapter-item .ch-info{flex:1;min-width:0}.player-chapters .chapter-item .ch-info .ch-name{font-size:13px;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.player-chapters .chapter-item.playing .ch-info .ch-name{color:var(--primary);font-weight:600}.player-chapters .chapter-item .ch-duration{font-size:11px;color:var(--text-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}@media (max-width:1024px){.cat-video-grid,.detail-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.detail-top{flex-direction:column}.detail-cover{width:100%;height:240px}.detail-container,.detail-related{padding:24px 20px}.player-layout{flex-direction:column;height:auto}.player-main{height:auto}.player-container{height:280px}.player-chapters{width:100%;height:360px}.player-chapters.is-mobile-open{height:400px}.player-toolbar-info{order:3;width:100%}.player-chapters-toggle{order:2;margin-left:auto}.player-nav-bar .nav-btn{padding:8px 14px;font-size:13px}.cat-list-wrap,.cat-tabs{padding:20px}}@media (max-width:768px){.detail-page{margin:16px 0 24px}.detail-breadcrumb{font-size:12px;margin-bottom:12px}.detail-breadcrumb .bc-current{max-width:120px}.detail-container,.detail-related{padding:20px 16px}.detail-title{font-size:20px;margin-bottom:16px}.detail-stats{gap:10px}.detail-stat-item{padding:12px 14px;min-width:calc(50% - 5px);flex:none}.detail-stat-item .dsi-value{font-size:16px}.detail-actions{flex-direction:column}.detail-actions .btn-outline,.detail-actions .btn-play{width:100%;justify-content:center}.detail-cover{height:200px}.cat-video-grid,.detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-empty{padding:60px 20px;margin:16px 0}.history-container{padding:20px 16px;margin:16px 0}.history-timeline{padding-left:28px}.history-video-item{flex-wrap:wrap;gap:10px}.history-video-item .hv-time{width:auto}.cat-video-grid,.detail-related-grid{grid-template-columns:minmax(0,1fr);gap:12px}.cat-list-wrap.is-search{margin-top:16px}.cat-filter-row{gap:12px;padding:14px 0}.cat-filter-label{width:64px;font-size:13px;line-height:26px}.cat-filter-tags{gap:8px 12px}.cat-filter-tag{padding:4px 12px;font-size:13px}.player-page{margin:12px 0 24px}.player-video-title{font-size:17px}.player-toolbar-meta{font-size:12px}.player-container{height:220px}.player-chapters{height:320px}.player-container .pp-placeholder .pp-icon{font-size:28px;width:64px;height:64px}.player-container .pp-placeholder .pp-title{font-size:16px}.player-nav-bar{flex-wrap:wrap;justify-content:center;gap:10px}.player-nav-bar .nav-btn-next,.player-nav-bar .nav-btn-prev{margin:0;flex:1;min-width:0}.player-nav-bar .nav-btn-back{order:-1;width:100%;min-width:0;margin-bottom:4px}.player-nav-bar .nav-btn{padding:10px 12px;font-size:13px}}@media (max-width:480px){.history-header h2{font-size:18px}}