/* ============================================================
   Lv.Lab Studio 品牌样式覆盖层  brand.css  v2
   色板：#1A2A3A 深海军蓝 / #1A6B7A 青绿 / #DFECEF 浅青
        #F4F7F8 页面底 / #E9F0F2 面板 / #5C6E7B 次级文字
   ============================================================ */

:root{
  --brand-navy:#1A2A3A;
  --brand-teal:#1A6B7A;
  --brand-teal-dark:#145663;
  --brand-teal-deep:#0F414B;
  --brand-teal-light:#DFECEF;
  --brand-bg:#F4F7F8;
  --brand-panel:#E9F0F2;
  --brand-line:#E3EBED;
  --brand-gray:#5C6E7B;
  --brand-mute:#93A4AF;
}

/* ---------- 基础排版 ---------- */
body{
  background:var(--brand-bg) !important;
  color:var(--brand-navy);
  font-family:-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
a{ color:var(--brand-teal); }
a:hover,a:focus{ color:var(--brand-teal-dark); }
.am-text-grey{ color:var(--brand-gray) !important; }

/* ---------- 顶部工具条 ---------- */
.am-topbar{
  background:#FFFFFF !important;
  border-bottom:1px solid var(--brand-line);
  color:var(--brand-gray);
}
.am-topbar a,.am-topbar .am-text-grey,.am-topbar span{ color:var(--brand-gray) !important; }
.am-topbar a:hover{ color:var(--brand-teal) !important; }
.am-topbar .am-active a{ color:var(--brand-teal) !important; }

/* ---------- 页头 / 导航 ---------- */
.shop-navigation{
  background:#FFFFFF !important;
  border-bottom:1px solid var(--brand-line);
  position:relative;
}
.shop-navigation::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,var(--brand-navy) 0%,var(--brand-teal) 45%,#A9C9CF 100%);
  opacity:.85;
}
/* 一级导航文字 */
.shop-navigation .am-nav > li > a,
.shop-navigation .navigation-list a{
  color:#3C5561 !important;
  font-weight:500;
}
.shop-navigation .am-nav > li > a:hover,
.shop-navigation .navigation-list a:hover{ color:var(--brand-teal) !important; }
.shop-navigation .am-nav > li.am-active > a,
.shop-navigation .am-nav > li.am-active > a:focus{
  color:var(--brand-teal) !important;
  background:transparent !important;
  box-shadow:inset 0 -3px 0 0 var(--brand-teal);
}
/* 「全部分类」深色块 */
.shop-navigation .am-vertical-nav,
.all-category,.category-all-btn{
  background:var(--brand-navy) !important;
  color:#FFFFFF !important;
  border-radius:6px;
}
.shop-navigation .am-vertical-nav:hover{ background:var(--brand-teal-deep) !important; }

/* ---------- 搜索框 ---------- */
.shop-navigation input[type=text],
.shop-navigation input[type=search],
.search-input,.am-search-input,.search-box input{
  background:var(--brand-bg) !important;
  border:1px solid var(--brand-line) !important;
  border-radius:6px 0 0 6px !important;
  color:var(--brand-navy) !important;
  box-shadow:none !important;
}
.shop-navigation input::placeholder,
.search-input::placeholder{ color:var(--brand-mute) !important; }
.shop-navigation input:focus,
.search-input:focus{
  border-color:var(--brand-teal) !important;
  box-shadow:0 0 0 3px rgba(26,107,122,.12) !important;
}
/* 搜索按钮 */
.search-submit,.btn-search,
.shop-navigation .am-btn-secondary{
  background:var(--brand-teal) !important;
  border-color:var(--brand-teal) !important;
  color:#FFFFFF !important;
  border-radius:0 6px 6px 0 !important;
}
.search-submit:hover{ background:var(--brand-teal-dark) !important; }

/* ---------- 楼层标题 ---------- */
.am-title-left-border,.floor-title,.items-nav-title{
  border-left:3px solid var(--brand-teal) !important;
  color:var(--brand-navy) !important;
  font-weight:700;
}
.floor-desc,.today-brands,.am-title-left-border .floor-desc{ color:var(--brand-gray) !important; }

