.header{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,var(--bg-white) 0%,#fff5f5 100%);box-shadow:var(--shadow-md);z-index:1000;border-bottom:2px solid var(--primary-color)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:24px}.logo{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:700;color:var(--primary-color);transition:var(--transition)}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:32px;animation:rotate 3s linear infinite}@keyframes rotate{0%,90%,to{transform:rotate(0)}95%{transform:rotate(20deg)}}.logo-text{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center;gap:32px}.nav-link{font-size:16px;font-weight:500;color:var(--text-dark);position:relative;padding:8px 0;cursor:pointer}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-dropdown{position:relative}.dropdown-content{position:absolute;top:100%;left:0;background:var(--bg-white);box-shadow:var(--shadow-lg);border-radius:var(--border-radius);padding:8px 0;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition);margin-top:8px}.nav-dropdown:hover .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:12px 20px;color:var(--text-dark);font-size:14px;transition:var(--transition)}.dropdown-item:hover{background:var(--bg-light);color:var(--primary-color)}.search-form{display:flex;align-items:center;background:var(--bg-light);border-radius:24px;padding:8px 16px;flex:0 1 300px}.search-input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--text-dark)}.search-input::placeholder{color:var(--text-light)}.search-btn{color:var(--text-light);display:flex;align-items:center;justify-content:center}.search-btn:hover{color:var(--primary-color)}.menu-toggle{display:none;flex-direction:column;gap:4px;padding:8px}.menu-icon{width:24px;height:3px;background:var(--text-dark);border-radius:2px;transition:var(--transition)}@media (max-width: 968px){.header-content{flex-wrap:wrap}.nav{order:3;width:100%;flex-direction:column;align-items:flex-start;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-open{max-height:500px;padding:16px 0}.nav-link{width:100%;padding:12px 0;border-bottom:1px solid var(--border-color)}.dropdown-content{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 20px;margin-top:8px}.menu-toggle{display:flex}.search-form{flex:1}}@media (max-width: 576px){.logo-text{font-size:18px}.search-form{order:3;width:100%;margin-top:8px}}.footer{background:linear-gradient(135deg,#2d3436,#1e272e);color:#b2bec3;padding:60px 0 0;margin-top:80px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-section{display:flex;flex-direction:column;gap:16px}.footer-title{color:var(--bg-white);font-size:18px;font-weight:600;margin-bottom:8px;position:relative;padding-bottom:12px}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px}.footer-desc{line-height:1.8;font-size:14px;color:#b2bec3}.footer-social{display:flex;gap:16px;margin-top:8px}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;color:#b2bec3;transition:var(--transition)}.social-link:hover{background:var(--primary-color);color:var(--bg-white);transform:translateY(-3px)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#b2bec3;font-size:14px;transition:var(--transition);display:inline-block}.footer-links a:hover{color:var(--primary-color);transform:translate(5px)}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:16px}.footer-contact li{display:flex;align-items:center;gap:12px;font-size:14px;color:#b2bec3}.footer-contact svg{color:var(--primary-color);flex-shrink:0}.footer-bottom{padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{display:flex;flex-direction:column;gap:8px}.footer-copyright p{font-size:14px;color:#b2bec3}.footer-legal{display:flex;gap:12px;align-items:center;font-size:13px}.footer-legal a{color:#b2bec3;transition:var(--transition)}.footer-legal a:hover{color:var(--primary-color)}.footer-legal span{color:#fff3}.footer-badge{font-size:13px;color:#b2bec3}@media (max-width: 768px){.footer{padding:40px 0 0;margin-top:40px}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;text-align:center}.footer-copyright{align-items:center}}.home-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);color:#fff;padding:80px 0;margin-bottom:40px}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:48px;font-weight:700;margin-bottom:20px;line-height:1.2}.highlight{background:linear-gradient(90deg,#ff6b6b,#f7b731);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;margin-bottom:40px;opacity:.95;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:40px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px}.stat-number{font-size:36px;font-weight:700}.stat-label{font-size:14px;opacity:.9}.search-results-header{background:var(--bg-white);padding:40px 0;border-bottom:2px solid var(--border-color);margin-bottom:40px}.search-results-header h2{color:var(--text-dark);font-size:28px}.categories-nav{background:var(--bg-white);padding:24px 0;margin-bottom:40px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.categories-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px;scrollbar-width:thin}.categories-scroll::-webkit-scrollbar{height:6px}.categories-scroll::-webkit-scrollbar-track{background:var(--bg-light);border-radius:3px}.categories-scroll::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.category-chip{padding:10px 24px;background:var(--bg-light);border-radius:24px;color:var(--text-dark);font-size:14px;font-weight:500;white-space:nowrap;transition:var(--transition);border:2px solid transparent}.category-chip:hover,.category-chip.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.section-header{text-align:center;margin-bottom:40px}.section-title{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.section-subtitle{font-size:16px;color:var(--text-light)}.featured-section{padding:60px 0}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.featured-card{background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);cursor:pointer}.featured-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.card-image{position:relative;width:100%;padding-top:66.67%;overflow:hidden;background:var(--bg-light)}.card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition)}.featured-card:hover .card-image img{transform:scale(1.1)}.featured-card:hover .card-overlay{opacity:1}.play-btn{width:64px;height:64px;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.featured-card:hover .play-btn{transform:scale(1.1);background:#ffffff80}.video-duration{position:absolute;bottom:12px;right:12px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.card-content{padding:20px}.card-title{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-category{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:12px;font-size:12px;margin-bottom:12px}.trending-section{padding:60px 0;background:linear-gradient(135deg,#ffecd2,#fcb69f)}.trending-carousel{overflow:hidden}.carousel-wrapper{display:flex;gap:24px;overflow-x:auto;padding:8px 4px 24px;scroll-behavior:smooth;scrollbar-width:thin}.carousel-wrapper::-webkit-scrollbar{height:8px}.carousel-wrapper::-webkit-scrollbar-track{background:#ffffff4d;border-radius:4px}.carousel-wrapper::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.trending-card{flex:0 0 280px;background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.trending-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.trending-image{position:relative;width:100%;height:180px;overflow:hidden}.trending-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.trending-card:hover .trending-image img{transform:scale(1.1)}.trending-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;box-shadow:var(--shadow-md)}.trending-content{padding:16px}.trending-title{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trending-views{font-size:13px;color:var(--text-light)}.latest-section{padding:60px 0}.latest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.latest-card{display:flex;background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.latest-card:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.latest-image{flex:0 0 140px;height:140px;position:relative;overflow:hidden}.latest-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.latest-card:hover .latest-image img{transform:scale(1.1)}.latest-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px}.latest-category{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border-radius:10px;font-size:11px;font-weight:600;width:fit-content}.latest-title{font-size:15px;font-weight:600;color:var(--text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-desc{font-size:13px;color:var(--text-light);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-meta{font-size:12px;color:var(--text-light);margin-top:auto;display:flex;gap:8px}.category-section{padding:40px 0;background:var(--bg-light)}.category-section:nth-child(2n){background:var(--bg-white)}.category-section .section-header{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:32px}.view-more{color:var(--primary-color);font-weight:600;font-size:16px;transition:var(--transition)}.view-more:hover{transform:translate(4px)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.category-card{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);height:200px}.category-card:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.category-image{width:100%;height:100%}.category-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.category-card:hover .category-image img{transform:scale(1.1)}.image-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.category-info{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;z-index:1}.category-info h4{font-size:16px;font-weight:600;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-info span{font-size:13px;opacity:.9}.cta-section{padding:80px 0;background:linear-gradient(135deg,#6a11cb,#2575fc);margin-top:60px}.cta-content{text-align:center;color:#fff;max-width:700px;margin:0 auto}.cta-title{font-size:40px;font-weight:700;margin-bottom:20px}.cta-text{font-size:18px;margin-bottom:32px;line-height:1.8;opacity:.95}.cta-button{display:inline-block;padding:16px 48px;background:#fff;color:#2575fc;font-size:18px;font-weight:600;border-radius:30px;transition:var(--transition);box-shadow:var(--shadow-lg)}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0003}@media (max-width: 968px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-stats{gap:40px}.featured-grid,.latest-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.hero-section{padding:60px 0}.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-stats{flex-direction:column;gap:24px}.section-title{font-size:24px}.featured-grid{grid-template-columns:1fr}.latest-card{flex-direction:column}.latest-image{width:100%;height:200px}.category-section .section-header{flex-direction:column;align-items:flex-start;gap:16px}.cta-title{font-size:28px}.cta-text{font-size:16px}}.video-player-container{position:relative;width:100%;background:#000;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg)}.video-player{width:100%;height:auto;display:block;cursor:pointer}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:40px 16px 16px;opacity:0;transition:opacity .3s ease}.video-controls.show{opacity:1}.progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;margin-bottom:12px;transition:height .2s ease}.progress-bar:hover{height:8px}.progress-filled{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;transition:width .1s linear}.controls-bottom{display:flex;align-items:center;gap:12px;color:#fff}.control-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:var(--transition)}.control-btn:hover{background:#fff3;transform:scale(1.1)}.time-display{font-size:14px;font-family:monospace;margin-left:4px}.volume-control{display:flex;align-items:center;gap:8px;margin-left:auto}.volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;transition:var(--transition)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none;transition:var(--transition)}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media (max-width: 768px){.video-controls{padding:30px 12px 12px}.controls-bottom{gap:8px}.time-display{font-size:12px}.volume-slider{width:60px}.control-btn{padding:6px}}@media (max-width: 576px){.volume-control{display:none}}.video-detail-page{min-height:100vh;padding:40px 0}.video-detail-layout{display:grid;grid-template-columns:1fr 380px;gap:32px}.video-main{display:flex;flex-direction:column;gap:24px}.video-player-wrapper{width:100%;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg)}.video-info{background:var(--bg-white);border-radius:var(--border-radius);padding:32px;box-shadow:var(--shadow-sm)}.video-header{padding-bottom:20px;border-bottom:2px solid var(--border-color);margin-bottom:20px}.video-title{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:16px;line-height:1.4}.video-stats{display:flex;gap:24px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}.stat svg{color:var(--primary-color)}.video-category-tag{margin-bottom:24px}.video-category-tag a{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff;border-radius:20px;font-size:14px;font-weight:600;transition:var(--transition)}.video-category-tag a:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.video-description,.video-review{padding:24px 0;border-bottom:1px solid var(--border-color)}.video-description h3,.video-review h3{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.video-description p{font-size:16px;line-height:1.8;color:var(--text-light)}.review-content{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:24px;border-radius:var(--border-radius);display:flex;gap:16px}.review-icon{font-size:32px;flex-shrink:0}.review-content p{font-size:15px;line-height:1.8;color:var(--text-dark)}.video-actions{display:flex;gap:16px;padding-top:24px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600;border:2px solid var(--border-color);background:var(--bg-white);color:var(--text-dark);transition:var(--transition)}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:transparent;color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.video-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-title{font-size:20px;font-weight:700;color:var(--text-dark);padding:0 8px}.related-videos{display:flex;flex-direction:column;gap:16px}.related-video-card{display:flex;gap:12px;background:var(--bg-white);border-radius:var(--border-radius);padding:12px;box-shadow:var(--shadow-sm);transition:var(--transition)}.related-video-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.related-thumbnail{position:relative;flex:0 0 140px;height:90px;border-radius:6px;overflow:hidden;background:var(--bg-light)}.related-thumbnail img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.related-video-card:hover .related-thumbnail img{transform:scale(1.1)}.related-duration{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600}.related-info{flex:1;display:flex;flex-direction:column;gap:6px}.related-title{font-size:14px;font-weight:600;color:var(--text-dark);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-category{font-size:12px;color:var(--primary-color);font-weight:500}.related-views{font-size:12px;color:var(--text-light);margin-top:auto}.loading{text-align:center;padding:60px 0;font-size:20px;color:var(--text-light)}@media (max-width: 1024px){.video-detail-layout{grid-template-columns:1fr}.video-sidebar{max-width:100%}.related-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.related-video-card{flex-direction:column}.related-thumbnail{width:100%;height:160px}}@media (max-width: 768px){.video-detail-page{padding:20px 0}.video-info{padding:24px 16px}.video-title{font-size:22px}.video-stats{gap:16px}.stat{font-size:13px}.review-content{flex-direction:column;padding:20px}.video-actions{gap:12px}.action-btn{flex:1;justify-content:center}.related-videos{grid-template-columns:1fr}}.category-page{min-height:100vh}.category-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 0;margin-bottom:40px;text-align:center}.category-hero-title{font-size:40px;font-weight:700;margin-bottom:12px}.category-hero-subtitle{font-size:18px;opacity:.9}.category-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.back-link{display:flex;align-items:center;gap:8px;color:var(--text-dark);font-weight:600;font-size:16px;transition:var(--transition)}.back-link:hover{color:var(--primary-color);transform:translate(-4px)}.category-filter{display:flex;gap:12px;flex-wrap:wrap}.filter-chip{padding:8px 20px;background:var(--bg-white);border:2px solid var(--border-color);border-radius:20px;color:var(--text-dark);font-size:14px;font-weight:500;transition:var(--transition)}.filter-chip:hover,.filter-chip.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:transparent;color:#fff;transform:translateY(-2px)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;padding-bottom:60px}.category-video-card{background:var(--bg-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition)}.category-video-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.card-thumbnail{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background:var(--bg-light)}.card-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition)}.category-video-card:hover .card-thumbnail img{transform:scale(1.1)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition)}.category-video-card:hover .card-overlay{opacity:1}.play-icon{width:56px;height:56px;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.category-video-card:hover .play-icon{transform:scale(1.1);background:#ffffff80}.card-details{padding:24px}.card-title{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;color:var(--text-light);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-light)}.meta-views{display:flex;align-items:center;gap:6px}.meta-views svg{color:var(--primary-color)}.empty-state{text-align:center;padding:80px 20px}.empty-icon{font-size:80px;margin-bottom:24px}.empty-state h3{font-size:24px;color:var(--text-dark);margin-bottom:12px}.empty-state p{font-size:16px;color:var(--text-light);margin-bottom:32px}.empty-link{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:24px;font-weight:600;transition:var(--transition)}.empty-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.category-hero{padding:40px 0}.category-hero-title{font-size:28px}.category-hero-subtitle{font-size:16px}.category-nav{flex-direction:column;align-items:flex-start}.category-filter{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-chip{white-space:nowrap}.category-grid{grid-template-columns:1fr;gap:24px}}.info-page{min-height:100vh}.info-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;margin-bottom:60px;text-align:center}.info-title{font-size:48px;font-weight:700;margin-bottom:16px}.info-subtitle{font-size:20px;opacity:.95}.info-content{max-width:900px;margin:0 auto;padding-bottom:80px}.info-section{margin-bottom:60px}.info-section h2{font-size:32px;font-weight:700;color:var(--text-dark);margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid var(--primary-color)}.info-section h3{font-size:20px;font-weight:600;color:var(--text-dark);margin:24px 0 12px}.info-section p{font-size:16px;line-height:1.8;color:var(--text-light);margin-bottom:16px}.info-section ul{list-style:none;padding-left:0}.info-section ul li{font-size:16px;line-height:1.8;color:var(--text-light);margin-bottom:12px;padding-left:28px;position:relative}.info-section ul li:before{content:"•";position:absolute;left:12px;color:var(--primary-color);font-weight:700}.section-intro{font-size:17px;color:var(--text-dark);background:var(--bg-light);padding:20px;border-radius:var(--border-radius);border-left:4px solid var(--primary-color);margin-bottom:32px}.timeline{position:relative;padding-left:40px}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-color),var(--accent-color))}.timeline-item{position:relative;margin-bottom:40px}.timeline-year{position:absolute;left:-40px;width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:var(--shadow-md)}.timeline-content{background:var(--bg-white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-left:40px}.timeline-content h3{margin-top:0;color:var(--primary-color)}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.mission-card{background:var(--bg-white);padding:32px 24px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);text-align:center;transition:var(--transition)}.mission-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.mission-icon{font-size:48px;margin-bottom:16px}.mission-card h3{font-size:18px;color:var(--text-dark);margin:16px 0 12px}.mission-card p{font-size:14px;color:var(--text-light);line-height:1.6;margin:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.contact-item{background:var(--bg-white);padding:32px 24px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);text-align:center}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;margin-bottom:20px;color:#fff}.contact-item h3{font-size:18px;color:var(--text-dark);margin:16px 0}.contact-item p{font-size:14px;color:var(--text-light);margin:8px 0}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.service-card{background:var(--bg-white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-md);transition:var(--transition)}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:20px}.service-card h3{font-size:20px;color:var(--text-dark);margin:16px 0}.service-detail{font-size:18px;font-weight:600;color:var(--primary-color);margin:12px 0}.service-time{font-size:14px;color:var(--text-light);margin:8px 0}.service-desc{font-size:15px;color:var(--text-light);line-height:1.6;margin:16px 0 0}.faq-container{display:flex;flex-direction:column;gap:20px}.faq-item{background:var(--bg-white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border-left:4px solid var(--secondary-color)}.faq-item h3{font-size:18px;color:var(--text-dark);margin:0 0 12px}.faq-item p{font-size:15px;color:var(--text-light);line-height:1.7;margin:0}.guide-steps{display:flex;flex-direction:column;gap:24px}.guide-step{display:flex;gap:24px;background:var(--bg-white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.step-number{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.step-content h3{font-size:18px;color:var(--text-dark);margin:0 0 12px}.step-content p{font-size:15px;color:var(--text-light);line-height:1.7;margin:0}.tech-support{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.tech-item{background:linear-gradient(135deg,#ffecd2,#fcb69f);padding:24px;border-radius:var(--border-radius)}.tech-item h3{font-size:18px;color:var(--text-dark);margin:0 0 12px}.tech-item p{font-size:15px;color:var(--text-dark);line-height:1.7;margin:0}.copyright-box{background:var(--bg-light);padding:32px;border-radius:var(--border-radius);border:2px solid var(--border-color);margin-bottom:32px}.copyright-text{font-size:15px;line-height:1.8;color:var(--text-dark);margin-bottom:16px}.copyright-text:last-child{margin-bottom:0;font-weight:600}.legal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.legal-item{background:var(--bg-white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.legal-item h3{font-size:18px;color:var(--primary-color);margin:0 0 12px}.legal-item p{font-size:14px;color:var(--text-light);line-height:1.7;margin:0}.disclaimer-list{display:flex;flex-direction:column;gap:24px}.disclaimer-item{display:flex;gap:20px;background:var(--bg-white);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.disclaimer-number{flex-shrink:0;width:40px;height:40px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.disclaimer-content h3{font-size:18px;color:var(--text-dark);margin:0 0 12px}.disclaimer-content p{font-size:15px;color:var(--text-light);line-height:1.7;margin:0}.agreement-content{background:var(--bg-white);padding:32px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.agreement-content h3{font-size:20px;color:var(--primary-color);margin:32px 0 16px}.agreement-content h3:first-child{margin-top:0}.notice-box{background:linear-gradient(135deg,#fff5f5,#ffe5e5);padding:32px;border-radius:var(--border-radius);border:2px solid var(--primary-color)}.notice-box h3{font-size:22px;color:var(--primary-color);margin:0 0 16px}.notice-box p{font-size:15px;color:var(--text-dark);line-height:1.8;margin-bottom:12px}.update-date{font-weight:600;color:var(--primary-color);margin:0}@media (max-width: 768px){.info-hero{padding:60px 0}.info-title{font-size:32px}.info-subtitle{font-size:16px}.info-content{padding-bottom:60px}.info-section h2{font-size:24px}.timeline{padding-left:20px}.timeline-year{left:-20px;width:50px;height:50px;font-size:12px}.timeline-content{margin-left:20px}.mission-grid,.contact-grid,.service-grid,.legal-grid,.tech-support{grid-template-columns:1fr}.guide-step,.disclaimer-item{flex-direction:column}.copyright-box,.agreement-content,.notice-box{padding:24px 20px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #ff6b6b;--secondary-color: #4ecdc4;--accent-color: #f7b731;--text-dark: #2d3436;--text-light: #636e72;--bg-light: #f8f9fa;--bg-white: #ffffff;--border-color: #dfe6e9;--success-color: #00b894;--warning-color: #fdcb6e;--error-color: #d63031;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--border-radius: 8px;--transition: all .3s ease}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-dark);background-color:var(--bg-light)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}a{text-decoration:none;color:inherit;transition:var(--transition)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-fluid{max-width:100%;padding:0 24px}@media (max-width: 768px){.container,.container-fluid{padding:0 16px}.main-content{padding-top:70px}}