.ai-apps-page{min-height:100vh;background:#f5f6f8;color:#1f2937}.ai-apps-hero{position:relative;overflow:hidden;padding:3.5rem 2rem 2.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed,#a855f7);color:#fff}.ai-apps-hero-bg{position:absolute;inset:0;pointer-events:none}.ai-apps-hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.ai-apps-hero-orb-1{width:400px;height:400px;background:#818cf8;top:-120px;right:-60px}.ai-apps-hero-orb-2{width:300px;height:300px;background:#c084fc;bottom:-100px;left:-40px}.ai-apps-hero-inner{position:relative;max-width:1200px;margin:0 auto;text-align:center}.ai-apps-hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .9rem;font-size:.8rem;font-weight:500;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:999px;margin-bottom:1rem;backdrop-filter:blur(4px);color:#fff}.ai-apps-hero-title{font-size:2rem;font-weight:700;margin:0 0 .75rem;letter-spacing:-.01em;line-height:1.3}.ai-apps-hero-subtitle{font-size:1rem;margin:0;opacity:.85;line-height:1.6;max-width:480px;margin-inline:auto}.ai-apps-filter-bar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a}.ai-apps-filter-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px}.ai-apps-categories{display:flex;gap:.125rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.ai-apps-cat-btn{flex-shrink:0;padding:.625rem 1rem;font-size:.9rem;font-weight:500;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap}.ai-apps-cat-btn:hover{color:#374151}.ai-apps-cat-btn.active{color:#4f46e5;border-bottom-color:#4f46e5}.ai-apps-sort{display:flex;gap:.375rem;flex-shrink:0}.ai-apps-sort-btn{padding:.35rem .75rem;font-size:.813rem;font-weight:500;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s}.ai-apps-sort-btn:hover{color:#374151;background:#e5e7eb}.ai-apps-sort-btn.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:transparent}.ai-apps-main{padding:2rem}.ai-apps-container{max-width:1200px;margin:0 auto}.ai-apps-error{color:#dc2626;font-size:.9rem;margin:0 0 1rem;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;padding:.75rem 1rem}.ai-apps-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:5rem 2rem;color:#6b7280;font-size:.95rem}.ai-apps-spinner{color:#4f46e5;animation:ai-apps-spin .8s linear infinite}@keyframes ai-apps-spin{to{transform:rotate(360deg)}}.ai-apps-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;text-align:center}.ai-apps-empty-icon{color:#d1d5db;margin-bottom:1rem}.ai-apps-empty-text{color:#9ca3af;font-size:1rem;margin:0}.ai-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.ai-app-card{background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .25s;display:flex;flex-direction:column;position:relative}.ai-app-card:hover{border-color:#c7d2fe;box-shadow:0 12px 32px #4f46e51a,0 2px 6px #0000000a;transform:translateY(-3px)}.ai-app-card-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;font-size:.7rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:.2rem .6rem;border-radius:999px;letter-spacing:.02em;box-shadow:0 2px 6px #4f46e54d}.ai-app-card-cover{width:100%;aspect-ratio:16 / 10;background:#f3f4f6;overflow:hidden}.ai-app-card-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .35s}.ai-app-card:hover .ai-app-card-cover img{transform:scale(1.04)}.ai-app-card-cover--empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);color:#4f46e5}.ai-app-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column;min-height:0}.ai-app-card-tag{font-size:.75rem;font-weight:500;color:#7c3aed;background:#f5f3ff;padding:.15rem .5rem;border-radius:.25rem;display:inline-block;align-self:flex-start;margin-bottom:.625rem}.ai-app-card-title{font-size:1.05rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-app-card-desc{font-size:.875rem;color:#6b7280;line-height:1.6;margin:0 0 1rem;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-app-card-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;transition:opacity .2s,transform .15s,box-shadow .2s;margin-top:auto;align-self:flex-start}.ai-app-card-action:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.china-site-shell .ai-apps-filter-bar{top:0}@media(max-width:768px){.ai-apps-hero{padding:2.5rem 1.25rem 2rem}.ai-apps-hero-title{font-size:1.5rem}.ai-apps-filter-inner{flex-direction:column;align-items:flex-start;padding:.5rem 1rem;gap:.5rem}.ai-apps-main{padding:1.25rem}.ai-apps-grid{grid-template-columns:1fr}}