/* AIHub 首页 AI 导购入口 [aiht_finder] —— 作用域全在 .aiht-finder 下，避免污染主题 */
.aiht-finder{--af-accent:#6d5efc;--af-accent2:#8b7bff;--af-soft:#efecff;--af-ink:#1a1a2e;--af-sub:#6b6f80;--af-line:#ececf3;
  max-width:1180px;margin:0 auto;font-family:-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--af-ink)}
.aiht-finder *{box-sizing:border-box}
.aiht-finder-loading{text-align:center;color:#9aa;padding:24px;font-size:14px}
.aiht-finder a{text-decoration:none;color:inherit}
.aiht-finder a.af-btn{color:#fff}

.af-hero{text-align:center;padding:0}
.af-hero h2{font-size:23px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;line-height:1.2}
.af-hero h2 .af-g{background:linear-gradient(135deg,var(--af-accent),#ff7eb3);-webkit-background-clip:text;background-clip:text;color:transparent}
.af-tip{color:var(--af-sub);font-size:13px;margin:0 0 14px}

.af-selectors{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;font-size:16px;color:var(--af-sub);margin-bottom:14px}
.af-sel{position:relative}
.af-sel button{font:inherit;font-size:16px;font-weight:700;color:var(--af-accent);background:var(--af-soft);border:1px dashed var(--af-accent2);border-radius:12px;padding:5px 12px;cursor:pointer}
.af-sel button.filled{border-style:solid;background:var(--af-accent);color:#fff}
.af-menu{position:absolute;top:44px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--af-line);border-radius:14px;box-shadow:0 8px 30px rgba(40,30,90,.14);padding:8px;display:none;z-index:30;width:248px;max-height:300px;overflow:auto;grid-template-columns:1fr 1fr;gap:4px}
.af-menu.open{display:grid}
.af-menu div{padding:9px 10px;border-radius:9px;font-size:14px;cursor:pointer;font-weight:500;color:var(--af-ink)}
.af-menu div:hover{background:var(--af-soft);color:var(--af-accent)}

.af-seg{font-size:12px;color:#9aa;text-align:center;margin:0 0 8px;letter-spacing:.06em}
.af-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.af-chip{display:inline-flex;align-items:center;gap:6px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--af-line);font-size:13px;cursor:pointer;transition:.18s;box-shadow:0 1px 2px rgba(0,0,0,.02)}
.af-chip:hover{border-color:var(--af-accent);color:var(--af-accent);transform:translateY(-1px)}
.af-chip.pin{border-color:var(--af-accent);background:var(--af-soft);color:var(--af-accent);font-weight:600}

.af-search{margin:16px auto 0;max-width:520px;display:flex;gap:8px;background:#fff;border:1px solid var(--af-line);border-radius:14px;padding:6px 6px 6px 16px;box-shadow:0 6px 20px rgba(40,30,90,.07)}
.af-search input{flex:1;border:0;outline:0;font-size:14px;background:transparent;font-family:inherit}
.af-btn{font:inherit;background:var(--af-accent);color:#fff;border:0;border-radius:11px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}
.af-btn:hover{background:#5b4ce0}

.af-result{margin:14px auto 0;max-width:540px;background:#fff;border:1px solid var(--af-line);border-radius:14px;padding:14px;box-shadow:0 6px 20px rgba(40,30,90,.07);animation:af-rise .3s ease}
@keyframes af-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.af-result h3{margin:0 0 6px;font-size:16px}
.af-result .af-q{color:var(--af-sub);font-size:13px}

/* 气泡星图 */
.af-sky{position:relative;height:320px;background:radial-gradient(circle at 50% 35%,#fff,#eeebfb);border:1px solid var(--af-line);border-radius:20px;overflow:hidden;box-shadow:0 6px 20px rgba(40,30,90,.07)}
.af-bub{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:linear-gradient(135deg,var(--af-accent),var(--af-accent2));color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(109,94,252,.32);padding:8px;line-height:1.2;transition:transform .22s;animation:af-float 6s ease-in-out infinite}
.af-bub:hover{transform:scale(1.09);z-index:5}
.af-bub.pin{background:linear-gradient(135deg,#ff9a6c,#ff6a88)}
@keyframes af-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

@media(max-width:560px){.aiht-finder .af-hero h2{font-size:20px}.af-selectors{font-size:15px}.af-sel button{font-size:15px}.af-sky{height:300px}}
