/* =====================================================================
   morder.css — 电子元件之家(new.dzyjzj.com) 设计系统 v2
   风格参考：立创商城 szlcsc.com（技术蓝 lcBlue #0093E6 / 浅灰底 / 白圆角卡片）
   由共享头部 partial 最后引入，覆盖全站 chrome 与通用组件。
   只改观感，不改逻辑与页面结构。删除本文件+移除 link 即整体回退。
   ===================================================================== */

:root{
  --brand:#0093E6;          /* lcBlue 主色 */
  --brand-d:#0081CC;        /* hover */
  --brand-l:#199FE9;        /* 亮蓝 */
  --brand-50:#EDF9FF;       /* 极浅蓝底 */
  --brand-100:#D6F0FE;
  --ink:#22262e;            /* 主文字 */
  --ink-2:#5b6572;          /* 次级文字 */
  --muted:#6C6C6C;          /* 顶栏灰字 */
  --line:#E6E7EC;           /* 细描边 */
  --line-2:#DBE0E9;
  --bg:#F5F6F8;             /* 页面浅灰底 */
  --card:#ffffff;
  --danger:#FF0000;         /* 价格/主推红 */
  --ok:#00a04b;
  --r-xl:16px;--r-lg:12px;--r-md:10px;--r-sm:6px;
  --shadow-sm:0 1px 2px rgba(20,40,80,.05),0 2px 10px rgba(20,40,80,.04);
  --shadow-md:0 8px 24px -6px rgba(15,80,150,.16);
  --shadow-lg:0 18px 48px -14px rgba(15,60,140,.22);
}

/* ---------- 基础 ---------- */
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--ink-2);transition:color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
a:hover{color:var(--brand-l)}
h1,h2,h3,h4,h5,h6{color:var(--ink);letter-spacing:.1px}
img{border:none}

/* =====================================================================
   顶栏（浅灰细条，与 LCSC 一致）
   ===================================================================== */
