/* =============================================
 * 嗣夏助手 - 首页美化样式
 * 简约时尚风格 v4
 *
 * 配色体系：
 *   品牌主色：#E22C08 (活力红)
 *   品牌辅色：#FF6B3D (暖橙)
 *   强调色：  #FFB800 (暖金)
 *   页面背景：#F5F3F0 (暖灰)
 *   卡片白底：#FFFFFF
 *   页脚深色：#1E1E2D / #171725
 *   文字色：  #1A1A2E / #4A4A5A / #9CA3AF
 * ============================================= */

/* === 全局背景 === */
.body-content-container {
    background: #F5F3F0 !important;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================
 * 1. 顶部通知栏
 * ============================================ */
/* 通知栏 - 覆盖 am-alert-warning 黄色 */
.plugins-commontopnotice-top,
.am-alert.plugins-commontopnotice-top,
.am-alert-warning.plugins-commontopnotice-top {
    background: #1E1E2D !important;
    color: #A0A0B0 !important;
    border: none !important;
    font-size: 1.2rem;
    text-align: center;
    padding: 0.6rem 0 !important;
    letter-spacing: 0.5px;
}
.plugins-commontopnotice-top a {
    color: #FFB800 !important;
    font-weight: 500;
}

/* ============================================
 * 2. 顶部用户栏 (header_top_nav)
 *    解决：深色背景与整体割裂
 * ============================================ */
.header-top {
    background: #FAFAFA !important;
    color: #666 !important;
    font-size: 1.2rem;
    border-bottom: 1px solid #EBEBEB !important;
    line-height: 36px;
}
.header-top a {
    color: #666 !important;
    transition: color 0.2s;
}
.header-top a:hover {
    color: #E22C08 !important;
}
.header-top .am-container {
    font-size: 1.2rem;
}

/* ============================================
 * 3. 搜索条区域
 * ============================================ */
.header-nav-simple {
    background: #fff !important;
    padding: 1.5rem 0 !important;
    border-bottom: 1px solid #EBEBEB !important;
}

/* ============================================
 * 4. 主导航栏
 *    解决：hover 下划线动画
 * ============================================ */
.am-header .am-header-nav {
    background: #fff !important;
    border-bottom: 2px solid #F0F0F0 !important;
}
.am-header .am-header-nav .am-nav > li > a {
    color: #333 !important;
    font-weight: 500;
    font-size: 1.4rem;
    padding: 1.2rem 2rem !important;
    transition: color 0.2s;
    position: relative;
}
.am-header .am-header-nav .am-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #E22C08;
    transition: width 0.3s ease;
}
.am-header .am-header-nav .am-nav > li > a:hover {
    color: #E22C08 !important;
}
.am-header .am-header-nav .am-nav > li > a:hover::after {
    width: 70%;
}
.am-header .am-header-nav .am-nav > .am-active > a {
    color: #E22C08 !important;
    font-weight: 600;
}
.am-header .am-header-nav .am-nav > .am-active > a::after {
    width: 70%;
}

/* ============================================
 * 5. 分类导航（全部分类弹层优化）
 * ============================================ */
.all-category .all-category-btn {
    background: #E22C08 !important;
    border-radius: 0.8rem 0 0 0.8rem !important;
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 1px;
    transition: background 0.2s;
}
.all-category .all-category-btn:hover {
    background: #C41E00 !important;
}

/* 分类列表容器 */
.all-category .category-list {
    border-radius: 0 0 0.8rem 0.8rem;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border: 1px solid #F0F0F0;
    border-top: none;
}
.all-category .category-list .category-item a {
    font-size: 1.3rem !important;
    padding: 0.9rem 1.6rem !important;
    transition: all 0.2s;
    color: #444 !important;
    display: flex !important;
    align-items: center;
    gap: 0.8rem;
}
.all-category .category-list .category-item a:hover {
    background: #FFF5F3 !important;
    color: #E22C08 !important;
    padding-left: 2rem !important;
}

/* 分类图标 */
.all-category .category-list .category-item .category-menu-img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
}

/* 分类名称 */
.all-category .category-list .category-item .bd-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 右侧箭头 */
.all-category .category-list .category-item .icon-angle-right {
    color: #CCC !important;
    font-size: 1.2rem !important;
    transition: color 0.2s;
}
.all-category .category-list .category-item a:hover .icon-angle-right {
    color: #E22C08 !important;
}

/* 分类悬浮子菜单 */
.all-category .category-list .category-item .menu-item {
    border-radius: 0 0.8rem 0.8rem 0 !important;
    box-shadow: 4px 4px 20px rgba(0,0,0,0.08) !important;
    border: 1px solid #F0F0F0 !important;
    border-left: none !important;
    background: #fff !important;
    min-height: 400px;
    padding: 1.5rem !important;
}

/* 空状态美化 */
.all-category .category-list .category-item .menu-item .table-no {
    padding: 3rem 2rem !important;
}
.all-category .category-list .category-item .menu-item .table-no img {
    width: 80px !important;
    opacity: 0.4;
}
.all-category .category-list .category-item .menu-item .table-no p {
    color: #BBB !important;
    font-size: 1.3rem !important;
    margin-top: 1rem !important;
}

/* 导航标签 */
.nav-tags a {
    color: #555 !important;
    font-size: 1.3rem !important;
    font-weight: 500;
    padding: 0.5rem 1.2rem !important;
    border-radius: 2rem !important;
    transition: all 0.2s;
    margin: 0 0.2rem;
}
.nav-tags a:hover {
    color: #E22C08 !important;
    background: #FFF5F3 !important;
}

/* ============================================
 * 5.1 商品分类页面 (category/index) 优化
 * ============================================ */

/* 分类页主体容器 */
.category-content-container {
    background: #F5F3F0 !important;
    padding: 2rem 0;
}

/* 分类页面整体 */
.page-category .body-content-formal-container {
    background: #F5F3F0 !important;
}

