/* Flova home fidelity (v22.1), compared with research/homepage-v2.12/flova/reference-desktop.jpg (official). */
.home-flova .flova-hero h1 { font-family: "PingFang SC", "Helvetica Neue", Arial, sans-serif !important; font-weight: 300 !important; font-size: 38px !important; letter-spacing: 0 !important; }
.home-flova .flova-home-composer {
  border: 1px solid transparent !important; border-radius: 16px !important;
  background: linear-gradient(#0d0c0c, #0d0c0c) padding-box, linear-gradient(100deg, #b4473f, #5b4a3a 45%, #3e7d62) border-box !important;
}
/* the chat-model chip reads "模型 新" like the official one (the chosen model still shows once picked) */
.home-flova [data-flova-popup="model"] [data-production-native-model-caption][data-fl-default] { font-size: 0 !important; }
.home-flova [data-flova-popup="model"] [data-production-native-model-caption][data-fl-default]::after { content: '模型'; font-size: 12px; }
.home-flova [data-flova-popup="model"]::after { content: '新'; margin-left: 6px; padding: 0 4px; border-radius: 3px; background: rgba(110, 200, 120, .18); color: #7fd38a; font-size: 10px; }
/* skill cards: smaller, two rows like the official */
.home-flova .flova-skill-card { font-size: 12px !important; height: 46px !important; padding: 4px 14px 4px 4px !important; gap: 10px !important; }
.home-flova .flova-skill-card img { width: 34px !important; height: 34px !important; }
/* top right: FlovaSkill pill, credits "0 | Free", avatar */
.home-flova .flova-home-header > div { display: flex; align-items: center; gap: 10px; }
.home-flova .flova-home-header > div > button[data-restricted] { background: linear-gradient(90deg, #3c5a3a, #3a4f7a) !important; border: 1px solid #5b6f9a !important; color: #fff !important; }
.home-flova .fl-credits { display: inline-flex; align-items: center; gap: 10px; height: 34px; padding: 0 12px; border-radius: 10px; background: #1c1c1c; border: 1px solid #333; color: #eee; font-size: 13px; }
.home-flova .fl-credits b { font-weight: 600; } .home-flova .fl-credits i { width: 1px; height: 14px; background: #444; }
.home-flova .fl-avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #888, #555); color: #fff; display: grid; place-items: center; font-size: 12px; font-weight: 600; }
/* "最近项目 / 查看全部" on one row */
.home-flova div:has(> h2 + button[data-home-open="projects"]) { display: flex !important; align-items: baseline; justify-content: space-between; }
.home-flova [data-production-chat-context][data-fid-idle] { display: none !important; }
.home-flova .fl-credits, .home-flova .fl-avatar { display: inline-flex !important; }
.home-flova .fl-avatar { justify-content: center; align-items: center; }
/* the replica shipped a hard-coded sample project card ("Codex体验…"); real recent projects come from the runtime */
.home-flova .flova-project-grid > button:has(.flova-test-cover) { display: none !important; }

/* real balance in the credits pill (home and workspace) */
.fl-credits b[data-fid-credits]::after { content: attr(data-fid-credits); }
/* project workspace header: credits pill before the avatar, chip after the project name */
.fl-ws-credits { display: inline-flex !important; align-items: center; gap: 10px; height: 34px; margin: 0 6px; padding: 0 12px; border-radius: 10px; background: #1c1c1c; border: 1px solid #333; color: #eee; font-size: 13px; white-space: nowrap; }
.fl-ws-credits b { font-weight: 600; } .fl-ws-credits i { width: 1px; height: 14px; background: #444; }
.fl-ws-host { display: inline-flex; align-items: center; min-width: 1px; min-height: 1px; margin-left: 10px; font-size: 12px; flex: none; }
.fl-ws-host details[data-fidelity-place="host"] > :not(summary) { left: 0; right: auto; }
/* workspace chat: the runtime's status line under the composer, small and quiet like a hint */
[data-product-core] [data-production-chat-context] { display: flex; align-items: center; gap: 8px; padding: 4px 12px 6px; font-size: 12px !important; color: #8a8a8a; }
[data-product-core] [data-production-chat-context] button { font-size: 12px !important; padding: 2px 8px; border-radius: 6px; border: 1px solid #333; background: transparent; color: #ddd; }