/* 首页：对话 → 创作 → 工作安排 → 最近客户。只改变呈现与反馈。 */
#view-home.home-dashboard {
  --home-feedback: 140ms;
  display: grid;
  align-content: start;
  min-height: 0;
  gap: 24px;
  padding-top: 24px;
  background: transparent;
}
#view-home .home-hero { display: flex; align-items: center; gap: 12px; text-align: left; }
#view-home .home-orbit { width: 48px; height: 48px; flex: none; }
#view-home .home-orbit img { width: 100%; height: 100%; filter: none; }
#view-home .home-greeting { min-width: 0; }
#view-home .home-greeting h2 { margin: 0; font-size: 22px; line-height: 1.4; overflow-wrap: anywhere; }
#view-home .home-greeting p { margin: 4px 0 0; font-size: 14px; color: var(--muted); }
#view-home .home-chat-entries { width: 100%; max-width: none; gap: 12px; }
#view-home .home-chat-entries .home-coach-action { justify-content: flex-start; min-height: 76px; padding: 14px; gap: 10px; }
#view-home .home-chat-entries .home-coach-action strong { font-size: 16px; line-height: 1.4; }
#view-home .home-chat-entries .home-coach-action small { font-size: 12px; line-height: 1.5; }
#view-home .home-chat-entries .home-coach-action small > span { display: inline-block; white-space: nowrap; }
#view-home .home-chat-entries svg { width: 24px; height: 24px; }
#view-home .home-section-heading { min-height: 32px; gap: 12px; }
#view-home .home-section-heading h3 { font-size: 16px; font-weight: 650; margin: 0; }
#view-home .home-creation-tools, #view-home .home-section { display: grid; gap: 12px; }
#view-home .home-feature-grid { gap: 12px; }
#view-home .home-feature-card {
  min-height: 88px;
  padding: 16px 12px 12px;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  background: var(--ink-850);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: none;
}
#view-home .home-feature-card svg { width: 24px; height: 24px; color: var(--rose-300); }
#view-home .home-feature-card strong { font-size: 16px; line-height: 1.4; white-space: normal; }
#view-home .home-feature-card small { font-size: 12px; line-height: 1.5; margin-top: 4px; white-space: normal; color: var(--muted); }
#view-home .home-feature-video { grid-column: auto; }
#view-home .home-new-badge { top: 5px; right: 8px; font-size: 9px; padding: 0 4px; font-weight: 650; background: transparent; color: var(--muted); }
#view-home .home-feature-benchmark { width: 100%; }
#view-home .home-section-link { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 8px 0; margin-block: -6px; font-size: 13px; }
#view-home .home-work-list { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
#view-home .home-quick-schedule {
  min-height: 72px; grid-template-columns: 32px minmax(0, 1fr) 32px;
  padding: 12px; gap: 12px; border: 0; border-radius: 0;
  background: var(--ink-850);
}
#view-home .home-quick-schedule-icon { width: 32px; height: 32px; border-radius: 8px; background: var(--rose-wash); }
#view-home .home-quick-schedule-voice { width: 32px; height: 32px; background: var(--rose-wash); color: var(--rose-300); }
#view-home .home-quick-schedule strong { font-size: 15px; }
#view-home .home-quick-schedule small { font-size: 12px; color: var(--muted); }
#view-home .home-work-list .home-data-row { min-height: 68px; padding: 12px; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: var(--ink-850); box-shadow: none; }
#view-home .home-schedule-row { grid-template-columns: 48px minmax(0, 1fr) 16px; gap: 8px; }
#view-home .home-schedule-row .home-event-marker, #view-home .home-schedule-row .home-row-link { display: none; }
#view-home .home-schedule-time { font-size: 15px; }
#view-home .home-row-copy strong { font-size: 14px; line-height: 1.5; }
#view-home .home-row-copy small { font-size: 12px; line-height: 1.5; color: var(--muted); }
#view-home .home-client-row { grid-template-columns: 36px minmax(0, 1fr) auto 16px; padding: 12px; gap: 8px; box-shadow: none; background: var(--ink-850); }
#view-home .home-client-avatar { width: 36px; height: 36px; }
#view-home .home-row-link { font-size: 12px; }
#view-home .home-entitlement { margin: -8px 0 0; font-size: 12px; }
#view-home :is(button, a):focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
#view-home .home-work-list:focus-within { outline: 2px solid var(--focus); outline-offset: 3px; }
#view-home :is(.home-orbit, .home-greeting, .home-coach-action, .home-feature-card, .home-section, .home-quick-schedule, .home-coach-action::after) { animation: none; }
#view-home button {
  transition: color var(--home-feedback) ease, background-color var(--home-feedback) ease,
    border-color var(--home-feedback) ease, transform 120ms var(--ease-out-expo);
}
#view-home :is(.home-coach-action, .home-feature-card):active:not(:disabled) { transform: scale(.98); }
#view-home :is(.home-quick-schedule, .home-data-row):active:not(:disabled) { transform: scale(.99); }
#view-home .home-chevron { transition: transform 160ms var(--ease-out-expo); }
@media (hover: hover) {
  #view-home :is(.home-feature-card, .home-data-row, .home-quick-schedule):hover { background: var(--ink-800); border-color: var(--line-strong); }
  #view-home .home-coach-action:hover { background: var(--ink-700); }
  #view-home .home-assistant-action:hover { background: var(--rose-700); border-color: var(--rose-700); }
  #view-home :is(.home-section-link, .home-data-row):hover .home-chevron { transform: translateX(2px); }
}
@media (prefers-reduced-motion: no-preference) {
  #view-home.active[data-home-visit="first"] .home-coach-action { animation: home-dashboard-enter 220ms var(--ease-out-expo) backwards; }
  #view-home.active[data-home-visit="first"] .home-feature-card:not(.home-feature-benchmark) { animation: home-dashboard-enter 220ms var(--ease-out-expo) backwards; }
  #view-home.active[data-home-visit="first"] .home-feature-grid > :nth-child(2) { animation-delay: 40ms; }
  #view-home.active[data-home-visit="first"] .home-feature-grid > :nth-child(3) { animation-delay: 80ms; }
  #view-home.active[data-home-visit="first"] .home-feature-grid > :nth-child(4) { animation-delay: 120ms; }
  #view-home.active[data-home-visit="return"] { animation: home-dashboard-return 120ms ease-out; }
}
@keyframes home-dashboard-enter { from { opacity: .65; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes home-dashboard-return { from { opacity: .85; } to { opacity: 1; } }
@media (max-width: 350px) {
  #view-home.home-dashboard { gap: 20px; }
  #view-home .home-greeting h2 { font-size: 20px; }
  #view-home .home-chat-entries { gap: 8px; }
  #view-home .home-chat-entries .home-coach-action { padding: 12px 8px; gap: 6px; }
  #view-home .home-chat-entries .home-coach-action strong { font-size: 14px; }
  #view-home .home-chat-entries svg { width: 20px; height: 20px; }
  #view-home .home-feature-grid { gap: 8px; }
  #view-home .home-feature-card { padding-inline: 10px; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; }
  #view-home .home-feature-card svg { width: 20px; height: 20px; }
  #view-home .home-feature-card strong { font-size: 14px; }
  #view-home .home-client-row .home-row-link { display: none; }
  #view-home .home-client-row { grid-template-columns: 36px minmax(0, 1fr) 16px; }
}
@media (prefers-reduced-motion: reduce) {
  #view-home.home-dashboard, #view-home.home-dashboard * { animation: none !important; }
  #view-home.home-dashboard button { transition: color 100ms ease, background-color 100ms ease, border-color 100ms ease !important; }
  #view-home.home-dashboard button:active:not(:disabled), #view-home .home-chevron { transform: none !important; }
}