/* 分类页 - 侧边栏 */
.category-sidebar {
    background: #fff !important;
    border-radius: 0.8rem !important;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.category-sidebar .sidebar-title {
    background: #1E1E2D !important;
    color: #fff !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    padding: 1.2rem 1.5rem !important;
    text-align: center;
    letter-spacing: 1px;
}
.category-sidebar .category-nav-item {
    border-bottom: 1px solid #F5F5F5;
}
.category-sidebar .category-nav-item:last-child {
    border-bottom: none;
}
.category-sidebar .category-nav-item a {
    display: flex !important;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.5rem !important;
    color: #555 !important;
    font-size: 1.3rem !important;
    transition: all 0.2s;
}
.category-sidebar .category-nav-item a:hover,
.category-sidebar .category-nav-item.active a {
    background: #FFF5F3 !important;
    color: #E22C08 !important;
    font-weight: 600;
    border-right: 3px solid #E22C08;
}

/* 分类页 - 商品列表区 */
.category-goods-area {
    background: #fff !important;
    border-radius: 0.8rem !important;
    padding: 1.5rem !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}

/* 分类页 - 面包屑 */
.category-breadcrumb {
    background: transparent !important;
    padding: 0 0 1.2rem 0 !important;
    margin-bottom: 1.2rem !important;
    border-bottom: 1px solid #F0F0F0;
}
.category-breadcrumb a,
.category-breadcrumb span {
    color: #888 !important;
    font-size: 1.2rem !important;
}
.category-breadcrumb a:hover {
    color: #E22C08 !important;
}
.category-breadcrumb .current {
    color: #333 !important;
    font-weight: 600;
}

/* 分类页 - 子分类标签 */
.category-sub-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1.5rem;
}
.category-sub-tags a {
    display: inline-block;
    padding: 0.5rem 1.4rem !important;
    background: #F5F3F0 !important;
    color: #666 !important;
    border-radius: 2rem !important;
    font-size: 1.2rem !important;
    transition: all 0.2s;
}
.category-sub-tags a:hover,
.category-sub-tags a.active {
    background: #E22C08 !important;
    color: #fff !important;
}

/* 分类页 - 筛选栏 */
.category-filter-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.8rem 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #F0F0F0;
}
.category-filter-bar .filter-item {
    padding: 0.4rem 1.2rem !important;
    border-radius: 0.4rem !important;
    font-size: 1.2rem !important;
    color: #666 !important;
    cursor: pointer;
    transition: all 0.2s;
}
.category-filter-bar .filter-item:hover,
.category-filter-bar .filter-item.active {
    background: #FFF5F3 !important;
    color: #E22C08 !important;
    font-weight: 500;
}

/* 分类页 - 排序栏 */
.category-sort-bar {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 0;
    margin-bottom: 1rem;
}
.category-sort-bar .sort-item {
    padding: 0.4rem 1.2rem !important;
    border-radius: 0.4rem !important;
    font-size: 1.2rem !important;
    color: #888 !important;
    cursor: pointer;
    transition: all 0.2s;
    background: #F8F8F8;
}
.category-sort-bar .sort-item:hover,
.category-sort-bar .sort-item.active {
    background: #E22C08 !important;
    color: #fff !important;
}

/* ============================================
 * 6. 轮播 & 会员区
 *    解决：登录/注册按钮截断
 * ============================================ */
.banner-mixed {
    border-radius: 1rem !important;
    overflow: hidden !important;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
}
.mod-vip {
    border-radius: 0.8rem 0.8rem 0 0 !important;
    overflow: hidden;
}
.mod-vip .m-baseinfo {
    padding: 1.5rem 1.5rem 0.8rem !important;
}
.mod-vip .user-avatar {
    border-radius: 50% !important;
    border: 3px solid #FFE0D9 !important;
    width: 56px !important;
    height: 56px !important;
    transition: border-color 0.3s;
}
.mod-vip .user-avatar:hover {
    border-color: #E22C08 !important;
}

/* 会员登录按钮区 - 终极修复，覆盖 index.css/module.css */
.member-login,
.mod-vip .member-login,
.banner-mixed .member-login,
.slideall .member-login {
    overflow: visible !important;
    height: auto !important;
    text-align: center !important;
    padding: 1rem 0 !important;
    display: flex !important;
    gap: 1rem !important;
}
.member-login .btn,
.mod-vip .member-login .btn,
.banner-mixed .member-login .btn,
.slideall .member-login .btn {
    flex: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    display: inline-block !important;
    line-height: 2.5rem !important;
    text-align: center !important;
    padding: 1rem 0.5rem !important;
    float: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border-radius: 2rem !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
}
.member-login .am-btn-primary,
.mod-vip .member-login .am-btn-primary,
.banner-mixed .member-login .am-btn-primary,
.slideall .member-login .am-btn-primary {
    background: #E22C08 !important;
    color: #fff !important;
    border: none !important;
}
.member-login .am-btn-primary:hover {
    background: #C41E00 !important;
}
.member-login .am-btn-warning,
.mod-vip .member-login .am-btn-warning,
.banner-mixed .member-login .am-btn-warning,
.slideall .member-login .am-btn-warning {
    background: #fff !important;
    border: 1px solid #DDD !important;
    color: #555 !important;
}
.member-login .am-btn-warning:hover {
    border-color: #E22C08 !important;
    color: #E22C08 !important;
}


/* ============================================
 * 7. 资讯列表
 * ============================================ */
.banner-news {
    padding: 1.2rem 1.5rem !important;
}
.banner-news-title {
    font-weight: 600 !important;
    color: #1A1A2E !important;
    font-size: 1.4rem !important;
    padding-bottom: 0.8rem !important;
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.banner-news-title::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 1.4rem;
    background: #E22C08;
    border-radius: 2px;
    flex-shrink: 0;
}
.banner-news ul li {
    padding: 0.5rem 0 !important;
}
.banner-news ul li a {
    color: #666 !important;
    font-size: 1.2rem !important;
    transition: all 0.2s;
    display: block;
}
.banner-news ul li a:hover {
    color: #E22C08 !important;
    padding-left: 0.4rem;
}

/* ============================================
 * 8. 楼层区域
 * ============================================ */