/* ---------- 楼层左侧分类面板（.aggregation 是内层，不是商品卡） ---------- */
.floor .aggregation-container > .aggregation{
  background:linear-gradient(160deg,var(--brand-navy) 0%,#22404F 60%,var(--brand-teal-deep) 100%) !important;
  border-radius:10px !important;
  box-shadow:0 8px 24px rgba(26,42,58,.16);
  overflow:hidden;
}
.floor .aggregation-container .word a{
  color:#E4EEF0 !important;
  font-weight:500;
  border-radius:6px;
  transition:background .18s ease,color .18s ease;
}
.floor .aggregation-container .word a:hover{
  background:rgba(255,255,255,.12) !important;
  color:#FFFFFF !important;
}

/* ---------- 商品卡 ---------- */
.goods-list .module-goods-container ul > li > .item,
.module-goods-container .item{
  background:#FFFFFF;
  border:1px solid var(--brand-line);
  border-radius:10px;
  padding:8px 8px 4px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.goods-list .module-goods-container ul > li > .item:hover,
.module-goods-container .item:hover{
  transform:translateY(-3px);
  border-color:#D3E3E6;
  box-shadow:0 10px 26px rgba(26,42,58,.10);
}
.goods-images,.goods-image{
  background:var(--brand-panel);
  border-radius:8px;
}
.goods-title a,.goods-name a{
  color:var(--brand-navy) !important;
  font-size:13px;
  line-height:1.55;
}
.goods-title a:hover{ color:var(--brand-teal) !important; }
/* 价格 */
.price,.price-content .price,.goods-price .price{
  color:#14606E !important;
  font-weight:700;
}
.original-price,.price-content .original-price{
  color:var(--brand-mute) !important;
  font-weight:400;
  text-decoration:line-through;
}
.sales-volume,.goods-sales,.am-text-grey.unit{ color:var(--brand-mute) !important; }

/* 商品标签 / 角标 */
.goods-tag,.goods-badge,.item .am-badge{
  background:var(--brand-teal-light) !important;
  color:var(--brand-teal) !important;
  border-radius:4px;
}

/* ---------- 按钮 ---------- */
.am-btn{border-radius:6px;}
.am-btn-secondary{
  background:var(--brand-teal) !important;
  border-color:var(--brand-teal) !important;
  color:#FFFFFF !important;
}
.am-btn-secondary:hover,.am-btn-secondary:focus{
  background:var(--brand-teal-dark) !important;
  border-color:var(--brand-teal-dark) !important;
  color:#FFFFFF !important;
}
.am-btn-default{
  background:#EDF2F4 !important;
  border-color:#DFE7E9 !important;
  color:#3C5561 !important;
}
.am-btn-default:hover{ background:var(--brand-teal-light) !important; border-color:#C9DCE0 !important; }

/* ---------- 提示 / 标签 ---------- */
.am-badge-primary,.am-label-primary{
  background:var(--brand-teal-light) !important;
  color:var(--brand-teal) !important;
  border-color:#C9DCE0 !important;
}
.am-alert-warning{ background:#FBEFD8 !important; color:#8A5A12 !important; }
.am-alert-danger{ background:#FBE7E4 !important; color:#A33A28 !important; }

/* ---------- 页脚 ---------- */
.am-footer,.am-footer-default{
  background:var(--brand-navy) !important;
  color:#93A4AF !important;
  border-top:none !important;
}
.am-footer a,.am-footer p,.am-footer div,.am-footer span{ color:#A8BCC6 !important; }
.am-footer a:hover{ color:#FFFFFF !important; }
.footer-nav-title{ color:#FFFFFF !important; font-weight:600; }
.am-footer .am-footer-default,.am-footer-default .am-container{ background:transparent !important; }
/* ShopXO 版权字标统一为品牌色（避免红色残留） */
.am-footer .o,.am-footer strong.o{ color:#7FA3AA !important; }

/* ---------- 隐藏软件标识链接（保留版权文案） ---------- */
.am-footer a[href*="shopxo.net"]{ color:#7FA3AA !important; }

/* ---------- 演示内容里写死的红色内联样式统一为品牌色 ---------- */
a[style*="#FF0000"],a[style*="#ff0000"],a[style*="color:red"],a[style*="color: red"]{
  color:var(--brand-gray) !important;
}
/* ===== v3 追加：楼层左侧分类面板重构（原模板把链接绝对定位在底部、上方留空） ===== */
.floor .aggregation-container > .aggregation{
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start;
  padding:22px 0 0 0 !important;
  position:relative;
  min-height:420px;
  background-image:linear-gradient(160deg,#1A2A3A 0%,#22404F 58%,#0F414B 100%) !important;
  border:1px solid rgba(255,255,255,.06);
}
.floor .aggregation-container > .aggregation::before{
  content:"精选分类";
  display:block;
  padding:0 18px 12px 18px;
  margin:0 0 14px 0;
  color:#FFFFFF;
  font-size:15px;
  font-weight:700;
  letter-spacing:2px;
  opacity:.95;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.floor .aggregation-container .word{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  position:static !important;
  bottom:auto !important;
  width:auto !important;
  height:auto !important;
  flex:1 1 auto;
  padding:0 14px 22px 14px !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:1fr;
  grid-auto-rows:1fr;
  gap:8px;
}
.floor .aggregation-container .word a{
  width:auto !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 12px !important;
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  border-radius:6px;
  color:#EAF2F3 !important;
  font-size:13px !important;
  line-height:1.15;
  letter-spacing:.5px;
  text-align:left;
  white-space:nowrap;
  overflow:visible !important;
  text-overflow:clip !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}
.floor .aggregation-container .word a:hover{
  background:rgba(26,107,122,.55) !important;
  border-color:rgba(127,184,193,.55);
  color:#FFFFFF !important;
}

.floor .aggregation-container .word a::after{
  content:"›";
  font-size:15px;
  line-height:1;
  color:rgba(127,184,193,.8);
  transition:transform .18s ease,color .18s ease;
}
.floor .aggregation-container .word a:hover::after{
  color:#FFFFFF;
  transform:translateX(2px);
}
