/* ============================================================
   brand.css — 坤草集云仓 / 品牌视觉层
   墨绿 #0B3D33 · 青绿 #14664F · 亮绿 #2E9C7C · 药金 #C9A227
   在 home.css 之后加载，仅做视觉覆盖，不改动栅格宽度/浮动。
   ============================================================ */
:root{
  --navy:#0B3D33; --navy-dark:#07281F; --navy-2:#14664F;
  --green:#2E9C7C; --green-l:#5FBFA0;
  --gold:#C9A227; --gold-dark:#A9861A;
  --ink:#1d2733; --muted:#6b7683;
  --bg:#f2f6f4; --line:#e3ece8;
  --radius:12px; --radius-sm:8px;
  --shadow:0 6px 24px rgba(11,61,51,.09);
  --shadow-sm:0 2px 10px rgba(11,61,51,.06);
}

/* 全局基调 */
body{ background:var(--bg); color:var(--ink); font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
a{ transition:color .2s ease; }

/* ---------- 顶部信息条 ---------- */
.public-top{ background:var(--navy-dark); color:#bcd6cc; border-bottom:none; }
.public-top a{ color:#bcd6cc; }
.public-top a:hover{ color:var(--gold); }
.public-top .top-link em{ color:#fff; }
.public-top .login-regin li.line::after{ color:#2b5449; }

/* ---------- 头部：搜索与菜单 ---------- */
.header{ background:#fff; box-shadow:var(--shadow-sm); }
.header .top_search{ margin-top:24px; }
.header .top_search_box{ position:relative; }
.header .form_fields{ height:44px; background:#fff; border:2px solid var(--navy-2); border-radius:22px; padding:0; overflow:hidden; }
.header .form_fields .search-form{ display:flex; align-items:center; height:40px; }
.header .form_fields .keyword{ float:none; flex:1 1 auto; width:auto; margin-left:0; height:40px; line-height:40px; padding:0 16px 0 86px; border:0; background:transparent; font-size:14px; color:#333; box-sizing:border-box; }
.header .form_fields .submit{ float:none; flex:0 0 auto; width:96px; height:36px; margin-right:4px; border:0; border-radius:18px; background:linear-gradient(135deg,var(--navy-2),var(--navy)); color:#fff; font-size:15px; font-weight:600; letter-spacing:3px; line-height:36px; cursor:pointer; }
.header .form_fields .submit:hover{ background:linear-gradient(135deg,var(--green),var(--navy-2)); }
.header .top_search_box ul{ position:absolute; left:0; top:0; width:78px; height:40px; line-height:40px; border:0; border-right:1px solid var(--line); border-radius:0; background:transparent; text-indent:14px; color:var(--navy-2); font-weight:600; z-index:2; }
.header .top_search_box li{ border:0; height:40px; line-height:40px; background:transparent; color:var(--navy-2); }
.header .top_search_box li i{ border-top-color:var(--navy-2); }
.header .top_search_keywords li a:hover{ color:var(--gold-dark); }
.header .user_menu dl.hover dt{ border-color:var(--navy-2) var(--navy-2) #fff var(--navy-2); color:var(--navy-2); }
.header .user_menu dl dd{ border-color:var(--navy-2); border-radius:0 0 var(--radius-sm) var(--radius-sm); }
.header .user_menu dl dd .checkout .btn-cart{ background:linear-gradient(135deg,var(--gold),var(--gold-dark)); }

/* ---------- 主导航：白底 + 绿色选中态 + 吸顶 ---------- */
.mall_nav{ background:#fff; border-bottom:1px solid var(--line); box-shadow:var(--shadow-sm); position:sticky; top:0; z-index:1000; }
.mall_nav .all_categorys{ background:linear-gradient(135deg,var(--navy),var(--navy-2)); border-radius:var(--radius-sm); }
.mall_nav .site_menu li a{ color:var(--ink); font-weight:500; }
.mall_nav .site_menu li a:hover,
.mall_nav .site_menu li a.current{ color:var(--navy-2); }
.mall_nav .site_menu li a.current{ position:relative; }
.mall_nav .site_menu li a.current::after{ content:""; position:absolute; left:50%; bottom:8px; transform:translateX(-50%); width:22px; height:3px; border-radius:2px; background:var(--gold); }

/* ---------- 首页 hero 轮播 ---------- */
.home-focus-layout{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); margin-top:12px; }
.home-focus-layout .bd li{ background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; }
.home-focus-layout .hd{ background:transparent; }
.home-focus-layout .hd ul li{ background:rgba(255,255,255,.55); }
.home-focus-layout .hd ul li.on{ background:var(--gold); }

/* ---------- 楼层卡片化 ---------- */
.floor_wrap{ margin-top:8px; }
.floor1{--acc:#0B3D33; --acc2:#14664F;}
.floor2{--acc:#14664F; --acc2:#2E9C7C;}
.floor3{--acc:#2E9C7C; --acc2:#5FBFA0;}
.floor4{--acc:#A9861A; --acc2:#C9A227;}
.floor5{--acc:#07281F; --acc2:#0B3D33;}
.floor0{ background:none!important; box-shadow:none!important; min-height:0!important; padding:0!important; height:0!important; }
.floor:not(.floor0){ background:#fff; border-radius:16px; box-shadow:var(--shadow); padding:0 0 26px; height:auto; min-height:686px; overflow:hidden; margin-top:22px; }
.floor .floor-left .title{ border-bottom:1px solid var(--line); }
.floor .floor-left .title h2{ color:var(--acc,#0B3D33); font-weight:800; font-size:22px; padding-left:16px; }
.floor .floor-left .title h2::before{ content:""; display:inline-block; width:6px; height:22px; border-radius:3px; background:linear-gradient(var(--acc,#0B3D33),var(--acc2,#C9A227)); margin-right:10px; vertical-align:-3px; }
.floor .floor-right-top{ border-bottom:1px solid var(--line); }
.floor .tabs-nav{ display:flex; justify-content:flex-end; align-items:flex-end; height:58px; }
.floor .tabs-nav li{ float:none; margin:0 0 0 26px; padding:0 2px 12px; border:0; border-bottom:2px solid transparent; }
.floor .tabs-nav li h3{ font-size:15px; color:var(--muted); padding:0; line-height:1.4; }
.floor .tabs-nav li.on{ border-bottom-color:var(--acc,#0B3D33); }
.floor .tabs-nav li.on h3{ color:var(--acc,#0B3D33); font-weight:600; }
.floor .tabs-nav li:hover h3{ color:var(--acc,#0B3D33); }

/* 商品卡片 */
.floor .goods-list{ padding-top:14px; }
.floor .goods-list ul li{
  position:relative; overflow:hidden; border-radius:14px; background:#fff;
  box-shadow:0 0 0 1px var(--line), 0 6px 16px rgba(11,61,51,.05);
  transition:transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s;
}
.floor .goods-list ul li::before{
  content:""; position:absolute; left:0; right:0; top:0; height:5px;
  background:linear-gradient(90deg,var(--acc,#0B3D33),var(--acc2,#C9A227));
  transform:scaleX(0); transform-origin:left; transition:transform .3s ease;
}
.floor .goods-list ul li:hover{ transform:translateY(-8px); box-shadow:0 0 0 1px var(--acc,#0B3D33), 0 18px 34px rgba(11,61,51,.16); }
.floor .goods-list ul li:hover::before{ transform:scaleX(1); }
.floor .goods-list dl{ width:190px; }
.floor .goods-list dd.goods-thumb{ background:#f5faf7; border-radius:10px; }
.floor .goods-list dt.goods-name a{ color:var(--ink); font-weight:500; }
.floor .goods-list dt.goods-name a:hover{ color:var(--acc,#0B3D33); }
.floor .goods-list dl dd.goods-price{ margin:0 12px; padding-top:10px; border-top:1px dashed var(--line); }
.floor .goods-list dl dd.goods-price em{ color:#C0392B; font-size:22px; font-weight:800; }
.floor .goods-list dl dd.goods-price .original{ color:#b8bfc9; font-weight:400; font-size:14px; }

/* ---------- 服务承诺条 ---------- */
.lead-service{ display:flex; gap:16px; margin:18px auto; }
.lead-service .ls-item{ flex:1; background:#fff; border-radius:var(--radius); box-shadow:var(--shadow-sm); padding:22px 18px; display:flex; align-items:center; gap:14px; }
.lead-service .ls-item .ls-ico{ width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; color:#fff; background:linear-gradient(135deg,var(--green),var(--navy-2)); flex:0 0 auto; }
.lead-service .ls-item:nth-child(even) .ls-ico{ background:linear-gradient(135deg,var(--gold),var(--gold-dark)); }
.lead-service .ls-item b{ display:block; font-size:15px; color:var(--ink); margin-bottom:2px; }
.lead-service .ls-item span{ font-size:12px; color:var(--muted); }

/* ---------- 分类快捷宫格 ---------- */
.lead-cat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:18px auto; }
.lead-cat-grid a{ display:block; position:relative; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); padding:30px 18px 22px; text-align:center; background:linear-gradient(160deg,#fff 0%,#f1f8f4 100%); border:1px solid var(--line); }
.lead-cat-grid a .lcg-ico{ display:inline-flex; width:64px; height:64px; border-radius:50%; align-items:center; justify-content:center; font-size:32px; color:#fff; background:linear-gradient(135deg,var(--green),var(--navy-2)); margin-bottom:14px; transition:transform .3s ease; }
.lead-cat-grid a:nth-child(even) .lcg-ico{ background:linear-gradient(135deg,var(--gold),var(--gold-dark)); }
.lead-cat-grid a:hover .lcg-ico{ transform:translateY(-4px) scale(1.05); }
.lead-cat-grid a .lcg-txt b{ display:block; color:var(--navy); font-size:17px; margin-bottom:4px; }
.lead-cat-grid a .lcg-txt span{ font-size:12px; color:var(--muted); }
.lead-cat-grid a::after{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--navy-2),var(--gold)); opacity:0; transition:opacity .3s; }
.lead-cat-grid a:hover::after{ opacity:1; }

/* ---------- 底部 ---------- */
.server{ background:#fff; }
.server .mall_desc dl dt{ color:var(--navy); }
.server .mall_desc dl a:hover{ color:var(--gold-dark); }
.footer-info{ background:var(--navy-dark); border-top:none; padding:24px 0; }
.footer-info .links a{ color:#a9c6bb; }
.footer-info .links a:hover{ color:var(--gold); }
.footer-info .copyright{ color:#8aab9f; }
.footer-info .copyright a{ color:#8aab9f; }
.footer-info .copyright a:hover{ color:var(--gold); }

/* ---------- 悬浮楼层导航 ---------- */
.fsFixedTop .fs-name,
.fsFixedTop a.active,
.fsFixedTop a:hover{ background:var(--navy-2); color:#fff; }

/* ============================================================
   商家入驻页
   ============================================================ */
body{ background:var(--bg); }
.joinin-header{ width:100%!important; background:#fff; box-shadow:none; height:88px; margin:0; }
.joinin-header .w1200{ position:relative; height:88px; }
.joinin-header .header_logo{ margin:16px 10px 0 0; }
.joinin-header .header_span{ color:var(--navy)!important; font-weight:700; border-left:1px solid var(--line); line-height:88px; }
.header_nav{ background:var(--navy)!important; height:46px; border-bottom:none; box-shadow:var(--shadow-sm); }
.header_menu li a{ color:#e2f0ea; height:46px; line-height:46px; font-size:15px; font-weight:500; }
.header_menu li a:hover{ background:var(--navy-2); color:#fff; }
.header_menu li.cur a{ background:var(--gold)!important; color:#fff!important; font-weight:600; position:relative; }
.header_menu li.cur a::after{ content:""; position:absolute; left:50%; bottom:6px; transform:translateX(-50%); width:22px; height:3px; border-radius:2px; background:#fff; }

.join_banner{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); margin:14px auto; }
.join_banner .bd li{ background-size:cover!important; background-position:center!important; }
.join_banner .hd li{ background:rgba(255,255,255,.5); }
.join_banner .hd li.on i{ background:var(--gold); }

.index-notice-box{ margin:6px auto 0; }
.index-notice{ display:flex; gap:24px; justify-content:center; }
.index-notice li{ flex:0 0 460px; background:#fff; border-radius:var(--radius); box-shadow:var(--shadow-sm); padding:34px 30px; text-align:center; border-top:4px solid var(--navy); transition:box-shadow .25s, transform .25s; }
.index-notice li:nth-child(2){ border-top-color:var(--gold); }
.index-notice li:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }
.index-notice li h1{ font-size:22px; color:var(--navy); font-weight:700; margin-bottom:10px; }
.index-notice li p{ color:var(--muted); font-size:14px; margin-bottom:22px; min-height:20px; }
a.index-notice-btn{ display:inline-block; width:180px; height:48px; line-height:48px; border-radius:24px; background:linear-gradient(135deg,var(--gold),var(--gold-dark)); color:#fff; font-size:16px; font-weight:600; letter-spacing:1px; box-shadow:0 6px 16px rgba(201,162,39,.28); }
a.index-notice-btn:hover{ background:linear-gradient(135deg,var(--green),var(--navy-2)); text-decoration:none; box-shadow:0 6px 16px rgba(11,61,51,.28); }

.tenants-con-floor-3{ background:#fff; border-radius:var(--radius); box-shadow:var(--shadow-sm); margin:26px auto 40px; padding-bottom:40px; }
.con-topic{ color:var(--navy)!important; font-weight:700; position:relative; }
.con-topic::after{ content:""; display:block; width:56px; height:4px; border-radius:2px; background:linear-gradient(90deg,var(--navy-2),var(--gold)); margin:6px auto 0; }
.con-floor-3-single i{ color:var(--navy)!important; }
.con-floor-3-single h2{ color:var(--navy); font-weight:600; }
.con-floor-3-single em{ border-color:var(--navy-2)!important; color:var(--navy-2)!important; }
.con-floor-3-arrow{ color:var(--gold); }

/* ============================================================
   店铺街
   ============================================================ */
.cate_attr{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); }
.cate_attr .nav-tag .selected span{ background:var(--navy-2); }
.cate_attr .nav-tag a:hover span{ color:var(--navy-2); }
.sort-bar .array li.selected a{ color:var(--gold-dark); }
.shop-list-wall .shop{ background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow-sm); overflow:hidden; height:220px; padding:16px 0; transition:box-shadow .25s; }
.shop-list-wall .shop:hover{ box-shadow:var(--shadow); }
.shop-list-wall .shop .shop-info{ background:linear-gradient(160deg,#f1f8f4,#e6f2ec); border-radius:10px; }
.shop-list-wall .shop .shop-info .shop-tit{ background:transparent; }
.shop-list-wall .shop .shop-info .shop-tit .shop-name{ color:var(--navy); font-size:16px; }
.shop-list-wall .shop .shop-info .shop-tit .shop-rank{ color:var(--gold); }
.shop-list-wall .shop .goods-wall li{ border-radius:10px; border-color:var(--line); overflow:hidden; }
.shop-list-wall .shop .goods-wall li:hover{ border-color:var(--gold); box-shadow:0 8px 18px rgba(201,162,39,.15); }
.shop-list-wall .shop .goods-wall li .mask .price{ color:#C0392B; font-weight:700; }

/* ============================================================
   商品列表 / 详情：品牌化细节
   ============================================================ */
.breadcrumb, .dsh-breadcrumb-layout{ background:transparent; }
.list-style .goods-list li:hover{ box-shadow:var(--shadow); }
.search-class span.slected,
.sort-bar .array li.selected,
.nav-tag .selected span{ background:var(--navy-2)!important; border-color:var(--navy-2)!important; }
.goods-detail .price em, .detail-price em{ color:#C0392B; }
.btn-red, .btn-orange, .goods-add-cart, a.btn-red{ background:linear-gradient(135deg,var(--green),var(--navy-2)); border-color:var(--navy-2); }
.btn-red:hover, .goods-add-cart:hover{ background:linear-gradient(135deg,var(--navy-2),var(--navy)); }
.public-top, .mall_nav{ font-size:13px; }

/* ============================================================
   店铺主页：店招 / 店铺导航 / 信息卡
   ============================================================ */
/* 店招：原样式未设 background-size/repeat，1215px 的图在宽屏会横向平铺，此处修正 */
.banner{ height:250px!important; background-size:cover!important; background-position:center!important; background-repeat:no-repeat!important; background-color:var(--navy); }
/* 店铺导航选中态 */
.dss-nav li a span{ color:var(--ink); font-weight:500; }
.dss-nav li a:hover span{ color:var(--navy-2); }
.dss-nav li.active, .dss-nav li:hover{ border-color:var(--gold)!important; }
.dss-nav li.active a span, .dss-nav li.active a:hover span{ color:var(--navy-2)!important; }
/* 侧栏信息卡 */
.dss-info{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
.dss-info .title{ background:linear-gradient(135deg,var(--navy),var(--navy-2))!important; border-color:var(--navy)!important; }
.dss-info .title h4, .dss-info .title h4 a{ color:#fff!important; }
.dss-info .title h4 a:hover{ color:var(--gold)!important; }
.dss-info .content{ border-color:var(--line)!important; border-radius:0 0 var(--radius) var(--radius); }
.dss-info .store-name{ color:var(--navy)!important; }
.dss-info .content dl dd a{ color:var(--navy-2); }
/* 侧栏功能模块 */
.ds_side .common_module{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm); }
.ds_side .common_module .common_title h2{ color:var(--navy)!important; }
.ds_side .common_module .common_title{ border-bottom-color:var(--line)!important; }
.dss-submenu li a:hover{ color:var(--navy-2)!important; }

/* ---------- 店铺列表页的商品图/价格（与店铺街一致） ---------- */
.store_goods_list .goods-info .price, .search-list .price em{ color:#C0392B; }