.home-floor-item {
    background: transparent !important;
    margin-bottom: 2.5rem;
}
.home-floor-item .items-nav-title {
    background: #fff;
    border-radius: 0.8rem 0.8rem 0 0;
    padding: 1.6rem 2rem 1.2rem;
    margin-top: 1.5rem;
    border-bottom: 1px solid #F0F0F0;
}
.floor-title {
    position: relative;
    padding-left: 1.4rem !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: #1A1A2E !important;
}
.floor-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.4rem;
    height: 1.8rem;
    background: linear-gradient(180deg, #E22C08, #FF6B3D);
    border-radius: 0.2rem;
}
.floor-desc {
    color: #9CA3AF !important;
    font-size: 1.2rem !important;
    margin-top: 0.2rem;
    font-weight: 400;
}
.today-brands a {
    color: #999 !important;
    background: #F5F3F0 !important;
    border-radius: 2rem !important;
    padding: 0.3rem 1.2rem !important;
    font-size: 1.1rem !important;
    transition: all 0.2s;
}
.today-brands a:hover {
    color: #E22C08 !important;
    background: #FFEBE6 !important;
}
.more a {
    color: #999 !important;
    font-weight: 500;
    font-size: 1.2rem;
    transition: color 0.2s;
}
.more a:hover {
    color: #E22C08 !important;
}
.floor-flex {
    background: #fff;
    border-radius: 0 0 0.8rem 0.8rem;
    padding: 1.2rem;
    margin: 0 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
}
.aggregation {
    border-radius: 0.8rem !important;
    overflow: hidden;
}
.aggregation .category-bg-images img {
    transition: transform 0.5s ease;
}
.aggregation .category-bg-images:hover img {
    transform: scale(1.06);
}
.aggregation .word .outer {
    border-radius: 2rem !important;
    background: rgba(255,255,255,0.85) !important;
    color: #333 !important;
    transition: all 0.25s;
    font-size: 1.2rem !important;
    backdrop-filter: blur(4px);
}
.aggregation .word .outer:hover {
    background: #E22C08 !important;
    color: #fff !important;
}

/* 隐藏空楼层 */
.home-floor-item:has(.goods-list:empty),
.home-floor-item:has(.goods-list .am-text-center) {
    display: none !important;
}

/* ============================================
 * 9. 商品卡片
 * ============================================ */
.goods-item {
    border-radius: 0.8rem !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    background: #fff !important;
    border: 1px solid transparent;
}
.goods-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.08) !important;
    border-color: #FFD4CC !important;
}
.goods-item .goods-image {
    background: #F8F9FA;
}
.goods-item .goods-image img {
    transition: transform 0.5s ease !important;
}
.goods-item:hover .goods-image img {
    transform: scale(1.08) !important;
}
.goods-item .goods-title a {
    color: #333 !important;
    font-size: 1.3rem !important;
    transition: color 0.2s;
    line-height: 1.5;
}
.goods-item .goods-title a:hover {
    color: #E22C08 !important;
}
.goods-item .goods-price {
    color: #E22C08 !important;
    font-weight: 700 !important;
    font-size: 1.6rem !important;
}
.goods-item .goods-price .original-price {
    color: #C0C0C0 !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    text-decoration: line-through;
    margin-left: 0.4rem;
}

/* ============================================
 * 10. 通用按钮
 * ============================================ */
.am-btn-primary {
    border-radius: 2rem !important;
    background: #E22C08 !important;
    border: none !important;
    transition: all 0.25s !important;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.am-btn-primary:hover {
    background: #C41E00 !important;
    box-shadow: 0 4px 16px rgba(226,44,8,0.35) !important;
    transform: translateY(-1px) !important;
}
.am-btn-warning,
.am-btn-default,
.am-btn-secondary {
    border-radius: 2rem !important;
    transition: all 0.2s !important;
}

/* ============================================
 * 11. 页脚
 *     解决：深色页脚与主体跳跃、二维码裁切
 * ============================================ */

/* 过渡渐变层 */
.am-footer {
    background: #1E1E2D !important;
    color: #B0B0C0 !important;
    margin-top: 4rem !important;
    padding: 0 !important;
    position: relative;
}
.am-footer::before {
    content: '';
    display: block;
    height: 80px;
    background: linear-gradient(180deg, #F5F3F0 0%, #1E1E2D 100%);
    margin-top: -80px;
}
.am-footer a {
    color: #888 !important;
    transition: color 0.2s;
}
.am-footer a:hover {
    color: #FFB800 !important;
}

/* 页脚导航区 */
.footer-nav-content {
    padding: 4rem 0 3rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    background: #1E1E2D !important;
}

/* 页脚关于我们 */
.footer-about {
    padding-right: 3rem !important;
}
.footer-about > li {
    color: #B0B0C0 !important;
    font-size: 1.3rem !important;
    padding: 0.5rem 0 !important;
    line-height: 1.8 !important;
}
.footer-about > li .iconfont {
    color: #FF6B3D !important;
    font-size: 1.6rem !important;
    margin-right: 0.8rem !important;
    vertical-align: middle;
}
.footer-about > li:first-child {
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    padding-bottom: 0.8rem !important;
    border-bottom: 2px solid #FF6B3D;
    display: inline-block;
    margin-bottom: 0.8rem;
}

/* === 页脚二维码 - 核心修复 === */
.footer-nav-content ul.am-avg-sm-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-nav-content ul.am-avg-sm-3 li {
    padding: 0 1rem !important;
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
    box-sizing: border-box;
}
/* 二维码外层容器 - 白色底，圆角 */
.footer-nav-content ul.am-avg-sm-3 li a,
.footer-nav-content ul.am-avg-sm-3 li > div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    border-radius: 0.8rem;
    background: #fff;
    overflow: hidden;
    border: 2px solid rgba(255,255,255,0.12) !important;
    transition: all 0.3s;
    box-sizing: border-box;
    padding: 8px;
}
/* 二维码图片 - 不裁切，保持原比例 */
.footer-nav-content ul.am-avg-sm-3 li img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 0.3rem !important;
    border: none !important;
    object-fit: contain !important;
}
/* hover 效果 */
.footer-nav-content ul.am-avg-sm-3 li a:hover,
.footer-nav-content ul.am-avg-sm-3 li > div:hover {
    border-color: rgba(255,255,255,0.35) !important;
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}
.footer-nav-content ul.am-avg-sm-3 li p {
    color: #999 !important;
    font-size: 1.2rem !important;
    margin-top: 0.8rem !important;
    text-align: center;
}

