/* =====================================================================
   一居生活 H5 品牌皮肤  (青绿 #1A7B6E  +  强调橙 #FF8A3D)
   作用：覆盖 CRMEB H5 运行时注入的 --view-* 主题变量 + 基础视觉打磨
   用法：由 /index.html 末尾以 <link> 引入，用 !important 压制内置主题
   ===================================================================== */

/* ---------- 1. 主题色变量覆盖（19 项，覆盖内置 6 套主题） ---------- */
:root,
html,
html[data-theme],
uni-page-body,
page {
  --view-theme: #1A7B6E !important;
  --view-second-theme: #FF8A3D !important;
  --view-priceColor: #FF8A3D !important;
  --view-left-button-color: #1A7B6E !important;

  --view-index-gradient: 270deg, #1A7B6E 0%, #F5F5F5 100% !important;
  --view-seckill-gradient: 270deg, #1A7B6E 0%, rgba(255, 255, 255, 0.2) 72%, #fff 100% !important;
  --view-main-gradient: 90deg, #1A7B6E 0%, #2FA08E 100% !important;
  --view-second-gradient: 90deg, #FFB74D 0%, #FF8A3D 100% !important;
  --view-coupons-gradient: 0deg, #FF8A3D 0%, #E56B1F 100% !important;
  --view-bargain-btn: 270deg, #FF8A3D 0%, #E56B1F 100% !important;

  --view-nav-two-btn: #E8F3F1 !important;
  --view-coupons-border: 1px solid #1A7B6E !important;
  --view-dashed-left-border: 1px dashed #1A7B6E !important;
  --view-coupons-light-color: #F1F8F7 !important;
  --view-tab-border-bottom: 2px solid #1A7B6E !important;
  --view-bragin-border-rate: #1A7B6E transparent transparent !important;

  --view-main-rgba: rgba(26, 123, 110, 0.06) !important;
  --view-shallow-gradient: 180deg, #D8ECE8, #F5F5F5 !important;
  --view-logn-gradient: 180deg, rgba(26, 123, 110, 0.2) 0%, hsla(0, 0%, 100%, 0) 100% !important;
}

/* ---------- 2. 页面底色 ---------- */
page,
uni-page-body,
.uni-page-body {
  background-color: #F6F7F9 !important;
}

/* ---------- 3. 基础视觉打磨（圆角 / 阴影 / 间距，统一项目规范） ---------- */

/* 3.1 卡片统一圆角 + 柔和品牌阴影 */
.uni-card,
.uni-list,
.uni-list-item,
uni-card,
uni-list,
uni-list-item,
.goodList .item,
.goodList .list .item,
.list .item {
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(26, 123, 110, 0.08) !important;
}

/* 3.2 商品图 / 轮播图 圆角，避免方块生硬 */
.goodList .pictrue,
.goodList .pictrue img,
.goodList .item img,
.list .item image,
.list .item img,
.pictrue img,
.pictrue image,
.homeComb .pictrue,
.homeComb .pictrue img,
.swiperBg .pictrue,
.swiperBg .pictrue img {
  border-radius: 10px !important;
}

/* 3.3 按钮品牌化：胶囊圆角 */
.uni-button,
uni-button,
button.uni-button {
  border-radius: 999px !important;
}

/* 3.4 金刚区图标：卡片化、留白、圆角，提升点击区与层次 */
.menus .menu,
.menus .menus-item {
  border-radius: 14px !important;
}
.menus {
  padding: 16px 12px !important;
}

/* 3.5 区块标题：与品牌主色对齐（标题装饰条已走变量，这里补足字重/间距） */
.title,
.title .text,
.title-name {
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
}

/* 3.6 底栏 / 顶部导航 增加轻微阴影，增强层次（不影响布局） */
.uni-tabbar,
.tabbar,
.navbar,
.page-head {
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.05) !important;
}