/* 统一产品体验层：在不改变业务数据、路由和总调度球交互的前提下，收敛所有正式页面的布局与反馈。 */
:root {
  --ws-paper: #f8fbff;
  --ws-surface: #ffffff;
  --ws-ink: #16243b;
  --ws-muted: #66758a;
  --ws-line: #dce7f3;
  --ws-blue: #0370ff;
  --ws-deep: #014fbc;
  --ws-cyan: #09c3ff;
  --ws-mint: #02f5c2;
  --ws-radius: 18px;
  --ws-shadow: 0 16px 42px rgba(9, 54, 110, .08);
}

body { background: var(--ws-paper); }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, a:focus-visible {
  outline: 3px solid rgba(9, 195, 255, .36) !important;
  outline-offset: 3px;
}

/* 总调度：首页保持球体与语音行为不变，仅重组信息层级。 */
body.intent-home .stage {
  background:
    radial-gradient(circle at 84% 4%, rgba(9,195,255,.11), transparent 23%),
    linear-gradient(180deg, #fff 0%, var(--ws-paper) 100%) !important;
}
.intent-home .page-canvas { height: auto !important; min-height: 100svh; overflow: visible !important; }
.approved-home .approved-shell { width: min(1240px, calc(100% - 48px)); padding: 22px 0 42px; }
.approved-home .approved-topbar { align-items: center; min-height: 54px; padding-bottom: 18px; border-bottom: 1px solid var(--ws-line); }
.approved-home .approved-identity { display: flex; align-items: center; gap: 10px; }
.approved-home .approved-identity > div { display: grid; gap: 3px; }
.approved-home .approved-brand-mark { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(135deg, var(--ws-deep), var(--ws-blue)); box-shadow: 0 8px 18px rgba(3,112,255,.2); font-size: 15px; font-weight: 750; }
.approved-home .approved-identity strong { color: var(--ws-ink); font-size: 14px; font-weight: 740; }
.approved-home .approved-identity small { color: var(--ws-muted); font-size: 12px; }
.approved-home .approved-presence { padding: 6px 9px; border-radius: 999px; color: #39705d; background: #ecfbf5; font-weight: 650; }
.approved-home .approved-presence i { background: #17b978; box-shadow: 0 0 0 4px rgba(23,185,120,.1); }
.approved-home .approved-space-trigger { display: inline-flex; align-items: center; gap: 7px; padding: 9px 12px; border-color: var(--ws-line); border-radius: 10px; color: var(--ws-ink); font-weight: 680; }
.approved-home .approved-space-panel { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 12px; padding: 18px; border-color: var(--ws-line); border-radius: var(--ws-radius); box-shadow: var(--ws-shadow); }
.approved-home .approved-space-group > span { color: var(--ws-deep); font-size: 11px; font-weight: 760; letter-spacing: .08em; }
.approved-home .approved-space-link { border-color: transparent; border-radius: 8px; color: var(--ws-muted); background: #f6f9fc; }
.approved-home .approved-space-link:hover, .approved-home .approved-space-link.is-current { border-color: #b9ddff; color: var(--ws-deep); background: #eaf7ff; }

.approved-home .approved-home-lead { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin: 44px 0 18px; }
.approved-home .approved-kicker { color: var(--ws-blue); font-size: 11px; font-weight: 780; letter-spacing: .12em; }
.approved-home .approved-home-lead h1 { max-width: 720px; margin: 8px 0; color: var(--ws-ink); font-size: clamp(28px, 4vw, 46px); letter-spacing: -.045em; line-height: 1.08; }
.approved-home .approved-home-lead p { max-width: 620px; margin: 0; color: var(--ws-muted); font-size: 14px; line-height: 1.75; }
.approved-home .approved-progress-link { display: inline-flex; align-items: center; gap: 14px; padding: 11px 14px; border: 1px solid var(--ws-line); border-radius: 12px; color: var(--ws-ink); background: var(--ws-surface); box-shadow: 0 7px 18px rgba(9,54,110,.04); font-size: 13px; font-weight: 700; white-space: nowrap; }
.approved-home .approved-progress-link strong { color: var(--ws-blue); font-size: 18px; }
.approved-home .approved-quick-start { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.approved-home .approved-quick-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: 4px 12px; min-height: 102px; padding: 17px; overflow: hidden; border: 1px solid var(--ws-line); border-radius: 15px; color: var(--ws-ink); background: var(--ws-surface); text-align: left; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.approved-home .approved-quick-card:hover { border-color: #9dccff; box-shadow: var(--ws-shadow); transform: translateY(-2px); }
.approved-home .approved-quick-index { grid-row: span 2; color: var(--ws-blue); font-size: 12px; font-weight: 800; }
.approved-home .approved-quick-card strong { align-self: end; font-size: 15px; }
.approved-home .approved-quick-card small { color: var(--ws-muted); font-size: 12px; line-height: 1.45; }
.approved-home .approved-quick-card b { grid-row: span 2; align-self: center; color: var(--ws-blue); font-size: 20px; }
.approved-home .approved-quick-card.is-featured { border-color: #b7e8ff; background: linear-gradient(135deg, #effaff, #fff); }

.approved-home .approved-assistant-stage { min-height: 330px; padding: 8px 0 0; }
.approved-home .approved-orb-control { width: 250px; height: 250px; }
.approved-home .approved-orb-copy h2 { margin-top: -10px; font-size: 20px; }
.approved-home .approved-orb-copy p { font-size: 13px; }
.approved-home .approved-command-zone { width: min(920px, 100%); margin-top: 8px; }
.approved-home .approved-command-shell { min-height: 62px; padding: 8px; border-color: #cddfed; border-radius: 16px; box-shadow: 0 12px 34px rgba(1,79,188,.09); }
.approved-home .approved-command-shell:focus-within { border-color: var(--ws-blue); box-shadow: 0 0 0 4px rgba(9,195,255,.14), 0 12px 34px rgba(1,79,188,.09); }
.approved-home .approved-command-action { min-height: 42px; padding: 0 17px; border-radius: 11px; background: var(--ws-blue); font-weight: 720; }
.approved-home .approved-command-note { padding-left: 6px; color: var(--ws-muted); }

/* 业务页共用骨架：统一页宽、卡片、层级、按钮与状态反馈。 */
.owner-app:not(.intent-home) { background: var(--ws-paper) !important; color: var(--ws-ink); }
.owner-app:not(.intent-home) .stage { background: var(--ws-paper) !important; }
.owner-app:not(.intent-home) .approved-pagebar { border-bottom-color: var(--ws-line); background: rgba(255,255,255,.94); }
.owner-app:not(.intent-home) .approved-pagebar-home strong, .owner-app:not(.intent-home) h1, .owner-app:not(.intent-home) h2, .owner-app:not(.intent-home) h3 { color: var(--ws-ink); }
.owner-app:not(.intent-home) .approved-formal-page { width: min(1240px, calc(100% - 48px)); margin: 0 auto; padding: 32px 0 52px; }
.owner-app:not(.intent-home) .section-label, .owner-app:not(.intent-home) .eyebrow, .owner-app:not(.intent-home) .mini-label { color: var(--ws-blue); font-weight: 760; letter-spacing: .1em; }
.owner-app:not(.intent-home) .section-block, .owner-app:not(.intent-home) .product-delivery .delivery-topbar, .owner-app:not(.intent-home) .product-delivery .delivery-hero, .owner-app:not(.intent-home) .stage-workflow, .owner-app:not(.intent-home) .delivery-result-shell, .owner-app:not(.intent-home) .video-route-banner, .owner-app:not(.intent-home) .dh-step, .owner-app:not(.intent-home) .dh-history, .owner-app:not(.intent-home) .product-library-shell, .owner-app:not(.intent-home) .product-task-shell, .owner-app:not(.intent-home) .delivery-result, .owner-app:not(.intent-home) .delivery-control { border-color: var(--ws-line) !important; border-radius: var(--ws-radius); box-shadow: none; }
.owner-app:not(.intent-home) .delivery-result-shell, .owner-app:not(.intent-home) .video-route-banner, .owner-app:not(.intent-home) .product-task-shell { box-shadow: var(--ws-shadow); }
.owner-app:not(.intent-home) .outline-button, .owner-app:not(.intent-home) .text-link { border-radius: 10px; color: var(--ws-deep); background: #eef8ff; font-weight: 700; }
.owner-app:not(.intent-home) .delivery-tabs button.active, .owner-app:not(.intent-home) .video-mode-tabs button.active, .owner-app:not(.intent-home) .delivery-tabs button[aria-selected="true"], .owner-app:not(.intent-home) .video-mode-tabs button[aria-selected="true"] { border: 1px solid var(--ws-cyan); color: var(--ws-deep); background: #eaf7ff; box-shadow: none; }
.owner-app:not(.intent-home) input, .owner-app:not(.intent-home) textarea, .owner-app:not(.intent-home) select { border-radius: 10px !important; }
.owner-app:not(.intent-home) .task-filter { display: inline-flex; gap: 4px; margin: 18px 0 10px; padding: 4px; border: 1px solid var(--ws-line); border-radius: 12px; background: #fff; }
.owner-app:not(.intent-home) .task-filter button { min-height: 36px; padding: 0 12px; border: 1px solid transparent; border-radius: 8px; color: var(--ws-muted); background: transparent; font-weight: 700; }
.owner-app:not(.intent-home) .task-filter button.active { border-color: var(--ws-cyan); color: var(--ws-deep); background: #eaf7ff; }
.owner-app:not(.intent-home) .task-filter small { margin-left: 5px; color: inherit; }
.owner-app:not(.intent-home) .wallet-recharge-note { display: flex; align-items: center; gap: 11px; max-width: 300px; padding: 13px; border: 1px solid #c7e5ff; border-radius: 14px; background: #f1f9ff; }
.owner-app:not(.intent-home) .wallet-recharge-note i { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 9px; color: #fff; background: var(--ws-blue); font-style: normal; font-size: 19px; }
.owner-app:not(.intent-home) .wallet-recharge-note strong { display: block; color: var(--ws-ink); font-size: 13px; }
.owner-app:not(.intent-home) .wallet-recharge-note small { display: block; margin-top: 3px; color: var(--ws-muted); font-size: 12px; line-height: 1.45; }

@media (max-width: 760px) {
  .approved-home .approved-shell, .owner-app:not(.intent-home) .approved-formal-page { width: min(100% - 28px, 1240px); }
  .approved-home .approved-topbar { align-items: flex-start; }
  .approved-home .approved-identity small, .approved-home .approved-presence { display: none; }
  .approved-home .approved-space-panel, .approved-home .approved-quick-start { grid-template-columns: 1fr; }
  .approved-home .approved-home-lead { display: grid; margin-top: 30px; }
  .approved-home .approved-home-lead h1 { font-size: 31px; }
  .approved-home .approved-progress-link { justify-self: start; }
  .approved-home .approved-assistant-stage { min-height: 270px; }
  .approved-home .approved-orb-control { width: 210px; height: 210px; }
  .approved-home .approved-command-shell { grid-template-columns: 42px minmax(0, 1fr); }
  .approved-home .approved-command-action { grid-column: 1 / -1; width: 100%; }
  .owner-app:not(.intent-home) .wallet-recharge-note { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}