/* 页脚底部版权区 */
.am-footer-miscs {
    background: #171725 !important;
    padding: 1.8rem 0 !important;
}
.friendship-list {
    padding-bottom: 1.2rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.04) !important;
    margin-bottom: 1.2rem !important;
}
.friendship-list .title {
    color: #fff !important;
    font-weight: 500 !important;
    margin-right: 1rem !important;
}
.friendship-list ul li:not(.title) a {
    color: #777 !important;
    font-size: 1.2rem !important;
    padding: 0 0.8rem !important;
    transition: color 0.2s;
}
.friendship-list ul li:not(.title) a:hover {
    color: #FFB800 !important;
}

/* 隐藏Powered by ShopXO */
.footer-content .powered-by,
.footer-content:has(a[href*="shopxo"]) {
    display: none !important;
}
.footer-filing-content {
    text-align: center;
    padding: 0.8rem 0 0 !important;
}
.footer-filing-content p {
    margin: 0;
    line-height: 2;
    color: #666 !important;
    font-size: 12px !important;
}
.footer-filing-content a {
    color: #666 !important;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.2s;
}
.footer-filing-content a:hover {
    color: #999 !important;
}
.footer-filing-content img {
    max-height: 18px !important;
    width: auto !important;
    vertical-align: middle !important;
    opacity: 0.7;
    margin-left: 0.3rem;
}
.am-footer-miscs p,
.body-content-footer-container > p {
    color: #666 !important;
    font-size: 1.1rem !important;
}

/* ============================================
 * 12. 右侧悬浮客服
 * ============================================ */
.commononlineservice .float-left {
    background: #E22C08 !important;
    border-radius: 0.6rem 0 0 0.6rem !important;
    width: 34px !important;
    transition: background 0.2s;
}
.commononlineservice .float-left:hover {
    background: #C41E00 !important;
}
.commononlineservice .content {
    border-radius: 0.6rem 0 0 0.6rem !important;
    box-shadow: -2px 4px 20px rgba(0,0,0,0.12) !important;
    overflow: hidden;
}
.commononlineservice .content .title {
    background: #E22C08 !important;
    color: #fff !important;
    font-size: 1.4rem !important;
    font-weight: 500;
}

/* ============================================
 * 13. 返回顶部
 * ============================================ */
.back-to-top {
    background: #E22C08 !important;
    border-radius: 50% !important;
    transition: all 0.2s;
    box-shadow: 0 2px 10px rgba(226,44,8,0.3);
}
.back-to-top:hover {
    background: #C41E00 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(226,44,8,0.4);
}

/* ============================================
 * 14. 手机端适配
 * ============================================ */
@media (max-width: 768px) {
    .home-floor-item .items-nav-title {
        padding: 1.2rem 1rem !important;
        margin-top: 1rem;
    }
    .floor-title {
        font-size: 1.6rem !important;
    }
    .footer-nav-content {
        padding: 2.5rem 0 2rem !important;
    }
    .footer-about {
        padding-right: 0 !important;
        margin-bottom: 1.5rem;
    }
    /* 手机端二维码2列 */
    .footer-nav-content ul.am-avg-sm-3 li {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-nav-content ul.am-avg-sm-3 li a,
    .footer-nav-content ul.am-avg-sm-3 li > div {
        width: 90px;
        height: 90px;
    }
    .am-header .am-header-nav .am-nav > li > a {
        padding: 1rem 1rem !important;
        font-size: 1.3rem !important;
    }
}

/* ============================================
 * 15. 后端管理页 - 商品编辑/发布 分类选择器优化
 * ============================================ */

/* 分类选择区域整体 */
.goods-category-choice-base-template-event {
    max-width: 100% !important;
    min-height: 3.6rem !important;
    font-size: 1.4rem !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.6rem !important;
    padding: 0.6rem 1.2rem !important;
    background: #FAFAFA !important;
    color: #333 !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}
.goods-category-choice-base-template-event:hover {
    border-color: #E22C08 !important;
    background: #FFF8F6 !important;
}
.goods-category-choice-base-template-event:focus {
    border-color: #E22C08 !important;
    box-shadow: 0 0 0 3px rgba(226,44,8,0.1) !important;
    outline: none !important;
}

/* 分类选择器的选项 */
.goods-category-choice-base-template-event option {
    padding: 0.6rem 1rem !important;
    font-size: 1.3rem !important;
}

/* chosen 插件 - 下拉选择框 */
.chosen-container .chosen-choices,
.chosen-container-single .chosen-single {
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.6rem !important;
    background: #FAFAFA !important;
    min-height: 3.6rem !important;
    line-height: 3.6rem !important;
    font-size: 1.4rem !important;
    padding: 0 1.2rem !important;
    box-shadow: none !important;
    transition: all 0.2s !important;
}
.chosen-container-active .chosen-choices,
.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #E22C08 !important;
    box-shadow: 0 0 0 3px rgba(226,44,8,0.1) !important;
}

/* chosen 下拉面板 */
.chosen-drop {
    border: 1px solid #E0E0E0 !important;
    border-radius: 0 0 0.8rem 0.8rem !important;
    box-shadow: 0 6px 24px rgba(0,0,0,0.1) !important;
    margin-top: 2px !important;
}
.chosen-results li {
    padding: 0.7rem 1.2rem !important;
    font-size: 1.3rem !important;
    transition: all 0.15s !important;
}
.chosen-results li.highlighted {
    background: #FFF5F3 !important;
    color: #E22C08 !important;
}
.chosen-results li.group-result {
    background: #F5F3F0 !important;
    color: #666 !important;
    font-weight: 600 !important;
    font-size: 1.2rem !important;
    text-transform: none !important;
    padding: 0.6rem 1.2rem !important;
    border-bottom: 1px solid #EBEBEB;
}
.chosen-results li.group-option {
    padding-left: 2.4rem !important;
}
.chosen-results li.no-results {
    color: #999 !important;
    background: #FAFAFA !important;
    font-size: 1.3rem !important;
}

/* chosen 多选标签 */
.chosen-choices li.search-choice {
    background: #FFF5F3 !important;
    border: 1px solid #FFD4CC !important;
    border-radius: 2rem !important;
    padding: 0.3rem 2rem 0.3rem 1rem !important;
    font-size: 1.2rem !important;
    color: #E22C08 !important;
    line-height: 2.2rem !important;
    margin: 3px 4px !important;
    box-shadow: none !important;
}
.chosen-choices li.search-choice .search-choice-close {
    top: 7px !important;
    right: 5px !important;
}

/* 规格模板/参数模板快捷容器 */
#specifications-quick-container,
#parameters-quick-container {
    margin-top: 1rem !important;
    padding: 1rem 1.5rem !important;
    background: #FAFAFA !important;
    border-radius: 0.6rem !important;
    border: 1px solid #EBEBEB !important;
    transition: all 0.3s !important;
}
#specifications-quick-container select,
#parameters-quick-container select {
    max-width: 100% !important;
    min-width: 260px !important;
    min-height: 3.4rem !important;
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.6rem !important;
    font-size: 1.3rem !important;
    padding: 0.5rem 1rem !important;
    background: #fff !important;
    transition: all 0.2s !important;
}
#specifications-quick-container select:focus,
#parameters-quick-container select:focus {
    border-color: #E22C08 !important;
    box-shadow: 0 0 0 2px rgba(226,44,8,0.08) !important;
    outline: none !important;
}
#specifications-quick-container label,
#parameters-quick-container label {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 1.3rem !important;
    margin-bottom: 0.4rem !important;
    display: block;
}