.top-header{background:#F5F5F5;border-bottom:1px solid var(--line-2);height:34px;line-height:34px}
.top-header .header-left-content a,.top-header .header-right-content a,
.header-left-content .top-login,.header-left-content .top-reg{color:var(--muted)}
.top-header .header-left-content a:hover,.top-header .header-right-content a:hover{color:var(--brand)}
.top-header .header-right-content ul li.lnx span{color:var(--muted)}

/* =====================================================================
   主头部：白底 + 清爽搜索，营造“白卡片”观感
   ===================================================================== */
.header-area{background:#fff}
.middle-header.middle-header-style-two{padding:22px 0 18px}
.all-header{background:#fff;box-shadow:0 1px 0 var(--line-2)}
.logo img{height:56px;width:auto;object-fit:contain}

/* 搜索条：细蓝描边 + 圆角 + 蓝按钮 */
.search-box{background:#fff;border:2px solid var(--brand);border-radius:10px;height:44px;box-shadow:0 6px 18px -8px rgba(0,147,230,.35);overflow:hidden}
.search-box .form-control{border:none;background:transparent;height:40px;font-size:14px;color:var(--ink);box-shadow:none}
.search-box .form-control::placeholder{color:#9aa4b3}
.search-btn{background:var(--brand);color:#fff;border-radius:0 7px 7px 0;font-size:16px;letter-spacing:2px;min-width:90px}
.search-btn:hover{background:var(--brand-d)}
.topsearch a{color:var(--ink-2);border-bottom:1px solid transparent}
.topsearch a:hover{color:var(--brand);border-color:var(--brand)}

/* 导航条：白底细描边，字深灰；悬停/当前项高亮蓝 */
.navbar-area.navbar-area-style-two{background:#fff;border-top:1px solid var(--line);box-shadow:0 4px 14px -10px rgba(20,60,120,.12)}
.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-link,
.navbar-area.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-item a{
  color:var(--ink);font-size:15px;font-weight:500;line-height:52px;padding:0 15px;position:relative}
.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-link:hover,
.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-item a:hover,
.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-link.active,
.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-item a.active{color:var(--brand-l)}
.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-link.active::after,
.navbar-area-style-two .desktop-nav .navbar .navbar-nav .nav-item a.active::after{
  content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;border-radius:2px;background:var(--brand)}
.zhedienav .un-nav{border-radius:var(--r-md);box-shadow:var(--shadow-md);border:1px solid var(--line)}

/* 侧“我的订单/购物车”等入口文字 */
.middle-header-style-two .wish-cart a{color:var(--ink)}

/* =====================================================================
   左侧“全部产品分类”下拉（白卡 + 蓝高亮）
   ===================================================================== */
.navbar-category{ }
.navbar-category-dropdown{background:#fff;border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 10px 30px -14px rgba(15,60,140,.18)}
.navbar-category-dropdown .goods-cate .cate-one>a{color:var(--ink);font-size:14px;border-radius:0}
.navbar-category-dropdown .goods-cate .cate-one:hover>a,
.navbar-category-dropdown .goods-cate .cate-one>a:hover{color:var(--brand-l);background:var(--brand-50)}
.cate-menu,.header-sub-menu{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:0 var(--r-md) var(--r-md) var(--r-md)}
.header-sub-menu .cate-name{color:var(--ink-2)}
.header-sub-menu .cate-name:hover{color:var(--brand-l)}
.header-sub-menu .sptitle a{color:var(--brand);font-weight:600}

/* =====================================================================
   区块标题
   ===================================================================== */
.section-title h2{color:var(--ink);font-weight:700}
.section-title h2:after{background:var(--brand);width:4px;border-radius:2px}
.section-title h2 b{color:var(--brand);font-size:22px}

/* =====================================================================
   按钮
   ===================================================================== */
.default-btn{background:var(--brand);border-radius:8px;box-shadow:0 8px 16px -8px rgba(0,147,230,.6)}
.default-btn:hover{background:var(--brand-d);transform:translateY(-1px)}
.default-btn::after,.default-btn::before{display:none}
.btn-primary{background:var(--brand);border-color:var(--brand)}
.btn-primary:hover{background:var(--brand-d);border-color:var(--brand-d)}

/* 更多/标签页等文字链接 */
.more,.read-more,.menu-a-1{color:var(--brand);font-weight:500}
.more:hover,.read-more:hover{color:var(--brand-d)}
.tab-p-box .tab-p{color:var(--ink-2);padding:5px 16px;border-radius:999px;cursor:pointer}
.tab-p-box .tab-p.active{background:var(--brand);color:#fff;font-weight:600}

/* =====================================================================
   商品行/卡片：白底圆角、悬浮阴影
   ===================================================================== */
.product-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
.hot-ul li{transition:transform .16s ease,box-shadow .16s ease}
.hot-ul li:hover{box-shadow:var(--shadow-md)}

/* =====================================================================
   价格统一醒目红
   ===================================================================== */
.price,.topprice,.product-box .price,.hot-request .f2,.hot-request .f1.supplyprice,
.item-price,.zj,.rije,.p-price{color:var(--danger);font-weight:700}

/* =====================================================================
   首页通用区（公告/服务/热门等）白卡片
   ===================================================================== */
.index-news1,.right-cont,.index-supply-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}

/* =====================================================================
   页脚 / 版权
   ===================================================================== */
.footer-area{background:#fff !important;border-top:3px solid var(--brand)}
.shop-service{border-bottom:1px solid var(--line-2)}
.shop-service .service-item{color:var(--ink);font-size:14px}
.shop-service .service-item .icontwo{color:var(--brand);font-size:20px}
.single-footer-widget h3{color:var(--ink);font-weight:700}
.single-footer-widget .import-link a,.single-footer-widget .info-list a{color:var(--ink-2)}
.single-footer-widget .import-link a:hover,.single-footer-widget .info-list a:hover{color:var(--brand)}
.copy-right-area{background:#F5F6F8 !important;color:var(--muted);border-top:1px solid var(--line)}
.copy-right-area a{color:var(--muted)}
.copy-right-area a:hover{color:var(--brand)}
.footer-area .flinks a,.footer-area .fullzm a{color:var(--ink-2)}

/* =====================================================================
   表单
   ===================================================================== */
.form-control{border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink);height:40px;font-size:14px}
.form-control:focus{border-color:var(--brand-l);box-shadow:0 0 0 3px rgba(0,147,230,.14)}
input:focus,textarea:focus,select:focus{outline:none}

/* =====================================================================
   表格
   ===================================================================== */
.table thead th,.table-striped thead th,.cart-items-table thead th,
.product-box table thead th{background:#F5F8FC;color:var(--ink);font-weight:600;border-bottom:1px solid var(--line)}
.table td,.table th{border-color:var(--line)}

/* =====================================================================
   分页 / 徽标
   ===================================================================== */
.pagination .active a,.pagination a:hover,.pagination .page-item.active .page-link{background:var(--brand);border-color:var(--brand);color:#fff}
.pagination a{color:var(--ink-2)}
.layui-badge{background:var(--danger);border-radius:4px}

/* 面包屑类链接统一 */
.breadcrumb a{color:var(--ink-2)}
.breadcrumb a:hover{color:var(--brand)}