/* ===== 字体图标 ===== */
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.woff2?t=1631608872177') format('woff2'),
         url('../fonts/iconfont.woff?t=1631608872177') format('woff'),
         url('../fonts/iconfont.ttf?t=1631608872177') format('truetype');
}
.ali-icon {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ===== 浮动 ===== */
.fl { float: left; }
.fr { float: right; }

/* ===== 页面背景 ===== */
.page-wrapper { 
    background: linear-gradient(135deg, #e0f2f1, #ffffff); /* 专业渐变背景 */
    font-family: 'Helvetica', sans-serif;
}

/* ===== 顶部 ===== */
.header-top { background-color: #f1f1f1; border-bottom: 1px solid #dadada; box-shadow: 0 -1px 3px rgb(0 0 0 / 3%) inset; font-size: 14px; }
.header-top-right-btns { float: right; text-align: center; font-size: 0; }
.header-top-right-btns .btn-group>button { padding: 8px 10px; margin: 0; text-align: center; color: #999; font-size: 14px; border-right: 1px solid #e3e3e3; border-left: 1px solid transparent; }
.btn-group>button:hover { color: #e84c3d; background-color: #fafafa; border-right-color: #e3e3e3; }
.header-top-right-btns .btn-group:last-child>button { border-right-color: transparent; }
.header { padding: 10px 0; border-bottom: 1px solid #eaeaea; background: #fff; }
.logo img { height: 52px; }

/* ===== 底部 ===== */
.footer { background-color:transparent; }

/* ===== 顶部公告收紧 ===== */
.notice { margin: 0 !important; padding: 0 !important; }
.notice .card { margin: 0 !important; padding: 5px 10px !important; }
.notice .card-body .jumbotron { padding: 5px 10px !important; margin-bottom: 5px !important; }

/* ===== 分类标题收紧 ===== */
.category { margin-top: 0 !important; margin-bottom: 5px !important; }
.category h3 { margin-top: 0 !important; margin-bottom: 5px !important; }
.category p.lead { margin-top: 0 !important; margin-bottom: 5px !important; }

/* ===== 分类按钮收紧 ===== */
.category .nav-pills { margin-bottom: 5px !important; }

/* ===== 商品表格 ===== */
.goods-table { margin-top: 5px !important; width: 100%; }
.goods-header { background-color: #f8f9fa; font-weight: bold; padding: 6px 10px; border-bottom: 1px solid #ddd; }
.goods-row { display: flex; align-items: center; padding: 6px 10px; border-bottom: 1px solid #eee; }
.goods-row:hover { background-color: #f1f8ff; }
.goods-row .col-6 { display: flex; align-items: center; }
.goods-row img { display: inline-block; margin-right: 8px; width: 18px; height: 18px; }
.goods-row .col-2 { text-align: center; }
.goods-row .btn { min-width: 80px; font-size: 12px; padding: 4px 8px; }

/* ===== 手机响应式 ===== */
@media screen and (max-width: 768px) {
    .goods-row { flex-wrap: wrap; }
    .goods-row .col-6, .goods-row .col-2 { width: 50%; text-align: left; margin-bottom: 5px; }
    .goods-row .col-2:last-child { width: 100%; text-align: center; margin-bottom: 0; }
}

/* ===== 新增模块：为什么选择我们 ===== */
.why-choose-us { padding: 50px 0; }
.why-choose-us h2 { font-weight: bold; margin-bottom: 30px; color: #1d582a; }
.why-choose-us img { width: 50px; margin-bottom: 10px; }
.why-choose-us h5 { font-weight: bold; margin-top: 10px; }
.why-choose-us p { font-size: 14px; color: #555; }

/* ===== 新增模块：常见问题 ===== */
.faq { padding: 50px 0; }
.faq h2 { font-weight: bold; margin-bottom: 30px; color: #1d582a; text-align: center; }
.faq-item { background: #fff; border-radius: 6px; padding: 15px 20px; margin-bottom: 15px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); }
.faq-item h5 { font-weight: bold; margin-bottom: 8px; }
.faq-item p { margin: 0; color: #555; font-size: 14px; }