:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#60a5fa;--color-text:#1f2937;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-bg:#f5f5f5;--color-bg-secondary:#f3f4f6;--color-white:#ffffff;--color-black:#000000;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--max-width:1200px;--max-width-wide:1400px;--gap-xs:4px;--gap-sm:8px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--gap-2xl:48px;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-tooltip:400;--color-lazyload-bg:#e5e7eb;--color-lazyload-shimmer:#f3f4f6}:root{--gradient-software:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-movie:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.site-header{background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-decoration:none}.nav-menu{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-menu a{color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition-fast)}.nav-menu a:hover{color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:12px}.search-form{margin:0}.search-box{position:relative;display:flex;align-items:center}.search-box input{width:200px;padding:8px 36px 8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:all var(--transition-fast);background:var(--color-white)}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1);width:240px}.search-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.search-btn:hover{background:var(--color-primary-dark)}.search-btn:active{transform:translateY(-50%)scale(.95)}.btn-login{padding:6px 16px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn-login:hover{background:var(--color-primary-dark)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main-content{max-width:var(--max-width);margin:0 auto;padding:20px}.section{margin-bottom:32px;background:var(--color-white);border-radius:var(--radius-md);padding:20px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-primary)}.section-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0}.section-more{color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color var(--transition-fast)}.section-more:hover{color:var(--color-primary)}.software-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:16px}.software-card{background:var(--color-white);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);transition:box-shadow var(--transition-fast)}.software-card:hover{box-shadow:var(--shadow-md)}.software-card.featured{grid-column:span 1}.software-link{display:block;text-decoration:none;color:inherit}.software-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--gradient-software);display:block}.software-info{padding:12px}.software-title{font-size:.85rem;font-weight:600;color:var(--color-primary);margin:0 0 6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.software-desc{font-size:.75rem;color:var(--color-text-muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.movie-card{display:flex;gap:12px;background:var(--color-white);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--color-border);transition:box-shadow var(--transition-fast)}.movie-card:hover{box-shadow:var(--shadow-md)}.movie-link{display:flex;gap:12px;text-decoration:none;color:inherit;width:100%}.movie-image{width:120px;height:80px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0;background:var(--gradient-movie)}.movie-content{flex:1;min-width:0;display:flex;flex-direction:column}.movie-category{display:inline-block;font-size:.7rem;color:var(--color-primary);background:rgba(59,130,246,.1);padding:2px 6px;border-radius:3px;margin-bottom:4px;width:fit-content}.movie-title{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-desc{font-size:.75rem;color:var(--color-text-muted);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.breadcrumb{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:12px 0}.breadcrumb-list{max-width:var(--max-width);margin:0 auto;padding:0 20px;list-style:none;display:flex;align-items:center;gap:8px;font-size:var(--text-sm)}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-item:not(:last-child)::after{content:'/';color:var(--color-text-muted);margin-left:8px}.breadcrumb-item a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-item.active{color:var(--color-text-muted)}.breadcrumb-item.active span{cursor:default}.site-footer{background:var(--color-white);border-top:1px solid var(--color-border);padding:16px 0;margin-top:32px}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--color-text-muted)}@media(max-width:1024px){.software-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.breadcrumb{padding:8px 0}.breadcrumb-list{padding:0 16px;font-size:var(--text-xs);gap:4px}.breadcrumb-item:not(:last-child)::after{margin-left:4px}.breadcrumb-item.active span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.software-grid{grid-template-columns:repeat(2,1fr)}.movie-grid{grid-template-columns:1fr}.header-inner{flex-wrap:wrap;height:auto;padding:12px 20px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:0 0;border:none;cursor:pointer;padding:8px;margin-left:auto;order:2}.menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.menu-icon span{display:block;width:100%;height:2px;background:var(--color-text);transition:all .3s ease}.mobile-menu-toggle[aria-expanded=true] .menu-icon span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.mobile-menu-toggle[aria-expanded=true] .menu-icon span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .menu-icon span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.main-nav{order:3;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease}.main-nav.is-open{max-height:300px}.nav-menu{flex-direction:column;align-items:center;padding:16px 0;gap:12px;border-top:1px solid var(--color-border);margin-top:12px}.nav-menu a{padding:8px 16px;font-size:var(--text-base)}.header-actions{order:1;margin-left:auto;margin-right:12px}.search-box input{width:150px}.search-box input:focus{width:180px}}@media(min-width:769px){.mobile-menu-toggle{display:none}.main-nav{display:block!important;max-height:none!important}}@media(max-width:480px){.breadcrumb-list{padding:0 12px;font-size:11px}.breadcrumb-item.active span{max-width:100px}.software-grid{grid-template-columns:1fr}}.search-page{max-width:var(--max-width);margin:0 auto;padding:var(--gap-xl)var(--gap-md)}.search-header{text-align:center;margin-bottom:var(--gap-xl);padding-bottom:var(--gap-lg);border-bottom:1px solid var(--color-border)}.search-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin:0 0 var(--gap-md)}.search-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--gap-sm)}.search-subtitle span{color:var(--color-primary);font-weight:600}.search-stats{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.search-results{min-height:200px}.search-loading,.search-no-results,.search-error{text-align:center;padding:var(--gap-2xl);color:var(--color-text-muted);font-size:var(--text-lg)}.search-error{color:#dc2626}.search-results-list{display:flex;flex-direction:column;gap:var(--gap-lg)}.search-result-item{background:var(--color-white);border-radius:var(--radius-md);padding:var(--gap-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:box-shadow var(--transition-fast)}.search-result-item:hover{box-shadow:var(--shadow-md)}.search-result-title{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--gap-sm)}.search-result-title a{color:var(--color-primary);text-decoration:none}.search-result-title a:hover{text-decoration:underline}.search-result-summary{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 var(--gap-sm);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search-result-summary mark{background:#fef3c7;color:var(--color-text);padding:0 2px;border-radius:2px}.search-result-meta{display:flex;gap:var(--gap-md);font-size:var(--text-sm);color:var(--color-text-muted)}.search-result-category{background:var(--color-bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.article-page{background:var(--color-bg);min-height:100vh}.article-hero{position:relative;width:100%;height:400px;overflow:hidden}.article-hero-image{width:100%;height:100%;object-fit:cover}.article-hero-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:40px 20px 20px}.article-hero-content{max-width:var(--max-width);margin:0 auto}.article-title{font-size:var(--text-3xl);font-weight:700;color:var(--color-white);margin:0;line-height:var(--leading-tight);text-shadow:0 2px 4px rgba(0,0,0,.3)}.article-container{max-width:var(--max-width);margin:0 auto;padding:var(--gap-lg)20px;display:grid;grid-template-columns:1fr 300px;gap:var(--gap-lg);box-sizing:border-box}@media(max-width:900px){.article-container{grid-template-columns:1fr}.article-sidebar{order:2}}.article-main{background:var(--color-white);border-radius:var(--radius-md);padding:var(--gap-lg);box-shadow:var(--shadow-sm)}.article-header{margin-bottom:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--color-border)}.article-header .article-title{color:var(--color-text);font-size:var(--text-2xl);margin-bottom:var(--gap-md);text-shadow:none}.article-meta{display:flex;flex-wrap:wrap;gap:var(--gap-md);color:var(--color-text-muted);font-size:var(--text-sm)}.meta-item{display:flex;align-items:center;gap:6px}.meta-item svg{flex-shrink:0}.meta-link{color:var(--color-primary);text-decoration:none;margin-right:8px}.meta-link:hover{text-decoration:underline}.reading-time{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-size:var(--text-sm)}.reading-time svg{flex-shrink:0}.article-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.article-content h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:var(--gap-2xl)0 var(--gap-md);padding-bottom:var(--gap-sm);border-bottom:2px solid var(--color-primary)}.article-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:var(--gap-xl)0 var(--gap-sm)}.article-content p{margin:var(--gap-md)0}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--gap-lg)0;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-border) 100%);min-height:200px;object-fit:cover}.article-content img.error,.article-content img[error]{display:none}.lazy-image{opacity:0;transition:opacity var(--transition-normal);background:var(--color-lazyload-bg)}.lazy-image.is-loading{opacity:.5;background:linear-gradient( 90deg,var(--color-lazyload-bg) 25%,var(--color-lazyload-shimmer) 50%,var(--color-lazyload-bg) 75% );background-size:200% 100%;animation:shimmer 1.5s infinite}.lazy-image.is-loaded{opacity:1}.lazy-image.is-error{opacity:0}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.img-placeholder{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-border) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm);min-height:200px;margin:var(--gap-lg)0}.img-placeholder::after{content:'图片加载失败'}.article-content a{color:var(--color-primary);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content ul,.article-content ol{margin:var(--gap-md)0;padding-left:var(--gap-lg)}.article-content li{margin:var(--gap-sm)0}.article-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--gap-md);margin:var(--gap-lg)0;color:var(--color-text-muted);font-style:italic}.article-content code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:3px;font-family:var(--font-family-mono);font-size:.9em}.article-content pre{background:var(--color-text);color:var(--color-white);padding:var(--gap-md);border-radius:var(--radius-sm);overflow-x:auto;margin:var(--gap-lg)0}.article-content pre code{background:0 0;padding:0}.article-tags-section{margin-top:var(--gap-xl);padding-top:var(--gap-lg);border-top:1px solid var(--color-border)}.article-tags-section h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--gap-sm);color:var(--color-text)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.tag-item{display:inline-block;padding:6px 14px;background:var(--color-bg-secondary);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast)}.tag-item:hover{background:var(--color-primary);color:var(--color-white)}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md);margin-top:var(--gap-xl);padding-top:var(--gap-lg);border-top:1px solid var(--color-border)}.nav-prev,.nav-next{padding:var(--gap-md);background:var(--color-bg-secondary);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text);transition:background var(--transition-fast)}.nav-prev:hover,.nav-next:hover{background:var(--color-border)}.nav-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.nav-title{font-weight:600;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-posts{margin-top:var(--gap-2xl);padding-top:var(--gap-xl);border-top:2px solid var(--color-border)}.related-title{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--gap-lg);display:flex;align-items:center;gap:var(--gap-sm)}.related-title::before{content:'';width:4px;height:24px;background:var(--color-primary);border-radius:var(--radius-sm)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-lg)}.related-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition-fast)}.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.related-link{display:block;text-decoration:none;color:inherit}.related-image{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-border) 100%)}.related-image-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-border) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm)}.related-image-placeholder::after{content:'暂无图片'}.related-card-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin:0;padding:var(--gap-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:var(--leading-tight);min-height:3em}.related-card:hover .related-card-title{color:var(--color-primary)}.article-sidebar{display:flex;flex-direction:column;gap:var(--gap-lg)}.sidebar-widget{background:var(--color-white);border-radius:var(--radius-md);padding:var(--gap-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.widget-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--gap-md);padding-bottom:var(--gap-sm);border-bottom:2px solid var(--color-primary)}.author-widget .author-info{text-align:center}.author-widget .author-avatar{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);margin:0 auto var(--gap-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-white);font-weight:600}.author-widget .author-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--gap-xs)}.author-widget .author-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.tags-widget .sidebar-tags{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.tags-widget .sidebar-tag{display:inline-flex;align-items:center;padding:6px 12px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.tags-widget .sidebar-tag:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px)}.recent-widget .recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-md)}.recent-widget .recent-item{display:flex;flex-direction:column;gap:4px;padding-bottom:var(--gap-md);border-bottom:1px solid var(--color-border-light)}.recent-widget .recent-item:last-child{padding-bottom:0;border-bottom:none}.recent-widget .recent-link{color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.recent-widget .recent-link:hover{color:var(--color-primary)}.recent-widget .recent-date{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.article-hero{height:200px}.article-title{font-size:var(--text-lg)}.article-container{padding:var(--gap-sm)0}.article-main{padding:var(--gap-md)16px;border-radius:0}.article-header{margin-bottom:var(--gap-md)}.article-meta{flex-direction:column;gap:var(--gap-sm)}.article-content{font-size:var(--text-sm);line-height:var(--leading-normal)}.article-content h2{font-size:var(--text-lg);margin:var(--gap-xl)0 var(--gap-sm)}.article-content h3{font-size:var(--text-base);margin:var(--gap-lg)0 var(--gap-sm)}.article-content ul,.article-content ol{padding-left:var(--gap-md);margin:var(--gap-sm)0}.article-content li{margin:var(--gap-xs)0}.article-content img{margin:var(--gap-md)0;min-height:150px}.article-content pre{padding:var(--gap-sm);font-size:var(--text-xs);overflow-x:auto}.article-content blockquote{padding-left:var(--gap-sm);margin:var(--gap-md)0}.article-navigation{grid-template-columns:1fr;gap:var(--gap-sm)}.article-sidebar{display:none}.tags-cloud{flex-wrap:wrap;gap:var(--gap-xs)}.tag-item{font-size:var(--text-xs);padding:4px 12px}.related-posts{grid-template-columns:1fr}}@media(max-width:480px){.article-hero{height:160px}.article-title{font-size:var(--text-base)}.article-container{padding:var(--gap-xs)0}.article-main{padding:var(--gap-sm)12px}.article-content{font-size:14px}.article-content h2{font-size:var(--text-base)}.article-content h3{font-size:var(--text-sm)}.article-content ul,.article-content ol{padding-left:var(--gap-sm)}.article-content code{font-size:.85em}}.ask-page{background:var(--color-bg);min-height:100vh}.ask-header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--gap-xl)20px}.ask-header-inner{max-width:var(--max-width);margin:0 auto}.ask-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);margin:0 0 var(--gap-md);line-height:var(--leading-tight)}.ask-meta{display:flex;gap:var(--gap-md);color:var(--color-text-muted);font-size:var(--text-sm)}.ask-date{display:flex;align-items:center;gap:6px}.ask-category{background:var(--color-bg-secondary);padding:4px 12px;border-radius:var(--radius-full);color:var(--color-primary)}.ask-content-wrapper{max-width:var(--max-width);margin:0 auto;padding:var(--gap-lg)20px}.ask-content{background:var(--color-white);border-radius:var(--radius-md);padding:var(--gap-xl);box-shadow:var(--shadow-sm);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.ask-content h2{font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:var(--gap-2xl)0 var(--gap-md);padding-bottom:var(--gap-sm);border-bottom:2px solid var(--color-primary)}.ask-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:var(--gap-xl)0 var(--gap-sm)}.ask-content p{margin:var(--gap-md)0}.ask-content ul,.ask-content ol{margin:var(--gap-md)0;padding-left:var(--gap-lg)}.ask-content li{margin:var(--gap-sm)0}.ask-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--gap-md);margin:var(--gap-lg)0;color:var(--color-text-muted);font-style:italic}.ask-content code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:3px;font-family:var(--font-family-mono);font-size:.9em}.ask-content pre{background:var(--color-gray-800);color:var(--color-white);padding:var(--gap-md);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--text-sm);line-height:var(--leading-normal)}.ask-content pre code{background:0 0;padding:0}.ask-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--gap-lg)0}.ask-content table{width:100%;border-collapse:collapse;margin:var(--gap-lg)0;font-size:var(--text-sm)}.ask-content th,.ask-content td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}.ask-content th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text)}.ask-content tr:hover{background:var(--color-bg-secondary)}.ask-tags{margin-top:var(--gap-xl);padding-top:var(--gap-lg);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.ask-tag{display:inline-block;padding:6px 16px;background:var(--color-bg-secondary);color:var(--color-primary);text-decoration:none;border-radius:var(--radius-full);font-size:var(--text-sm);transition:all var(--transition-fast)}.ask-tag:hover{background:var(--color-primary);color:var(--color-white)}.ask-navigation{margin-top:var(--gap-2xl);padding-top:var(--gap-xl);border-top:2px solid var(--color-border);display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg)}.ask-nav-prev,.ask-nav-next{padding:var(--gap-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.ask-nav-prev:hover,.ask-nav-next:hover{background:var(--color-primary)}.ask-nav-prev:hover .nav-label,.ask-nav-prev:hover .nav-title,.ask-nav-next:hover .nav-label,.ask-nav-next:hover .nav-title{color:var(--color-white)}.ask-nav-next{text-align:right}.nav-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:4px}.nav-title{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ask-related{margin-top:var(--gap-2xl);padding-top:var(--gap-xl);border-top:2px solid var(--color-border)}.ask-related-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--gap-lg)}.ask-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap-md)}.ask-related-card{background:var(--color-white);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.ask-related-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.ask-related-link{display:block;padding:var(--gap-md);text-decoration:none;color:inherit}.ask-related-card-title{font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin:0 0 var(--gap-sm);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ask-related-date{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.ask-header{padding:var(--gap-lg)16px}.ask-title{font-size:var(--text-lg)}.ask-content-wrapper{padding:var(--gap-md)0}.ask-content{padding:var(--gap-md)16px;border-radius:0;box-shadow:none;border-bottom:1px solid var(--color-border)}.ask-content h2{font-size:var(--text-lg);margin:var(--gap-xl)0 var(--gap-sm)}.ask-content h3{font-size:var(--text-base)}.ask-content ul,.ask-content ol{padding-left:var(--gap-md)}.ask-navigation{grid-template-columns:1fr;gap:var(--gap-sm);padding:var(--gap-lg)16px 0}.ask-nav-next{text-align:left}.ask-related{padding:var(--gap-lg)16px 0}.ask-related-grid{grid-template-columns:1fr}.ask-tags{padding:var(--gap-lg)16px 0}}@media(max-width:480px){.ask-header{padding:var(--gap-md)12px}.ask-title{font-size:var(--text-base)}.ask-content{padding:var(--gap-md)12px}.ask-navigation{padding:var(--gap-lg)12px 0}.ask-related{padding:var(--gap-lg)12px 0}.ask-tags{padding:var(--gap-lg)12px 0}}.video-player-container{margin:var(--gap-lg)0;border-radius:var(--radius-md);overflow:hidden;background:var(--color-gray-800)}.video-player-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:var(--color-black)}.video-player{width:100%;height:100%;object-fit:contain;display:block}.video-player::-webkit-media-controls{background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.video-player::-webkit-media-controls-panel{background:0 0}.video-poster-overlay{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-normal)}.video-poster-overlay:hover{opacity:.9}.video-poster-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-play-button{position:relative;z-index:2;transition:transform var(--transition-fast)}.video-poster-overlay:hover .video-play-button{transform:scale(1.1)}.video-download{padding:var(--gap-sm)var(--gap-md);background:var(--color-gray-700);display:flex;justify-content:flex-end}.download-link{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-light);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.download-link:hover{color:var(--color-primary)}.download-link svg{flex-shrink:0}.video-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);text-align:center;padding:var(--gap-lg);background:rgba(0,0,0,.8);border-radius:var(--radius-md)}.video-fallback a{color:var(--color-primary);text-decoration:underline}@media(max-width:768px){.video-player-container{margin:var(--gap-md)-var(--gap-md);border-radius:0}.video-player-wrapper{aspect-ratio:16/9}.video-play-button svg{width:48px;height:48px}.video-download{padding:10px 12px}}.video-player:fullscreen{object-fit:contain}.video-player:-webkit-full-screen{object-fit:contain}.video-player:-moz-full-screen{object-fit:contain}.category-page{background:var(--color-bg);min-height:100vh;padding-bottom:var(--gap-2xl)}.category-header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--gap-lg)0;margin-bottom:var(--gap-lg)}.category-header-inner{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--gap-md)}.category-title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0 0 var(--gap-md)}.category-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-sm)}.filter-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-right:var(--gap-sm)}.filter-tag{display:inline-block;padding:6px 14px;background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-full);font-size:.85rem;text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.filter-tag:hover{background:#eff6ff;color:var(--color-primary);border-color:var(--color-primary)}.category-content{max-width:var(--max-width-wide);margin:0 auto;padding:0 var(--gap-md)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap-md);margin-bottom:var(--gap-xl)}@media(max-width:1400px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.category-grid{grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}}@media(max-width:480px){.category-grid{grid-template-columns:1fr}}.category-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-link{display:block;text-decoration:none;color:inherit}.card-image-wrapper{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-bg-secondary)}.card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.category-card:hover .card-image{transform:scale(1.05)}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#764ba2 100%);color:rgba(255,255,255,.5)}.card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.category-card:hover .card-overlay{opacity:1}.view-more{color:var(--color-white);font-size:.9rem;padding:var(--gap-sm)20px;border:2px solid var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-fast)}.view-more:hover{background:var(--color-white);color:var(--color-text)}.card-body{padding:var(--gap-md)}.card-title{font-size:.9rem;font-weight:500;color:var(--color-text);margin:0 0 var(--gap-sm);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-text-light)}.card-category{background:#eff6ff;color:var(--color-primary);padding:2px var(--gap-sm);border-radius:var(--radius-sm)}.pagination-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--gap-lg)0}.pagination{display:flex;align-items:center;gap:var(--gap-sm)}.page-item{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--gap-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:all var(--transition-fast)}.page-item:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.page-current{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.page-current:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.page-prev,.page-next{padding:0}.page-dots{background:0 0;border:none;cursor:default}.page-dots:hover{background:0 0;border:none}.pagination-info{font-size:var(--text-sm);color:var(--color-text-muted)}.category-empty{text-align:center;padding:60px var(--gap-md);color:var(--color-text-muted)}.category-empty-icon{width:64px;height:64px;margin:0 auto var(--gap-md);color:var(--color-border)}.category-empty-text{font-size:var(--text-base);margin:0}