:root{--primary-pink: #ff6b9d;--primary-blue: #4a90e2;--primary-orange: #ff8c42;--primary-green: #51cf66;--primary-purple: #9775fa;--primary-teal: #20c997;--primary-rose: #f06595;--gradient-pink: linear-gradient(135deg, #ff6b9d 0%, #ffa8cc 100%);--gradient-blue: linear-gradient(135deg, #4a90e2 0%, #7bb3ff 100%);--gradient-orange: linear-gradient(135deg, #ff8c42 0%, #ffb976 100%);--gradient-green: linear-gradient(135deg, #51cf66 0%, #8ce99a 100%);--gradient-purple: linear-gradient(135deg, #9775fa 0%, #b197fc 100%);--gradient-sunset: linear-gradient(135deg, #ff6b6b 0%, #ffd93d 100%);--gradient-ocean: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-primary: #2c3e50;--text-secondary: #6c757d;--text-light: #95a5a6;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-gray: #e9ecef;--shadow-sm: 0 2px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 8px rgba(0,0,0,.12);--shadow-lg: 0 8px 16px rgba(0,0,0,.15);--shadow-xl: 0 12px 24px rgba(0,0,0,.18);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-light);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition-fast)}.main-content{min-height:60vh}.site-header{background:var(--bg-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;animation:slideDown .4s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-container{max-width:1400px;margin:0 auto;padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.logo{cursor:pointer;transition:var(--transition-normal)}.logo:hover{transform:scale(1.05)}.logo h1{font-size:1.5rem;font-weight:700;background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.logo-subtitle{font-size:.7rem;color:var(--text-light);letter-spacing:.5px}.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;padding:8px}.mobile-menu-toggle span{width:24px;height:2px;background:var(--text-primary);transition:var(--transition-normal)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-md)}.nav-link{font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius-md);transition:var(--transition-fast);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--gradient-sunset);transition:var(--transition-normal)}.nav-link:hover:after,.nav-link.active:after{width:80%}.nav-link:hover{color:var(--primary-pink)}.search-bar{display:flex;align-items:center;background:var(--bg-light);border-radius:var(--border-radius-lg);padding:.5rem 1rem;gap:.5rem;min-width:250px}.search-bar input{border:none;background:none;outline:none;flex:1;font-size:.95rem}.search-btn{background:none;padding:.25rem;color:var(--text-secondary);display:flex;align-items:center}.search-btn:hover{color:var(--primary-pink)}.hero-section{position:relative;height:600px;overflow:hidden;margin-bottom:var(--spacing-xl)}.hero-carousel{position:relative;width:100%;height:100%}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(.7);animation:zoomIn 10s ease infinite}@keyframes zoomIn{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.hero-content{position:relative;max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-sm);width:fit-content}.hero-title{font-size:3rem;font-weight:700;margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-description{font-size:1.25rem;margin-bottom:var(--spacing-md);max-width:600px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.hero-meta{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.95rem}.hero-meta span{display:flex;align-items:center;gap:.5rem}.hero-btn{padding:1rem 2.5rem;background:var(--gradient-sunset);color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:fit-content;transition:var(--transition-normal)}.hero-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.hero-controls{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-md)}.hero-prev,.hero-next{width:40px;height:40px;border-radius:50%;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.hero-prev:hover,.hero-next:hover{background:#ffffff80;transform:scale(1.1)}.hero-indicators{display:flex;gap:.5rem}.hero-indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;transition:var(--transition-fast)}.hero-indicator.active{background:#fff;width:32px;border-radius:6px}.section-padding{padding:var(--spacing-xl) var(--spacing-md);max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.section-divider{width:80px;height:4px;background:var(--gradient-sunset);margin:0 auto;border-radius:2px}.theme-pink{background:linear-gradient(to bottom,transparent,rgba(255,107,157,.05))}.theme-pink .section-title{color:var(--primary-pink)}.theme-blue{background:linear-gradient(to bottom,transparent,rgba(74,144,226,.05))}.theme-blue .section-title{color:var(--primary-blue)}.theme-orange{background:linear-gradient(to bottom,transparent,rgba(255,140,66,.05))}.theme-orange .section-title{color:var(--primary-orange)}.theme-green{background:linear-gradient(to bottom,transparent,rgba(81,207,102,.05))}.theme-green .section-title{color:var(--primary-green)}.theme-purple{background:linear-gradient(to bottom,transparent,rgba(151,117,250,.05))}.theme-purple .section-title{color:var(--primary-purple)}.theme-teal{background:linear-gradient(to bottom,transparent,rgba(32,201,151,.05))}.theme-teal .section-title{color:var(--primary-teal)}.theme-rose{background:linear-gradient(to bottom,transparent,rgba(240,101,149,.05))}.theme-rose .section-title{color:var(--primary-rose)}.theme-gradient{background:var(--gradient-ocean);color:#fff}.theme-gradient .section-title{color:#fff}.theme-gradient .section-divider{background:#fff}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.video-card{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-normal);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.video-thumbnail{position:relative;padding-top:56.25%;overflow:hidden}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition-normal)}.video-card:hover .video-overlay{opacity:1}.play-icon{transform:scale(.8);transition:var(--transition-normal)}.video-card:hover .play-icon{transform:scale(1)}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-size:.85rem;font-weight:600}.video-info{padding:var(--spacing-md)}.video-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.video-category{background:var(--gradient-sunset);color:#fff;padding:.25rem .75rem;border-radius:var(--border-radius-lg);font-weight:600}.video-views{color:var(--text-light)}.video-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.video-list-item{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;gap:var(--spacing-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-normal);animation:slideInLeft .5s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.video-list-item:hover{box-shadow:var(--shadow-lg);transform:translate(8px)}.list-thumbnail{position:relative;flex-shrink:0;width:200px;height:120px;border-radius:var(--border-radius-md);overflow:hidden}.list-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.video-list-item:hover .list-thumbnail img{transform:scale(1.1)}.list-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.list-title{font-size:1.25rem;font-weight:600;line-height:1.4}.list-description{font-size:.95rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--bg-gray);color:var(--text-secondary);padding:.25rem .75rem;border-radius:var(--border-radius-lg);font-size:.85rem;transition:var(--transition-fast)}.tag:hover{background:var(--primary-pink);color:#fff}.list-meta{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--text-light)}.masonry-grid{columns:4 280px;column-gap:var(--spacing-md)}.masonry-item{break-inside:avoid;margin-bottom:var(--spacing-md);background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition-normal);animation:fadeIn .5s ease}.masonry-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.masonry-item.tall{height:400px}.masonry-item.medium{height:320px}.masonry-item.short{height:260px}.masonry-thumbnail{position:relative;width:100%;height:100%;overflow:hidden}.masonry-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.masonry-item:hover .masonry-thumbnail img{transform:scale(1.1)}.masonry-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.9),transparent);color:#fff;transform:translateY(20px);opacity:0;transition:var(--transition-normal)}.masonry-item:hover .masonry-overlay{transform:translateY(0);opacity:1}.masonry-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.masonry-description{font-size:.9rem;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.masonry-meta{margin-top:.5rem;font-size:.85rem;opacity:.8}.carousel-container{position:relative;padding:0 60px}.carousel-track{display:flex;gap:var(--spacing-md);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 auto;width:280px;background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-normal)}.carousel-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.carousel-thumbnail{position:relative;padding-top:56.25%;overflow:hidden}.carousel-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.carousel-card:hover .carousel-thumbnail img{transform:scale(1.1)}.carousel-title{padding:var(--spacing-md);padding-bottom:var(--spacing-sm);font-size:1rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-meta{padding:0 var(--spacing-md) var(--spacing-md);font-size:.85rem;color:var(--text-light)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--bg-white);box-shadow:var(--shadow-md);font-size:1.5rem;color:var(--text-primary);z-index:10;transition:var(--transition-fast)}.carousel-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-50%) scale(1.1)}.carousel-prev{left:0}.carousel-next{right:0}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.category-card{position:relative;height:200px;border-radius:var(--border-radius-lg);overflow:hidden;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-lg);cursor:pointer;transition:var(--transition-normal);animation:fadeIn .5s ease}.category-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);transition:var(--transition-normal)}.category-card:hover:before{background:linear-gradient(to top,#0009,#0000004d)}.category-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.category-name{position:relative;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem;z-index:1}.category-count{position:relative;font-size:.95rem;color:#ffffffe6;margin-bottom:var(--spacing-sm);z-index:1}.category-btn{position:relative;padding:.5rem 1.5rem;background:#fff;color:var(--text-primary);border-radius:var(--border-radius-md);font-weight:600;width:fit-content;z-index:1;transition:var(--transition-fast)}.category-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.timeline{position:relative;padding:var(--spacing-lg) 0}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:var(--gradient-purple)}.timeline-item{position:relative;width:50%;padding:var(--spacing-md);cursor:pointer;animation:fadeIn .5s ease}.timeline-item.left{padding-right:60px;text-align:right}.timeline-item.right{margin-left:50%;padding-left:60px}.timeline-content{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.timeline-item:hover .timeline-content{box-shadow:var(--shadow-lg);transform:scale(1.05)}.timeline-thumbnail{height:180px;overflow:hidden}.timeline-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.timeline-item:hover .timeline-thumbnail img{transform:scale(1.1)}.timeline-info{padding:var(--spacing-md)}.timeline-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.timeline-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.timeline-date{font-size:.85rem;color:var(--text-light)}.timeline-marker{position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:var(--gradient-purple);border:4px solid var(--bg-light);transform:translateY(-50%);z-index:10}.timeline-item.left .timeline-marker{right:-10px}.timeline-item.right .timeline-marker{left:-10px}.ranking-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.ranking-item{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:var(--transition-normal);position:relative;animation:slideInLeft .5s ease}.ranking-item:hover{box-shadow:var(--shadow-lg);transform:translate(8px)}.ranking-number{flex-shrink:0;width:50px;height:50px;border-radius:50%;background:var(--bg-gray);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--text-secondary)}.ranking-item.top-three .ranking-number{background:var(--gradient-sunset);color:#fff;font-size:1.75rem}.ranking-thumbnail{flex-shrink:0;width:150px;height:90px;border-radius:var(--border-radius-md);overflow:hidden}.ranking-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.ranking-item:hover .ranking-thumbnail img{transform:scale(1.1)}.ranking-info{flex:1}.ranking-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.ranking-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ranking-meta{display:flex;gap:var(--spacing-md);font-size:.85rem}.ranking-category{background:var(--gradient-teal);color:#fff;padding:.25rem .75rem;border-radius:var(--border-radius-lg);font-weight:600}.ranking-views{color:var(--text-light)}.ranking-badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.video-detail-page{min-height:100vh;background:var(--bg-light)}.video-detail-container{max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl)}.video-player-section{animation:fadeIn .5s ease}.video-player-wrapper{position:relative;background:#000;border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-xl)}.video-player{width:100%;display:none;aspect-ratio:16 / 9}.video-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;color:#fff;gap:var(--spacing-md)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-info-panel{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.video-detail-title{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.3}.video-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--bg-gray);margin-bottom:var(--spacing-md)}.stat-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.95rem}.video-tags-section{display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--bg-gray);margin-bottom:var(--spacing-md)}.category-badge{background:var(--gradient-sunset);color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius-lg);font-weight:600;font-size:.95rem}.video-tag{background:var(--bg-gray);color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--border-radius-lg);font-size:.9rem;transition:var(--transition-fast);cursor:pointer}.video-tag:hover{background:var(--primary-pink);color:#fff;transform:translateY(-2px)}.video-description-section,.video-review-section{margin-bottom:var(--spacing-lg)}.video-description-section h2,.video-review-section h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}.video-description-section p,.review-content p{line-height:1.8;color:var(--text-secondary)}.video-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-gray)}.action-btn{flex:1;padding:.75rem 1.5rem;background:var(--bg-light);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:var(--transition-fast)}.action-btn:hover{background:var(--gradient-sunset);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.related-videos-sidebar{animation:fadeIn .5s ease .2s backwards}.sidebar-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.related-videos-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.related-video-item{background:var(--bg-white);border-radius:var(--border-radius-lg);overflow:hidden;display:flex;gap:var(--spacing-sm);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm)}.related-video-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.related-thumbnail{position:relative;flex-shrink:0;width:120px;height:90px;overflow:hidden}.related-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.related-video-item:hover .related-thumbnail img{transform:scale(1.1)}.related-duration{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;padding:.15rem .4rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600}.related-info{flex:1;padding:var(--spacing-sm);display:flex;flex-direction:column;justify-content:center}.related-title{font-size:.95rem;font-weight:600;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.related-meta{font-size:.8rem;color:var(--text-light)}.not-found{min-height:60vh;display:flex;align-items:center;justify-content:center}.not-found-content{text-align:center;animation:fadeIn .5s ease}.not-found-content h1{font-size:8rem;font-weight:700;background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.not-found-content h2{font-size:2rem;margin-bottom:var(--spacing-sm)}.not-found-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.back-home-btn{padding:1rem 2rem;background:var(--gradient-sunset);color:#fff;border-radius:var(--border-radius-lg);font-weight:600;font-size:1.1rem;transition:var(--transition-normal)}.back-home-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.site-footer{background:var(--text-primary);color:#fff;margin-top:var(--spacing-xl)}.footer-content{max-width:1400px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.footer-section h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.footer-section p{line-height:1.8;color:#fffc;margin-bottom:var(--spacing-sm)}.social-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.social-links a{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.social-links a:hover{background:var(--primary-pink);transform:translateY(-3px)}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#fffc;transition:var(--transition-fast)}.footer-links a:hover{color:#fff;padding-left:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:var(--spacing-md);text-align:center;font-size:.9rem;color:#ffffffb3}.footer-bottom a{color:#fffc;transition:var(--transition-fast)}.footer-bottom a:hover{color:#fff}.icp-info{margin-top:.5rem;font-size:.85rem}.info-page{min-height:100vh;background:var(--bg-light);animation:fadeIn .5s ease}.info-container{max-width:1000px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.info-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--bg-gray)}.info-title{font-size:3rem;font-weight:700;background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.info-subtitle{font-size:1.1rem;color:var(--text-light);letter-spacing:1px}.info-section{background:var(--bg-white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);animation:fadeIn .5s ease}.info-section h2{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--primary-pink);padding-bottom:var(--spacing-sm);border-bottom:3px solid var(--primary-pink)}.info-section h3{font-size:1.5rem;font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm);color:var(--text-primary)}.info-content{line-height:1.8;color:var(--text-secondary)}.info-content p{margin-bottom:var(--spacing-md)}.info-content ul,.info-content ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.info-content li{margin-bottom:.75rem;line-height:1.8}.timeline-history{display:flex;flex-direction:column;gap:var(--spacing-lg)}.history-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);border-left:3px solid var(--primary-pink);background:var(--bg-light);border-radius:var(--border-radius-md);transition:var(--transition-normal)}.history-item:hover{transform:translate(8px);box-shadow:var(--shadow-md)}.history-year{flex-shrink:0;font-size:1.5rem;font-weight:700;color:var(--primary-pink);min-width:120px}.history-content h3{font-size:1.25rem;margin:0 0 .5rem}.history-content p{margin:0}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.mission-card{text-align:center;padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--border-radius-lg);transition:var(--transition-normal)}.mission-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.mission-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.mission-card h3{font-size:1.25rem;margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.mission-card p{margin:0;color:var(--text-secondary)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.contact-item{padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius-md)}.contact-item h3{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;color:var(--primary-pink)}.contact-item p{margin:.5rem 0;color:var(--text-secondary)}.support-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.support-channel{padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--border-radius-lg);text-align:center;transition:var(--transition-normal)}.support-channel:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.support-channel h3{margin:0 0 var(--spacing-md) 0;font-size:1.5rem}.support-channel p{margin:.5rem 0}.support-btn{margin-top:var(--spacing-md);padding:.75rem 2rem;background:var(--gradient-sunset);color:#fff;border-radius:var(--border-radius-md);font-weight:600;transition:var(--transition-fast)}.support-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius-md);border-left:4px solid var(--primary-blue);transition:var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.faq-item h3{margin:0 0 var(--spacing-sm) 0;font-size:1.1rem;color:var(--primary-blue)}.faq-item p{margin:0;line-height:1.8}.guide-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.guide-step{display:flex;gap:var(--spacing-md);align-items:start;padding:var(--spacing-md);background:var(--bg-light);border-radius:var(--border-radius-md);transition:var(--transition-normal)}.guide-step:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.step-number{flex-shrink:0;width:50px;height:50px;border-radius:50%;background:var(--gradient-sunset);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content h3{margin:0 0 .5rem;font-size:1.25rem}.step-content p{margin:0}.browser-list,.requirements-list{list-style:none;margin-left:0}.browser-list li,.requirements-list li{padding-left:var(--spacing-md);position:relative}.browser-list li:before,.requirements-list li:before{content:"✓";position:absolute;left:0;color:var(--primary-green);font-weight:700}.warning-text{padding:var(--spacing-md);background:#ff6b9d1a;border-left:4px solid var(--primary-pink);border-radius:var(--border-radius-sm);color:var(--primary-pink);font-weight:600;margin-top:var(--spacing-md)}.process-list{counter-reset:process-counter;list-style:none;margin-left:0}.process-list li{counter-increment:process-counter;padding-left:var(--spacing-xl);position:relative;margin-bottom:var(--spacing-md)}.process-list li:before{content:counter(process-counter);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--gradient-sunset);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.contact-info-simple{padding:var(--spacing-lg);background:var(--bg-light);border-radius:var(--border-radius-md);margin-top:var(--spacing-md)}.contact-info-simple p{margin:.75rem 0;font-size:1.05rem}.contact-info-simple strong{color:var(--primary-pink)}.update-info{text-align:center;padding:var(--spacing-lg);margin-top:var(--spacing-xl);border-top:2px solid var(--bg-gray);color:var(--text-light);font-size:.95rem}.update-info p{margin:.5rem 0}@media(max-width:1200px){.video-detail-container{grid-template-columns:1fr}.related-videos-sidebar{order:2}.related-videos-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.masonry-grid{columns:3 280px}}@media(max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-white);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-md);transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--transition-normal)}.nav-menu.active{transform:translateY(0);opacity:1;pointer-events:auto}.search-bar{display:none}.hero-section{height:400px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}.list-thumbnail{width:120px;height:80px}.masonry-grid{columns:2 240px}.carousel-container{padding:0 50px}.timeline:before{left:30px}.timeline-item{width:100%;padding-left:70px!important;padding-right:var(--spacing-md)!important;text-align:left!important}.timeline-item .timeline-marker{left:20px!important;right:auto!important}.ranking-item{flex-wrap:wrap}.ranking-thumbnail{width:100%;height:180px}.footer-content{grid-template-columns:1fr}.info-title{font-size:2rem}.mission-grid{grid-template-columns:1fr}}@media(max-width:480px){.nav-container{padding:var(--spacing-sm)}.logo h1{font-size:1.25rem}.hero-section{height:300px}.hero-title{font-size:1.5rem}.hero-description{font-size:.9rem}.hero-btn{padding:.75rem 1.5rem;font-size:1rem}.section-padding{padding:var(--spacing-lg) var(--spacing-sm)}.section-title{font-size:1.75rem}.video-grid{grid-template-columns:1fr}.video-list-item{flex-direction:column}.list-thumbnail{width:100%;height:180px}.masonry-grid{columns:1}.carousel-card{width:240px}.carousel-btn{width:40px;height:40px}.ranking-number{width:40px;height:40px;font-size:1.25rem}.video-detail-container{padding:var(--spacing-md) var(--spacing-sm)}.video-detail-title{font-size:1.5rem}.video-actions{flex-direction:column}.related-videos-list{grid-template-columns:1fr}.info-container{padding:var(--spacing-md) var(--spacing-sm)}.info-section{padding:var(--spacing-md)}.info-section h2{font-size:1.5rem}.history-item{flex-direction:column}.history-year{min-width:auto}.mission-grid,.contact-grid,.support-channels{grid-template-columns:1fr}}