/* 2026-10-18 11:05 北京时间：主背景改回纯白，强调色参考“好私教”Logo金橙渐变。
   仅调整前台配色；不得修改页面布局尺寸、滚动交互和支付品牌色。 */
:root {
  --us-cream:#FFFFFF;
  --us-cream-card:#FFFFFF;
  --us-cream-soft:#FFF9F0;
  --us-cream-deep:#FFE5B4;
  --us-gold:#C64B07;
  --us-gold-hover:#B94507;
  --us-gold-light:#E27C13;
  --us-ink:#302A24;
  --primary:#C64B07;
  --primary-hover:#B94507;
  --primary-active:#9F3905;
  --primary-light:#FFF4DE;
  --primary-lighter:#FFE3AD;
  --bg-page:#FFFFFF;
  --bg-base:#FFFFFF;
  --bg-header:#FFFFFF;
  --bg-card:#FFFFFF;
  --text-primary:#302A24;
  --text-secondary:#615851;
  --text-tertiary:#70645A;
  --text-link:#B94405;
  --accent-warm:#E85C0D;
  --accent-orange:#F5A30C;
  --border:#F0DCC1;
  --divider:#F5E9D7;
}
body.project-page,body.project-site-page,body.user-site {
  background-color:var(--us-cream)!important;
  color:var(--us-ink);
}
/* 全站页头、导航、城市选择和底部：仅颜色，保留原有位置、间距和尺寸 */
body.project-page .nav-header,
body.project-site-page .nav-header,
body.project-page header,
body.project-site-page header {
  background-color:rgba(255,255,255,.98);
  border-bottom-color:var(--border);
}
body.project-page .project-nav-item,
body.project-site-page .project-nav-item {color:var(--us-ink)}
body.project-page .project-nav-item:hover,
body.project-page .project-nav-item.is-active,
body.project-site-page .project-nav-item:hover,
body.project-site-page .project-nav-item.is-active {
  color:var(--primary)!important;
  background:var(--primary-light)!important;
}
.project-city>button,.project-mobile-nav a,
.usijiao-account-link {
  background:var(--us-cream-soft)!important;
  color:var(--primary)!important;
  border-color:var(--border)!important;
}
.project-city-options,.project-mobile-nav {background:var(--us-cream-card);border-color:var(--border)}
.project-city-options button {background:var(--us-cream-soft);color:var(--text-secondary)}
.project-city-options button:hover,.project-city-options button.selected,
.project-mobile-nav a:hover,.usijiao-account-link:hover {background:var(--primary-light)!important;color:var(--primary)!important}
.project-empty,.project-static-dialog-inner,.project-dialog,.us-coach-modal-inner {
  background:var(--us-cream-card);
  border-color:var(--border);
}
.project-dialog-close,.project-dialog-note,.project-static-dialog .project-placeholder {
  background:var(--primary-light);
  border-color:var(--border);
  color:var(--primary);
}
.project-dialog-cta,.project-static-dialog .project-close-action,
body.project-page .btn-primary:hover {background:var(--primary)!important;color:#fff!important}
/* 筛选状态和列表导航 */
.filter-selected,.project-list-filter-active,.article-filter.is-selected {
  background:var(--primary)!important;
  color:#fff!important;
  border-color:var(--primary)!important;
  box-shadow:0 2px 8px rgba(211,83,11,.14);
}
.filter-unselected:hover,.hot-city,.article-filter:hover,
.project-site-page .hot-city:hover {background:var(--primary-light)!important;color:var(--primary)!important}
body.project-site-page .project-empty {background:var(--us-cream-card);border-color:var(--border)}
/* 找私教、教练详情、场馆、文章：保留原卡片和排版 */
.us-coach-top,.us-coach-section,.article-category-panel,
.article-list-panel,.article-detail-content,.article-recommend,.article-author-box {
  background-color:var(--us-cream-card);
  border-color:var(--border);
}
.article-filter:hover,.article-list-search button,.article-empty button {
  background:var(--primary-light);
  color:var(--primary);
}
.article-list-search input:focus {border-color:var(--primary)}
.us-coach-tags span,.us-coach-section-nav button.is-active {
  background:var(--primary-light);
  color:var(--primary);
}
.us-coach-primary {background:var(--primary)}
.us-coach-secondary {background:var(--primary-light);color:var(--primary)}
.us-coach-section-nav {background:var(--us-cream)}
/* 用户中心、登录、注册与找回密码 */
body.user-site .user-card,.user-auth-layout,.user-dialog-panel {
  background-color:var(--us-cream-card);
  border-color:var(--border);
}
.user-auth-art {background:linear-gradient(145deg,#FFF0D3 0%,#FFFFFF 100%)}
.user-auth-brand,.user-auth-bottom a,.user-demo-note b,
.user-quick svg {color:var(--primary)}
.user-auth-benefits b,.user-avatar {background:var(--primary-light);color:var(--primary)}
.user-demo-note,.user-quick a {
  background:var(--us-cream-soft);
  border-color:var(--border);
  color:var(--text-secondary);
}
.user-quick a:hover,.user-menu a:hover,.user-menu a.is-active,
.user-menu a.active {background:var(--primary-light);color:var(--primary)}
.user-auth-form .auth-submit,.user-form-actions button[type=submit],
.user-page button.user-primary {background:var(--primary);color:#fff}
.user-field input:focus,.user-field select:focus,.user-field textarea:focus {
  border-color:var(--primary);
}
.user-field input,.user-field select,.user-field textarea {background:var(--us-cream-card)}
/* 订单确认与收银台：不改微信和支付宝自己的识别色及官方标识 */
body.payment-site,.payment-site {
  --pay-primary:#C64B07;
  --pay-dark:#302A24;
  --pay-muted:#70645A;
  --pay-line:#F0DCC1;
  --pay-soft:#FFF4DE;
  background-color:var(--us-cream)!important;
}
.payment-site .pay-demo,.payment-site .pay-steps {background:var(--us-cream-card);border-color:var(--border)}
.payment-site .pay-eyebrow,.payment-site .pay-demo b {color:var(--primary)}
/* 瑜伽专题独立使用 HSL 变量，不能直接继承十六进制 --primary */
/* 瑜伽页沿用 HSL 变量格式，保证 hsl(var(--primary)) 解析正确。 */
.yoga-page {
  --primary:24 89% 44%;
  --accent:35 91% 50%;
  --ring:25 86% 44%;
  --sage:24 89% 44%;
  --sage-dark:22 91% 37%;
  --sage-light:39 100% 96%;
  --terracotta:24 89% 44%;
  --terracotta-light:35 100% 92%;
  --secondary:38 100% 96%;
  --secondary-foreground:25 27% 19%;
  --muted:35 100% 97%;
  --muted-foreground:27 12% 39%;
  --border:36 45% 86%;
  --input:36 45% 86%;
  --card:0 0% 100%;
  --background:0 0% 100%;
  --foreground:27 19% 16%;
  --cream:0 0% 100%;
  --earth:26 20% 25%;
  background-color:#FFFFFF;
}
.yoga-page .bg-primary {color:hsl(0 0% 100%)}
/* 将旧页面的硬编码紫色强调块替换为橙金品牌色 */
.project-page-guarantee .bg-\[\#6366F1\],
.project-page-guarantee .bg-\[\#7856DE\] {background-color:var(--primary)}
.project-page-guarantee h1 .bg-clip-text {
  background-image:linear-gradient(90deg,#E6980D,var(--primary),#BE4306)!important;
}
body.project-page [style*="#667eea"],
body.project-page [style*="#818CF8"],
body.project-page [style*="#F49F83"] {
  background:linear-gradient(135deg,#E46E0E,#D3530B)!important;
}
body.project-page [style*="rgba(120,86,222"] {
  background:radial-gradient(circle,rgba(244,163,26,.10),transparent 70%)!important;
}
/* 可访问性：键盘选中仍有明显的描边 */
body.project-page :is(a,button,input,select,textarea):focus-visible,
body.project-site-page :is(a,button,input,select,textarea):focus-visible {
  outline-color:var(--primary);
}
/* 处理公共头部遗留的固定渐变色。 */
body.project-page header [style*="#f39b73"],
body.project-site-page header [style*="#f39b73"] {
  background:linear-gradient(135deg,#D3530B 0%,#F3A41B 100%)!important;
}
/* 首页订单看板与文字高亮使用橙金品牌配色。 */
body.project-page [style*="#ee8d69"],
body.project-page [style*="#ed7b58"] {
  background:linear-gradient(135deg,#E16C11 0%,#F3A31A 100%)!important;
}
body.project-page .text-gradient {
  background:linear-gradient(135deg,#D3530B,#F3A31A)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}

/* 白色大背景：仅覆盖页面级背景和首页整段区块，不改变卡片尺寸/布局。 */
html, body.project-page, body.project-site-page, body.user-site, body.payment-site {
  background-color:#FFFFFF!important;
}
body.project-page #hero,
body.project-page #topics,
body.project-page #categories,
body.project-page #coaches,
body.project-page #reviews,
body.project-page #guarantee,
body.project-page #gifts,
body.project-page #cta {
  background-color:#FFFFFF!important;
  background-image:none!important;
}
body.project-page #hero > .absolute.inset-0 {
  display:none;
}
/* 顶部导航只留亮橙选中态，不再出现深咖色底板。 */
body.project-page .nav-header,
body.project-site-page .nav-header {
  background:#FFFFFF!important;
  border-bottom:1px solid var(--divider);
}
body.project-page .project-nav-item,
body.project-site-page .project-nav-item {
  color:var(--text-primary);
}
body.project-page .project-nav-item.is-active,
body.project-site-page .project-nav-item.is-active,
body.project-page .project-nav-item:hover,
body.project-site-page .project-nav-item:hover {
  color:var(--primary)!important;
  background:var(--primary-light)!important;
}
/* 已上传的橙色 Logo 使用白色底，避免旧的深金底遮盖品牌色。 */
body.project-page header a:has(img[alt]) > div,
body.project-site-page header a:has(img[alt]) > div {
  background:#FFFFFF!important;
}
/* 未上传图片时仍有醒目的文字品牌底色；顶部搜索保持亮橙按钮。 */
body.project-page header [style*="#f39b73"],
body.project-site-page header [style*="#f39b73"] {
  background:linear-gradient(135deg,#C64B07 0%,#B94305 100%)!important;
}
/* 搜索按钮、预约行动按钮和大面积数据看板换成橙金，不改大小位置。 */
body.project-page #hero .text-gradient,
body.project-page .text-gradient {
  background:linear-gradient(100deg,#D88B00 0%,#E45A0C 95%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
body.project-page #hero .booking-scroll-container {background-color:transparent;}
body.project-page #hero [style*="#ee8d69"] {
  background:linear-gradient(120deg,#CA4F09 0%,#BE4607 100%)!important;
}
body.project-page #topics a:hover,
body.project-page #categories a:hover {border-color:#F2C37F!important;}
/* 瑜伽页面的浅黄分区恢复白底，但不移除首屏原有媒体和内容。 */
.yoga-page #yoga-courses,
.yoga-page #yoga-videos,
.yoga-page #yoga-teachers,
.yoga-page #yoga-process {
  background-color:#FFFFFF!important;
}
/* 登录、订单、其他内容页维持白底，浅金只用作提示/选中态。 */
body.user-site .user-auth-art {background:linear-gradient(145deg,#FFF4DC,#FFFFFF)!important;}
body.payment-site, .payment-site {background-color:#FFFFFF!important;}