:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #222230;--bg-header: rgba(10, 10, 15, .95);--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--border-color: #2a2a3a;--border-light: #1f1f2f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--header-height: 72px;--sidebar-width: 240px;--max-width: 1400px;--transition-theme: .3s ease}[data-theme=light]{--bg-primary: #f8f8fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f5f5f8;--bg-header: rgba(248, 248, 250, .95);--text-primary: #1a1a1a;--text-secondary: #555566;--text-muted: #888899;--border-color: #e0e0e8;--border-light: #eaeaf0;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12)}[data-theme=light] .app-card{box-shadow:var(--shadow-sm)}[data-theme=light] .app-card:hover{box-shadow:var(--shadow-md)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}html,body{transition:background-color var(--transition-theme),color var(--transition-theme)}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto}.header{position:sticky;top:0;z-index:100;background-color:var(--bg-header);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);height:var(--header-height);transition:background-color var(--transition-theme),border-color var(--transition-theme)}.header-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl)}.header-center{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.search-field{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;transition:background-color var(--transition-theme),border-color var(--transition-theme)}.search-icon{display:flex;align-items:center;color:var(--text-muted)}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family)}.search-input::placeholder{color:var(--text-muted)}.search-input:disabled{cursor:not-allowed;opacity:.6}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary)}.logo-icon{font-size:28px}.logo-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-dropdown-container{position:relative}.nav-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border-radius:var(--radius-md)}.nav-trigger:hover{color:var(--text-primary);background:var(--bg-card)}.nav-trigger.active{color:var(--accent-primary)}.nav-arrow{font-size:10px;transition:transform .2s ease}.nav-dropdown-container:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;animation:dropdownFadeIn .15s ease;transition:background-color var(--transition-theme),border-color var(--transition-theme)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-content{padding:var(--spacing-sm)}.nav-dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease;text-align:left}.nav-dropdown-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-dropdown-item.active{background:var(--accent-gradient);color:var(--text-primary)}.nav-dropdown-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}.nav-dropdown-item-content{display:flex;flex-direction:column;gap:2px}.nav-dropdown-text{font-weight:500}.nav-dropdown-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.nav-dropdown-item.active .nav-dropdown-desc{color:#ffffffb3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--accent-gradient);color:var(--text-primary)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-appstore{background:var(--text-primary);color:var(--bg-primary);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md);transition:all .2s ease,background-color var(--transition-theme),color var(--transition-theme)}.btn-appstore:hover{opacity:.85;transform:translateY(-2px)}[data-theme=light] .btn-appstore{background:#1a1a1a;color:#fff}[data-theme=light] .btn-appstore:hover{background:#333}.btn-appstore .apple-icon{width:20px;height:20px}.btn-large{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-large .apple-icon{width:24px;height:24px}.btn-website{background:var(--accent-gradient);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}.btn-website:hover{opacity:.9;transform:translateY(-2px)}.btn-website svg{width:20px;height:20px}.btn-large.btn-website svg{width:24px;height:24px}.app-detail-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.main{min-height:calc(100vh - var(--header-height))}.main-container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);display:flex;gap:var(--spacing-2xl)}.main-container--no-sidebar{display:block}.sidebar{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--header-height) + var(--spacing-xl));height:fit-content}.sidebar-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md)}.category-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.category-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-md);font-weight:500;transition:all .2s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left}.category-item:hover{background:var(--bg-card);color:var(--text-primary)}.category-item.active{background:var(--accent-gradient);color:var(--text-primary)}.category-icon{font-size:18px;width:24px;text-align:center}.hero{display:flex;align-items:center;gap:var(--spacing-3xl);padding:var(--spacing-3xl) 0}.hero-content{flex:3;min-width:0}.hero-title{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}.hero-typed{color:var(--accent-primary)}.hero-cursor{display:inline-block;width:3px;height:.9em;background:var(--accent-primary);margin-left:2px;vertical-align:baseline;position:relative;top:.1em;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.hero-subtitle{font-size:var(--font-size-lg);line-height:1.6;color:var(--text-secondary)}.hero-video{flex:2;min-width:0}.hero-video-placeholder{aspect-ratio:16 / 9;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.hero-video-placeholder:hover{background:var(--bg-card-hover)}.hero-video-icon{font-size:48px;color:var(--text-muted);transition:color .2s ease}.hero-video-placeholder:hover .hero-video-icon{color:var(--text-secondary)}.content{flex:1;min-width:0}.content-header{margin-bottom:var(--spacing-xl)}.content-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.content-subtitle{font-size:var(--font-size-md);color:var(--text-secondary)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.app-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .2s ease,background-color var(--transition-theme),border-color var(--transition-theme);cursor:pointer}.app-card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-icon{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--bg-secondary)}.app-icon img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.app-info{flex:1;min-width:0}.app-name{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.app-tagline{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.app-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs)}.app-category{color:var(--accent-primary);font-weight:500}.app-rating{color:var(--text-muted)}.detail-container{max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xl)}.breadcrumb a{color:var(--text-secondary);transition:color .2s ease}.breadcrumb a:hover{color:var(--accent-primary)}.breadcrumb-separator{color:var(--text-muted)}.breadcrumb-current{color:var(--text-primary)}.app-detail-header{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.app-detail-icon{width:128px;height:128px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--bg-secondary)}.app-detail-icon img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.app-detail-info{flex:1}.app-detail-name{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm)}.app-detail-tagline{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.app-detail-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.app-detail-category{background:var(--accent-gradient);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500}.app-detail-rating,.app-detail-price{color:var(--text-secondary);padding:var(--spacing-xs) 0}.app-video{margin-bottom:var(--spacing-xl);border-radius:var(--radius-md);overflow:hidden}.app-video video{width:100%;display:block;border-radius:var(--radius-md)}.section-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg)}.app-description{margin-bottom:var(--spacing-3xl)}.description-content{color:var(--text-secondary);line-height:1.8}.description-content p{margin-bottom:var(--spacing-lg)}.description-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.feature-list{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg)}.feature-list li{margin-bottom:var(--spacing-sm);list-style:disc}.feature-list strong{color:var(--text-primary)}.app-info-section{margin-bottom:var(--spacing-3xl)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.info-item{display:flex;justify-content:space-between;padding:var(--spacing-md);background:var(--bg-card);border-radius:var(--radius-md);transition:background-color var(--transition-theme)}[data-theme=light] .info-item{border:1px solid var(--border-color)}.info-label{color:var(--text-muted);font-size:var(--font-size-sm)}.info-value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.related-apps{margin-bottom:var(--spacing-3xl)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.cta-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-3xl);text-align:center;border:1px solid var(--border-color);transition:background-color var(--transition-theme),border-color var(--transition-theme)}[data-theme=light] .cta-section{box-shadow:var(--shadow-md)}.cta-content h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.cta-content p{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0;margin-top:var(--spacing-3xl);transition:background-color var(--transition-theme),border-color var(--transition-theme)}.footer-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.footer p{color:var(--text-muted);font-size:var(--font-size-sm)}.footer-note{margin-top:var(--spacing-sm);font-size:var(--font-size-xs)!important;color:var(--text-muted)}@media (max-width: 1024px){.main-container{flex-direction:column}.sidebar{width:100%;position:static}.category-list{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.category-item{padding:var(--spacing-sm) var(--spacing-md)}.related-grid{grid-template-columns:repeat(2,1fr)}.header-center{gap:var(--spacing-sm)}.search-field{min-width:160px}.nav-dropdown{min-width:200px}}@media (max-width: 768px){:root{--header-height: 64px}.header-container{padding:0 var(--spacing-md)}.logo-text{display:none}.header-center{gap:var(--spacing-xs)}.header-right{gap:var(--spacing-sm)}.search-field{display:none}.nav-trigger{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.nav-dropdown{min-width:180px}.nav-dropdown-item{padding:var(--spacing-sm)}.theme-toggle{width:36px;height:36px}.theme-toggle svg{width:18px;height:18px}.hero{flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-xl) 0}.hero-title{font-size:var(--font-size-2xl)}.app-grid{grid-template-columns:1fr}.app-detail-header{flex-direction:column;align-items:center;text-align:center}.app-detail-meta{justify-content:center}.info-grid,.related-grid{grid-template-columns:1fr}.cta-section{padding:var(--spacing-xl)}}@media (max-width: 480px){.main-container,.detail-container{padding:var(--spacing-md)}.app-detail-icon{width:96px;height:96px;font-size:40px}.app-detail-name{font-size:var(--font-size-xl)}.btn-appstore{width:100%}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.theme-toggle:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-card)}.theme-toggle svg{width:20px;height:20px;transition:opacity .2s ease,transform .2s ease}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:var(--spacing-3xl) var(--spacing-lg)}.not-found-code{font-size:120px;font-weight:800;line-height:1;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-xl);-webkit-user-select:none;user-select:none}.not-found-search{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);display:inline-flex;align-items:center;min-width:340px;min-height:52px}.not-found-prompt{color:var(--text-muted);margin-right:var(--spacing-xs);flex-shrink:0}.not-found-typed{color:var(--accent-primary)}.not-found-message{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-xl);max-width:420px}.not-found-btn{background:var(--accent-gradient);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease;text-decoration:none}.not-found-btn:hover{opacity:.9;transform:translateY(-1px)}@media (max-width: 480px){.not-found-code{font-size:80px}.not-found-search{min-width:auto;width:100%;font-size:var(--font-size-md)}}.loading{opacity:.6;pointer-events:none}.submit-page{max-width:600px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg)}.submit-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-sm)}.submit-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.submit-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.form-input,.form-textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-md);font-family:var(--font-family);transition:border-color .2s ease,background-color var(--transition-theme)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.form-textarea{min-height:120px;resize:vertical}.submit-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.submit-btn:hover{opacity:.9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-success{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-3xl);margin-top:var(--spacing-3xl)}.submit-success-icon{width:64px;height:64px;margin:0 auto var(--spacing-lg);background:var(--accent-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.submit-success h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.submit-success p{color:var(--text-secondary);font-size:var(--font-size-md)}.submit-error{color:#ef4444;font-size:var(--font-size-sm);font-weight:500}.footer-submit{margin-top:var(--spacing-sm)}.footer-submit-link{color:var(--accent-primary)!important;font-size:var(--font-size-sm);font-weight:500;transition:opacity .2s ease}.footer-submit-link:hover{opacity:.8}@media (max-width: 480px){.submit-page{padding:var(--spacing-xl) var(--spacing-md)}}.lang-switch{background:none;border:1.5px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;line-height:1}.lang-switch:hover{color:var(--text-primary);border-color:var(--accent-primary);background:var(--bg-card)}