/* 规格表格 */
table.specifications-table {
    border-radius: 0.6rem !important;
    overflow: hidden !important;
    border: 1px solid #EBEBEB !important;
}
table.specifications-table th {
    background: #F5F3F0 !important;
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 1.3rem !important;
    padding: 0.8rem 1.2rem !important;
    border-bottom: 2px solid #E0E0E0 !important;
}
table.specifications-table td {
    padding: 0.8rem 1.2rem !important;
    font-size: 1.3rem !important;
}

/* 快速添加按钮 */
.quick-spec-title-add,
.quick-spec-value-add {
    color: #E22C08 !important;
    cursor: pointer !important;
    font-size: 1.3rem !important;
    padding: 0.4rem 1rem !important;
    border-radius: 2rem !important;
    border: 1px dashed #FFD4CC !important;
    transition: all 0.2s !important;
    display: inline-block;
}
.quick-spec-title-add:hover,
.quick-spec-value-add:hover {
    background: #FFF5F3 !important;
    border-color: #E22C08 !important;
    border-style: solid !important;
}

/* 规格值输入框 */
.spec-quick-td-value .value-item input[type="text"] {
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.4rem !important;
    padding: 0.4rem 0.8rem !important;
    font-size: 1.3rem !important;
    transition: all 0.2s !important;
}
.spec-quick-td-value .value-item input[type="text"]:focus {
    border-color: #E22C08 !important;
    box-shadow: 0 0 0 2px rgba(226,44,8,0.08) !important;
    outline: none !important;
}

/* 删除按钮 */
.quick-title-remove,
.quick-value-remove {
    color: #999 !important;
    cursor: pointer !important;
    font-size: 1.4rem !important;
    transition: color 0.2s !important;
}
.quick-title-remove:hover,
.quick-value-remove:hover {
    color: #E22C08 !important;
}

/* 分类选择标签 */
.goods-category-choice-base-template-event + label,
label[for*="category"] {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 1.4rem !important;
}

/* 已选分类展示区 */
.category-selected-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.8rem;
}
.category-selected-item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 1rem !important;
    background: #FFF5F3 !important;
    color: #E22C08 !important;
    border-radius: 2rem !important;
    font-size: 1.2rem !important;
    border: 1px solid #FFD4CC !important;
}
.category-selected-item .remove-icon {
    cursor: pointer;
    font-size: 1.4rem;
    opacity: 0.6;
    transition: opacity 0.2s;
}
.category-selected-item .remove-icon:hover {
    opacity: 1;
}

/* ============================================
 * 16. 后端管理页 - 表单元素全局美化
 * ============================================ */

/* 统一 input/textarea 样式 */
.admin-content input[type="text"],
.admin-content input[type="number"],
.admin-content input[type="password"],
.admin-content input[type="email"],
.admin-content input[type="url"],
.admin-content input[type="tel"],
.admin-content textarea {
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.6rem !important;
    padding: 0.6rem 1.2rem !important;
    font-size: 1.3rem !important;
    color: #333 !important;
    background: #fff !important;
    transition: all 0.2s !important;
    box-shadow: none !important;
}
.admin-content input[type="text"]:hover,
.admin-content input[type="number"]:hover,
.admin-content textarea:hover {
    border-color: #B0B0B0 !important;
}
.admin-content input[type="text"]:focus,
.admin-content input[type="number"]:focus,
.admin-content input[type="password"]:focus,
.admin-content input[type="email"]:focus,
.admin-content input[type="url"]:focus,
.admin-content input[type="tel"]:focus,
.admin-content textarea:focus {
    border-color: #E22C08 !important;
    box-shadow: 0 0 0 3px rgba(226,44,8,0.08) !important;
    outline: none !important;
}

/* textarea 特定样式 */
.admin-content textarea {
    min-height: 100px !important;
    line-height: 1.6 !important;
    resize: vertical !important;
}

