.ai-apps-page{min-height:100vh;background:var(--rm-bg-base);color:var(--rm-fg)}.ai-apps-hero{position:relative;overflow:hidden;padding:3.5rem 2rem 2.5rem;background:linear-gradient(120deg,#1a1c44,#211d4d,#14141c);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:.4}.ai-apps-hero-orb-1{width:400px;height:400px;background:#8b5cf6e6;top:-120px;right:-60px}.ai-apps-hero-orb-2{width:300px;height:300px;background:#22d3eeb3;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;font-family:var(--rm-font-mono);letter-spacing:.02em;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);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:var(--rm-glass);backdrop-filter:blur(10px);border-bottom:1px solid var(--rm-border);box-shadow:var(--rm-shadow-sm)}.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:var(--rm-fg-muted);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:var(--rm-fg)}.ai-apps-cat-btn.active{color:var(--rm-accent);border-bottom-color:var(--rm-accent)}.ai-apps-sort{display:flex;gap:.375rem;flex-shrink:0}.ai-apps-sort-btn{padding:.35rem .75rem;font-size:.813rem;font-weight:500;color:var(--rm-fg-muted);background:var(--rm-bg-3);border:1px solid var(--rm-border);border-radius:.375rem;cursor:pointer;transition:all .2s}.ai-apps-sort-btn:hover{color:var(--rm-fg);background:var(--rm-surface-hover);border-color:var(--rm-border-hover)}.ai-apps-sort-btn.active{color:#0a0a12;background:var(--rm-gradient-cta);border-color:transparent}.ai-apps-main{padding:2rem}.ai-apps-container{max-width:1200px;margin:0 auto}.ai-apps-error{color:var(--rm-pink-fg);font-size:.9rem;margin:0 0 1rem;text-align:center;background:var(--rm-pink-bg);border:1px solid var(--rm-pink-border);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:var(--rm-fg-muted);font-size:.95rem}.ai-apps-spinner{color:var(--rm-accent);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[hidden]{display:none}.ai-apps-empty-icon{color:var(--rm-fg-subtle);margin-bottom:1rem}.ai-apps-empty-text{color:var(--rm-fg-muted);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:var(--rm-bg-2);border:1px solid var(--rm-border);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:var(--rm-border-hover);box-shadow:var(--rm-shadow-card-hover);transform:translateY(-3px)}.ai-app-card-badge{position:absolute;top:.75rem;left:.75rem;z-index:2;font-size:.7rem;font-weight:600;color:#0a0a12;background:var(--rm-gradient-cta);padding:.2rem .6rem;border-radius:999px;letter-spacing:.02em;box-shadow:var(--rm-glow)}.ai-app-card-cover{width:100%;aspect-ratio:16 / 10;background:var(--rm-bg-3);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:var(--rm-gradient-soft);color:var(--rm-accent)}.ai-app-card-cover--empty:empty:after{content:"";width:40px;height:40px;background:no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.6-3.6a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E");opacity:.6}.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:var(--rm-accent);background:var(--rm-accent-soft);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:var(--rm-fg);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:var(--rm-fg-muted);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:600;border:none;cursor:pointer;background:var(--rm-gradient-cta);color:#0a0a12;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:var(--rm-glow)}.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}}
