/* ============================================================
   SOOUA 装修组件样式升级 V1（H5全局覆盖）
   注意: uni-app H5 重新编译后 index.html 会被覆盖, 需重新引入本文件;
   源码级样式已同步在 sooua_shop_web/common/style/diy-beautify.scss
   ============================================================ */

/* ---- 轮播图: 圆角卡片 + 胶囊指示器 ---- */
.diy-banner { margin: 12px 12px 4px; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.diy-banner .indicator-dots { bottom: 10px; justify-content: flex-end; padding: 0 16px; opacity: 1; height: auto; }
.diy-banner .indicator-dots .dots-item { width: 6px !important; height: 6px !important; border-radius: 50% !important; background: rgba(255,255,255,.55) !important; margin-right: 6px; }
.diy-banner .indicator-dots .dots-item.active { width: 18px !important; border-radius: 4px !important; background: #fff !important; }

/* ---- 搜索框: 胶囊形 ---- */
.diy-search { background: transparent !important; padding: 10px 12px; }
.diy-search .inner { border-radius: 999px !important; box-shadow: 0 2px 10px rgba(0,0,0,.06); }
.diy-search .search-input { color: #999; font-size: 13px; }

/* ---- 导航组: 卡片 + 圆形图标 ---- */
.diy-navBar { border-radius: 14px; margin: 10px 12px; box-shadow: 0 2px 12px rgba(0,0,0,.05); overflow: hidden; }
.diy-navBar .item-nav { margin: 14px 0; }
.diy-navBar .item-image .image { border-radius: 50%; width: 46px; height: 46px; object-fit: cover; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.diy-navBar .item-text { font-size: 12px; font-weight: 500; color: #333; margin-top: 2px; }

/* ---- 店铺公告: 胶囊条 ---- */
.diy-notice { margin: 8px 12px; border-radius: 999px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.04); }

/* ---- 小标题 ---- */
.diy-biaoti .u-divider { font-size: 15px !important; font-weight: 600; }

/* ---- 商品组: 圆角卡片 + 价格强化 ---- */
.diy-goods .goods-item { border-radius: 12px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,.06); }
.diy-goods .goods-list .goods-item .goods-image { border-radius: 12px 12px 0 0; overflow: hidden; }
.diy-goods .goods-list .goods-item .detail { border-radius: 0 0 12px 12px; padding: 8px 10px 12px !important; }
.diy-goods .goods-list .goods-item .detail .goods-name { font-size: 13px !important; color: #333 !important; line-height: 1.35; }
.diy-goods .goods-list .goods-item .detail .goods-price { color: #fa2209 !important; font-size: 16px !important; font-weight: 700; }
.diy-goods .goods-list .goods-item .detail .line-price { color: #bbb !important; font-size: 11px !important; }
.diy-goods .goods-list.column__1 .goods-item { border-radius: 12px; box-shadow: 0 3px 12px rgba(0,0,0,.06); padding: 12px; }
.diy-goods .goods-list.column__1 .goods-item_left .image { border-radius: 8px; }
.diy-goods .goods-list.column__1 .goods-name { font-size: 14px !important; }
.diy-goods .goods-list.column__1 .price_x { color: #fa2209 !important; font-size: 16px !important; font-weight: 700; }

/* ---- 图片橱窗: 圆角 ---- */
.diy-window .data-item .image, .diy-window .display .image { border-radius: 10px; }
.diy-window .data-item { overflow: hidden; }

/* ---- 单图组: 圆角 ---- */
.diy-imageSingle .item-image .image { border-radius: 10px; }

/* ---- 文章组: 卡片化 ---- */
.diy-article .article-item { border-radius: 12px; margin: 0 12px 10px; box-shadow: 0 2px 10px rgba(0,0,0,.04); padding: 14px; }
.diy-article .article-item__image .image { border-radius: 8px; }
.diy-article .article-views { color: #999 !important; font-size: 11px !important; }
.diy-article .article-item__title { font-size: 14px !important; font-weight: 500; }

/* ---- 富文本 ---- */
.diy-richText { padding: 4px 2px; }