/* select 下拉框统一美化 */
.admin-content select:not(.chosen-select):not([multiple]) {
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.6rem !important;
    padding: 0.6rem 3rem 0.6rem 1.2rem !important;
    font-size: 1.3rem !important;
    color: #333 !important;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 1rem center !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}
.admin-content select:not(.chosen-select):not([multiple]):hover {
    border-color: #B0B0B0 !important;
}
.admin-content select:not(.chosen-select):not([multiple]):focus {
    border-color: #E22C08 !important;
    box-shadow: 0 0 0 3px rgba(226,44,8,0.08) !important;
    outline: none !important;
}

/* 禁用态 */
.admin-content input:disabled,
.admin-content textarea:disabled,
.admin-content select:disabled {
    background: #F5F5F5 !important;
    color: #999 !important;
    cursor: not-allowed !important;
}

/* placeholder */
.admin-content input::placeholder,
.admin-content textarea::placeholder {
    color: #B0B0B0 !important;
    font-size: 1.3rem !important;
}

/* ============================================
 * 17. 后端管理页 - 表单组/标签
 * ============================================ */

/* 表单组间距 */
.admin-content .am-form-group,
.admin-content .form-group {
    margin-bottom: 2rem !important;
}

/* 标签文字 */
.admin-content .am-form-group > label,
.admin-content .am-form-label,
.admin-content label.am-form-label,
.admin-content .control-label {
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 1.3rem !important;
    margin-bottom: 0.5rem !important;
    display: block;
}

/* 必填星号 */
.admin-content .am-form-group .required,
.admin-content label .required,
.admin-content .form-required {
    color: #E22C08 !important;
    margin-left: 2px;
}

/* 帮助文字 */
.admin-content .am-form-help,
.admin-content .help-block,
.admin-content .form-tip {
    font-size: 1.2rem !important;
    color: #999 !important;
    margin-top: 0.4rem !important;
}

/* ============================================
 * 18. 后端管理页 - 面板/卡片区块
 * ============================================ */

/* 面板标题栏 */
.admin-content .am-panel-hd,
.admin-content .am-panel .am-panel-hd,
.admin-content .panel-heading {
    background: #F5F3F0 !important;
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 1.4rem !important;
    padding: 1rem 1.5rem !important;
    border-bottom: 2px solid #E22C08 !important;
    border-radius: 0.8rem 0.8rem 0 0 !important;
}

/* 面板主体 */
.admin-content .am-panel,
.admin-content .panel {
    border: 1px solid #EBEBEB !important;
    border-radius: 0.8rem !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    margin-bottom: 2rem !important;
    background: #fff !important;
}

.admin-content .am-panel-bd,
.admin-content .panel-body {
    padding: 1.5rem !important;
    background: #fff !important;
    border-radius: 0 0 0.8rem 0.8rem !important;
}

/* 面板组标题（商品信息、商品详情等大区块标题） */
.admin-content .am-panel-group .am-panel-hd,
.admin-content .panel-default > .panel-heading {
    background: linear-gradient(135deg, #F5F3F0 0%, #FFF8F6 100%) !important;
    border-left: 4px solid #E22C08 !important;
}

/* ============================================
 * 19. 后端管理页 - 选项卡导航
 * ============================================ */

/* 商品编辑页 tab 导航 */
.admin-content .am-nav-tabs,
.admin-content .nav-tabs,
.admin-content .am-tabs-nav {
    border-bottom: 2px solid #EBEBEB !important;
    margin-bottom: 2rem !important;
    padding: 0 !important;
}

.admin-content .am-nav-tabs > li,
.admin-content .nav-tabs > li,
.admin-content .am-tabs-nav > li {
    margin-bottom: -2px !important;
    margin-right: 0.4rem !important;
}

.admin-content .am-nav-tabs > li > a,
.admin-content .nav-tabs > li > a,
.admin-content .am-tabs-nav > li > a {
    display: block !important;
    padding: 0.8rem 1.6rem !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    color: #666 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0.6rem 0.6rem 0 0 !important;
    transition: all 0.2s !important;
    text-decoration: none !important;
}

.admin-content .am-nav-tabs > li > a:hover,
.admin-content .nav-tabs > li > a:hover,
.admin-content .am-tabs-nav > li > a:hover {
    color: #E22C08 !important;
    background: #FFF5F3 !important;
}

.admin-content .am-nav-tabs > li.am-active > a,
.admin-content .nav-tabs > li.active > a,
.admin-content .am-tabs-nav > li.am-active > a {
    color: #E22C08 !important;
    font-weight: 600 !important;
    background: #fff !important;
    border-bottom: 2px solid #E22C08 !important;
}

/* ============================================
 * 20. 后端管理页 - 图片上传区域
 * ============================================ */

/* 上传区域容器 */
.admin-content .am-form-file,
.admin-content .upload-container,
.admin-content .webuploader-container,
.admin-content .file-upload-area {
    position: relative;
}

/* 上传按钮 */
.admin-content .am-form-file .am-btn,
.admin-content .upload-trigger,
.admin-content .webuploader-pick {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.7rem 2rem !important;
    background: #F5F3F0 !important;
    color: #555 !important;
    border: 1px dashed #C0C0C0 !important;
    border-radius: 2rem !important;
    font-size: 1.3rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.admin-content .am-form-file .am-btn:hover,
.admin-content .upload-trigger:hover,
.admin-content .webuploader-pick:hover {
    background: #FFF5F3 !important;
    color: #E22C08 !important;
    border-color: #E22C08 !important;
    border-style: solid !important;
}

/* 上传预览区 */
.admin-content .am-form-file .upload-img-list,
.admin-content .upload-preview-list,
.admin-content .file-preview-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    margin-top: 1rem !important;
}

/* 单个上传项 */
.admin-content .am-form-file .upload-img-list .item,
.admin-content .upload-preview-item {
    position: relative !important;
    width: 100px !important;
    height: 100px !important;
    border-radius: 0.6rem !important;
    overflow: hidden !important;
    border: 2px solid #EBEBEB !important;
    transition: all 0.2s !important;
}

.admin-content .am-form-file .upload-img-list .item:hover,
.admin-content .upload-preview-item:hover {
    border-color: #E22C08 !important;
}

.admin-content .am-form-file .upload-img-list .item img,
.admin-content .upload-preview-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 删除按钮 */
.admin-content .am-form-file .upload-img-list .item .icon-remove,
.admin-content .upload-preview-item .remove-btn,
.admin-content .upload-item-remove {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 20px !important;
    height: 20px !important;
    background: rgba(0,0,0,0.5) !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    cursor: pointer !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
}

.admin-content .am-form-file .upload-img-list .item:hover .icon-remove,
.admin-content .upload-preview-item:hover .remove-btn {
    opacity: 1 !important;
}

/* ============================================
 * 21. 后端管理页 - 富文本编辑器
 * ============================================ */

/* wangEditor / 富文本编辑器容器 */
.admin-content .wangEditor-container,
.admin-content .editor-container,
.admin-content .editor-toolbar {
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.6rem 0.6rem 0 0 !important;
    overflow: hidden !important;
}

.admin-content .wangEditor-toolbar,
.admin-content .editor-toolbar {
    background: #FAFAFA !important;
    border-bottom: 1px solid #EBEBEB !important;
    padding: 0.5rem !important;
}

.admin-content .wangEditor-text,
.admin-content .editor-textarea,
.admin-content .editor-content {
    min-height: 300px !important;
    border-radius: 0 0 0.6rem 0.6rem !important;
}

/* ============================================
 * 22. 后端管理页 - 价格/库存输入组
 * ============================================ */

/* 价格输入框前缀 */
.admin-content .input-group-addon,
.admin-content .am-input-group-label,
.admin-content .price-prefix {
    background: #F5F3F0 !important;
    color: #666 !important;
    border: 1px solid #D9D9D9 !important;
    border-right: none !important;
    border-radius: 0.6rem 0 0 0.6rem !important;
    font-size: 1.3rem !important;
    padding: 0.6rem 1rem !important;
    font-weight: 500 !important;
}

/* 输入组 */
.admin-content .am-input-group .am-form-field,
.admin-content .input-group input {
    border-radius: 0 0.6rem 0.6rem 0 !important;
}

.admin-content .am-input-group {
    display: flex !important;
}

/* 数字输入框去掉默认箭头美化 */
.admin-content input[type="number"] {
    -moz-appearance: textfield !important;
}
.admin-content input[type="number"]::-webkit-inner-spin-button,
.admin-content input[type="number"]::-webkit-outer-spin-button {
    opacity: 0.4 !important;
}

/* ============================================
 * 23. 后端管理页 - 操作按钮区
 * ============================================ */

/* 提交/保存按钮区 */
.admin-content .am-form-group .am-btn,
.admin-content .form-actions .am-btn,
.admin-content .submit-area .am-btn {
    padding: 0.8rem 2.8rem !important;
    font-size: 1.4rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    margin-right: 1rem !important;
}

/* 主要操作按钮（保存/提交） */
.admin-content button[type="submit"],
.admin-content .am-btn-success,
.admin-content .btn-submit,
.admin-content .form-actions .am-btn-primary {
    background: #E22C08 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 2rem !important;
    box-shadow: 0 2px 8px rgba(226,44,8,0.25) !important;
}

.admin-content button[type="submit"]:hover,
.admin-content .am-btn-success:hover,
.admin-content .btn-submit:hover {
    background: #C41E00 !important;
    box-shadow: 0 4px 16px rgba(226,44,8,0.4) !important;
    transform: translateY(-1px) !important;
}

/* 次要操作按钮（取消/重置） */
.admin-content button[type="reset"],
.admin-content .btn-cancel,
.admin-content .form-actions .am-btn-default {
    background: #F5F3F0 !important;
    border: 1px solid #D9D9D9 !important;
    color: #666 !important;
    border-radius: 2rem !important;
}

.admin-content button[type="reset"]:hover,
.admin-content .btn-cancel:hover,
.admin-content .form-actions .am-btn-default:hover {
    background: #EBEBEB !important;
    border-color: #B0B0B0 !important;
    color: #333 !important;
}

/* 危险操作按钮 */
.admin-content .am-btn-danger,
.admin-content .btn-delete {
    border-radius: 2rem !important;
    background: #fff !important;
    color: #E22C08 !important;
    border: 1px solid #FFD4CC !important;
}

.admin-content .am-btn-danger:hover,
.admin-content .btn-delete:hover {
    background: #FFF5F3 !important;
    border-color: #E22C08 !important;
}

/* ============================================
 * 24. 后端管理页 - 开关/复选框/单选框
 * ============================================ */

/* 复选框美化 */
.admin-content input[type="checkbox"] {
    accent-color: #E22C08 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* 单选框美化 */
.admin-content input[type="radio"] {
    accent-color: #E22C08 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* amazeui 开关 */
.admin-content .am-switch,
.admin-content .am-checkbox,
.admin-content .am-radio {
    font-size: 1.3rem !important;
    color: #333 !important;
}

/* ============================================
 * 25. 后端管理页 - 商品相册/图片管理
 * ============================================ */

/* 相册列表 */
.admin-content .goods-photo-list,
.admin-content .photo-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.2rem !important;
}

.admin-content .goods-photo-item,
.admin-content .photo-item {
    width: 120px !important;
    height: 120px !important;
    border-radius: 0.6rem !important;
    border: 2px solid #EBEBEB !important;
    overflow: hidden !important;
    position: relative !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

.admin-content .goods-photo-item:hover,
.admin-content .photo-item:hover {
    border-color: #E22C08 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

.admin-content .goods-photo-item img,
.admin-content .photo-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 封面标识 */
.admin-content .goods-photo-item.is-cover::after,
.admin-content .photo-item.is-cover::after {
    content: '封面' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: #E22C08 !important;
    color: #fff !important;
    padding: 0.2rem 0.8rem !important;
    font-size: 1.1rem !important;
    border-radius: 0 0 0.6rem 0 !important;
    font-weight: 500 !important;
}

/* 排序拖拽手柄 */
.admin-content .goods-photo-item .drag-handle,
.admin-content .photo-item .drag-handle {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: rgba(0,0,0,0.4) !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 1.1rem !important;
    padding: 0.3rem !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
    cursor: move !important;
}

.admin-content .goods-photo-item:hover .drag-handle,
.admin-content .photo-item:hover .drag-handle {
    opacity: 1 !important;
}

/* ============================================
 * 26. 后端管理页 - 商品详情描述区
 * ============================================ */

/* 详情描述区面板 */
.admin-content .goods-detail-area,
.admin-content .goods-content-area {
    background: #fff !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 0.8rem !important;
    padding: 1.5rem !important;
}

/* 手机端预览框 */
.admin-content .mobile-preview,
.admin-content .phone-preview {
    width: 375px !important;
    margin: 0 auto !important;
    border: 2px solid #333 !important;
    border-radius: 2rem !important;
    padding: 1rem !important;
    background: #fff !important;
    min-height: 400px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
}

/* ============================================
 * 27. 后端管理页 - 弹窗/模态框
 * ============================================ */

/* 模态框标题 */
.admin-content .am-modal-hd,
.admin-content .modal-header {
    background: #F5F3F0 !important;
    border-bottom: 2px solid #E22C08 !important;
    border-radius: 0.8rem 0.8rem 0 0 !important;
    padding: 1.2rem 1.5rem !important;
}

.admin-content .am-modal-hd .am-modal-title,
.admin-content .modal-header .modal-title {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #333 !important;
}

/* 模态框内容 */
.admin-content .am-modal-bd,
.admin-content .modal-body {
    padding: 1.5rem !important;
    font-size: 1.3rem !important;
}

/* 模态框底部按钮 */
.admin-content .am-modal-footer,
.admin-content .modal-footer {
    padding: 1rem 1.5rem !important;
    border-top: 1px solid #EBEBEB !important;
    text-align: right !important;
}

.admin-content .am-modal-footer .am-btn,
.admin-content .modal-footer .btn {
    margin-left: 0.8rem !important;
}

/* 弹窗关闭按钮 */
.admin-content .am-close,
.admin-content .modal-header .close {
    opacity: 0.5 !important;
    transition: opacity 0.2s !important;
    font-size: 1.8rem !important;
    color: #999 !important;
}

.admin-content .am-close:hover,
.admin-content .modal-header .close:hover {
    opacity: 1 !important;
    color: #E22C08 !important;
}

/* ============================================
 * 28. 后端管理页 - 表格/列表
 * ============================================ */

/* 表格通用 */
.admin-content .am-table,
.admin-content table.table {
    border-radius: 0.6rem !important;
    overflow: hidden !important;
    border: 1px solid #EBEBEB !important;
}

.admin-content .am-table > thead > tr > th,
.admin-content table.table > thead > tr > th {
    background: #F5F3F0 !important;
    color: #333 !important;
    font-weight: 600 !important;
    font-size: 1.3rem !important;
    padding: 1rem 1.2rem !important;
    border-bottom: 2px solid #E0E0E0 !important;
}

.admin-content .am-table > tbody > tr > td,
.admin-content table.table > tbody > tr > td {
    padding: 0.8rem 1.2rem !important;
    font-size: 1.3rem !important;
    color: #555 !important;
    vertical-align: middle !important;
}

.admin-content .am-table > tbody > tr:hover,
.admin-content table.table > tbody > tr:hover {
    background: #FFF8F6 !important;
}

/* 条纹表格 */
.admin-content .am-table-striped > tbody > tr:nth-child(even),
.admin-content table.table-striped > tbody > tr:nth-child(even) {
    background: #FAFAFA !important;
}

/* ============================================
 * 29. 后端管理页 - 商品规格/参数动态行
 * ============================================ */

/* 规格值标签列表 */
.admin-content .spec-values-list,
.admin-content .param-values-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.6rem !important;
    margin: 0.5rem 0 !important;
}

.admin-content .spec-value-tag,
.admin-content .param-value-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.3rem 1rem !important;
    background: #F5F3F0 !important;
    color: #555 !important;
    border-radius: 2rem !important;
    font-size: 1.2rem !important;
    border: 1px solid #E0E0E0 !important;
    transition: all 0.2s !important;
}

.admin-content .spec-value-tag:hover,
.admin-content .param-value-tag:hover {
    background: #FFF5F3 !important;
    border-color: #FFD4CC !important;
    color: #E22C08 !important;
}

.admin-content .spec-value-tag .remove-tag,
.admin-content .param-value-tag .remove-tag {
    cursor: pointer !important;
    color: #B0B0B0 !important;
    font-size: 1.4rem !important;
    line-height: 1 !important;
    transition: color 0.2s !important;
}

.admin-content .spec-value-tag .remove-tag:hover,
.admin-content .param-value-tag .remove-tag:hover {
    color: #E22C08 !important;
}

/* 添加规格行按钮 */
.admin-content .spec-add-row,
.admin-content .param-add-row,
.admin-content .add-spec-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.5rem 1.5rem !important;
    color: #E22C08 !important;
    border: 1px dashed #FFD4CC !important;
    border-radius: 2rem !important;
    font-size: 1.2rem !important;
    cursor: pointer !important;
    background: transparent !important;
    transition: all 0.2s !important;
}

.admin-content .spec-add-row:hover,
.admin-content .param-add-row:hover,
.admin-content .add-spec-btn:hover {
    background: #FFF5F3 !important;
    border-color: #E22C08 !important;
    border-style: solid !important;
}

/* ============================================
 * 30. 后端管理页 - SEO/标签输入
 * ============================================ */

/* 标签输入容器 */
.admin-content .tagsinput,
.admin-content .amazeui-tagsinput {
    border: 1px solid #D9D9D9 !important;
    border-radius: 0.6rem !important;
    padding: 0.4rem 0.8rem !important;
    min-height: 3.6rem !important;
    background: #fff !important;
    transition: all 0.2s !important;
}

.admin-content .tagsinput.focus,
.admin-content .amazeui-tagsinput.focus {
    border-color: #E22C08 !important;
    box-shadow: 0 0 0 3px rgba(226,44,8,0.08) !important;
}

.admin-content .tagsinput .tag,
.admin-content .amazeui-tagsinput .tag {
    background: #FFF5F3 !important;
    color: #E22C08 !important;
    border: 1px solid #FFD4CC !important;
    border-radius: 2rem !important;
    padding: 0.2rem 1rem !important;
    font-size: 1.2rem !important;
    margin: 2px !important;
}

.admin-content .tagsinput .tag a,
.admin-content .amazeui-tagsinput .tag a {
    color: #E22C08 !important;
    margin-left: 0.4rem !important;
}

/* ============================================
 * 31. 后端管理页 - 响应式适配
 * ============================================ */

@media (max-width: 768px) {
    /* 手机端输入框全宽 */
    .admin-content input[type="text"],
    .admin-content input[type="number"],
    .admin-content input[type="password"],
    .admin-content textarea,
    .admin-content select {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 面板减少内边距 */
    .admin-content .am-panel-bd,
    .admin-content .panel-body {
        padding: 1rem !important;
    }

    /* 上传预览项缩小 */
    .admin-content .am-form-file .upload-img-list .item,
    .admin-content .upload-preview-item {
        width: 80px !important;
        height: 80px !important;
    }

    /* 相册项缩小 */
    .admin-content .goods-photo-item,
    .admin-content .photo-item {
        width: 80px !important;
        height: 80px !important;
    }

    /* 选项卡横向滚动 */
    .admin-content .am-nav-tabs,
    .admin-content .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .admin-content .am-nav-tabs > li,
    .admin-content .nav-tabs > li {
        flex-shrink: 0 !important;
    }

    /* 手机预览框 */
    .admin-content .mobile-preview,
    .admin-content .phone-preview {
        width: 100% !important;
        max-width: 320px !important;
    }
}