/* ============================================
   橙黄活力风 覆盖样式 (snack.css)
   作用于首页及公共组件，覆盖现有配色为橙黄调
   主橙 #FF6A00 / 辅黄 #FFA000 / 浅底 #FFF8E1
   ============================================ */

/* 商家中心页面：允许使用全宽布局，覆盖全局 min-width: 1200px 限制 */
body { min-width: auto !important; }
body > .seller_main.w1200 { max-width: 1600px !important; width: 100% !important; }

:root {
    --sn-orange: #FF6A00;
    --sn-yellow: #FFA000;
    --sn-light: #FFF8E1;
    --sn-dark: #B54700;
}

/* === 顶部条 === */
.ng-toolbar {
    background: var(--sn-light) !important;
    border-bottom: 1px solid #FFE0B2;
}
.ng-toolbar a {
    color: #555 !important;
}
.ng-toolbar a:hover {.snack-auth-form .text
    color: var(--sn-orange) !important;
}
.public-top {
    background: var(--sn-light) !important;
}

/* === Logo 区搜索框 === */
.ng-search .search-keyword {
    border: 2px solid var(--sn-orange) !important;
    border-radius: 4px 0 0 4px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    color: var(--sn-text) !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.ng-search .search-keyword::placeholder {
    color: #bbb !important;
    line-height: 32px !important;
}
.ng-search .search-btn {
    background: linear-gradient(90deg, var(--sn-orange), var(--sn-yellow)) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 4px 4px 0 !important;
    font-weight: bold !important;
    cursor: pointer;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* === 导航条 hover === */
.ng-nav li a {
    color: #fff !important;
    transition: background .2s;
}
.ng-nav li a:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* === 商品价格强调色 === */
.good-box .price span,
.cms-good .price span,
.good-box p.price span,
.cms-good p.price span {
    color: var(--sn-orange) !important;
    font-weight: bold !important;
}

/* === 立即购买/添加购物车 按钮 === */
.good-box a.addCart,
.good-box a[style*="53a128"],
.cms-good a.addCart {
    background: var(--sn-orange) !important;
    color: #fff !important;
    border-radius: 15px !important;
}

/* === 楼层标题 === */
.main-floor .title h5 {
    color: var(--sn-dark) !important;
    border-left: 4px solid var(--sn-orange) !important;
    padding-left: 10px !important;
}

/* === tab 选中态 === */
.hot-tab .tab-nav li.cur span {
    color: var(--sn-orange) !important;
    border-bottom: 2px solid var(--sn-orange) !important;
}

/* === 公告区标题 === */
.floor_top .RSide_news .H_news a.info {
    background: var(--sn-orange) !important;
    color: #fff !important;
}

/* === 底部 === */
.mall_desc dt {
    color: var(--sn-dark) !important;
    font-weight: bold !important;
}
.mall_desc dd a:hover {
    color: var(--sn-orange) !important;
}

/* === 通用按钮橙黄风 === */
.btn-orange {
    background: linear-gradient(90deg, var(--sn-orange), var(--sn-yellow));
    color: #fff;
    border: none;
    border-radius: 4px;
    padding: 8px 20px;
    cursor: pointer;
}
.btn-orange:hover {
    opacity: .9;
}

/* ============================================================
   橙黄风 首页主体布局 (snack- 前缀避免冲突)
   ============================================================ */
:root {
    --orange: #FF6A00;
    --orange-dark: #E55A00;
    --orange-light: #FF8534;
    --yellow: #FFB627;
    --yellow-light: #FFD166;
    --cream: #FFF4E6;
    --sn-bg: #FFFBF5;
    --sn-text: #3D2817;
    --sn-text-sub: #8C7B6B;
    --sn-text-light: #B5A99A;
    --sn-border: #FFE4CC;
    --r-sm: 10px;
    --r: 16px;
    --r-lg: 24px;
    --r-full: 999px;
    --shadow-sm: 0 2px 8px rgba(255, 106, 0, 0.08);
    --shadow: 0 6px 20px rgba(255, 106, 0, 0.12);
    --shadow-hover: 0 16px 40px rgba(255, 106, 0, 0.22);
}

/* 容器 */
.snack-wrap { width: 1200px; margin: 0 auto; }

/* 通用区块 */
.snack-section { padding: 32px 0; }
.snack-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.snack-section-title { display: flex; align-items: center; gap: 14px; }
.snack-section-title h2 { font-size: 28px; font-weight: 800; color: var(--sn-text); letter-spacing: -0.5px; margin: 0; }
.snack-section-title .tag { padding: 4px 12px; background: var(--cream); color: var(--orange); border-radius: var(--r-full); font-size: 12px; font-weight: 600; }
.snack-section-title .deco { width: 6px; height: 28px; border-radius: 3px; background: linear-gradient(180deg, var(--orange), var(--yellow)); }
.snack-section-more { color: var(--sn-text-sub); font-size: 13px; }
.snack-section-more:hover { color: var(--orange); }

/* 商品网格 */
.snack-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.snack-card { background: #fff; border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-sm); transition: all .3s; position: relative; display: block; color: var(--sn-text); }
.snack-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); color: var(--sn-text); }
.snack-card .img-box { position: relative; aspect-ratio: 1; overflow: hidden; background: var(--cream); }
.snack-card .img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.snack-card:hover .img-box img { transform: scale(1.08); }
.snack-card .tag-new { position: absolute; top: 10px; left: 10px; padding: 3px 10px; border-radius: var(--r-full); background: var(--yellow); color: var(--sn-text); font-size: 11px; font-weight: 700; z-index: 2; }
.snack-card .tag-discount { position: absolute; top: 10px; left: 10px; padding: 3px 10px; border-radius: var(--r-full); background: #FF3B30; color: #fff; font-size: 11px; font-weight: 700; z-index: 2; }
.snack-card .info { padding: 14px; }
.snack-card .name { font-size: 14px; font-weight: 600; color: var(--sn-text); line-height: 1.4; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.snack-card .desc { font-size: 12px; color: var(--sn-text-light); margin-top: 4px; }
.snack-card .price-row { display: flex; align-items: baseline; gap: 8px; margin-top: 10px; }
.snack-card .price { color: var(--orange); font-size: 20px; font-weight: 800; }
.snack-card .price .sym { font-size: 13px; }
.snack-card .price-old { color: var(--sn-text-light); font-size: 12px; text-decoration: line-through; }
.snack-card .meta { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; font-size: 12px; color: var(--sn-text-sub); }
.snack-card .add-cart { position: absolute; bottom: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-sm); }
.snack-card .info-with-btn { padding-right: 56px; }

/* 楼层Tab */
.snack-floor-tabs { display: flex; gap: 6px; margin-bottom: 20px; }
.snack-floor-tabs a { padding: 8px 20px; border-radius: var(--r-full); font-size: 14px; font-weight: 600; color: var(--sn-text-sub); background: #fff; box-shadow: var(--shadow-sm); transition: all .2s; cursor: pointer; }
.snack-floor-tabs a.active, .snack-floor-tabs a:hover { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; }

/* 宣传展示区 */
.snack-promo-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0; }
.snack-promo-card { border-radius: var(--r-lg); overflow: hidden; position: relative; height: 180px; padding: 28px; display: flex; flex-direction: column; justify-content: center; color: #fff; }
.snack-promo-card .ttl { font-size: 22px; font-weight: 800; }
.snack-promo-card .sub { font-size: 13px; opacity: 0.9; margin-top: 6px; }
.snack-promo-card .go { margin-top: 14px; font-size: 13px; font-weight: 600; }
.snack-promo-1 { background: linear-gradient(135deg, #FF6A00 0%, #FFB627 100%); }
.snack-promo-2 { background: linear-gradient(135deg, #FF3D77 0%, #FF8534 100%); }
.snack-promo-3 { background: linear-gradient(135deg, #8B5CF6 0%, #FF6A00 100%); }

/* 服务保障条 */
.snack-service-bar { background: #fff; border-radius: var(--r-lg); padding: 28px 32px; margin: 24px 0; box-shadow: var(--shadow-sm); display: grid; grid-template-columns: repeat(4, 1fr); }
.snack-service-item { display: flex; align-items: center; gap: 14px; justify-content: center; }
.snack-service-item .ico { width: 48px; height: 48px; border-radius: 14px; background: var(--cream); display: flex; align-items: center; justify-content: center; font-size: 24px; }
.snack-service-item .t { font-size: 15px; font-weight: 700; color: var(--sn-text); }
.snack-service-item .s { font-size: 12px; color: var(--sn-text-sub); margin-top: 2px; }

/* ============================================================
   商品详情页 橙黄化覆盖 (针对 .dss-* 类系，不破坏JS功能)
   ============================================================ */
/* 详情容器 */
.dss-detail { background: #fff !important; border-radius: var(--r-lg) !important; padding: 24px !important; box-shadow: var(--shadow-sm) !important; margin: 16px 0 !important; }
.dss-goods-summary .name h1 { color: var(--sn-text); font-weight: 700; }

/* 价格区 */
.dss-meta { background: linear-gradient(135deg, var(--cream), #FFE4CC) !important; border-radius: var(--r) !important; padding: 18px 22px !important; margin: 14px 0 !important; }
.dss-meta .price strong, .dss-meta .price { color: var(--orange) !important; font-size: 30px; font-weight: 800; }
.dss-meta .price .currency { color: var(--orange); font-size: 16px; }
.dss-meta .marketprice { color: var(--sn-text-light); }
.dss-meta dl { margin: 6px 0; }

/* 加购/立即购买按钮 */
.dss-detail .btns { display: flex; gap: 12px; margin-top: 18px; }
.dss-detail .addcart { background: linear-gradient(135deg, var(--yellow), var(--yellow-light)) !important; color: var(--sn-text) !important; border-radius: var(--r-full) !important; padding: 12px 30px !important; font-weight: 700; font-size: 15px; border: none !important; display: inline-flex; align-items: center; gap: 6px; transition: all .25s; }
.dss-detail .addcart:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.dss-detail .buynow { background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; color: #fff !important; border-radius: var(--r-full) !important; padding: 12px 30px !important; font-weight: 700; font-size: 15px; border: none !important; display: inline-flex; align-items: center; gap: 6px; transition: all .25s; }
.dss-detail .buynow:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.dss-detail .no-addcart, .dss-detail .no-buynow { opacity: .5; cursor: not-allowed; }

/* 主图圆角 */
.dss-detail .product-img { border-radius: var(--r); overflow: hidden; }
.dss-detail .product-small-img img { border-radius: var(--r-sm); }

/* 促销标签 */
.dss-sale { background: #fff; border-radius: var(--r); padding: 12px 16px; margin: 8px 0; }
.dss-sale .sale-name { background: var(--orange); color: #fff; padding: 2px 10px; border-radius: var(--r-full); font-size: 12px; font-weight: 600; }
.dss-sale em { color: var(--orange); font-weight: 700; }

/* 规格选择项橙黄化 */
.dss-detail .spec-opts a, .dss-detail .spec a, .dss-detail [dstype="sku"] a { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 6px 16px; transition: all .2s; }
.dss-detail .spec-opts a:hover, .dss-detail .spec a:hover, .dss-detail [dstype="sku"] a:hover { border-color: var(--orange-light); }
.dss-detail .spec-opts a.active, .dss-detail .spec a.active, .dss-detail [dstype="sku"] a.active { border-color: var(--orange); background: var(--cream); color: var(--orange); font-weight: 600; }

/* 数量选择器 */
.dss-detail .qty input, .dss-detail [dstype="quantity"] input { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); text-align: center; }
.dss-detail .qty button, .dss-detail [dstype="quantity"] button { background: var(--cream); border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); width: 32px; height: 32px; }

/* 店铺卡片 */
.dss-detail .shop-card, .dss-detail .store-info { background: #fff; border-radius: var(--r); box-shadow: var(--shadow-sm); padding: 18px 24px; margin: 12px 0; }

/* 详情Tab */
.dss-detail .tab, .dss-detail .detail-tab { background: #fff; border-radius: var(--r-lg) var(--r-lg) 0 0; overflow: hidden; }
.dss-detail .tab a, .dss-detail .detail-tab a { padding: 16px 28px; font-weight: 600; color: var(--sn-text-sub); }
.dss-detail .tab a.active, .dss-detail .detail-tab a.active { color: var(--orange); border-bottom: 3px solid var(--orange); }

/* 相关推荐/看了又看商品卡 */
.dss-detail .interest, .dss-detail .recommend { margin-top: 24px; }
.dss-detail .interest h3, .dss-detail .recommend h3 { padding-left: 12px; border-left: 4px solid var(--orange); color: var(--sn-text); }
.dss-detail .interest .goods-box, .dss-detail .recommend .goods-box { border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-sm); transition: all .3s; }
.dss-detail .interest .goods-box:hover, .dss-detail .recommend .goods-box:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }

/* ============================================================
   列表页 橙黄化 (针对 .dsh-* 类系，保留筛选/排序/分页功能)
   ============================================================ */
.dsh-container { background: #fff; border-radius: var(--r-lg); padding: 20px; box-shadow: var(--shadow-sm); margin: 16px 0; }
.dsh-module { border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-sm); margin-bottom: 16px; background: #fff; }
.dsh-module .title h3 { color: var(--sn-text); border-left: 4px solid var(--orange); padding-left: 10px; }
.dsh-module .tree a { color: var(--sn-text-sub); }
.dsh-module .tree a:hover, .dsh-module .tree a.selected { color: var(--orange); font-weight: 600; }
/* 列表商品卡 */
.dsh-container .goods-box, .dsh-container .search-goods, .dsh-container .goods-list li { border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-sm); transition: all .3s; background: #fff; }
.dsh-container .goods-box:hover, .dsh-container .search-goods:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.dsh-container .price, .dsh-container .goods-price { color: var(--orange) !important; font-weight: 800; }
/* 排序条 */
.dsh-container .sort, .dsh-container .filter-bar, .dsh-container .bar { background: var(--cream); border-radius: var(--r); padding: 12px 16px; }
.dsh-container .sort a.active, .dsh-container .filter-bar a.active, .dsh-container .bar a.active { color: var(--orange); font-weight: 600; }
/* 分页 */
.dsh-container .pagination a, .dsh-container .pager a, .dsh-container .page a { border-radius: var(--r-sm); color: var(--sn-text-sub); }
.dsh-container .pagination a:hover, .dsh-container .pager a:hover, .dsh-container .pagination .current, .dsh-container .pager .current, .dsh-container .pagination span.current { background: var(--orange); color: #fff; border: none; }

/* ============================================================
   登录/注册页 橙黄化 (针对 .page_login/.page_register 类系，保留表单action和字段)
   ============================================================ */
.header-login { background: linear-gradient(135deg, var(--cream), #fff); border-bottom: 3px solid var(--orange); }
.page_login, .page_register { background-size: cover; }
.page_login .login_form, .page_register .register_form, .page_login .w1000 > div, .page_register .w1200 > div { background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow); overflow: hidden; }
.page_login .mt a, .page_register .mt a { color: var(--sn-text-sub); }
.page_login .mt a.on, .page_register .mt a.on { color: var(--orange); border-bottom: 3px solid var(--orange); }
.page_login .text, .page_register .text { border: 2px solid var(--sn-border) !important; border-radius: var(--r-sm) !important; transition: border-color .2s; }
.page_login .text:focus, .page_register .text:focus { border-color: var(--orange) !important; }
.page_login .login-btn, .page_register .register-btn, .page_login .btn, .page_register .btn { background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; color: #fff !important; border: none !important; border-radius: var(--r-full) !important; font-weight: 700; font-size: 16px; height: 46px; transition: all .25s; }
.page_login .login-btn:hover, .page_register .register-btn:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.page_login .item a, .page_register .item a { color: var(--orange); }
.page_login .item a:hover, .page_register .item a:hover { color: var(--orange-dark); }
.page_login .ico, .page_register .ico { color: var(--orange); }
#codeimage { border-radius: var(--r-sm); }

/* ============================================================
   入驻页 橙黄化 (针对 .join_banner/.join_main 类系)
   ============================================================ */
.join_banner { border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
.join_main, .join_content, .main { background: #fff; border-radius: var(--r-lg); padding: 32px; box-shadow: var(--shadow-sm); margin: 16px 0; }
.join_main h3, .join_content h3 { color: var(--sn-text); border-left: 4px solid var(--orange); padding-left: 12px; }
.join_main input[type="text"], .join_main input[type="password"], .join_main select, .join_main textarea,
.join_content input[type="text"], .join_content input[type="password"], .join_content select, .join_content textarea { border: 2px solid var(--sn-border) !important; border-radius: var(--r-sm) !important; }
.join_main input:focus, .join_main select:focus, .join_main textarea:focus,
.join_content input:focus, .join_content select:focus, .join_content textarea:focus { border-color: var(--orange) !important; }
.join_main .btn-submit, .join_main input[type="submit"], .join_main .btn,
.join_content .btn-submit, .join_content input[type="submit"], .join_content .btn { background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; color: #fff !important; border: none !important; border-radius: var(--r-full) !important; padding: 12px 36px; font-weight: 700; font-size: 15px; transition: all .25s; }
.join_main .btn-submit:hover, .join_content .btn-submit:hover { transform: translateY(-2px); box-shadow: var(--shadow); }

/* ============================================================
   商品详情页 主体布局重写 (grid 两栏，保留所有JS钩子)
   ============================================================ */
.snack-goods-detail { display: grid !important; grid-template-columns: 480px 1fr; gap: 40px; align-items: start; }
.snack-goods-detail .intro_l, .snack-goods-detail .dss-goods-summary { float: none !important; width: auto !important; }
.snack-goods-detail .snack-gallery { width: 480px; }
.snack-goods-detail .snack-main-img { width: 480px !important; height: 480px !important; border-radius: var(--r) !important; overflow: hidden; background: var(--cream); }
.snack-goods-detail .snack-main-img img { width: 100% !important; height: 100% !important; object-fit: cover; }
.snack-goods-detail .snack-thumbs { margin-top: 12px; }
.snack-goods-detail .snack-thumbs img { width: 80px; height: 80px; border-radius: var(--r-sm); object-fit: cover; border: 2px solid transparent; cursor: pointer; transition: border-color .2s; }
.snack-goods-detail .snack-thumbs img.active, .snack-goods-detail .snack-thumbs img:hover { border-color: var(--orange); }
.snack-goods-detail .snack-thumbs .small-pic-li.active img { border-color: var(--orange); }
.snack-goods-detail .snack-buy-info { min-width: 0; }
.snack-goods-detail .intro_r { float: none !important; width: 100% !important; grid-column: 1 / -1; margin-top: 32px; background: #fff; border-radius: var(--r-lg); padding: 20px; box-shadow: var(--shadow-sm); }
.snack-goods-detail .intro_r .mt h2 { color: var(--sn-text); border-left: 4px solid var(--orange); padding-left: 12px; }
.snack-goods-detail .intro_r .p_price { color: var(--orange); font-weight: 800; }
@media (max-width: 1200px) {
    .snack-goods-detail { grid-template-columns: 1fr; }
    .snack-goods-detail .snack-gallery, .snack-goods-detail .snack-main-img { width: 100% !important; height: auto !important; }
    .snack-goods-detail .snack-main-img { aspect-ratio: 1; }
}

/* ============================================================
   登录/注册页 主体重写 (左宣传+右表单布局，保留validate/ds_ajaxpost)
   ============================================================ */
.snack-auth-wrap { background: linear-gradient(135deg, var(--cream), #fff 60%); padding: 48px 0; min-height: 600px; }
.snack-auth-box { display: grid; grid-template-columns: 2fr 3fr; max-width: 1000px; margin: 0 auto; background: #fff; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow); }
.snack-auth-banner { background: linear-gradient(135deg, var(--orange), var(--yellow)); color: #fff; padding: 56px 48px; display: flex; flex-direction: column; justify-content: center; }
.snack-auth-logo img { height: 56px; margin-bottom: 32px; background: rgba(255,255,255,.95); padding: 8px 12px; border-radius: var(--r); }
.snack-auth-banner h2 { font-size: 32px; font-weight: 800; line-height: 1.3; margin-bottom: 14px; }
.snack-auth-slogan { font-size: 14px; opacity: .92; margin-bottom: 32px; }
.snack-auth-perks { list-style: none; padding: 0; margin: 0; }
.snack-auth-perks li { padding: 8px 0; font-size: 14px; }
.snack-auth-perks .perk-ico { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: rgba(255,255,255,.25); border-radius: 50%; margin-right: 10px; font-size: 12px; }
.snack-auth-form { background: #fff; padding: 48px; display: flex; align-items: center; }
.snack-auth-form-inner { width: 100%; }
.snack-auth-form .mt { margin-bottom: 24px; }
.snack-auth-form .mt a { display: inline-block; padding: 12px 0; margin-right: 24px; color: var(--sn-text-sub); font-weight: 600; font-size: 16px; border-bottom: 3px solid transparent; transition: all .2s; }
.snack-auth-form .mt a.on { color: var(--orange); border-bottom-color: var(--orange); }
.snack-auth-title { font-size: 22px; font-weight: 800; c.snack-seller-logo, .seller_left_1 .logoolor: var(--sn-text); padding-bottom: 16px; border-bottom: 2px solid var(--sn-border); margin-bottom: 24px; }
.snack-auth-form .item { margin-bottom: 18px; display: flex; align-items: flex-start; }
.snack-auth-form .item .label { color: var(--sn-text-sub); font-size: 13px; width: 90px; text-align: right; padding-right: 14px; line-height: 46px; flex-shrink: 0; }
.snack-auth-form .item-text { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.snack-auth-form .item-text input.text { width: 320px; }
.snack-auth-form .text-area { position: relative; }
.snack-auth-form .text { width: 100%; height: 46px; border: 2px solid var(--sn-border) !important; border-radius: var(--r-sm) !important; padding: 0 14px 0 10px; font-size: 14px; transition: border-color .2s; box-sizing: border-box; }
.snack-auth-form .text:focus { border-color: var(--orange) !important; }
.snack-auth-form .ico { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--orange); font-size: 18px; }
.snack-auth-form .item .span { position: relative; display: inline-block; width: 140px; height: 46px; border: 1px solid var(--sn-border); border-radius: var(--r-sm); overflow: hidden; flex-shrink: 0; cursor: pointer; }
.snack-auth-form .item .span img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.snack-auth-form .item .span .makecode { position: absolute; top: 0; left: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(255,255,255,0); font-size: 12px; color: var(--orange); text-decoration: none; opacity: 0; transition: opacity .2s, background .2s; text-align: center; }
.snack-auth-form .item .span:hover .makecode { opacity: 1; background: rgba(255,255,255,.75); }
.snack-auth-links { display: flex; justify-content: space-between; font-size: 13px; }
.snack-auth-links a, .snack-auth-protocol a, .snack-auth-protocol-row a { color: var(--orange); }
.snack-auth-links a:hover, .snack-auth-protocol a:hover, .snack-auth-protocol-row a:hover { color: var(--orange-dark); }
.snack-auth-protocol { text-align: center; font-size: 12px; color: var(--sn-text-sub); }
.snack-auth-protocol-row .item-text { font-size: 12px; color: var(--sn-text-sub); width: 320px; }
.snack-auth-form .login-btn { width: 100%; height: 48px; background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; color: #fff !important; border: none !important; border-radius: var(--r-full) !important; font-weight: 700; font-size: 16px; cursor: pointer; transition: all .25s; }
.snack-auth-form .login-btn:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.snack-auth-form .send_code { display: inline-block; padding: 0 14px; height: 46px; line-height: 46px; background: var(--cream); color: var(--orange); border-radius: var(--r-sm); font-size: 13px; font-weight: 600; }
.snack-auth-form .makecode { font-size: 12px; color: var(--orange); }

/* 登录页单独样式 - 不受注册页影响 */
.snack-auth-form-inner.login_form .item { display: block; }
.snack-auth-form-inner.login_form .item .text-area { width: 360px; max-width: 100%; }
.snack-auth-form-inner.login_form .item .text-area .text { width: 100%; }
.snack-auth-form-inner.login_form .item .text-area .span { float: right; margin-left: 10px; }
.snack-auth-form-inner.login_form .snack-auth-links { width: 360px; }
.snack-auth-form-inner.login_form .login-btn { width: 360px; }

@media (max-width: 768px) {
    .snack-auth-box { grid-template-columns: 1fr; }
    .snack-auth-banner { padding: 32px 24px; }
    .snack-auth-form { padding: 32px 24px; }
    .snack-auth-form .item { flex-direction: column; }
    .snack-auth-form .item .label { width: 100%; text-align: left; padding-right: 0; margin-bottom: 6px; line-height: 1.4; }
    .snack-auth-form .item-text { width: 100%; flex-wrap: wrap; }
    .snack-auth-form .item-text input.text { width: 100%; }
}

/* ============================================================
   商品详情页 详情Tab/关联推荐/侧边栏 重写
   ============================================================ */
.snack-goods-content { display: grid; grid-template-columns: 1fr 300px; gap: 24px; margin-top: 24px; align-items: start; }
.snack-goods-main { min-width: 0; }
.snack-tab-card { background: #fff; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm); }
.snack-tab-bar { background: linear-gradient(135deg, var(--cream), #fff) !important; border-bottom: 1px solid var(--sn-border); }
.snack-tab-list { display: flex; }
.snack-tab-list li { list-style: none; }
.snack-tab-list li a { display: block; padding: 16px 28px; font-weight: 600; color: var(--sn-text-sub); transition: all .2s; }
.snack-tab-list li.current a { color: var(--orange); background: #fff; border-bottom: 3px solid var(--orange); }
.snack-tab-body { padding: 24px 28px; }
.snack-spec-list { background: var(--cream); border-radius: var(--r); padding: 16px 20px; margin-bottom: 20px; }
.snack-spec-list li { padding: 8px 0; border-bottom: 1px dashed var(--sn-border); color: var(--sn-text-sub); list-style: none; }
.snack-spec-list li:last-child { border-bottom: none; }
.snack-goods-desc { line-height: 1.8; color: var(--sn-text); }
.snack-goods-desc img { max-width: 100%; border-radius: var(--r); }

/* 侧边栏卡片容器 */
.snack-goods-aside .common_module, .snack-goods-aside .dss-sidebar-container { background: #fff; border-radius: var(--r); box-shadow: var(--shadow-sm); margin-bottom: 16px; overflow: hidden; }
.snack-rank-title, .snack-viewed-title { padding: 14px 18px; border-left: 4px solid var(--orange); margin: 0; }
.snack-rank-title h2, .snack-viewed-title h4 { color: var(--sn-text); font-size: 15px; font-weight: 700; margin: 0; }

/* 热门收藏排行 */
.snack-rank-list ul { padding: 0 12px 12px; margin: 0; }
.snack-rank-item { display: flex; align-items: center; padding: 10px 6px; border-bottom: 1px solid var(--sn-border); list-style: none; }
.snack-rank-item:last-child { border-bottom: none; }
.snack-rank-img { width: 60px; height: 60px; border-radius: var(--r-sm); overflow: hidden; flex-shrink: 0; }
.snack-rank-img img { width: 100%; height: 100%; object-fit: cover; }
.snack-rank-num { width: 24px; height: 24px; line-height: 24px; text-align: center; background: var(--sn-border); color: var(--sn-text-sub); border-radius: 50%; font-size: 12px; font-weight: 700; margin: 0 10px; flex-shrink: 0; }
.snack-rank-num.active { background: var(--orange); color: #fff; }
.snack-rank-info { flex: 1; min-width: 0; }
.snack-rank-name a { color: var(--sn-text); font-size: 13px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.snack-rank-name a:hover { color: var(--orange); }
.snack-rank-price { color: var(--orange); font-weight: 700; font-size: 14px; margin-top: 4px; }
.snack-rank-price em { font-style: normal; }
.snack-rank-sales { font-size: 11px; color: var(--sn-text-light); margin-top: 2px; }

/* 最近浏览 */
.snack-viewed-list { padding: 0 14px 12px; }
.snack-viewed-list ol { padding: 0; margin: 0; }
.snack-viewed-list li { padding: 8px 0; border-bottom: 1px solid var(--sn-border); list-style: none; }
.snack-viewed-list li:last-child { border-bottom: none; }
.snack-viewed-list dt a { color: var(--sn-text); font-size: 13px; }
.snack-viewed-list .price { color: var(--orange); font-weight: 700; }
.snack-viewed-all { display: block; text-align: center; padding: 10px; color: var(--orange); font-size: 12px; }

/* 店铺信息卡 (store_info include) 橙黄覆盖 */
.snack-goods-aside .store-info, .snack-goods-aside .shop-card, .snack-goods-aside .store_info { background: #fff; border-radius: var(--r); box-shadow: var(--shadow-sm); padding: 18px; margin-bottom: 16px; }
.snack-goods-aside .store-info h3, .snack-goods-aside .shop-card h3, .snack-goods-aside .store_info h3 { color: var(--sn-text); border-left: 4px solid var(--orange); padding-left: 12px; }
.snack-goods-aside .store-info a, .snack-goods-aside .shop-card a, .snack-goods-aside .store_info a { color: var(--orange); }

@media (max-width: 1200px) {
    .snack-goods-content { grid-template-columns: 1fr; }
}

/* ============================================================
   列表页 (search.html) 重写布局：grid两栏+橙黄卡风格
   ============================================================ */
.snack-search-wrap { display: grid !important; grid-template-columns: 260px 1fr; gap: 20px; align-items: start; padding: 20px 0 !important; background: transparent !important; box-shadow: none !important; }
.snack-search-wrap .left, .snack-search-wrap .right { float: none !important; width: auto !important; }

/* 侧栏卡通用 */
.snack-search-aside > .dsh-module, .snack-search-aside > div[dstype] { background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow-sm); margin-bottom: 16px; overflow: hidden; }
.snack-search-aside .title, .snack-search-main .title { padding: 14px 18px; margin: 0; border-left: 4px solid var(--orange); background: linear-gradient(135deg, var(--cream), #fff); }
.snack-search-aside .title h3, .snack-search-main .title h3 { color: var(--sn-text); font-size: 15px; font-weight: 700; margin: 0; }
.snack-search-aside .content { padding: 12px 16px; }

/* 分类树 */
.snack-category-content .tree { font-size: 13px; }
.snack-category-content .tree a { display: block; padding: 7px 10px; border-radius: var(--r-sm); color: var(--sn-text); transition: all .15s; margin-bottom: 2px; }
.snack-category-content .tree a:hover { background: var(--cream); color: var(--orange); }
.snack-category-content .tree a.selected { background: var(--orange); color: #fff !important; font-weight: 600; }
.snack-category-content .tree .tree-parent { color: var(--orange); font-style: normal; }
.snack-category-content .tree li { list-style: none; }
.snack-category-content .tree li ul { padding-left: 14px; }

/* 最近浏览 */
.snack-search-aside .dsh-module-style03 .content { padding: 0 !important; }
.snack-search-aside .dsh-sidebar-viewed { max-height: none; overflow: visible; }
.snack-search-aside .dsh-sidebar-viewed ul { padding: 0; margin: 0; list-style: none; }
.snack-search-aside .dsh-sidebar-bowers { padding: 10px 16px; border-bottom: 1px solid var(--sn-border); list-style: none !important; display: flex; align-items: flex-start; gap: 10px; height: auto !important; width: auto !important; clear: none !important; font-size: inherit !important; margin: 0 !important; border-top: none !important; }
.snack-search-aside .dsh-sidebar-bowers:last-child { border-bottom: none; }
.snack-search-aside .dsh-sidebar-bowers .goods-pic { width: 60px; height: 60px; border-radius: var(--r-sm); overflow: hidden; flex-shrink: 0; margin: 0; display: block !important; border: none !important; }
.snack-search-aside .dsh-sidebar-bowers .goods-pic a { display: block; width: 100%; height: 100%; }
.snack-search-aside .dsh-sidebar-bowers .goods-pic img { width: 100% !important; height: 100% !important; object-fit: cover; max-width: none !important; max-height: none !important; margin: 0 !important; }
.snack-search-aside .dsh-sidebar-bowers dl { flex: 1; min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; width: auto !important; height: auto !important; }
.snack-search-aside .dsh-sidebar-bowers dt { font-size: 12px; line-height: 1.4; height: auto !important; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.snack-search-aside .dsh-sidebar-bowers dt a { color: var(--sn-text); font-size: 12px; }
.snack-search-aside .dsh-sidebar-bowers dd { color: var(--orange); font-weight: 700; font-size: 13px; margin: 0; height: auto !important; overflow: visible !important; line-height: 1.4; }
.snack-search-aside .dsh-sidebar-all-viewed { display: block; text-align: center; padding: 10px; color: var(--orange); font-size: 12px; border-top: 1px solid var(--sn-border); }

/* 主栏模块通用 */
.snack-search-main > div:not(.shop_con_list):not(.snack-goods-grid-wrap):not(.snack-search-pagination) { background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow-sm); margin-bottom: 16px; overflow: hidden; }

/* 筛选卡 */
.snack-filter-card { padding: 0; }
.snack-filter-title { border-left: 4px solid var(--orange); background: linear-gradient(135deg, var(--cream), #fff); padding: 14px 18px; }
.snack-filter-content { padding: 16px 20px; }
.snack-filter-content dl { padding: 8px 0; border-bottom: 1px dashed var(--sn-border); }
.snack-filter-content dl:last-child { border-bottom: none; }
.snack-filter-content dt { color: var(--sn-text-sub); font-size: 13px; font-weight: 600; width: 80px; float: left; line-height: 28px; }
.snack-filter-content dd.list li { display: inline-block; margin: 4px 6px; list-style: none; }
.snack-filter-content dd.list a { padding: 4px 12px; border-radius: var(--r-full); color: var(--sn-text); font-size: 12px; transition: all .15s; background: var(--sn-bg); }
.snack-filter-content dd.list a:hover { background: var(--cream); color: var(--orange); }
.snack-filter-content span.selected[dstype="span_filter"] { background: var(--orange); color: #fff; padding: 4px 10px 4px 12px; border-radius: var(--r-full); font-size: 12px; display: inline-flex; align-items: center; margin: 4px 6px 0 0; }
.snack-filter-content span.selected i { margin-left: 8px; cursor: pointer; opacity: .85; }
.snack-filter-content .dsh-brand-tab li { background: var(--cream); color: var(--orange); border-radius: var(--r-sm); padding: 4px 10px; }
.snack-filter-content dd.all span { color: var(--orange); cursor: pointer; font-size: 12px; }

/* 排序条 */
.snack-sort-bar { background: #fff !important; border-radius: var(--r) !important; box-shadow: var(--shadow-sm); padding: 12px 16px !important; margin-bottom: 16px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; border: none !important; }
.snack-sort-bar > .pagination { display: none !important; }
.snack-sort-array { display: flex; align-items: center; gap: 0; font-size: 13px; color: var(--sn-text-sub); }
.snack-sort-array ul { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; padding: 0; margin: 0; align-items: center; border: none !important; }
.snack-sort-array li { border: none !important; display: flex; align-items: center; }
.snack-sort-array li a { padding: 6px 14px; border-radius: var(--r-full); color: var(--sn-text-sub); font-size: 13px; transition: all .15s; display: inline-block; line-height: 1.4; height: auto; }
.snack-sort-array li.selected a { background: var(--orange); color: #fff; font-weight: 600; }
.snack-sort-array li a:hover { background: var(--cream); color: var(--orange); }
.snack-sort-array li.selected a:hover { background: var(--orange); color: #fff; }
.snack-sort-array .input-txt { width: 50px !important; height: 30px !important; border: 1.5px solid var(--sn-border) !important; border-radius: var(--r-sm) !important; padding: 0 8px !important; margin: 0 2px !important; text-align: center !important; font-size: 13px !important; color: var(--sn-text) !important; box-sizing: border-box !important; display: inline-block !important; vertical-align: middle !important; }
.snack-sort-array .input-txt:focus { border-color: var(--orange) !important; outline: none !important; }
.snack-sort-array li div { display: flex; align-items: center; padding: 0 !important; line-height: normal !important; }
.snack-sort-array li div em { color: var(--sn-text-light); padding: 0 4px; font-style: normal; }
.snack-sort-array .priceBtn { background: var(--orange); color: #fff; padding: 6px 14px; border-radius: var(--r-full); font-size: 12px; cursor: pointer; margin-left: 6px; display: inline-block; border: none; }
.snack-sort-array .priceBtn:hover { background: var(--orange-light); }
.snack-sort-bar .dsh-sortbar-owner { display: inline-flex; align-items: center; }
.snack-sort-bar .dsh-sortbar-owner a { padding: 6px 14px; border-radius: var(--r-full); font-size: 13px; color: var(--sn-text-sub); display: inline-flex; align-items: center; gap: 4px; line-height: 1.4; height: auto; }
.snack-sort-bar .dsh-sortbar-owner a.selected { background: var(--cream); color: var(--orange); font-weight: 600; }
.snack-sort-bar .dsh-sortbar-owner a i { display: inline-block; width: 14px; height: 14px; border: 1.5px solid var(--sn-border); border-radius: 3px; background: #fff; vertical-align: middle; margin: 0; color: transparent !important; position: relative; }
.snack-sort-bar .dsh-sortbar-owner a.selected i { background: var(--orange); border-color: var(--orange); }
.snack-sort-bar .dsh-sortbar-owner a.selected i:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%) rotate(45deg); width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; }
.snack-sort-bar .dsh-sortbar-owner a i:after { display: none !important; content: none !important; }
.snack-sort-bar .dsh-sortbar-owner a.selected i:after { display: block !important; }
.snack-sort-bar .dsh-sortbar-location { display: inline-flex; align-items: center; font-size: 13px; color: var(--sn-text-sub); padding: 0; }
.snack-sort-bar .dsh-sortbar-location .holder, .snack-sort-bar .dsh-sortbar-location .selected { color: var(--orange); font-weight: 600; }
.snack-sort-bar .select-layer { margin: 0 6px; }
.snack-sort-bar .select-layer .holder em { padding: 4px 20px 4px 8px; display: block; white-space: nowrap; }
.snack-sort-bar .select-layer .direction { top: 9px; right: 4px; }

/* 商品卡网格 */
.snack-goods-grid-wrap { padding: 0; }
.snack-goods-grid-wrap .squares { padding: 0; }
.snack-goods-grid-wrap .squares .list_pic { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 16px; list-style: none; padding: 0; margin: 0; }
.snack-goods-grid-wrap .squares .list_pic > li.item { float: none !important; width: auto !important; margin: 0 !important; list-style: none !important; }
.snack-goods-grid-wrap .goods-content { background: #fff; border-radius: var(--r); overflow: hidden; box-shadow: var(--shadow-sm); transition: all .3s; position: relative; height: 100%; display: flex; flex-direction: column; }
.snack-goods-grid-wrap .goods-content:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.snack-goods-grid-wrap .goods-pic { width: 100% !important; height: 220px !important; position: relative; overflow: hidden; background: var(--cream); }
.snack-goods-grid-wrap .goods-pic img { width: 100% !important; height: 100% !important; object-fit: cover; }
.snack-goods-grid-wrap .goods-promotion { position: absolute; top: 10px; left: 10px; z-index: 3; }
.snack-goods-grid-wrap .goods-promotion span { background: var(--orange); color: #fff; padding: 3px 10px; border-radius: var(--r-full); font-size: 11px; font-weight: 600; }
.snack-goods-grid-wrap .goods-info { padding: 12px 14px 14px; display: flex; flex-direction: column; flex: 1; }
.snack-goods-grid-wrap .goods-price { margin: 8px 0; display: flex; align-items: baseline; justify-content: space-between; }
.snack-goods-grid-wrap .sale-price { color: var(--orange) !important; font-size: 20px !important; font-weight: 800 !important; }
.snack-goods-grid-wrap .goods-sales { color: var(--sn-text-light); font-size: 12px; float: none !important; }
.snack-goods-grid-wrap .goods-name { font-size: 13px; line-height: 1.45; height: 38px; overflow: hidden; margin-bottom: 8px; }
.snack-goods-grid-wrap .goods-name a { color: var(--sn-text); }
.snack-goods-grid-wrap .goods-name a:hover { color: var(--orange); }
.snack-goods-grid-wrap .goods-name .virtual, .snack-goods-grid-wrap .goods-name .fcode, .snack-goods-grid-wrap .goods-name .presell, .snack-goods-grid-wrap .goods-name .gift { background: var(--cream); color: var(--orange); padding: 1px 6px; border-radius: 3px; font-size: 11px; margin-right: 4px; }
.snack-goods-grid-wrap .goods-sub { font-size: 12px; color: var(--sn-text-sub); display: flex; gap: 12px; padding: 8px 0; border-top: 1px solid var(--sn-border); border-bottom: 1px solid var(--sn-border); margin: 8px 0; }
.snack-goods-grid-wrap .goods-sub span { cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.snack-goods-grid-wrap .goods-sub span:hover { color: var(--orange); }
.snack-goods-grid-wrap .store { font-size: 12px; color: var(--sn-text-light); margin-bottom: 10px; }
.snack-goods-grid-wrap .store a.name { color: var(--sn-text-sub); }
.snack-goods-grid-wrap .store a.name:hover { color: var(--orange); }
.snack-goods-grid-wrap .add-cart a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 38px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff !important; border-radius: var(--r-full); font-weight: 600; cursor: pointer; transition: all .2s; }
.snack-goods-grid-wrap .add-cart a:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.snack-goods-grid-wrap .goods-pic-scroll-show { display: none; }
.snack-goods-grid-wrap .no_results { text-align: center; padding: 60px 0; color: var(--sn-text-sub); }

/* 分页 */
.snack-search-pagination .pagination a, .snack-search-pagination .pagination span { border-radius: var(--r-sm) !important; margin: 0 4px; padding: 8px 14px; color: var(--sn-text-sub); border: 1.5px solid var(--sn-border); background: #fff; }
.snack-search-pagination .pagination a:hover { color: var(--orange); border-color: var(--orange); }
.snack-search-pagination .pagination .current, .snack-search-pagination .pagination span.current { background: var(--orange); color: #fff; border-color: var(--orange); font-weight: 600; }

@media (max-width: 1200px) {
    .snack-search-wrap { grid-template-columns: 1fr; }
    .snack-goods-grid-wrap .squares .list_pic { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .snack-goods-grid-wrap .squares .list_pic { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   入驻流程 (base_joinin + step0-step4/pay + showjoinin) 橙黄化
   ============================================================ */
/* 顶部公共 */
.snack-top { background: var(--cream) !important; color: var(--sn-text-sub); border-bottom: 1px solid var(--sn-border); }
.snack-top a { color: var(--sn-text-sub); }
.snack-top a:hover { color: var(--orange); }
.snack-top .quick_list > li > a { color: var(--orange) !important; font-weight: 600; }
.snack-top .quick_list .dropdown-menu a { color: var(--sn-text); }

/* Logo 头 */
.snack-joinin-header { padding: 24px 0; background: linear-gradient(135deg, var(--cream) 0%, #fff 100%); }
.snack-joinin-header .header_logo img { height: 50px !important; }
.snack-joinin-header .header_span { padding-left: 24px; margin-left: 24px; border-left: 2px solid var(--orange); color: var(--sn-text); font-weight: 600; font-size: 20px; display: inline-block; line-height: 1.2; }

/* 主导航 */
.snack-joinin-nav { background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; box-shadow: 0 4px 14px rgba(247,122,29,.25); }
.snack-joinin-nav .header_menu { display: flex; }
.snack-joinin-nav .header_menu li { list-style: none; }
.snack-joinin-nav .header_menu li a { display: block; padding: 0 28px; line-height: 50px; color: #fff !important; font-weight: 500; transition: all .2s; }
.snack-joinin-nav .header_menu li a:hover { background: rgba(255,255,255,.18); }
.snack-joinin-nav .header_menu li.cur a { background: rgba(0,0,0,.12); font-weight: 700; }

/* 面包屑 */
.snack-breadcrumb,
.breadcrumb { background: #fff !important; border-radius: var(--r) !important; padding: 12px 18px !important; margin: 16px auto 0 !important; color: var(--sn-text-sub) !important; font-size: 13px; box-shadow: var(--shadow-sm); max-width: 1200px; }
.snack-breadcrumb a, .breadcrumb a { color: var(--orange) !important; }
.snack-breadcrumb .arrow, .breadcrumb .arrow { color: var(--sn-border); padding: 0 6px; }

/* 入驻主布局 (含原始类名双路径，确保未加snack类的step4也生效) */
.snack-joinin-main,
.main { max-width: 1200px; margin: 16px auto 24px; display: grid; grid-template-columns: 260px 1fr; gap: 20px; align-items: start; background: transparent !important; padding: 0 !important; overflow: visible !important; }
.snack-joinin-main > .sidebar,
.snack-joinin-main > .right-layout,
.main > .sidebar,
.main > .right-layout { float: none !important; width: auto !important; min-height: auto !important; }

/* 侧栏导航卡 */
.snack-joinin-sidebar,
.sidebar > div,
.sidebar { background: #fff !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-sm) !important; margin-bottom: 16px !important; overflow: hidden !important; border: none !important; width: auto !important; float: none !important; }
.sidebar > .title,
.snack-joinin-sidebar-title { padding: 14px 18px; border-left: 4px solid var(--orange); background: linear-gradient(135deg, var(--cream), #fff); margin: 0; }
.sidebar > .title h3,
.snack-joinin-sidebar-title h3 { color: var(--sn-text); font-size: 15px; font-weight: 700; margin: 0; }
.sidebar > .content,
.snack-joinin-sidebar-content { padding: 12px 16px; width: auto !important; margin: 0 !important; }
.sidebar dl { margin: 0; overflow: visible !important; }
.sidebar dt { padding: 9px 12px; border-radius: var(--r-sm); color: var(--sn-text); font-weight: 600; font-size: 13px; cursor: pointer; transition: all .15s; margin-bottom: 2px; list-style: none; background: transparent !important; border-bottom: none !important; height: auto !important; line-height: 1.4 !important; }
.sidebar dt:hover { background: var(--cream); color: var(--orange); }
.sidebar dt.current { background: var(--orange) !important; color: #fff !important; }
.sidebar dt.current i { color: #fff !important; background: transparent !important; }
.sidebar dt i { font-style: normal; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; transition: transform .2s; color: var(--orange) !important; background: var(--cream) !important; border-radius: 50%; width: 18px !important; height: 18px !important; text-align: center; line-height: 1 !important; font-size: 10px !important; position: relative; }
.sidebar dt i.down::before { content: "\e67f"; font-family: iconfont; font-size: 10px; }
.sidebar dt i.right::before { content: "\e681"; font-family: iconfont; font-size: 10px; }
.sidebar dt i.down { transform: rotate(90deg); }
.sidebar dd { padding: 4px 0 8px 18px; margin-bottom: 0 !important; }
.sidebar dd li { padding: 6px 10px; border-radius: var(--r-sm); font-size: 13px; color: var(--sn-text-sub); list-style: none; }
.sidebar dd li:hover { background: var(--cream); color: var(--orange); cursor: pointer; }
.sidebar dd li.current { background: var(--cream); color: var(--orange); font-weight: 600; }
.sidebar dd li i { margin-right: 6px; }
.sidebar .content ul { padding: 0; margin: 0; }
.sidebar .content ul li { padding: 6px 0; font-size: 13px; color: var(--sn-text-sub); border-bottom: 1px dashed var(--sn-border); list-style: none; }
.sidebar .content ul li:last-child { border-bottom: none; }

/* 右侧步骤条 - 完全重写以覆盖 seller_joinin.css 的旧样式 */
.snack-joinin-right,
.right-layout { min-width: 0; }
.snack-joinin-step,
.joinin-step { background: #fff !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-sm) !important; padding: 24px 20px !important; margin-bottom: 16px !important; }
.joinin-step ul {
  display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important;
  list-style: none !important; padding: 0 !important; margin: 0 !important; position: relative !important;
  width: 100% !important; height: auto !important; min-height: 80px !important;
  font-size: 0 !important; letter-spacing: 0 !important; word-spacing: 0 !important;
}
.joinin-step ul::before {
  content: '' !important; position: absolute !important;
  top: 18px !important; left: 32px !important; right: 32px !important;
  height: 3px !important; background: var(--sn-border) !important;
  z-index: 0 !important; border-radius: 2px !important;
}
.joinin-step li {
  flex: 1 !important; position: relative !important; text-align: center !important;
  list-style: none !important; z-index: 1 !important;
  display: flex !important; flex-direction: column !important; align-items: center !important;
  width: auto !important; height: auto !important;
  margin: 0 !important; padding: 0 !important;
  font-size: 13px !important; letter-spacing: normal !important; word-spacing: normal !important;
}
.joinin-step li::after {
  display: none !important;
}
.joinin-step li::before {
  content: '' !important; display: flex !important; align-items: center !important; justify-content: center !important;
  width: 36px !important; height: 36px !important; margin: 0 auto 10px !important;
  background: #fff !important; border: 3px solid var(--sn-border) !important;
  border-radius: 50% !important; line-height: 1 !important; text-align: center !important;
  font-weight: 800 !important; font-size: 14px !important;
  color: var(--sn-text-light) !important; position: relative !important; z-index: 2 !important;
  transition: all .3s !important;
}
.joinin-step li:nth-child(1)::before { content: '1' !important; }
.joinin-step li:nth-child(2)::before { content: '2' !important; }
.joinin-step li:nth-child(3)::before { content: '3' !important; }
.joinin-step li:nth-child(4)::before { content: '4' !important; }
.joinin-step li:nth-child(5)::before { content: '5' !important; }
.joinin-step li:nth-child(6)::before { content: '6' !important; }
.joinin-step li.current::before {
  background: var(--orange) !important; border-color: var(--orange) !important;
  color: #fff !important; box-shadow: 0 0 0 6px rgba(247,122,29,.12) !important;
}
.joinin-step li.current span { color: var(--orange) !important; font-weight: 700 !important; }
.joinin-step li span {
  color: var(--sn-text-light) !important; font-size: 13px !important;
  position: static !important; display: block !important;
  margin: 0 !important; padding: 0 !important;
  width: auto !important; height: auto !important;
  line-height: 1.4 !important; text-align: center !important;
  word-break: break-all !important; white-space: normal !important;
  max-width: 100% !important;
}
.joinin-step li.step1,
.joinin-step li.step6 {
  width: auto !important; flex: 1 !important;
}

/* 右侧具体内容卡 */
.snack-joinin-body,
.joinin-concrete { background: #fff !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow-sm) !important; padding: 24px 28px !important; }
.joinin-concrete .title { padding: 12px 0 12px 14px; border-left: 4px solid var(--orange); margin-bottom: 16px; background: none; }
.joinin-concrete .title h3 { font-size: 17px; font-weight: 800; color: var(--sn-text); margin: 0; }

/* 表单表格样式修复 */
.joinin-concrete table.all { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; margin-top: 16px !important; line-height: 1.6 !important; color: var(--sn-text) !important; }
.joinin-concrete table.all thead th {
  background: linear-gradient(135deg, var(--cream), #fff) !important;
  font-size: 14px !important; font-weight: 700 !important; color: var(--sn-text) !important;
  padding: 12px 16px !important; text-align: left !important;
  border-bottom: 2px solid var(--orange) !important;
}
.joinin-concrete table.all thead th em { color: #F00 !important; margin-left: 8px !important; font-style: normal !important; }
.joinin-concrete table.all tbody th {
  vertical-align: top !important; text-align: right !important;
  width: 160px !important; padding: 12px 16px !important;
  font-size: 13px !important; font-weight: 600 !important; color: var(--sn-text) !important;
  background: var(--sn-bg) !important; border-right: 1px solid var(--sn-border) !important;
  border-bottom: 1px solid var(--sn-border) !important;
}
.joinin-concrete table.all tbody th i {
  font-size: 12px !important; color: #F00 !important; line-height: 1 !important;
  display: inline-block !important; width: auto !important; height: auto !important;
  margin-right: 4px !important; overflow: visible !important;
}
.joinin-concrete table.all tbody td {
  vertical-align: top !important; text-align: left !important;
  padding: 12px 16px !important; border-bottom: 1px solid var(--sn-border) !important;
  font-size: 13px !important;
}
.joinin-concrete table.all tbody td span {
  display: block !important; color: var(--sn-text-sub) !important;
  margin-top: 8px !important; clear: both !important;
}
.joinin-concrete table.all tbody td span.block { display: block !important; }
.joinin-concrete table.all tbody td p.emphasis { color: #F30 !important; }
.joinin-concrete table.all tfoot td { padding: 12px 16px !important; }

/* 表单输入框修复 */
.joinin-concrete table.all input[type="text"],
.joinin-concrete table.all input[type="password"],
.joinin-concrete table.all input[type="file"],
.joinin-concrete table.all select,
.joinin-concrete table.all textarea {
  border: 1.5px solid var(--sn-border) !important; border-radius: var(--r-sm) !important;
  padding: 8px 12px !important; height: auto !important; min-height: 36px !important;
  font-size: 13px !important; line-height: 1.4 !important; background: #fff !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.joinin-concrete table.all input[type="text"]:focus,
.joinin-concrete table.all input[type="password"]:focus,
.joinin-concrete table.all select:focus,
.joinin-concrete table.all textarea:focus {
  border-color: var(--orange) !important; outline: none !important;
  box-shadow: 0 0 0 3px rgba(247,122,29,.12) !important;
}
.joinin-concrete table.all input.w200 { width: 200px !important; }
.joinin-concrete table.all input.w100 { width: 100px !important; }
.joinin-concrete table.all input.w50 { width: 50px !important; }
.joinin-concrete table.all input.w90 { width: 90px !important; }
.joinin-concrete table.all textarea.w200 { width: 100% !important; min-height: 80px !important; }

.joinin-concrete input[type="text"],
.joinin-concrete input[type="password"],
.joinin-concrete select,
.joinin-concrete textarea { border: 1.5px solid var(--sn-border) !important; border-radius: var(--r-sm) !important; padding: 8px 12px; transition: border-color .2s; }
.joinin-concrete input:focus,
.joinin-concrete select:focus,
.joinin-concrete textarea:focus { border-color: var(--orange) !important; outline: none; }
.joinin-concrete .alert { background: linear-gradient(135deg, var(--cream), #fff); padding: 16px 20px; border-radius: var(--r); margin-bottom: 20px; border-left: 4px solid var(--orange); }
.joinin-concrete .alert h4 { color: var(--orange); font-size: 14px; margin: 0 0 8px 0; font-weight: 700; }
.joinin-concrete .btn,
.joinin-concrete .btn-submit { background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; color: #fff !important; border: none !important; border-radius: var(--r-full) !important; padding: 10px 28px !important; font-weight: 700 !important; cursor: pointer; transition: all .2s; box-shadow: var(--shadow-sm); }
.joinin-concrete .btn:hover,
.joinin-concrete .btn-submit:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.joinin-concrete .bottom { padding: 20px 0; border-top: 1px solid var(--sn-border); margin-top: 20px; display: flex; gap: 14px; }
.apply-agreement-content { border: 1.5px solid var(--sn-border); border-radius: var(--r); padding: 20px; height: 320px; overflow-y: auto; background: var(--sn-bg); line-height: 1.8; color: var(--sn-text-sub); }
.apple-agreement { padding: 16px 0; }
.apple-agreement input[type="checkbox"] { accent-color: var(--orange); width: 16px; height: 16px; vertical-align: middle; margin-right: 8px; }
.joinin-pay table { width: 100%; border-collapse: collapse; }
.joinin-pay thead th { background: var(--cream); padding: 12px 16px; color: var(--sn-text); font-weight: 700; text-align: left; border-bottom: 2px solid var(--orange); }
.joinin-pay tbody td { padding: 12px 16px; border-bottom: 1px solid var(--sn-border); color: var(--sn-text-sub); }

/* 入驻首页banner */
.join_banner { border-radius: var(--r-lg); overflow: hidden; margin-top: 0; box-shadow: var(--shadow); }
.join_content { margin-top: 24px; }
.join_content > div { background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow-sm); padding: 24px 28px; margin-bottom: 16px; }
.join_content .title { padding-left: 14px; border-left: 4px solid var(--orange); margin-bottom: 16px; }
.join_content .title h3 { font-size: 18px; font-weight: 800; color: var(--sn-text); margin: 0; }
.join_content .jion_btn a { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border-radius: var(--r-full); padding: 12px 32px; font-weight: 700; box-shadow: var(--shadow-sm); transition: all .2s; display: inline-block; }
.join_content .jion_btn a:hover { transform: translateY(-2px); box-shadow: var(--shadow); }

@media (max-width: 1024px) {
    .snack-joinin-main, .main { grid-template-columns: 1fr; }
    .joinin-step ul { flex-wrap: wrap; gap: 10px; }
    .joinin-step ul::before { display: none; }
    .joinin-step li { flex: 1 1 calc(33.33% - 10px); }
}
@media (max-width: 640px) {
    .joinin-step li { flex: 1 1 calc(50% - 10px); }
}

/* ============================================================
   商家中心 (Seller Center) 橙黄化：公共布局+首页
   ============================================================ */
/* 公共布局：seller_main / seller_right / seller_items */
.seller_main { display: grid; grid-template-columns: auto auto 1fr; min-height: calc(100vh - 0px); background: var(--sn-bg); }
.seller_right { min-width: 0; background: var(--sn-bg); }
.seller_right .seller_items {
    background: #fff; border-bottom: 2px solid var(--sn-border); padding: 0 20px;
    display: flex; align-items: center; height: 80px;
    box-sizing: border-box !important; margin-bottom: 0 !important;
}
.seller_right .seller_items ul {
    display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;
    float: none !important; height: auto !important; line-height: normal !important;
}
.seller_right .seller_items > a {
    float: none !important;
    margin: 0 !important;
    display: inline-block;
    margin-left: auto;
}
.seller_right .seller_items li { list-style: none; }
.seller_right .seller_items li a { display: block; padding: 14px 20px; color: var(--sn-text-sub); font-weight: 500; font-size: 14px; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: all .2s; }
.seller_right .seller_items li a:hover { color: var(--orange); }
.seller_right .seller_items li.current a { color: var(--orange); border-bottom-color: var(--orange); font-weight: 700; }
.seller_right > div:last-child { padding: 20px; }
.seller_right .alert { background: linear-gradient(135deg, var(--cream), #fff); padding: 16px 20px; border-radius: var(--r); border-left: 4px solid var(--orange); margin: 0; }

/* 侧栏主导航（文字导航：logo + 文字菜单 + 退出） */
.snack-seller-rail, .seller_left_1 { width: 139px; background: linear-gradient(180deg, var(--orange) 0%, var(--orange-light) 100%) !important; display: flex; flex-direction: column; align-items: stretch; padding: 0; box-shadow: 4px 0 16px rgba(247,122,29,.18); position: relative; z-index: 5; }
.snack-seller-logo, .seller_left_1 .logo { padding: 20px 0 16px; width: 65%; display: flex; justify-content: center; border-bottom: 1px solid rgba(255,255,255,.18); }
.snack-seller-logo img { height: 40px; max-width: 80px; object-fit: contain; }
.snack-seller-menu, .seller_left_1 .sidebar { flex: 1; width: 100%; padding: 10px 0; }
.snack-seller-menu a, .seller_left_1 .sidebar a { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 12px 16px; color: #1a1a1a !important; font-size: 14px; text-align: left; transition: all .2s; border-left: 3px solid transparent; margin: 2px 0; white-space: nowrap; }
.snack-seller-menu a i, .seller_left_1 .sidebar a i { font-size: 20px; margin-right: 10px; display: inline-flex; width: 24px; justify-content: center; color: #1a1a1a !important; }
.snack-seller-menu a:hover, .seller_left_1 .sidebar a:hover { background: rgba(0,0,0,.15); color: #fff !important; }
.snack-seller-menu a:hover i, .seller_left_1 .sidebar a:hover i { color: #fff !important; }
.snack-seller-menu a.active, .seller_left_1 .sidebar a.active { background: #fff !important; color: var(--orange) !important; border-left-color: #fff; font-weight: 700; }
.snack-seller-menu a.active i, .seller_left_1 .sidebar a.active i { color: var(--orange) !important; }
.snack-seller-logout, .seller_left_1 .mb { padding: 16px 0 20px; width: 100%; border-top: 1px solid rgba(255,255,255,.18); display: flex; justify-content: center; }
.snack-seller-logout a { color: #fff !important; font-size: 14px; padding: 8px 18px; border: 1.5px solid rgba(255,255,255,.55); border-radius: var(--r-full); transition: all .2s; }
.snack-seller-logout a:hover { background: #fff; color: var(--orange) !important; border-color: #fff; }

/* 侧栏子菜单（宽条：当前模块标题 + 子菜单列表） */
.snack-seller-subrail, .seller_left_2 { width: 180px; background: #fff !important; border-right: 1px solid var(--sn-border); display: flex; flex-direction: column; }
.snack-seller-subtitle, .seller_left_2 .mt { padding: 18px 20px; border-bottom: 1px solid var(--sn-border); font-size: 14px; font-weight: 700; color: var(--sn-text); background: linear-gradient(135deg, var(--cream), #fff); }
.snack-seller-submenu, .seller_left_2 .mc { padding: 12px 10px; flex: 1; overflow-y: auto; }
.snack-seller-submenu a, .seller_left_2 .mc a { display: block; padding: 9px 14px; border-radius: var(--r-sm); color: var(--sn-text-sub); font-size: 13px; transition: all .15s; margin-bottom: 3px; }
.snack-seller-submenu a:hover, .seller_left_2 .mc a:hover { background: var(--cream); color: var(--orange); }
.snack-seller-submenu a.active, .seller_left_2 .mc a.active { background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; color: #fff !important; font-weight: 600; box-shadow: var(--shadow-sm); }

/* 商家中心首页整体容器 */
.snack-seller-index { max-width: 100%; }

/* ===== 商家中心布局修复补丁（纠正 grid 列数/侧栏塌缩/残留 margin/浮动/固定定位/新旧类冲突）===== */

/* [骨架1] .seller_main 只有 2 个直接子元素；原 auto auto 1fr 让 .seller_right 落在 col2、col3 留空 */
.seller_main { grid-template-columns: 320px 1fr !important; }

/* [骨架2] .seller_left 无显式宽度→塌缩到 left_1 的 80px；做成 320px flex 容器并排放 left_1(140)+left_2(180) */
.seller_left, .snack-seller-left {
    display: flex; flex-direction: row; align-items: stretch;
    width: 320px; min-width: 0;
}
/* [骨架2] seller.css 的 position:fixed;left:100px 未被 snack 覆盖 → left_2 脱离 .seller_left */
.snack-seller-subrail, .seller_left_2 {
    position: relative !important; left: auto !important; top: auto !important;
}
/* [骨架4] seller.css 的 .seller_left_1 .mb{position:fixed;left:0;bottom:0;width:100px} → 退出栏脱离侧栏，改 in-flow */
.snack-seller-logout, .seller_left_1 .mb {
    position: relative !important; left: auto !important; bottom: auto !important;
    width: 100%;
}

/* [骨架3] 清掉 seller.css 残留的 margin-left:220px（grid 下产生双偏移/溢出） */
.seller_right {
    margin: 0 !important; margin-left: 0 !important;
    min-width: 0 !important; width: 100% !important; height: auto;
    display: block; /* 确保作为 grid item 时，内部子元素能正确流动 */
}
/* [修复] .w1200 页面（非 base_seller 布局）：恢复 fixed 侧栏 + margin-left 的原始布局，
   避免 float 与 position:fixed 冲突导致排版混乱
   同时增大内容区宽度，使用响应式设计 */
.seller_main.w1200 {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
}
.seller_main.w1200 > .seller_left {
    float: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: visible !important;
}
.seller_main.w1200 > .seller_left .seller_left_1 {
    position: fixed !important; left: 0 !important; top: 0 !important;
    height: 100vh !important; z-index: 100 !important;
}
.seller_main.w1200 > .seller_left .seller_left_1 .mb {
    position: absolute !important; left: 0 !important; bottom: 0 !important;
    width: 100% !important;
}
.seller_main.w1200 > .seller_left .seller_left_2 {
    position: fixed !important; left: 140px !important; top: 0 !important;
    height: 100vh !important; z-index: 100 !important;
}
.seller_main.w1200 > .seller_right {
    float: none !important;
    margin-left: 320px !important;
    width: calc(100% - 320px) !important;
    min-width: 0 !important;
}

/* [首页6] .dssc-index{margin:-20px} 抵消父级 padding，顶卡顶到 items 底边 */
.snack-seller-index { margin: 0 !important; }
/* [首页7] .dssc-index .top-container{height:120px;overflow:hidden} 裁切顶卡 */
.snack-seller-topcard { height: auto !important; overflow: visible !important; border-bottom: none; }
/* [首页8] .dssc-seller-info{width:920px;height:80px;float:left} 破坏 grid */
.snack-seller-profile { width: auto !important; height: auto !important; float: none !important; }
.snack-seller-info-wrap { margin: 0 !important; overflow: visible !important; }
/* [首页9] .dssc-index .container{width:480px;height:180px;display:inline-block} 击败卡片网格 */
.snack-seller-cards .snack-card {
    width: auto !important; height: auto !important;
    border: none !important; padding: 0 !important;
}
/* [首页10] .dssc-index .container .hd{background:#4b66e6;height:40px} 特异性高→表头变蓝，恢复奶油渐变 */
.snack-seller-cards .snack-card .snack-card-hd {
    background: linear-gradient(135deg, var(--cream), #fff) !important;
    height: auto !important;
}
/* [首页11] .dssc-index .detail-rate 残留右内边距与虚线边 */
.snack-seller-rate {
    padding: 16px 18px !important; margin-top: 0 !important; border-left: none !important;
}

/* [768 修复] 本补丁给 .seller_left 设了 width:260px；移动端需改纵向全宽，否则撑破单列 grid */
@media (max-width: 768px) {
    .seller_left, .snack-seller-left { width: 100%; flex-direction: column; }
}

/* 顶部店铺信息卡片 */
.snack-seller-topcard { background: linear-gradient(135deg, var(--orange) 0%, var(--orange-light) 100%); border-radius: 0 0 var(--r-lg) var(--r-lg); padding: 24px 28px; color: #fff; margin-bottom: 20px; }
.snack-seller-info-wrap { display: grid; grid-template-columns: 1fr 340px; gap: 24px; align-items: start; }
.snack-seller-profile { display: grid; grid-template-columns: 96px 1fr; gap: 20px; align-items: start; margin: 0; }
.snack-seller-avatar a { display: block; }
.snack-seller-avatar img { width: 96px; height: 96px; border-radius: 20px; object-fit: cover; border: 4px solid rgba(255,255,255,.3); box-shadow: 0 4px 14px rgba(0,0,0,.15); }
.snack-seller-name h3 { font-size: 22px; font-weight: 800; margin: 0 0 10px; color: #fff; }
.snack-seller-profile dd { font-size: 13px; padding: 3px 0; color: rgba(255,255,255,.92); line-height: 1.6; }
.snack-seller-profile dd strong { color: #fff; font-weight: 600; }
.snack-seller-profile dd a { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.5); }

/* 店铺动态评分 */
.snack-seller-rate { background: rgba(255,255,255,.16); border-radius: var(--r-lg); padding: 16px 18px; backdrop-filter: blur(8px); }
.snack-seller-rate h5 { font-size: 14px; margin: 0 0 12px; color: #fff; }
.snack-seller-rate ul { padding: 0; margin: 0; }
.snack-seller-rate li { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.92); font-size: 13px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.snack-seller-rate li:last-child { border-bottom: none; }
.snack-seller-rate .credit { color: #fff; font-weight: 700; margin-left: 6px; }

/* 卡片网格 */
.snack-seller-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.snack-seller-cards .snack-card:nth-child(5),
.snack-seller-cards .snack-card:nth-child(6) { grid-column: span 1; }
.snack-card { background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow-sm); overflow: hidden; transition: all .3s; }
.snack-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.snack-card-hd { padding: 14px 20px; border-left: 4px solid var(--orange); background: linear-gradient(135deg, var(--cream), #fff); display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--sn-border); }
.snack-card-hd i { font-size: 18px; color: var(--orange); margin-right: 4px; }
.snack-card-hd h3 { font-size: 15px; font-weight: 800; color: var(--sn-text); margin: 0; }
.snack-card-hd h5 { font-size: 12px; color: var(--sn-text-light); margin: 0 0 0 auto; }
.snack-card-bd { padding: 16px 20px 20px; }
.snack-card-bd .focus { display: grid; grid-template-columns: 120px 1fr; gap: 0 20px; padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px dashed var(--sn-border); }
.snack-card-bd .focus dt { color: var(--sn-text-sub); font-size: 13px; padding: 8px 0; font-weight: 600; }
.snack-card-bd .focus dd { color: var(--sn-text); font-size: 13px; padding: 8px 0; }
.snack-card-bd ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.snack-card-bd ul li { list-style: none; }
.snack-card-bd ul li a { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: var(--sn-bg); border-radius: var(--r); color: var(--sn-text); font-size: 13px; transition: all .15s; }
.snack-card-bd ul li a:hover { background: var(--cream); color: var(--orange); transform: translateX(2px); }
.snack-card-bd ul li a.num { background: linear-gradient(135deg, rgba(247,122,29,.08), var(--cream)); color: var(--orange); font-weight: 600; }
.snack-card-bd ul li a strong { background: var(--orange); color: #fff; padding: 1px 9px; border-radius: var(--r-full); font-size: 12px; margin-left: 6px; min-width: 26px; text-align: center; }
.snack-card-bd ul li a.num strong { background: #fff; color: var(--orange); box-shadow: var(--shadow-sm); font-weight: 800; }

/* 商家帮助卡 */
.snack-card-b .snack-card-bd ul { grid-template-columns: 1fr; }
.snack-card-b .snack-card-bd ul li a { background: transparent; padding: 7px 0; border-radius: 0; border-bottom: 1px dashed var(--sn-border); }
.snack-card-b .snack-card-bd ul li a:hover { background: transparent; color: var(--orange); transform: none; border-color: var(--orange); }
.snack-card-b .snack-card-bd ul li i { color: var(--orange); margin-right: 6px; }
.snack-card-b .snack-card-bd dl { padding-top: 16px; margin-top: 4px; border-top: 2px solid var(--sn-border); }
.snack-card-b .snack-card-bd dt { color: var(--sn-text); font-weight: 700; font-size: 14px; margin-bottom: 8px; padding-left: 12px; border-left: 3px solid var(--orange); }
.snack-card-b .snack-card-bd dd { color: var(--sn-text-sub); font-size: 13px; padding: 4px 0; }

/* 统计表 */
.snack-table { width: 100%; border-collapse: collapse; }
.snack-table thead th { background: var(--cream); color: var(--sn-text); font-weight: 700; text-align: left; padding: 11px 14px; border-bottom: 2px solid var(--orange); font-size: 13px; }
.snack-table tbody td { padding: 11px 14px; color: var(--sn-text-sub); font-size: 13px; border-bottom: 1px solid var(--sn-border); }
.snack-table tbody tr.bd-line:hover td { background: var(--cream); }
.snack-table .pic-thumb img { width: 48px; height: 48px; border-radius: var(--r-sm); object-fit: cover; }
.snack-table .goods-name dt a { color: var(--sn-text); font-size: 13px; }
.snack-table .goods-name dt a:hover { color: var(--orange); }
.snack-table tbody tr:nth-child(1) td:nth-child(1) strong { background: var(--orange); color: #fff; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--r-full); box-shadow: 0 0 0 4px rgba(247,122,29,.15); }
.snack-table tbody tr:nth-child(2) td:nth-child(1) strong { background: linear-gradient(135deg, #ffb347, var(--orange-light)); color: #fff; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--r-full); }
.snack-table tbody tr:nth-child(3) td:nth-child(1) strong { background: linear-gradient(135deg, var(--sn-border), #b8c4cc); color: #fff; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--r-full); }

/* 营销工具卡 */
.snack-card-d .snack-card-bd { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.snack-card-d .snack-card-bd dl { border-radius: var(--r); padding: 14px 16px; position: relative; overflow: hidden; margin: 0; transition: all .25s; }
.snack-card-d .snack-card-bd dl:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.snack-card-d .snack-card-bd dl.bg-green10 { background: linear-gradient(135deg, #ecfdf5, #d1fae5); }
.snack-card-d .snack-card-bd dl.bg-pink3 { background: linear-gradient(135deg, #fdf2f8, #fce7f3); }
.snack-card-d .snack-card-bd dl.bg-red2 { background: linear-gradient(135deg, #fef2f2, #fee2e2); }
.snack-card-d .snack-card-bd dl.bg-yellow4 { background: linear-gradient(135deg, var(--cream), #fef3c7); }
.snack-card-d .snack-card-bd dl.bg-purple3 { background: linear-gradient(135deg, #faf5ff, #f3e8ff); }
.snack-card-d .snack-card-bd dl.bg-orange5 { background: linear-gradient(135deg, var(--cream), #ffedd5); }
.snack-card-d .left-icon { position: absolute; top: 14px; right: 14px; opacity: .7; }
.snack-card-d .left-icon i { font-size: 42px; color: var(--sn-text-light); }
.snack-card-d .right-info { padding-right: 56px; }
.snack-card-d .p-name { font-size: 15px; font-weight: 800; color: var(--sn-text); margin: 0 0 4px; }
.snack-card-d .p-name a { color: var(--sn-text); }
.snack-card-d .p-name a:hover { color: var(--orange); }
.snack-card-d .p-name em { background: var(--orange); color: #fff; padding: 2px 10px; border-radius: var(--r-full); font-style: normal; font-size: 11px; margin-left: 6px; font-weight: 600; vertical-align: middle; }
.snack-card-d .p-info { color: var(--sn-text-sub); font-size: 12px; margin: 0; }
.snack-card-d .p-point { margin-top: 6px; font-size: 11px; color: var(--sn-text-light); background: rgba(255,255,255,.6); border-radius: var(--r-sm); padding: 4px 10px; display: inline-block; }

@media (max-width: 1100px) {
    .snack-seller-info-wrap { grid-template-columns: 1fr; }
    .snack-seller-cards { grid-template-columns: 1fr; }
    .snack-card-d .snack-card-bd { grid-template-columns: 1fr; }
    .snack-card-bd ul { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .seller_main { grid-template-columns: 1fr; }
    .snack-seller-rail, .seller_left_1 { width: 100%; flex-direction: row; overflow-x: auto; }
    .snack-seller-menu, .seller_left_1 .sidebar { display: flex; flex-direction: row; }
    .snack-seller-menu a, .seller_left_1 .sidebar a { min-width: auto; padding: 10px 14px; border-left: none; border-top: 3px solid transparent; border-bottom: 3px solid transparent; font-size: 13px; white-space: nowrap; }
    .snack-seller-menu a i, .seller_left_1 .sidebar a i { margin-right: 6px; font-size: 18px; }
    .snack-seller-menu a.active { border-left: none; border-bottom-color: #fff; }
    .snack-seller-subrail, .seller_left_2 { width: 100%; border-right: none; border-bottom: 1px solid var(--sn-border); }
    .snack-seller-submenu, .seller_left_2 .mc { display: flex; flex-wrap: wrap; padding: 10px; }
    .snack-seller-submenu a { margin: 3px; }
    .snack-seller-profile { grid-template-columns: 1fr; }
}

/* ============================================================
   商家中心 (Seller Center) 橙黄化：商品管理 - 搜索表单
   ============================================================ */
.search-form { background: #fff; border-radius: var(--r-lg); padding: 16px 20px; margin-bottom: 16px; box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); }
.search-form table { width: 100%; border-collapse: collapse; }
.search-form th { color: var(--sn-text); font-weight: 600; padding: 8px 10px; text-align: right; font-size: 13px; white-space: nowrap; }
.search-form td { padding: 8px 10px; }
.search-form td.tc { text-align: center; }
.search-form .text,
.search-form select,
.search-form input[type="text"] { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 7px 12px; font-size: 13px; transition: all .2s; background: #fff; }
.search-form .text:focus,
.search-form select:focus,
.search-form input[type="text"]:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
.search-form .submit { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border: none; border-radius: var(--r-sm); padding: 7px 22px; font-weight: 700; cursor: pointer; transition: all .2s; font-size: 13px; }
.search-form .submit:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.search-form .w150 { width: 150px; }
.search-form .w160 { width: 160px; }
.search-form .w70 { width: 70px; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：商品管理 - 通用表格列表
   ============================================================ */
.dssc-default-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: var(--r-lg); overflow: hidden; box-shadow: var(--shadow-sm); margin-bottom: 16px; border: 1px solid var(--sn-border); }
.dssc-default-table thead th { background: linear-gradient(135deg, var(--cream), #fff); color: var(--sn-text); font-weight: 700; text-align: left; padding: 12px 16px; border-bottom: 2px solid var(--orange); font-size: 13px; }
.dssc-default-table thead th.tc { text-align: center; }
.dssc-default-table thead th.w30 { width: 30px; }
.dssc-default-table thead th.w50 { width: 50px; }
.dssc-default-table thead th.w60 { width: 60px; }
.dssc-default-table thead th.w100 { width: 100px; }
.dssc-default-table thead th.w120 { width: 120px; }
.dssc-default-table thead th.w150 { width: 150px; }
.dssc-default-table thead th.w180 { width: 180px; }
.dssc-default-table tbody td { padding: 12px 16px; color: var(--sn-text-sub); border-bottom: 1px solid var(--sn-border); font-size: 13px; vertical-align: middle; }
.dssc-default-table tbody td.tc,
.dssc-default-table tbody th.tc { text-align: center; }
.dssc-default-table tbody td.tl { text-align: left; }
.dssc-default-table tbody tr:hover td { background: var(--cream); }
.dssc-default-table tbody tr:last-child td { border-bottom: none; }
.dssc-default-table .checkall,
.dssc-default-table .checkitem { width: 16px; height: 16px; accent-color: var(--orange); cursor: pointer; vertical-align: middle; }
.dssc-default-table tbody th { padding: 8px 16px; background: linear-gradient(135deg, #FFFBF0, #fff); border-bottom: 1px dashed var(--sn-border); font-weight: 600; color: var(--sn-text); font-size: 12px; }
.dssc-default-table .norecord { padding: 40px 20px !important; }
.dssc-default-table .warning-option { text-align: center; color: var(--sn-text-sub); font-size: 14px; }
.dssc-default-table .warning-option i { color: var(--orange); font-size: 28px; display: block; margin-bottom: 8px; }
.dssc-default-table tfoot th { padding: 12px 16px; background: var(--cream); border-top: 2px solid var(--orange); font-size: 13px; }
.dssc-default-table tfoot th.tc { text-align: center; }

/* 表格内：批量操作按钮条 */
.dssc-btn-mini { display: inline-block; padding: 4px 12px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border-radius: var(--r-sm); font-size: 12px; font-weight: 600; margin-right: 6px; transition: all .15s; border: none; cursor: pointer; line-height: 1.6; vertical-align: middle; }
.dssc-btn-mini:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); color: #fff; }
.dssc-btn-mini i { margin-right: 3px; }
.dssc-btn-mini.dssc-btn-red { background: linear-gradient(135deg, #E53935, #FF5722); }
.dssc-btn { display: inline-block; padding: 6px 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border-radius: var(--r-sm); font-size: 13px; font-weight: 600; transition: all .2s; cursor: pointer; border: none; }
.dssc-btn:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); color: #fff; }
.dssc-btn-green { background: linear-gradient(135deg, #43A047, #66BB6A); }
.dssc-btn.dssc-btn-green { background: linear-gradient(135deg, #43A047, #66BB6A); }
.dssc-btn i { margin-right: 4px; }
.dssc-btn.ml5 { margin-left: 5px; }

/* 商品缩略图列 */
.dssc-default-table .pic-thumb { width: 60px; height: 60px; border-radius: var(--r-sm); overflow: hidden; border: 1px solid var(--sn-border); background: var(--sn-bg); }
.dssc-default-table .pic-thumb a { display: block; width: 100%; height: 100%; }
.dssc-default-table .pic-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* 商品名称列 */
.dssc-default-table .goods-name { margin: 0; padding: 0; }
.dssc-default-table .goods-name dt { margin: 0 0 6px 0; line-height: 1.5; }
.dssc-default-table .goods-name dt a { color: var(--sn-text); font-weight: 600; transition: color .15s; }
.dssc-default-table .goods-name dt a:hover { color: var(--orange); }
.dssc-default-table .goods-name dd { margin: 0 0 4px 0; font-size: 12px; color: var(--sn-text-sub); line-height: 1.5; }
.dssc-default-table .goods-name .serve { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.dssc-default-table .goods-name .serve span { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; background: var(--cream); border-radius: var(--r-full); font-size: 11px; color: var(--sn-text-sub); cursor: pointer; position: relative; transition: all .15s; }
.dssc-default-table .goods-name .serve span.open { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; }
.dssc-default-table .goods-name .serve span.open i { color: #fff; }
.dssc-default-table .goods-name .serve span i { color: var(--orange); }
.dssc-default-table .goods-name .serve .commend { font-style: normal; }
.dssc-default-table .type-virtual,
.dssc-default-table .type-fcode,
.dssc-default-table .type-presell,
.dssc-default-table .type-appoint { display: inline-block; padding: 2px 8px; border-radius: var(--r-full); font-size: 11px; font-weight: 600; margin-right: 6px; vertical-align: middle; }
.dssc-default-table .type-virtual { background: linear-gradient(135deg, #7E57C2, #9575CD); color: #fff; }
.dssc-default-table .type-fcode { background: linear-gradient(135deg, #00897B, #26A69A); color: #fff; }
.dssc-default-table .type-presell { background: linear-gradient(135deg, #FB8C00, #FFA726); color: #fff; }
.dssc-default-table .type-appoint { background: linear-gradient(135deg, #1E88E5, #42A5F5); color: #fff; }

/* 二维码弹层 */
.QRcode { position: absolute; z-index: 50; background: #fff; border: 1px solid var(--sn-border); border-radius: var(--r); padding: 10px; box-shadow: var(--shadow); display: none; }
.QRcode p { margin: 6px 0 0 0; }
.QRcode p img { width: 120px; height: 120px; display: block; }

/* 操作列按钮组 */
.dscs-table-handle { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: flex-start; }
.dscs-table-handle span { position: relative; }
.dscs-table-handle .btn-blue,
.dscs-table-handle .btn-red,
.dscs-table-handle .btn-orange-current { display: inline-flex; align-items: center; flex-direction: column; padding: 5px 10px; border-radius: var(--r-sm); font-size: 12px; transition: all .15s; cursor: pointer; gap: 2px; line-height: 1.3; text-align: center; }
.dscs-table-handle .btn-blue { background: linear-gradient(135deg, #1E88E5, #42A5F5); color: #fff; }
.dscs-table-handle .btn-blue:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); color: #fff; }
.dscs-table-handle .btn-red { background: linear-gradient(135deg, #E53935, #FF5722); color: #fff; }
.dscs-table-handle .btn-red:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); color: #fff; }
.dscs-table-handle .btn-orange-current { background: linear-gradient(135deg, #757575, #9E9E9E); color: #fff; cursor: not-allowed; }
.dscs-table-handle .btn-blue i,
.dscs-table-handle .btn-red i,
.dscs-table-handle .btn-orange-current i { font-size: 16px; display: block; line-height: 1; }
.dscs-table-handle .btn-blue p,
.dscs-table-handle .btn-red p,
.dscs-table-handle .btn-orange-current p { margin: 0; }

/* 展开/折叠箭头 */
.trigger i { cursor: pointer; color: var(--orange); font-size: 16px; transition: transform .2s; display: inline-block; }
.trigger i:hover { transform: scale(1.2); }
.goods-time { color: var(--sn-text-sub); font-size: 12px; }

/* 添加分类子按钮 */
.add_ico_a { margin-left: 10px; display: inline-block; }
.add_ico_a .dssc-btn { background: linear-gradient(135deg, var(--orange-light), #FFCA28); color: var(--sn-dark); font-size: 12px; padding: 3px 10px; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：分页 + 规格容器 + alert
   ============================================================ */
.pagination { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0; justify-content: center; }
.pagination a,
.pagination span { display: inline-block; padding: 5px 12px; border-radius: var(--r-sm); border: 1px solid var(--sn-border); background: #fff; color: var(--sn-text-sub); font-size: 13px; transition: all .15s; }
.pagination a:hover { border-color: var(--orange); color: var(--orange); transform: translateY(-1px); }
.pagination span.current { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border-color: transparent; font-weight: 700; box-shadow: var(--shadow-sm); }
.pagination span.prev,
.pagination span.next { background: #fafafa; }

.dssc-goods-spec { background: #fff; border-radius: var(--r-lg); padding: 20px; box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); margin-bottom: 16px; }
.dssc-goods-spec .spec-tabmenu { margin-bottom: 16px; border-bottom: 2px solid var(--sn-border); padding-bottom: 0; }
.dssc-goods-spec .spec-tabmenu ul { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0 8px; list-style: none; }
.dssc-goods-spec .spec-tabmenu li { margin-bottom: -2px; }
.dssc-goods-spec .spec-tabmenu li a { display: block; padding: 8px 18px; border-radius: var(--r-sm) var(--r-sm) 0 0; font-size: 13px; color: var(--sn-text-sub); transition: all .15s; border: 2px solid transparent; border-bottom: none; }
.dssc-goods-spec .spec-tabmenu li a:hover { color: var(--orange); }
.dssc-goods-spec .spec-tabmenu li.selected a { background: var(--cream); color: var(--orange); border-color: var(--sn-border); border-bottom-color: var(--cream); font-weight: 700; }
.dssc-goods-spec .spec-iframe { min-height: 300px; }
.dssc-goods-spec .spec-iframe .norecord { padding: 40px 20px; }
.dssc-goods-spec .warning-option { text-align: center; color: var(--sn-text-sub); }
.dssc-goods-spec .warning-option i { color: var(--orange); font-size: 28px; display: block; margin-bottom: 8px; }

.seller_right .alert.mt15 { margin-top: 15px; }
.seller_right .alert.mb5 { margin-bottom: 5px; }
.seller_right .alert ul { margin: 8px 0 0 0; padding-left: 20px; }
.seller_right .alert ul li { padding: 3px 0; line-height: 1.6; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：商品添加步骤条 (step1~4)
   ============================================================ */
.add-goods-step { display: flex !important; list-style: none; margin: 0 !important; padding: 24px 20px; background: #fff; border-bottom: 2px solid var(--sn-border); gap: 0; position: relative; font-size: inherit !important; }
.add-goods-step li { flex: 1 !important; position: relative; display: flex !important; align-items: center; justify-content: center; padding: 16px 8px 16px 36px; width: auto !important; height: auto !important; }
.add-goods-step li:first-child { padding-left: 8px; }
.add-goods-step li .icon { width: 48px; height: 48px; border-radius: 50%; background: var(--cream); border: 2px solid var(--sn-border); display: flex !important; align-items: center; justify-content: center; color: var(--sn-text-sub); font-size: 22px; margin-right: 12px; flex-shrink: 0; transition: all .2s; z-index: 2; line-height: 48px !important; position: static !important; top: auto !important; left: auto !important; text-align: center !important; }
.add-goods-step li h6 { margin: 0 0 4px 0; font-size: 11px; color: var(--sn-text-sub); font-weight: 600; letter-spacing: 1px; position: static !important; top: auto !important; left: auto !important; line-height: 16px !important; }
.add-goods-step li h2 { margin: 0; font-size: 14px; color: var(--sn-text); font-weight: 700; white-space: nowrap; position: static !important; top: auto !important; left: auto !important; line-height: 20px !important; }
.add-goods-step li .arrow { position: absolute; right: -18px; top: 50%; transform: translateY(-50%); color: var(--sn-border); font-size: 36px; z-index: 1; line-height: 36px !important; text-align: center !important; width: auto !important; height: auto !important; }
.add-goods-step li:last-child .arrow { display: none; }
.add-goods-step li.current .icon { background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-color: transparent; color: #fff; box-shadow: 0 4px 12px rgba(255,106,0,.28); transform: scale(1.05); }
.add-goods-step li.current h6 { color: var(--orange); }
.add-goods-step li.current h2 { color: var(--sn-dark); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：商品添加步骤1 - 分类选择
   ============================================================ */
.wrapper_search { background: #fff; border-radius: var(--r-lg); padding: 24px; margin-bottom: 16px; box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); }
.wp_sort { position: relative; height: auto !important; min-height: 320px; padding: 0 !important; border: none !important; margin: 0 !important; background: transparent !important; }
.wp_data_loading { position: absolute; inset: 0; background: rgba(255,255,255,.85); display: none; z-index: 10; border-radius: var(--r); }
.wp_data_loading .data_loading { color: var(--orange); font-weight: 700; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sort_selector { margin-bottom: 20px; display: flex; align-items: center; gap: 12px; }
.sort_title { font-size: 14px; font-weight: 700; color: var(--sn-text); display: flex; align-items: center; gap: 10px; }
.sort_title .text { position: relative; min-width: 260px; width: auto !important; border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 8px 36px 8px 12px; background: var(--sn-bg); cursor: pointer; transition: all .2s; }
.sort_title .text:hover { border-color: var(--orange); }
.sort_title .text > div:first-child { color: var(--sn-text-sub); font-weight: 500; min-height: 20px; }
.sort_title .text .select_list { position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: #fff; border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); box-shadow: var(--shadow); max-height: 240px; overflow-y: auto; z-index: 20; display: none; padding: 6px; }
.sort_title .text:hover .select_list { display: block; }
.sort_title .text .select_list ul { margin: 0; padding: 0; list-style: none; }
.sort_title .text .select_list li { display: flex; align-items: center; justify-content: space-between; padding: 7px 10px; border-radius: var(--r-sm); font-size: 13px; color: var(--sn-text); transition: background .15s; }
.sort_title .text .select_list li:hover { background: var(--cream); }
.sort_title .text .select_list li .title { color: var(--sn-text-sub); }
.sort_title .text .select_list li a { color: #E53935; font-weight: 700; padding: 0 4px; }
.sort_title > .iconfont { color: var(--orange); font-size: 18px; }

.wp_sort_block { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 0 !important; border: 1.5px solid var(--sn-border); border-radius: var(--r); overflow: hidden; background: var(--sn-bg); margin: 15px 0 0 !important; }
.sort_list { background: #fff; min-height: 320px; max-height: 420px; overflow-y: auto; padding: 0 !important; border: none !important; }
.sort_list + .sort_list { border-left: 1px solid var(--sn-border); }
.wp_category_list { padding: 8px; }
.category_list ul { margin: 0; padding: 0; list-style: none; }
.category_list ul li { margin-bottom: 2px; }
.category_list ul li a { display: block; padding: 8px 12px; border-radius: var(--r-sm); color: var(--sn-text); font-size: 13px; transition: all .15s; display: flex; align-items: center; gap: 6px; }
.category_list ul li a:hover { background: var(--cream); color: var(--orange); }
.category_list ul li a i { color: var(--orange); }
.wp_category_list.blank { opacity: .6; }
.wp_category_list.blank ul { min-height: 300px; background: repeating-linear-gradient(135deg, transparent, transparent 16px, rgba(255,250,240,.6) 16px, rgba(255,250,240,.6) 32px); }

.wrapper_search .alert { margin-top: 20px; background: linear-gradient(135deg, var(--cream), #fff); border-radius: var(--r); padding: 14px 20px; border-left: 4px solid var(--orange); }
.wrapper_search .hover_tips_cont { margin: 0; }
.wrapper_search .hover_tips_cont dt { font-size: 13px; font-weight: 600; color: var(--sn-text); padding: 2px 0; }
.wrapper_search .hover_tips_cont dd { margin: 4px 0 0 0; font-size: 13px; color: var(--sn-text-sub); }
.wp_confirm { margin-top: 20px; display: flex; justify-content: center; }
.wp_confirm .bottom { display: flex; gap: 14px; }
.wp_confirm .dssc-btn { padding: 10px 32px; font-size: 14px; border-radius: var(--r-full); }
.wp_confirm .dssc-btn-green { background: linear-gradient(135deg, #43A047, #66BB6A); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：商品添加步骤2 - 通用表单
   ============================================================ */
.item-publish { background: var(--sn-bg); }
.dssc-form-goods { background: #fff; border-radius: var(--r-lg); margin-bottom: 16px; box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); overflow: hidden; }
.dssc-form-goods h3 { margin: 0; padding: 16px 24px; background: linear-gradient(135deg, var(--cream), #fff); color: var(--sn-dark); font-size: 15px; font-weight: 800; border-bottom: 2px solid var(--orange); display: flex; align-items: center; gap: 8px; }
.dssc-form-goods h3::before { content: ''; width: 4px; height: 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 2px; display: inline-block; }
.dssc-form-goods dl { display: grid; grid-template-columns: 180px 1fr; gap: 16px; padding: 16px 24px; border-bottom: 1px solid var(--sn-border); margin: 0; align-items: start; }
.dssc-form-goods dl:last-child { border-bottom: none; }
.dssc-form-goods dl.spec-bg { background: linear-gradient(135deg, #FFFBF0, #fff); }
/* [修复] 清除 seller.css 对 dt/dd 的宽度和边框干扰 */
.dssc-form-goods dl dt { width: auto !important; display: block !important; border-left: none !important; padding: 8px 0 !important; text-align: right; font-size: 13px; font-weight: 600; color: var(--sn-text); line-height: 1.6; position: relative; }
.dssc-form-goods dl dt .required { color: #E53935; font-style: normal; margin-right: 2px; }
.dssc-form-goods dl dd { width: auto !important; display: block !important; border-left: none !important; padding: 8px 0 !important; position: relative; }
.dssc-form-goods .text,
.dssc-form-goods select,
.dssc-form-goods input[type="text"],
.dssc-form-goods input[type="number"],
.dssc-form-goods input[type="password"] { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 8px 12px; font-size: 13px; transition: all .2s; background: #fff; min-width: 160px; }
/* [修复] 淘宝导入页面：下拉框宽度 */
.dssc-form-goods #gcategory select,
.dssc-form-goods select.sgcategory,
.dssc-form-goods dd > select { min-width: 180px; width: auto; display: inline-block; }
.dssc-form-goods #gcategory span[dstype] { display: inline-block; width: auto; min-width: 180px; margin-right: 5px; vertical-align: middle; }
.dssc-form-goods #gcategory p { display: block; width: 100%; margin-top: 8px; color: #9E9E9E; font-size: 12px; }
/* [修复] 地区选择器宽度（由 ds_region 动态生成的 select） */
.dssc-form-goods dd > select:not([dstype]) { min-width: 180px; }
/* [修复] 上传按钮区域文字 */
.dssc-form-goods .handle { display: flex; align-items: center; }
.dssc-form-goods .handle .dssc-upload-btn { display: inline-block; width: 140px; height: 36px; position: relative; }
.dssc-form-goods .handle .dssc-upload-btn a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; }
.dssc-form-goods .handle .dssc-upload-btn a::before { content: '选择CSV文件'; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border-radius: var(--r-sm); font-size: 13px; cursor: pointer; border: none; line-height: 1.4; }
.dssc-form-goods .handle .dssc-upload-btn a span { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; }
.dssc-form-goods .handle .dssc-upload-btn a span input[type="file"] { width: 100%; height: 100%; opacity: 0; cursor: pointer; }
/* [修复] 新增分类按钮 */
.dssc-form-goods .new_add { display: inline-flex; align-items: center; gap: 6px; }
.dssc-form-goods .new_add .dssc-btn { padding: 6px 14px; font-size: 12px; }
/* [修复] 操作提示区域文字换行 */
.seller_right .alert ul li { line-height: 1.8; word-break: break-all; white-space: normal; }
/* [修复] 底部提交按钮 */
.dssc-form-goods dl:last-child dd { display: flex; align-items: center; }
.dssc-form-goods .submit { padding: 10px 30px; font-size: 14px; min-width: 140px; height: auto; line-height: 1.6; }
.dssc-form-goods .text:focus,
.dssc-form-goods select:focus,
.dssc-form-goods input:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
.dssc-form-goods .textarea { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 8px 12px; font-size: 13px; transition: all .2s; resize: vertical; font-family: inherit; }
.dssc-form-goods .textarea:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
.dssc-form-goods .w60 { width: 60px; }
.dssc-form-goods .w150 { width: 150px; }
.dssc-form-goods .w400 { width: 400px; max-width: 100%; }
.dssc-form-goods .h60 { height: 60px; }
.dssc-form-goods .hint { color: #9E9E9E; font-size: 12px; margin: 6px 0 0 0; line-height: 1.6; }
.dssc-form-goods .add-on { display: inline-flex; align-items: center; padding: 0 10px; height: 34px; background: var(--cream); border: 1.5px solid var(--sn-border); border-left: none; border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--sn-text-sub); font-size: 13px; margin-left: -5px; vertical-align: middle; }
.dssc-form-goods dd > input[name="g_price"] + .add-on,
.dssc-form-goods dd > input[name="g_marketprice"] + .add-on,
.dssc-form-goods dd > input[name="g_costprice"] + .add-on { border-left: none; margin-left: -5px; border-radius: 0 var(--r-sm) var(--r-sm) 0; }
.dssc-form-goods .tip2 { background: var(--cream) !important; color: var(--sn-dark); font-weight: 700; text-align: center; border-radius: var(--r-sm); cursor: help; }
.dssc-form-goods .spec { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.dssc-form-goods .spec li { margin: 0; }
.dssc-form-goods .spec li span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1.5px solid var(--sn-border); border-radius: var(--r-full); font-size: 12px; color: var(--sn-text); transition: all .15s; cursor: pointer; background: #fff; }
.dssc-form-goods .spec li span:hover { border-color: var(--orange); color: var(--orange); }
.dssc-form-goods .spec li input[type="checkbox"] { accent-color: var(--orange); width: 14px; height: 14px; }
.dssc-form-goods .bottom { padding: 20px 24px; border-top: 2px solid var(--orange); background: linear-gradient(135deg, var(--cream), #fff); display: flex; gap: 14px; justify-content: center; }
.dssc-form-goods .bottom .dssc-btn { padding: 10px 32px; font-size: 14px; border-radius: var(--r-full); }
.dssc-form-goods .bottom .dssc-btn-green { background: linear-gradient(135deg, #43A047, #66BB6A); }

/* 右侧页面导航（步骤2中） */
#fixedNavBar { background: rgba(255,255,255,.92) !important; backdrop-filter: blur(8px); border: 1.5px solid var(--sn-border) !important; border-radius: var(--r-lg) !important; box-shadow: var(--shadow); padding: 10px 6px; }
#fixedNavBar h3 { color: var(--sn-dark) !important; font-weight: 700; margin-bottom: 8px !important; }
#fixedNavBar ul { margin: 0; padding: 0; list-style: none; width: auto !important; }
#fixedNavBar li { margin: 4px 0 !important; }
#fixedNavBar li a { background: var(--cream) !important; color: var(--sn-text-sub) !important; font-weight: 600; height: 28px !important; line-height: 28px !important; border-radius: var(--r-full) !important; transition: all .15s; text-decoration: none; }
#fixedNavBar li a:hover { background: linear-gradient(135deg, var(--orange), var(--orange-light)) !important; color: #fff !important; box-shadow: var(--shadow-sm); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：商品添加步骤3 - 图片上传
   ============================================================ */
#goods_image { background: var(--sn-bg); }
.dssc-form-goods-pic { background: #fff; border-radius: var(--r-lg); padding: 24px; box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start; }
.dssc-goodspic-list { margin-bottom: 24px; background: var(--sn-bg); border-radius: var(--r); padding: 16px; border: 1px solid var(--sn-border); }
.dssc-goodspic-list:last-child { margin-bottom: 0; }
.dssc-goodspic-list .title { margin-bottom: 12px; }
.dssc-goodspic-list .title h3 { margin: 0; font-size: 14px; font-weight: 800; color: var(--sn-dark); padding-left: 10px; border-left: 4px solid var(--orange); }
.dssc-goodspic-list ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.dssc-goodspic-upload { position: relative; background: #fff; border: 1.5px dashed var(--sn-border); border-radius: var(--r); padding: 10px; transition: all .2s; }
.dssc-goodspic-upload:hover { border-color: var(--orange); background: var(--cream); }
.dssc-goodspic-upload .upload-thumb { width: 100%; aspect-ratio: 1; border-radius: var(--r-sm); overflow: hidden; background: var(--sn-bg); margin-bottom: 8px; display: flex; align-items: center; justify-content: center; }
.dssc-goodspic-upload .upload-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dssc-goodspic-upload .show-default { padding: 6px 8px; background: var(--cream); border-radius: var(--r-sm); font-size: 11px; color: var(--sn-text-sub); cursor: pointer; transition: all .15s; display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; gap: 6px; }
.dssc-goodspic-upload .show-default.selected { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; font-weight: 700; }
.dssc-goodspic-upload .show-default p { margin: 0; display: flex; align-items: center; gap: 4px; flex: 1; }
.dssc-goodspic-upload .show-default .del { color: #E53935; font-weight: 700; font-style: normal; font-size: 12px; }
.dssc-goodspic-upload .show-sort { font-size: 11px; color: var(--sn-text-sub); margin-bottom: 8px; display: flex; align-items: center; gap: 6px; }
.dssc-goodspic-upload .show-sort .text { width: 40px; border: 1px solid var(--sn-border); border-radius: var(--r-sm); padding: 3px 6px; font-size: 11px; }
.dssc-upload-btn a { position: relative; display: block; text-align: center; padding: 8px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border-radius: var(--r-sm); font-size: 12px; font-weight: 600; cursor: pointer; transition: all .15s; overflow: hidden; }
.dssc-upload-btn a:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.dssc-upload-btn a p { margin: 4px 0 0 0; color: #fff; }
.dssc-upload-btn a span { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; }
.dssc-upload-btn .input-file { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.dssc-select-album { margin-top: 12px; display: flex; gap: 8px; }
.dssc-select-album .dssc-btn { padding: 6px 14px; font-size: 12px; border-radius: var(--r-full); }
.dssc-select-album .dssc-btn:first-child { background: linear-gradient(135deg, #1E88E5, #42A5F5); }

.dssc-form-goods-pic .sidebar { position: sticky; top: 20px; }
.dssc-form-goods-pic .alert { background: linear-gradient(135deg, var(--cream), #fff); border-radius: var(--r-lg); padding: 16px 18px; border-left: 4px solid var(--orange); }
.dssc-form-goods-pic .alert h4 { color: var(--sn-dark); font-size: 13px; font-weight: 800; margin: 0 0 10px 0; }
.dssc-form-goods-pic .alert ul { margin: 0 0 12px 0; padding-left: 18px; }
.dssc-form-goods-pic .alert ul li { padding: 3px 0; font-size: 12px; color: var(--sn-text-sub); line-height: 1.6; }
.dssc-form-goods-pic .faq-img { width: 100%; height: 80px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: var(--r) var(--r) 0 0; margin: -16px -18px 12px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 36px; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：Step2 商品图片 + 商品描述 修复
   ============================================================ */

/* [修复] Step2: 商品图片上传区域 */
.dssc-form-goods .dssc-goods-default-pic { overflow: visible; display: block; }
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod {
  float: none !important; width: 100%; display: flex; flex-direction: column; gap: 12px;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .upload-thumb {
  width: 180px !important; height: 180px !important; min-width: 180px;
  display: flex !important; align-items: center; justify-content: center;
  border: 2px dashed var(--sn-border); border-radius: var(--r-sm);
  background: var(--sn-bg); overflow: hidden; margin: 0;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .upload-thumb img {
  max-width: 100% !important; max-height: 100% !important; width: auto; height: auto;
  object-fit: contain;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle {
  height: auto !important; display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
  margin: 0; padding: 0;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-upload-btn {
  width: auto !important; height: auto !important; display: inline-block; position: relative;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-upload-btn a {
  position: relative; display: block; padding: 0;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-upload-btn a span {
  position: absolute; inset: 0; z-index: 3; cursor: pointer;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-upload-btn a p {
  position: relative; z-index: 1; margin: 0; padding: 8px 18px;
  background: linear-gradient(135deg, var(--orange), var(--orange-light));
  color: #fff; border-radius: var(--r-sm); font-size: 13px; font-weight: 600;
  line-height: 1.4; display: inline-flex; align-items: center; gap: 4px;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-upload-btn a p i {
  font-size: 14px;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-upload-btn .input-file {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 4;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-btn {
  padding: 8px 16px; font-size: 13px; font-weight: 600; line-height: 1.4;
  display: inline-flex; align-items: center; gap: 4px;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod .handle .dssc-btn i {
  font-size: 14px;
}
.dssc-form-goods .dssc-goods-default-pic .goodspic-uplaod p.hint {
  width: 100%; margin: 0; line-height: 1.7; color: var(--sn-text-sub); font-size: 12px;
}

/* [修复] Step2: 商品详情描述 Tabs */
.dssc-form-goods #dsProductDetails .tabs { width: 100%; }
.dssc-form-goods #dsProductDetails .ui-tabs { padding: 0; border: none; background: transparent; }
.dssc-form-goods #dsProductDetails .ui-widget-content { background: #fff; border: none; }
.dssc-form-goods #dsProductDetails .ui-tabs-nav {
  border-bottom: 2px solid var(--sn-border); padding: 0; margin: 0 0 12px 0;
  background: transparent; border-radius: 0;
}
.dssc-form-goods #dsProductDetails .ui-tabs-nav li {
  border: none; border-bottom: 3px solid transparent; margin: 0;
  padding: 0; background: transparent;
}
.dssc-form-goods #dsProductDetails .ui-tabs-nav li.ui-tabs-active {
  border-bottom-color: var(--orange);
}
.dssc-form-goods #dsProductDetails .ui-tabs-nav li a {
  padding: 8px 18px; font-size: 13px; font-weight: 600; color: var(--sn-text);
  background: transparent; border: none; display: inline-flex; align-items: center;
  border-radius: 0;
}
.dssc-form-goods #dsProductDetails .ui-tabs-nav li.ui-tabs-active a,
.dssc-form-goods #dsProductDetails .ui-tabs-nav li a:hover {
  color: var(--orange); background: transparent;
}
.dssc-form-goods #dsProductDetails .ui-tabs-panel {
  padding: 0; border: none; background: transparent;
}

/* [修复] Step2: CKEditor 容器适配 */
.dssc-form-goods #dsProductDetails .edui-editor {
  width: 100% !important; max-width: 100%;
  border: 1.5px solid var(--sn-border); border-radius: var(--r-sm);
  background: #fff; overflow: hidden;
}
.dssc-form-goods #dsProductDetails .edui-toolbar {
  border-bottom: 1px solid var(--sn-border); background: var(--sn-bg); padding: 6px 8px;
}
.dssc-form-goods #dsProductDetails .edui-editor-iframeholder {
  border: none; background: #fff;
}
.dssc-form-goods #dsProductDetails .edui-editor-iframeholder iframe {
  width: 100% !important;
}

/* [修复] Step2: 描述下方按钮行 (.hr8) */
.dssc-form-goods #dsProductDetails .hr8 {
  display: flex; gap: 10px; align-items: center; padding: 12px 0;
  border-top: 1px dashed var(--sn-border); margin-top: 10px; height: auto !important;
}
.dssc-form-goods #dsProductDetails .hr8 .dssc-btn {
  padding: 8px 16px; font-size: 13px; font-weight: 600; display: inline-flex;
  align-items: center; gap: 4px;
}
.dssc-form-goods #dsProductDetails .hr8 .dssc-btn i { font-size: 14px; }

/* [修复] Step2: 底部手机端上传按钮 */
.dssc-form-goods #dsProductDetails .tabs > .dssc-upload-btn:last-child {
  display: none !important;
}

/* [修复] Step2: 移动端编辑器区域 */
.dssc-form-goods #dsProductDetails .dssc-mobile-editor {
  display: flex; gap: 16px; padding: 12px 0;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-editor .pannel {
  float: none !important; width: 320px; flex-shrink: 0;
  border: 1.5px solid var(--sn-border); border-radius: var(--r-sm);
  background: #fff; overflow: hidden; height: auto !important;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-editor .explain {
  flex: 1; background: var(--cream); border-radius: var(--r-sm);
  padding: 14px 18px; font-size: 12px; color: var(--sn-text-sub); line-height: 1.8;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-editor .explain dl { margin: 0; padding: 0; }
.dssc-form-goods #dsProductDetails .dssc-mobile-editor .explain dl dt {
  color: var(--sn-dark); font-weight: 700; margin: 8px 0 4px;
}

/* [修复] Step2: 移动端编辑区域 (.dssc-mobile-edit-area) */
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area {
  width: 100%; max-width: 680px; margin-top: 12px;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area .dssc-mea-img {
  width: 100%; min-height: 200px; border: 1.5px dashed var(--sn-border);
  border-radius: var(--r-sm); background: var(--sn-bg); margin-bottom: 12px;
  display: flex !important; flex-wrap: wrap; align-items: flex-start; gap: 8px; padding: 10px;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area .dssc-mea-text {
  width: 100%; border: 1.5px solid var(--sn-border); border-radius: var(--r-sm);
  background: #fff; padding: 14px; position: relative;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area .dssc-mea-text .textarea {
  width: 100%; min-height: 120px; border: 1px solid var(--sn-border);
  border-radius: var(--r-sm); padding: 10px; font-size: 13px; line-height: 1.6;
  resize: vertical;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area .dssc-mea-text .button {
  display: flex; gap: 10px; margin-top: 12px;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area .dssc-mea-text .button .dssc-btn {
  padding: 6px 14px; font-size: 12px;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area .dssc-mea-text .text-close {
  position: absolute; top: 8px; right: 12px; font-size: 16px;
  color: var(--sn-text-sub); text-decoration: none;
}
.dssc-form-goods #dsProductDetails .dssc-mobile-edit-area .text-tip {
  margin: 0 0 8px; font-size: 12px; color: var(--sn-text-sub);
}

/* [修复] Step2: 手机端图片预览容器 */
.dssc-form-goods #dsProductDetails .dssc-mobile-editor .pannel .mobile-preview {
  width: 100%; aspect-ratio: 9/16; background: linear-gradient(135deg, #f5f5f5, #e8e8e8);
  display: flex; align-items: center; justify-content: center;
}

/* ============================================================
   商家中心 (Seller Center) 橙黄化：SKU展开行 + 其他小元素
   ============================================================ */
.dssc-goods-sku { background: linear-gradient(135deg, #FFFBF0, #fff); padding: 16px 20px; border-top: 1px dashed var(--orange); }
.bd-line td { border-bottom: 1px solid var(--sn-border); }
.ml5 { margin-left: 5px; }
.hide { display: none !important; }
.hidden { display: none !important; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.w30 { width: 30px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mb5 { margin-bottom: 5px; }

/* 小屏幕响应式：商品管理 */
@media (max-width: 1280px) {
    .dssc-form-goods-pic { grid-template-columns: 1fr; }
    .wp_sort_block { grid-template-columns: 1fr; }
    .sort_list + .sort_list { border-left: none; border-top: 1px solid var(--sn-border); }
    .add-goods-step { flex-wrap: wrap; }
    .add-goods-step li { flex: 1 0 45%; padding: 12px 8px; }
    .add-goods-step li .arrow { display: none; }
    .dssc-goodspic-list ul { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
    .dssc-form-goods dl { grid-template-columns: 1fr; gap: 6px; }
    .dssc-form-goods dt { text-align: left; padding-top: 0; }
    .dssc-default-table { font-size: 12px; }
    .dssc-default-table thead th,
    .dssc-default-table tbody td { padding: 8px; }
    .dssc-goodspic-list ul { grid-template-columns: repeat(2, 1fr); }
    .search-form th { display: none; }
    .search-form td { display: block; padding: 4px 0; }
}

/* ============================================================
   商家中心 (Seller Center) 橙黄化：订单管理 - 订单列表(含rowspan合并)
   ============================================================ */
.dssc-default-table.order .sep-row { height: 12px; background: var(--sn-bg); border: none !important; }
.dssc-default-table.order thead tr:first-child th { background: linear-gradient(135deg, var(--cream), #fff); }
.dssc-default-table.order tbody th[colspan="20"] { padding: 10px 16px; background: linear-gradient(135deg, #FFFBF0, var(--cream)); border-bottom: 1px solid var(--sn-border); font-size: 13px; color: var(--sn-text-sub); font-weight: 500; }
.dssc-default-table.order tbody th[colspan="20"] em { color: var(--orange); font-weight: 700; font-style: normal; font-size: 14px; }
.dssc-default-table.order tbody th[colspan="20"] .ml10 { margin-left: 10px; display: inline-block; }
.dssc-default-table.order tbody th[colspan="20"] .ml20 { margin-left: 20px; display: inline-block; }
.dssc-default-table.order tbody th[colspan="20"] .mr5 { margin-right: 5px; }
.dssc-default-table.order tbody th[colspan="20"] .mr30 { margin-right: 30px; }
.dssc-default-table.order tbody th[colspan="20"] .fr { float: right; }
.dssc-default-table.order tbody th[colspan="20"] .print-order { font-style: normal; cursor: pointer; color: var(--orange); padding: 2px 8px; border-radius: var(--r-sm); transition: all .15s; }
.dssc-default-table.order tbody th[colspan="20"] .print-order:hover { background: var(--orange); color: #fff; }
.dssc-default-table.order .w10 { width: 10px; }
.dssc-default-table.order .w70 { width: 70px; }
.dssc-default-table.order .w110 { width: 110px; }
.dssc-default-table.order .bdl { border-left: 2px solid var(--orange); }
.dssc-default-table.order .bdr { border-right: 2px solid var(--orange); }

/* 订单内商品缩略图 */
.dssc-goods-thumb { width: 60px; height: 60px; border-radius: var(--r-sm); overflow: hidden; border: 1px solid var(--sn-border); background: var(--sn-bg); }
.dssc-goods-thumb a { display: block; width: 100%; height: 100%; }
.dssc-goods-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* 商品活动类型标签 */
.sale-type { display: inline-block; padding: 2px 8px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border-radius: var(--r-full); font-size: 11px; font-weight: 600; }

/* 买家信息 + 弹出卡 */
.dssc-default-table.order .buyer { position: relative; font-size: 13px; color: var(--sn-text); font-weight: 600; line-height: 1.6; }
.dssc-default-table.order .buyer > p { margin: 4px 0 0 0; }
.dssc-default-table.order .buyer .buyer-info { position: relative; display: inline-block; margin-top: 6px; }
.dssc-default-table.order .buyer .buyer-info > em { display: inline-block; width: 14px; height: 14px; background: var(--orange); color: #fff; border-radius: var(--r-full); text-align: center; line-height: 14px; font-size: 10px; font-style: normal; cursor: help; }
.dssc-default-table.order .buyer .buyer-info .con { position: absolute; top: calc(100% + 4px); left: 0; min-width: 260px; max-width: 360px; background: #fff; border: 1.5px solid var(--sn-border); border-radius: var(--r); padding: 12px 16px; box-shadow: var(--shadow); z-index: 30; opacity: 0; visibility: hidden; transform: translateY(-4px); transition: all .2s; }
.dssc-default-table.order .buyer .buyer-info:hover .con { opacity: 1; visibility: visible; transform: translateY(0); }
.dssc-default-table.order .buyer .buyer-info .con h3 { margin: 0 0 10px 0; font-size: 13px; font-weight: 800; color: var(--sn-dark); display: flex; align-items: center; gap: 6px; padding-bottom: 8px; border-bottom: 1px solid var(--sn-border); }
.dssc-default-table.order .buyer .buyer-info .con h3 i { color: var(--orange); font-style: normal; width: 4px; height: 14px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 2px; }
.dssc-default-table.order .buyer .buyer-info .con dl { display: grid; grid-template-columns: 80px 1fr; gap: 6px 10px; margin: 6px 0; }
.dssc-default-table.order .buyer .buyer-info .con dl dt { margin: 0; padding: 0; font-size: 12px; color: var(--sn-text-sub); font-weight: 500; text-align: left; }
.dssc-default-table.order .buyer .buyer-info .con dl dd { margin: 0; padding: 0; font-size: 12px; color: var(--sn-text); font-weight: 600; }

/* 订单金额 / 运费 / 支付方式 */
.dssc-order-amount { font-size: 18px !important; font-weight: 800; color: var(--orange); margin: 0 0 4px 0; background: linear-gradient(135deg, var(--orange), var(--orange-light)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.goods-freight { font-size: 12px; color: var(--sn-text-sub); margin: 0 0 4px 0; line-height: 1.5; }
.goods-pay { font-size: 12px; color: var(--sn-text); font-weight: 600; margin: 0; background: var(--cream); display: inline-block; padding: 2px 10px; border-radius: var(--r-full); }

/* 赠品区块 */
.dssc-goods-gift { background: var(--cream); border-radius: var(--r-sm); padding: 10px 12px; }
.dssc-goods-gift > b { color: var(--orange); font-weight: 800; }
.dssc-goods-gift ul { display: inline-flex; gap: 8px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0 0 0 10px; vertical-align: middle; }
.dssc-goods-gift li { display: inline-block; }
.dssc-goods-gift li img { width: 40px; height: 40px; border-radius: var(--r-sm); border: 1px solid var(--sn-border); object-fit: cover; }

/* 订单表内新增按钮配色 */
.dssc-btn.dssc-btn-red { background: linear-gradient(135deg, #E53935, #FF5722); padding: 8px 16px; border-radius: var(--r-full); font-weight: 700; }
.dssc-btn.dssc-btn-green { background: linear-gradient(135deg, #43A047, #66BB6A); padding: 8px 16px; border-radius: var(--r-full); font-weight: 700; }
.dssc-btn-mini.dssc-btn-orange { background: linear-gradient(135deg, #FB8C00, #FFA726); }
.dssc-btn-mini.dssc-btn-green { background: linear-gradient(135deg, #43A047, #66BB6A); }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：订单详情页 (show_order)
   ============================================================ */
.dssc-oredr-show { background: var(--sn-bg); }
.dssc-order-info { background: #fff; border-radius: var(--r-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); overflow: hidden; margin-bottom: 16px; }
.dssc-order-details { padding: 0; }
.dssc-order-details .title { background: linear-gradient(135deg, var(--cream), #fff); padding: 16px 24px; font-size: 15px; font-weight: 800; color: var(--sn-dark); border-bottom: 2px solid var(--orange); display: flex; align-items: center; gap: 8px; }
.dssc-order-details .title::before { content: ''; width: 4px; height: 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 2px; display: inline-block; }
.dssc-order-details .content { padding: 20px 24px; }
.dssc-order-details .content dl { display: grid; grid-template-columns: 110px 1fr; gap: 10px 16px; padding: 10px 0; margin: 0; align-items: start; }
.dssc-order-details .content dl.line { border-top: 1px dashed var(--sn-border); padding-top: 16px; margin-top: 6px; }
.dssc-order-details .content dl dt { padding: 0; font-size: 13px; color: var(--sn-text-sub); font-weight: 600; text-align: left; line-height: 1.6; }
.dssc-order-details .content dl dd { font-size: 13px; color: var(--sn-text); line-height: 1.6; }
.dssc-order-details .content dl dd span { color: var(--sn-text-sub); }
.dssc-order-details .content dl dd strong { color: var(--sn-dark); margin: 0 2px; }
.dssc-order-details .content dl dd > a { position: relative; display: inline-block; color: var(--orange); font-weight: 600; padding: 2px 8px; border-radius: var(--r-sm); transition: all .15s; }
.dssc-order-details .content dl dd > a:hover { background: var(--orange); color: #fff; }
.dssc-order-details .content dl dd > a .more { position: absolute; top: calc(100% + 6px); right: 0; min-width: 300px; background: #fff; border: 1.5px solid var(--sn-border); border-radius: var(--r); padding: 12px 16px; box-shadow: var(--shadow); z-index: 40; color: var(--sn-text); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: all .2s; }
.dssc-order-details .content dl dd > a:hover .more { opacity: 1; visibility: visible; transform: translateY(0); }
.dssc-order-details .content dl dd > a .more .arrow { position: absolute; top: -6px; right: 30px; width: 12px; height: 12px; background: #fff; border-left: 1.5px solid var(--sn-border); border-top: 1.5px solid var(--sn-border); transform: rotate(45deg); }
.dssc-order-details .content dl dd > a .more ul { list-style: none; margin: 0; padding: 0; }
.dssc-order-details .content dl dd > a .more ul li { padding: 6px 0; border-bottom: 1px dashed var(--sn-border); font-size: 12px; font-weight: 500; color: var(--sn-text-sub); }
.dssc-order-details .content dl dd > a .more ul li:last-child { border-bottom: none; }
.dssc-order-details .content dl dd > a .more ul li span { color: var(--sn-dark); font-weight: 700; margin-left: 4px; }

/* 订单状态卡 */
.dssc-order-condition { background: linear-gradient(135deg, #FFFBF0, #fff); padding: 20px 24px; border-bottom: 1px solid var(--sn-border); }
.dssc-order-condition dl { display: flex; align-items: center; gap: 8px; margin: 0 0 12px 0; }
.dssc-order-condition dl dt { font-size: 14px; color: var(--sn-text-sub); font-weight: 600; }
.dssc-order-condition dl dt i { font-style: normal; margin-right: 4px; font-size: 18px; }
.dssc-order-condition dl dt i.orange { color: #FB8C00; }
.dssc-order-condition dl dt i.green { color: #43A047; }
.dssc-order-condition dl dd { font-size: 18px; color: var(--sn-dark); font-weight: 800; margin: 0; }
.dssc-order-condition ul { margin: 0; padding: 0 0 0 28px; list-style: decimal; }
.dssc-order-condition ul li { padding: 4px 0; font-size: 13px; color: var(--sn-text-sub); line-height: 1.6; }
.dssc-order-condition ul li time { color: var(--orange); font-weight: 700; margin: 0 2px; }
.dssc-order-condition ul li a.dssc-btn-mini { margin: 0 2px; }
.dssc-order-condition ul li a.blue { color: #1E88E5; font-weight: 700; padding: 0 2px; border-bottom: 1px dashed #1E88E5; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：发货页 (send)
   ============================================================ */
.dssc-default-table.order.deliver { margin-bottom: 16px; }
.dssc-default-table.order.deliver .w150 { width: 150px; }
.dssc-default-table.order.deliver .w250 { width: 250px; }
.dssc-default-table.order.deliver .w400 { width: 400px; }
.dssc-default-table.order.deliver .w500 { width: 500px; }
.dssc-default-table.order.deliver .w90 { width: 90px; }
.dssc-default-table.order.deliver .gray { color: #9E9E9E; font-size: 12px; }
.deliver.order-info dl { display: grid; grid-template-columns: 90px 1fr; gap: 10px 14px; padding: 10px 12px; margin: 0; }
.deliver.order-info dl dt { font-size: 12px; color: var(--sn-text-sub); font-weight: 600; padding: 0; text-align: left; }
.deliver.order-info dl dd { font-size: 13px; color: var(--sn-text); line-height: 1.6; }
.tip-t, .tip-r { font-family: inherit; font-size: 13px; border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 6px 10px; transition: all .2s; background: #fff; }
.tip-t:focus, .tip-r:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
.tip-r.tipfocus { border-color: var(--orange); }
.w200 { width: 200px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w500 { width: 500px; max-width: 100%; }

/* 发货步骤条 */
.step-title { background: linear-gradient(135deg, var(--cream), #fff); padding: 14px 22px; border-radius: var(--r-lg); margin-bottom: 14px; border: 1px solid var(--sn-border); box-shadow: var(--shadow-sm); font-size: 14px; font-weight: 700; color: var(--sn-dark); display: flex; align-items: center; gap: 12px; }
.step-title em { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; font-weight: 800; font-style: normal; font-size: 14px; box-shadow: 0 4px 10px rgba(255,106,0,.25); flex-shrink: 0; }
.deliver-sell-info { background: #fff; border-radius: var(--r-lg); padding: 16px 22px; margin-bottom: 14px; border: 1px solid var(--sn-border); box-shadow: var(--shadow-sm); font-size: 13px; color: var(--sn-text); line-height: 1.8; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; position: relative; }
.deliver-sell-info .fl { float: left; }
.deliver-sell-info .fr { position: absolute; right: 22px; top: 14px; }
.deliver-sell-info strong { color: var(--sn-dark); font-weight: 800; }

/* 警告/成功提示卡 */
.alert.alert-success { background: linear-gradient(135deg, #E8F5E9, #fff) !important; border-left: 4px solid #43A047 !important; color: #2E7D32 !important; font-size: 13px !important; }
.alert.alert-error { background: linear-gradient(135deg, #FFEBEE, #fff) !important; border-left: 4px solid #E53935 !important; color: #C62828 !important; font-size: 13px !important; }
.alert .red { color: #E53935; font-weight: 700; }
.alert a.dssc-btn-mini { background: linear-gradient(135deg, #1E88E5, #42A5F5); color: #fff; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：退款/退货/投诉/评价/咨询
   ============================================================ */
/* 评价：星星评分容器 */
.raty { display: inline-flex; vertical-align: middle; gap: 2px; }
.raty img { width: 16px; height: 16px; }
.gray { color: #9E9E9E; font-size: 13px; line-height: 1.6; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.vt { vertical-align: top !important; }
time { font-size: 12px; color: var(--sn-text-sub); font-style: normal; }

/* 新增按钮配色：btn-acidblue / btn-orange */
.dscs-table-handle .btn-acidblue { background: linear-gradient(135deg, #5E35B1, #7E57C2); color: #fff; }
.dscs-table-handle .btn-acidblue:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); color: #fff; }
.dscs-table-handle .btn-orange { background: linear-gradient(135deg, #FB8C00, #FFA726); color: #fff; }
.dscs-table-handle .btn-orange:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); color: #fff; }

/* 弹窗表单容器 */
.eject_con { padding: 16px 20px; }
.eject_con .alert.alert-error { background: linear-gradient(135deg, #FFEBEE, #fff) !important; border-radius: var(--r); padding: 12px 16px; border-left: 4px solid #E53935 !important; color: #C62828; margin-bottom: 14px; }
#explain_form dl { display: grid; grid-template-columns: 110px 1fr; gap: 10px 16px; padding: 10px 0; margin: 0; }
#explain_form dl dt { font-size: 13px; color: var(--sn-text-sub); font-weight: 600; text-align: left; padding: 4px 0 0 0; }
#explain_form dl dd { font-size: 13px; color: var(--sn-text); line-height: 1.6; }
#explain_form dl dd #geval_content { background: var(--cream); padding: 8px 12px; border-radius: var(--r-sm); min-height: 40px; }
#explain_form dl dd textarea { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 8px 12px; font-size: 13px; font-family: inherit; transition: all .2s; }
#explain_form dl dd textarea:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
#explain_form .bottom { padding: 16px 0 0 0; border-top: 1px solid var(--sn-border); display: flex; justify-content: flex-end; margin-top: 10px; }
#explain_form .bottom .submit { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border: none; border-radius: var(--r-full); padding: 8px 28px; font-weight: 700; font-size: 13px; cursor: pointer; transition: all .2s; }
#explain_form .bottom .submit:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：投诉详情页 (流程条+侧边栏布局)
   ============================================================ */
.dssc-flow-layout { display: grid; grid-template-columns: 1fr 320px; gap: 16px; align-items: start; }
.dssc-flow-container { background: #fff; border-radius: var(--r-lg); border: 1px solid var(--sn-border); box-shadow: var(--shadow-sm); overflow: hidden; }
.dssc-flow-container > .title { background: linear-gradient(135deg, var(--orange), var(--orange-light)); padding: 18px 24px; }
.dssc-flow-container > .title h3 { margin: 0; font-size: 17px; font-weight: 800; color: #fff; letter-spacing: 1px; }
.dssc-flow-step { display: flex; padding: 20px 16px; gap: 0; background: linear-gradient(135deg, var(--cream), #fff); border-bottom: 2px solid var(--orange); }
.dssc-flow-step dl { flex: 1; position: relative; margin: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 0 4px 16px 4px; }
.dssc-flow-step dl::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 80%; height: 4px; background: #E0E0E0; transform: translateX(-50%); border-radius: 2px; }
.dssc-flow-step dl.current::after { background: linear-gradient(90deg, var(--orange-light), var(--orange)); }
.dssc-flow-step dl dt { font-size: 12px; font-weight: 700; color: #9E9E9E; text-align: center; line-height: 1.4; order: 2; padding-top: 28px; }
.dssc-flow-step dl.current dt { color: var(--orange); }
.dssc-flow-step dl dd.bg { order: 1; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; border-radius: 50%; background: #BDBDBD; display: flex; align-items: center; justify-content: center; }
.dssc-flow-step dl dd.bg::before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: #fff; }
.dssc-flow-step dl.current dd.bg { background: linear-gradient(135deg, var(--orange), var(--orange-light)); box-shadow: 0 4px 10px rgba(255,106,0,.3); }
.dssc-flow-step dl.step-first.current dd.bg { background: linear-gradient(135deg, var(--orange), var(--orange-light)); box-shadow: 0 4px 10px rgba(255,106,0,.3); }

/* 投诉详情表单 */
.dssc-form-default { padding: 0; }
.dssc-form-default h3 { margin: 0; padding: 14px 24px; background: linear-gradient(135deg, #FFFBF0, #fff); font-size: 14px; font-weight: 800; color: var(--sn-dark); border-bottom: 1px solid var(--sn-border); display: flex; align-items: center; gap: 8px; }
.dssc-form-default h3::before { content: ''; width: 4px; height: 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 2px; display: inline-block; }
.dssc-form-default dl { display: grid; grid-template-columns: 140px 1fr; gap: 12px 18px; padding: 14px 24px; margin: 0; border-bottom: 1px dashed var(--sn-border); align-items: start; }
.dssc-form-default dl:last-of-type { border-bottom: none; }
.dssc-form-default dl dt { font-size: 13px; color: var(--sn-text-sub); font-weight: 600; padding: 2px 0 0 0; text-align: left; line-height: 1.6; }
.dssc-form-default dl dd { font-size: 13px; color: var(--sn-text); line-height: 1.8; word-break: break-word; }
.dssc-form-default .show_image { width: 50px; height: 50px; border-radius: var(--r-sm); border: 1px solid var(--sn-border); object-fit: cover; margin-right: 6px; transition: all .15s; cursor: zoom-in; }
.dssc-form-default .show_image:hover { transform: scale(1.05); border-color: var(--orange); box-shadow: var(--shadow-sm); }
.dssc-form-default .bottom { padding: 16px 24px; border-top: 2px solid var(--orange); background: linear-gradient(135deg, var(--cream), #fff); display: flex; justify-content: flex-start; }
.dssc-form-default .bottom .dssc-btn { border-radius: var(--r-full); padding: 8px 24px; }

/* 订单管理响应式 */
@media (max-width: 1280px) {
    .dssc-flow-layout { grid-template-columns: 1fr; }
    .dssc-order-details .content dl { grid-template-columns: 90px 1fr; }
    .dssc-form-default dl { grid-template-columns: 110px 1fr; }
    .dssc-default-table.order .buyer .buyer-info .con { min-width: 200px; }
}
@media (max-width: 768px) {
    .dssc-order-details .content dl { grid-template-columns: 1fr; gap: 4px; }
    .dssc-form-default dl { grid-template-columns: 1fr; gap: 4px; }
    .deliver.order-info dl { grid-template-columns: 1fr; }
    .step-title { flex-wrap: wrap; }
    .deliver-sell-info { flex-direction: column; align-items: flex-start; gap: 40px; }
    .deliver-sell-info .fr { position: static; margin-top: 4px; }
    .dssc-flow-step { flex-wrap: wrap; gap: 12px; }
    .dssc-flow-step dl { flex: 1 0 30%; }
}

/* ============================================================
   商家中心 (Seller Center) 橙黄化：结算/财务/营销 通用工具类补充
   ============================================================ */
.orange { color: var(--orange) !important; }
strong.orange { font-weight: 800; color: var(--orange) !important; font-size: 15px; }
.tr { text-align: right !important; }
.tl { text-align: left !important; }
.w50 { width: 50px; }
.w90 { width: 90px; }
.w130 { width: 130px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }

/* 表单输入后 em 版 add-on（金额/日历小图标标签） */
em.add-on { display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; height: 34px; background: var(--cream); border: 1.5px solid var(--sn-border); border-left: none; border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--orange); font-size: 14px; margin-left: -5px; vertical-align: middle; font-style: normal; font-weight: 700; }

/* 错误信息占位（validate 错误放这里） */
.error-message { display: block; min-height: 20px; margin: 4px 0 0 0; color: #E53935; font-size: 12px; line-height: 1.5; }
.error-message label.error { display: inline-flex; align-items: center; gap: 4px; background: #FFEBEE; border-radius: var(--r-sm); padding: 4px 10px; color: #C62828; font-size: 12px; font-weight: 600; }
.error-message label.error i { color: #E53935; }

/* 通用 required 红星 */
.required { color: #E53935; font-style: normal; margin-right: 3px; font-weight: 700; }

/* 通用 eject_con 里的 bottom submit 按钮（提现/营销弹窗） */
.eject_con .bottom { padding: 16px 0 0 0; border-top: 1px solid var(--sn-border); display: flex; justify-content: flex-end; margin-top: 10px; }
.eject_con .bottom .submit { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border: none; border-radius: var(--r-full); padding: 8px 28px; font-weight: 700; font-size: 13px; cursor: pointer; transition: all .2s; }
.eject_con .bottom .submit:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.eject_con .bottom input.submit { outline: none; }
.eject_con dl { display: grid; grid-template-columns: 130px 1fr; gap: 10px 16px; padding: 10px 0; margin: 0; align-items: start; }
.eject_con dl dt { font-size: 13px; color: var(--sn-text-sub); font-weight: 600; text-align: left; padding: 4px 0 0 0; line-height: 1.6; }
.eject_con dl dt .required { color: #E53935; }
.eject_con dl dd { font-size: 13px; color: var(--sn-text); line-height: 1.6; }
.eject_con dl dd .text { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 7px 12px; font-size: 13px; transition: all .2s; background: #fff; font-family: inherit; }
.eject_con dl dd .text:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
.eject_con dl dd .w50 { width: 50px; }
.eject_con dl dd strong { color: var(--sn-dark); }
.eject_con dl dd .hint { color: #9E9E9E; font-size: 12px; margin: 6px 0 0 0; line-height: 1.6; }
.eject_con dl dd .hint.mt5 { margin-top: 5px; }
.eject_con .eject_con { padding: 0; border-top: 1px dashed var(--sn-border); margin-top: 10px; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：alert-block / alert 说明卡 多色版
   ============================================================ */
.alert { border-radius: var(--r-lg); padding: 14px 20px; margin-bottom: 16px; border-left: 4px solid var(--orange); background: linear-gradient(135deg, var(--cream), #fff); box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); color: var(--sn-text-sub); font-size: 13px; line-height: 1.7; }
.alert strong { color: var(--sn-dark); font-weight: 800; margin-right: 4px; }
.alert-block { background: linear-gradient(135deg, #FFFBF0, #fff) !important; border-left: 4px solid var(--orange) !important; padding: 16px 22px !important; }
.alert-block h4 { margin: 0 0 10px 0 !important; font-size: 14px !important; font-weight: 800 !important; color: var(--sn-dark) !important; display: flex; align-items: center; gap: 8px; }
.alert-block h4::before { content: ''; width: 4px; height: 16px; background: linear-gradient(135deg, var(--orange), var(--orange-light)); border-radius: 2px; display: inline-block; }
.alert ul, .alert-block ul { margin: 6px 0 0 0; padding-left: 20px; list-style: disc; }
.alert ul li, .alert-block ul li { padding: 3px 0; line-height: 1.7; font-size: 13px; color: var(--sn-text-sub); }
.alert ul li::marker { color: var(--orange); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：营销-选商品浮层 div-goods-select
   ============================================================ */
.div-goods-select { position: relative; background: #fff; border: 2px solid var(--orange); border-radius: var(--r-lg); padding: 16px 20px; margin: 16px 0; box-shadow: var(--shadow); }
.div-goods-select .close { position: absolute; right: 14px; top: 10px; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #E53935, #FF5722); color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; cursor: pointer; transition: all .15s; text-decoration: none; line-height: 1; box-shadow: 0 4px 10px rgba(229,57,53,.25); }
.div-goods-select .close:hover { transform: rotate(90deg) scale(1.1); text-decoration: none; }
.div-goods-select .search-result { margin-top: 12px; background: var(--sn-bg); border-radius: var(--r); padding: 12px; min-height: 100px; border: 1px solid var(--sn-border); }
.div-goods-select .search-result table.dssc-default-table { margin: 0; }
.div-goods-select p.hint { color: #9E9E9E; font-size: 12px; margin: 0; line-height: 1.6; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：营销-限时抢购/拼团 活动信息表（表头行）
   ============================================================ */
table.dssc-default-table tbody tr td strong { color: var(--sn-dark); }
table.dssc-default-table tbody tr td.w90 { width: 90px; }
table.dssc-default-table tbody tr td.w120 { width: 120px; }
table.dssc-default-table tbody tr td.w150 { width: 150px; }
table.dssc-default-table tbody tr td.tr { text-align: right; padding-right: 12px; }
table.dssc-default-table tbody tr td.tl { text-align: left; padding-left: 12px; }

/* 活动管理页外部底部（提交/返回按钮条） */
body .seller_right > .bottom { padding: 16px 24px; border-radius: var(--r-lg); background: linear-gradient(135deg, var(--cream), #fff); border: 1px solid var(--sn-border); box-shadow: var(--shadow-sm); display: flex; justify-content: flex-start; gap: 12px; }
body .seller_right > .bottom .submit { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border: none; border-radius: var(--r-full); padding: 8px 28px; font-weight: 700; font-size: 13px; cursor: pointer; transition: all .2s; }
body .seller_right > .bottom .submit:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：营销-新增按钮配色 + 满送规则列表
   ============================================================ */
.dssc-btn.dssc-btn-acidblue { background: linear-gradient(135deg, #5E35B1, #7E57C2); padding: 8px 18px; border-radius: var(--r-full); font-weight: 700; box-shadow: 0 4px 10px rgba(94,53,177,.2); }
.dssc-btn.dssc-btn-orange { background: linear-gradient(135deg, #FB8C00, #FFA726); padding: 8px 18px; border-radius: var(--r-full); font-weight: 700; box-shadow: 0 4px 10px rgba(251,140,0,.22); }

.dssc-mansong-rule-list { list-style: none; margin: 0 0 12px 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.dssc-mansong-rule-list li { background: linear-gradient(135deg, var(--cream), #fff); border: 1.5px solid var(--sn-border); border-radius: var(--r); padding: 10px 16px; display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; color: var(--sn-text); line-height: 1.6; transition: all .15s; }
.dssc-mansong-rule-list li:hover { border-color: var(--orange); box-shadow: var(--shadow-sm); }
.dssc-mansong-rule-list li strong { color: var(--orange); font-weight: 800; font-size: 14px; margin: 0 3px; }
.dssc-mansong-rule-list li .dssc-btn-mini.dssc-btn-red { margin-left: auto; }
.dssc-mansong-error { margin: 10px 0; padding: 8px 14px; background: #FFEBEE; border-radius: var(--r-sm); border-left: 3px solid #E53935; color: #C62828; font-size: 12px; font-weight: 600; display: flex; flex-wrap: wrap; gap: 14px; }
.dssc-mansong-error span { display: inline-flex; align-items: center; gap: 4px; }
.dssc-mansong-error i { color: #E53935; }
.dssc-mansong-rule { background: var(--sn-bg); border: 1.5px dashed var(--sn-border); border-radius: var(--r); padding: 14px 18px; display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; margin-top: 12px; transition: all .15s; }
.dssc-mansong-rule:hover { border-color: var(--orange); background: #FFFBF0; }
.dssc-mansong-rule span { font-size: 13px; color: var(--sn-text); display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dssc-mansong-rule .gift { flex: 1 0 100%; margin-top: 8px; padding-top: 10px; border-top: 1px dashed var(--sn-border); min-height: 60px; }
.selected-mansong-goods { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--sn-border); border-radius: var(--r-sm); padding: 8px; transition: all .15s; }
.selected-mansong-goods:hover { border-color: var(--orange); transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.selected-mansong-goods .goods-thumb { width: 60px; height: 60px; border-radius: var(--r-sm); overflow: hidden; display: block; }
.selected-mansong-goods .goods-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：结算/财务 提现 & 资金记录细节
   ============================================================ */
.sellerbill table.dssc-default-table tbody td { font-size: 13px; }
#cash_form input.submit { font-family: inherit; outline: none; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：财务 - dsm-search-table 搜索表单
   ============================================================ */
table.dsm-search-table { width: 100%; background: #fff; border-radius: var(--r-lg); padding: 14px 20px; margin-bottom: 16px; box-shadow: var(--shadow-sm); border: 1px solid var(--sn-border); }
table.dsm-search-table th { font-size: 13px; color: var(--sn-text-sub); font-weight: 600; padding: 6px 10px 6px 0; text-align: right; }
table.dsm-search-table td { padding: 6px 8px; font-size: 13px; color: var(--sn-text); vertical-align: middle; }
table.dsm-search-table td.w70.tc { padding: 6px 4px; }
table.dsm-search-table td.w240 { width: 240px; }
table.dsm-search-table td.w160 { width: 160px; }
table.dsm-search-table td .text { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 7px 12px; font-size: 13px; transition: all .2s; background: #fff; font-family: inherit; }
table.dsm-search-table td .text:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
table.dsm-search-table td .text.w70 { width: 70px; }
table.dsm-search-table td .text.w150 { width: 150px; }
table.dsm-search-table td label.add-on { display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; height: 34px; background: var(--cream); border: 1.5px solid var(--sn-border); border-left: none; border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--orange); font-size: 14px; margin-left: -5px; vertical-align: middle; font-style: normal; font-weight: 700; }
table.dsm-search-table td label.add-on i { line-height: 1; }
table.dsm-search-table td input.submit { background: linear-gradient(135deg, var(--orange), var(--orange-light)); color: #fff; border: none; border-radius: var(--r-full); padding: 7px 22px; font-weight: 700; font-size: 13px; cursor: pointer; transition: all .2s; font-family: inherit; }
table.dsm-search-table td input.submit:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：资金记录页 alert 资金卡 金额强调
   ============================================================ */
.seller_right .alert .mr5 { margin-right: 5px; display: inline-block; }
.seller_right .alert .red { color: #E53935 !important; font-weight: 800; }
.seller_right .alert .blue { color: #1E88E5 !important; font-weight: 800; }
.sellermoney-tbody-plus { color: #E53935 !important; font-weight: 700; }
.sellermoney-tbody-reduce { color: #43A047 !important; font-weight: 700; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：通用工具类补充(mr5/ml5/mb15/price等)
   ============================================================ */
.mr5 { margin-right: 5px !important; }
.ml5 { margin-left: 5px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb10 { margin-bottom: 10px !important; }
.price { font-weight: 800; color: var(--orange); font-size: 14px; }
.price.mr5 { margin-right: 5px; }
.price.ml5 { margin-left: 5px; }
.no-promotion { text-align: center; color: var(--sn-text-sub); font-size: 14px; padding: 30px 20px; }
.no-promotion i.zh { display: block; margin-bottom: 8px; color: var(--orange); font-style: normal; font-size: 28px; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：营销-拼团 selected-group-goods 商品卡
   ============================================================ */
.selected-group-goods { display: flex; align-items: center; gap: 16px; background: linear-gradient(135deg, var(--cream), #fff); border: 1.5px solid var(--sn-border); border-radius: var(--r-lg); padding: 16px 20px; margin-bottom: 12px; box-shadow: var(--shadow-sm); flex-wrap: wrap; transition: all .15s; }
.selected-group-goods:hover { border-color: var(--orange); }
.selected-group-goods .goods-thumb { width: 80px; height: 80px; border-radius: var(--r); overflow: hidden; border: 2px solid var(--orange); flex-shrink: 0; background: #fff; }
.selected-group-goods .goods-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.selected-group-goods .goods-name { flex: 1; min-width: 200px; }
.selected-group-goods .goods-name a { font-size: 14px; font-weight: 700; color: var(--sn-dark); transition: color .15s; line-height: 1.5; }
.selected-group-goods .goods-name a:hover { color: var(--orange); }
.selected-group-goods .goods-price { font-size: 13px; color: var(--sn-text-sub); font-weight: 600; }
.selected-group-goods .goods-price span { color: var(--orange); font-weight: 800; font-size: 16px; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：营销-单选列表 dssc-form-radio-list
   ============================================================ */
.dssc-form-radio-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.dssc-form-radio-list > li { display: flex; align-items: center; gap: 10px; padding: 10px 16px; background: var(--sn-bg); border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); transition: all .15s; flex-wrap: wrap; }
.dssc-form-radio-list > li:hover { border-color: var(--orange); background: var(--cream); }
.dssc-form-radio-list > li label { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--sn-text); font-weight: 600; cursor: pointer; line-height: 1.5; margin: 0; }
.dssc-form-radio-list > li input[type="radio"] { accent-color: var(--orange); width: 16px; height: 16px; cursor: pointer; }
.dssc-form-radio-list > li .transport_tpl { display: flex; align-items: center; gap: 4px; margin-left: 34px; width: 100%; margin-top: 6px; padding-top: 10px; border-top: 1px dashed var(--sn-border); }
.dssc-form-radio-list > li .transport_tpl .text { border: 1.5px solid var(--sn-border); border-radius: var(--r-sm); padding: 7px 10px; font-size: 13px; transition: all .2s; background: #fff; font-family: inherit; width: 80px; }
.dssc-form-radio-list > li .transport_tpl .text:focus { border-color: var(--orange); outline: none; box-shadow: 0 0 0 3px rgba(255,106,0,.08); }
.dssc-form-radio-list > li .transport_tpl em.add-on { display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; height: 34px; background: var(--cream); border: 1.5px solid var(--sn-border); border-left: none; border-radius: 0 var(--r-sm) var(--r-sm) 0; color: var(--orange); font-size: 14px; margin-left: -5px; vertical-align: middle; font-style: normal; font-weight: 700; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：营销-优惠套装 off-shelf 下架态行
   ============================================================ */
table.dssc-default-table tbody tr.off-shelf td { background: #fff; }
table.dssc-default-table tbody tr.off-shelf:hover td { background: var(--cream); }
tbody.bd-line.tip { cursor: help; }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：营销-优惠套装 div-goods-select-box 选商品浮层
   ============================================================ */
.div-goods-select-box { position: relative; }
.div-goods-select-box .close { position: absolute; right: -10px; top: -10px; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(135deg, #E53935, #FF5722); color: #fff !important; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; cursor: pointer; transition: all .15s; text-decoration: none; line-height: 1; box-shadow: 0 4px 10px rgba(229,57,53,.25); z-index: 10; }
.div-goods-select-box .close:hover { transform: rotate(90deg) scale(1.1); text-decoration: none; }
#bundling_add_goods_ajaxContent { margin-top: 14px; background: #fff; border: 2px solid var(--orange); border-radius: var(--r-lg); padding: 16px 20px; box-shadow: var(--shadow); }

/* ============================================================
   商家中心 (Seller Center) 橙黄化：结算/营销 响应式补充
   ============================================================ */
@media (max-width: 1280px) {
    .eject_con dl { grid-template-columns: 110px 1fr; }
    .dssc-mansong-rule { padding: 12px; gap: 10px; }
    table.dsm-search-table th { padding: 4px 6px 4px 0; }
    table.dsm-search-table td { padding: 4px 6px; }
    .selected-group-goods { flex-direction: column; align-items: flex-start; }
    .selected-group-goods .goods-name { min-width: auto; }
}
@media (max-width: 768px) {
    .eject_con dl { grid-template-columns: 1fr; gap: 4px; }
    table.dssc-default-table tbody tr td.w90,
    table.dssc-default-table tbody tr td.w120,
    table.dssc-default-table tbody tr td.w150 { width: auto; }
    table.dssc-default-table tbody tr td.tr { text-align: left; padding-right: 12px; }
    .dssc-mansong-rule-list li { flex-direction: column; align-items: flex-start; }
    .dssc-mansong-rule-list li .dssc-btn-mini.dssc-btn-red { margin-left: 0; }
    .div-goods-select { padding: 14px; }
    .div-goods-select .close { right: 10px; top: 8px; }
    table.dsm-search-table { display: block; overflow-x: auto; }
    table.dsm-search-table th,
    table.dsm-search-table td { display: inline-block; padding: 4px; }
    table.dsm-search-table td.w240,
    table.dsm-search-table td.w160,
    table.dsm-search-table td.w70 { width: auto; }
    .selected-group-goods { padding: 12px; gap: 10px; }
    .selected-group-goods .goods-thumb { width: 60px; height: 60px; }
    .dssc-form-radio-list > li { flex-direction: column; align-items: flex-start; }
    .dssc-form-radio-list > li .transport_tpl { margin-left: 0; }
}

/* ============================================================
   贵州愿味爱食品有限公司风格：首页头部 Logo + 搜索 + 购物车
   ============================================================ */
.cz-header {
    background: linear-gradient(180deg, #FFFBF0 0%, #FFFFFF 100%);
    padding: 20px 0 16px;
    border-bottom: 1px solid var(--sn-border);
}
.cz-header-inner {
    display: flex;
    align-items: center;
    gap: 40px;
    width: 1200px;
    margin: 0 auto;
}

/* Logo */
.cz-logo { flex-shrink: 0; }
.cz-logo-link {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: var(--sn-text);
}
.cz-logo-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: linear-gradient(135deg, var(--orange) 0%, var(--orange-light) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 6px 16px rgba(255,106,0,0.3);
}
.cz-logo-text {
    font-size: 20px;
    font-weight: 800;
    background: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: 2px;
}

/* 搜索区 */
.cz-search { flex: 1; min-width: 0; }
.cz-search-form {
    display: flex;
    align-items: stretch;
    height: 46px;
    background: #fff;
    border: 2.5px solid var(--orange);
    border-radius: 999px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(255,106,0,0.12);
    transition: all .2s;
}
.cz-search-form:focus-within {
    box-shadow: 0 6px 20px rgba(255,106,0,0.25);
    border-color: var(--orange-dark);
}
.cz-search-input {
    flex: 1;
    min-width: 0;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: var(--sn-text) !important;
    box-shadow: none !important;
    height: 100% !important;
    line-height: 46px !important;
    display: block !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}
.cz-search-input::placeholder { color: #C9B8A8 !important; line-height: 46px; }
.cz-search-btn {
    flex-shrink: 0;
    border: none !important;
    background: linear-gradient(90deg, var(--orange) 0%, var(--orange-light) 100%) !important;
    color: #fff !important;
    padding: 0 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px;
    height: 100% !important;
    line-height: 1 !important;
    transition: all .2s;
    box-sizing: border-box !important;
}
.cz-search-btn:hover {
    filter: brightness(1.05);
}
.cz-search-ico { font-size: 16px; line-height: 1; }

/* 热搜词 */
.cz-hotwords {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 0 6px;
    flex-wrap: wrap;
}
.cz-hot-label {
    font-size: 12px;
    color: var(--sn-text-light);
    font-weight: 600;
}
.cz-hotwords a {
    font-size: 12px;
    color: var(--sn-text-sub);
    padding: 2px 10px;
    border-radius: 999px;
    background: #FFF4E6;
    transition: all .15s;
    text-decoration: none;
}
.cz-hotwords a:hover {
    color: #fff;
    background: linear-gradient(90deg, var(--orange), var(--orange-light));
}

/* 购物车 */
.cz-cart { flex-shrink: 0; }
.cz-cart-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    background: #fff;
    border: 2px solid var(--sn-border);
    border-radius: 999px;
    color: var(--sn-text);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all .2s;
    box-shadow: 0 2px 8px rgba(255,106,0,0.06);
}
.cz-cart-link:hover {
    border-color: var(--orange);
    color: var(--orange);
    box-shadow: 0 4px 14px rgba(255,106,0,0.15);
    transform: translateY(-1px);
}
.cz-cart-ico { font-size: 18px; }
.cz-cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    background: linear-gradient(135deg, #FF3B30, #FF6A00);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 8px rgba(255,59,48,0.35);
    border: 2px solid #fff;
}

/* ============================================================
   贵州愿味爱食品有限公司风格：导航栏（全部分类下拉 + 菜单）
   ============================================================ */
.cz-nav-bar {
    background: linear-gradient(90deg, var(--orange) 0%, var(--orange-light) 100%);
    box-shadow: 0 4px 16px rgba(255,106,0,0.2);
}
.cz-nav-inner {
    display: flex;
    align-items: stretch;
    width: 1200px;
    margin: 0 auto;
    height: 50px;
    position: relative;
    z-index: 50;
}

/* 全部分类 */
.cz-all-cate {
    width: 220px;
    flex-shrink: 0;
    position: relative;
    background: rgba(0,0,0,0.1);
}
.cz-all-cate-head {
    height: 50px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s;
}
.cz-all-cate-head:hover { background: rgba(0,0,0,0.18); }
.cz-all-cate-ico { font-size: 18px; }
.cz-all-cate-arrow { margin-left: auto; font-size: 11px; opacity: .85; }

/* 全部分类下拉菜单（hover显示） */
.cz-all-cate-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0 0 var(--r-lg) var(--r-lg);
    box-shadow: 0 12px 40px rgba(255,106,0,0.25);
    overflow: hidden;
    border: 2px solid var(--sn-border);
    border-top: none;
}
.cz-all-cate:hover .cz-all-cate-menu { display: block; }
.cz-all-cate-menu ul { margin: 0; padding: 8px 0; list-style: none; }
.cz-all-cate-menu ul li { margin: 0; }
.cz-all-cate-menu ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    color: var(--sn-text);
    font-size: 14px;
    transition: all .15s;
    text-decoration: none;
}
.cz-all-cate-menu ul li a:hover {
    background: linear-gradient(90deg, var(--cream), #fff);
    color: var(--orange);
    padding-left: 24px;
}
.cz-cate-ico { font-size: 18px; width: 24px; text-align: center; }
.cz-cate-name { flex: 1; font-weight: 500; }
.cz-cate-arrow { color: var(--sn-text-light); font-size: 14px; }
.cz-all-cate-menu ul li a:hover .cz-cate-arrow { color: var(--orange); }

/* 导航菜单 */
.cz-nav-menu {
    display: flex;
    align-items: stretch;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}
.cz-nav-menu li { margin: 0; }
.cz-nav-menu li a {
    display: block;
    padding: 0 28px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    transition: background .2s;
    text-decoration: none;
    position: relative;
}
.cz-nav-menu li a:hover { background: rgba(255,255,255,0.18); }
.cz-nav-menu li.active a {
    background: rgba(255,255,255,0.22);
    font-weight: 700;
}
.cz-nav-menu li.active a::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 36px;
    height: 3px;
    background: #fff;
    border-radius: 3px 3px 0 0;
}

/* ============================================================
   贵州愿味爱食品有限公司风格：首屏 三栏布局（分类侧栏 + Banner + 右小图）
   ============================================================ */
.cz-hero {
    background: linear-gradient(180deg, #FFFBF0 0%, #FFFFFF 100%);
    padding: 16px 0 24px;
}
.cz-hero-inner {
    display: grid;
    grid-template-columns: 220px 1fr 240px;
    gap: 16px;
    align-items: stretch;
    width: 1200px;
    margin: 0 auto;
}

/* 左侧分类侧栏 */
.cz-hero-left { min-width: 0; }
.cz-cate-sidebar {
    background: #fff;
    border-radius: var(--r-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--sn-border);
    overflow: hidden;
    height: 100%;
}
.cz-cate-sidebar ul { margin: 0; padding: 8px 0; list-style: none; }
.cz-cate-sidebar ul li { margin: 0; border-bottom: 1px dashed var(--sn-border); }
.cz-cate-sidebar ul li:last-child { border-bottom: none; }
.cz-cate-sidebar ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    color: var(--sn-text);
    font-size: 13px;
    transition: all .15s;
    text-decoration: none;
}
.cz-cate-sidebar ul li a:hover {
    background: linear-gradient(90deg, var(--cream), #fff);
    color: var(--orange);
    padding-left: 20px;
}

/* 中间 Banner */
.cz-hero-center { min-width: 0; }
.cz-banner {
    position: relative;
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    height: 100%;
    background: var(--cream);
}
.cz-banner a { display: block; height: 100%; }
.cz-banner img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    display: block;
}
.cz-banner-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 5;
}
.cz-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all .2s;
}
.cz-dot.active {
    width: 24px;
    border-radius: 999px;
    background: #fff;
}

/* 右侧小图区 */
.cz-hero-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}
.cz-right-card {
    flex: 1;
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    background: var(--cream);
    display: block;
    transition: all .25s;
    min-height: 202px;
}
.cz-right-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-hover);
}
.cz-right-card img {
    width: 100%;
    height: 100%;
    min-height: 202px;
    object-fit: cover;
    display: block;
}

/* 隐藏旧的first-screen / floor_top / ng-header / ng-nav-bar 区块，避免冲突 */
.first-screen,
.floor_top,
.ng-header,
.ng-channel-header,
.ng-nav-bar,
.ng-nav-bar-chanel,
.ng-logo-box,
.ng-search,
.channel-search,
.g-search,
.search-keyword-box,
.ng-nav-index {
    display: none !important;
}

/* 响应式 */
@media (max-width: 1200px) {
    .cz-header-inner,
    .cz-nav-inner,
    .cz-hero-inner { width: 100%; padding: 0 16px; box-sizing: border-box; }
    .cz-hero-inner { grid-template-columns: 200px 1fr 200px; }
}
@media (max-width: 960px) {
    .cz-header-inner { flex-wrap: wrap; gap: 16px; }
    .cz-search { order: 3; flex-basis: 100%; }
    .cz-hero-inner { grid-template-columns: 1fr; }
    .cz-hero-left { display: none; }
    .cz-hero-right { flex-direction: row; }
    .cz-all-cate { display: none; }
}

/* ============================================================
   贵州愿味爱食品有限公司风格：列表页（面包屑 + 整体背景 + 旧版结构隐藏）
   ============================================================ */

/* 贵州愿味爱食品有限公司面包屑导航 */
.cz-breadcrumb-layout {
    background: transparent;
    padding: 0;
    margin: 16px 0 0 0;
}
.cz-breadcrumb {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: var(--r);
    padding: 12px 18px;
    box-shadow: var(--shadow-sm);
    font-size: 13px;
    color: var(--sn-text-sub);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.cz-breadcrumb i { color: var(--orange); margin-right: 6px; }
.cz-breadcrumb a {
    color: var(--sn-text-sub);
    text-decoration: none;
    transition: color .15s;
}
.cz-breadcrumb a:hover { color: var(--orange); }
.cz-breadcrumb .cz-bc-arrow {
    color: var(--sn-text-light);
    padding: 0 2px;
    font-size: 14px;
}
.cz-breadcrumb .cz-bc-current {
    color: var(--orange);
    font-weight: 600;
}

/* 列表/搜索页 body 背景（与首页贵州愿味爱食品有限公司风格统一奶油色） */
body.root1200,
body {
    background: var(--sn-bg) !important;
}

/* 隐藏旧版面包屑布局，避免双份显示 */
.dsh-breadcrumb-layout { display: none !important; }

/* 列表页 wrapper 宽度统一（1200px 与首页一致） */
.dsh-container.wrapper,
.wrapper {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .cz-breadcrumb,
    .dsh-container.wrapper,
    .wrapper { width: 100%; padding: 0 16px; box-sizing: border-box; }
}

/* 让搜索页的筛选/排序卡片更贴近贵州愿味爱食品有限公司风格：补充圆角阴影细节 */
.snack-search-wrap { padding-top: 20px !important; }
.snack-sort-bar.sticky {
    position: sticky !important;
    top: 0;
    z-index: 20;
    border-radius: 0 !important;
}

/* 商品卡片 hover 抬起效果增强 */
.snack-goods-grid-wrap .goods-content:hover {
    border: 1px solid var(--orange);
}

/* ============================================================
   贵州愿味爱食品有限公司风格：导航栏 "全部分类" 下拉面板（与 L1720 主导航对齐，高度50px/宽220px）
   ============================================================ */

/* 下拉面板：默认隐藏，hover 展开（宽度与 .cz-all-cate 同：220px，高度填满50px） */
.cz-all-cate-panel {
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    background: #fff;
    border-left: 2px solid var(--orange);
    border-right: 2px solid var(--orange);
    border-bottom: 2px solid var(--orange);
    border-radius: 0 0 var(--r) var(--r);
    padding: 6px 0 8px;
    box-shadow: 0 14px 36px rgba(255, 106, 0, 0.22);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: all .2s ease;
    overflow: hidden;
}
.cz-all-cate:hover .cz-all-cate-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 分类列表项 */
.cz-cate-list { list-style: none; margin: 0; padding: 0; }
.cz-cate-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 16px;
    text-decoration: none;
    color: var(--sn-text);
    font-size: 14px;
    font-weight: 500;
    transition: background .15s, padding-left .15s, color .15s;
}
.cz-cate-link:hover {
    background: var(--cream);
    color: var(--orange);
    padding-left: 22px;
}
.cz-cate-link .cz-cate-ico {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: var(--cream);
    font-size: 16px;
    line-height: 1;
    text-align: center;
}
.cz-cate-link .cz-cate-ico img {
    max-width: 22px;
    max-height: 22px;
    object-fit: contain;
    border-radius: 6px;
    display: block;
}
.cz-cate-ico-default { background: linear-gradient(135deg, #FFE4CC, #FFD166); }
.cz-cate-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cz-cate-arrow {
    color: var(--sn-text-light);
    font-size: 16px;
    transition: transform .15s, color .15s;
    margin-left: auto;
}
.cz-cate-link:hover .cz-cate-arrow { color: var(--orange); transform: translateX(3px); }

/* 查看全部分类 底部链接 */
.cz-all-cate-more {
    display: block;
    text-align: center;
    padding: 10px 16px;
    margin: 4px 14px 0;
    border-top: 1px dashed var(--sn-border);
    color: var(--orange);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background .15s;
    border-radius: 10px;
}
.cz-all-cate-more:hover { background: var(--cream); }

/* ============================================================
   贵州愿味爱食品有限公司风格：列表页（面包屑 + 整体背景 + Wrapper 宽度约束修正）
   ============================================================ */

/* 贵州愿味爱食品有限公司面包屑导航 */
.cz-breadcrumb-layout {
    background: transparent;
    padding: 0;
    margin: 12px 0 0 0;
}
.cz-breadcrumb {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: var(--r);
    padding: 12px 18px;
    box-shadow: var(--shadow-sm);
    font-size: 13px;
    color: var(--sn-text-sub);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    box-sizing: border-box;
}
.cz-breadcrumb i { color: var(--orange); margin-right: 6px; }
.cz-breadcrumb a { color: var(--sn-text-sub); text-decoration: none; transition: color .15s; }
.cz-breadcrumb a:hover { color: var(--orange); }
.cz-breadcrumb .cz-bc-arrow { color: var(--sn-text-light); padding: 0 2px; font-size: 14px; }
.cz-breadcrumb .cz-bc-current { color: var(--orange); font-weight: 600; }

/* 全局背景统一奶油色（与首页一致） */
body.root1200,
body { background: var(--sn-bg) !important; }

/* 旧版面包屑隐藏（避免双份） */
.dsh-breadcrumb-layout { display: none !important; }

/* 列表/详情页容器宽度：仅顶层 1200px 居中，内层不强制（防详情页内部嵌套被撑坏） */
body > .wrapper,
body > .dsh-container.wrapper,
body > .w1200,
.dsh-container.wrapper,
.wrapper,
.w1200 {
    max-width: 1200px;
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}
/* 详情卡片/促销模块内部的嵌套 wrapper：回归 100%，不要强行 1200 */
.snack-goods-detail .wrapper,
.snack-goods-detail .w1200,
.dss-promotion .wrapper,
.dss-promotion .w1200,
.wrapper .wrapper,
.w1200 .w1200,
.w1200 .wrapper,
.wrapper .w1200 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width: 1200px) {
    .cz-breadcrumb,
    .dsh-container.wrapper,
    .wrapper,
    .w1200,
    body > .w1200 { width: 100%; padding: 0 16px; }
    .seller_main.w1200 { padding: 0 !important; }
}

/* 搜索页顶部间距 */
.snack-search-wrap { padding-top: 18px !important; }
.snack-sort-bar.sticky {
    position: sticky !important;
    top: 0;
    z-index: 20;
    border-radius: 0 !important;
}

/* 商品卡片 hover 抬起效果增强 */
.snack-goods-grid-wrap .goods-content:hover { border: 1px solid var(--orange); }

/* ============================================================
   贵州愿味爱食品有限公司风格：商品详情页（统一 GRID 两栏，消除两套冲突）
   结构：左图480px / 右购买信息1fr / 下方详细介绍横跨双栏
   ============================================================ */

/* 卡片本体 */
.snack-goods-detail {
    display: grid !important;
    grid-template-columns: 480px 1fr;
    gap: 32px;
    align-items: start;
    width: 100% !important;
    max-width: 100% !important;
    margin: 20px 0 0 0 !important;
    padding: 28px !important;
    background: #fff;
    border-radius: var(--r);
    box-shadow: var(--shadow-sm);
    box-sizing: border-box;
}
/* 清除旧 clearfix float 残留 */
.snack-goods-detail::after { display: none !important; }

/* 左图列（gallery + intro_l 都是容器，随 grid 占位，不写死宽度以免 overflow） */
.snack-goods-detail .intro_l,
.snack-goods-detail .snack-gallery,
.snack-goods-detail .dss-goods-summary,
.snack-goods-detail .snack-buy-info {
    float: none !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* 主图 */
.snack-goods-detail .snack-main-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    border-radius: var(--r);
    overflow: hidden;
    background: var(--cream);
    border: 2px solid var(--sn-border);
    box-sizing: border-box;
}
.snack-goods-detail .snack-main-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* 缩略图行 */
.snack-goods-detail .snack-thumbs { margin-top: 14px; }
.snack-goods-detail .snack-thumbs img {
    width: 80px;
    height: 80px;
    border-radius: var(--r-sm);
    object-fit: cover;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color .2s;
    box-sizing: border-box;
}
.snack-goods-detail .snack-thumbs img.active,
.snack-goods-detail .snack-thumbs img:hover { border-color: var(--orange); }
.snack-goods-detail .snack-thumbs .small-pic-li.active img { border-color: var(--orange); }

/* 承诺标签（满99包邮/正品保障/7天无理由）与缩略图间距、字号放大 */
.snack-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
.snack-badges span {
    padding: 6px 14px !important;
    background: var(--cream);
    color: var(--orange);
    border-radius: var(--r-full);
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.5;
    white-space: nowrap;
}

/* 右购买列：标题 */
.snack-gd-title {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    color: var(--sn-text) !important;
    margin: 0 0 10px 0 !important;
}
.snack-goods-detail .name { margin-bottom: 6px; }
.snack-goods-detail .name strong {
    font-size: 13px;
    color: var(--sn-text-sub);
    display: block;
    margin-top: 4px;
    line-height: 1.6;
}

/* 价格卡：改为 100% 宽，使用 flexbox 布局 */
.snack-goods-detail .dss-meta,
.snack-price-card {
    width: 100% !important;
    background: linear-gradient(135deg, var(--cream), #FFE4CC) !important;
    border-radius: var(--r) !important;
    padding: 16px 20px !important;
    margin: 12px 0 !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.snack-goods-detail .dss-meta dl { margin: 0 !important; padding: 0 !important; display: flex; align-items: baseline; gap: 10px; }
.snack-goods-detail .dss-meta dl:last-child { margin-bottom: 0 !important; }
.snack-goods-detail .dss-meta dt {
    color: var(--sn-text-sub);
    font-size: 13px;
    width: auto;
    float: none !important;
    line-height: 1.4;
    flex-shrink: 0;
}
.snack-goods-detail .dss-meta dd {
    margin-left: 0 !important;
    line-height: 1.4;
    flex: 1;
}
.snack-goods-detail .dss-meta .marketprice { color: var(--sn-text-light); }
.snack-goods-detail .dss-meta .price {
    color: var(--orange) !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    display: inline-flex;
    align-items: baseline;
    gap: 2px;
}
.snack-goods-detail .dss-meta .price .currency { font-size: 16px; font-weight: 700; }

/* 购买按钮：统一 40px 高 + 胶囊圆角 */
.snack-goods-detail .dss-btn-group,
.dss-goods-summary .dss-btn-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}
.snack-buy-info .buy-btn,
.snack-buy-info .addcart-btn,
.dss-goods-summary .dss-btn-group .dss-btn,
.dss-goods-summary input[type="button"],
.dss-goods-summary a[class*="btn"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    min-width: 130px !important;
    padding: 0 20px !important;
    background: linear-gradient(135deg, var(--orange) 0%, var(--yellow) 100%) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border-radius: var(--r-full) !important;
    box-shadow: 0 2px 8px rgba(255, 106, 0, 0.2);
    transition: all .15s;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none !important;
}
.snack-buy-info .buy-btn:hover,
.snack-buy-info .addcart-btn:hover,
.dss-goods-summary .dss-btn-group .dss-btn:hover,
.dss-goods-summary input[type="button"]:hover,
.dss-goods-summary a[class*="btn"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(255, 106, 0, 0.3);
}

/* 下方促销 / 店铺推荐区 */
.dss-promotion {
    margin-top: 20px !important;
    border-radius: var(--r) !important;
    overflow: hidden;
    background: #fff;
    box-shadow: var(--shadow-sm);
    padding: 20px 28px !important;
    box-sizing: border-box;
}
.snack-goods-detail .intro_r {
    grid-column: 1 / -1;
    margin-top: 24px !important;
    background: #fff;
    border-radius: var(--r) !important;
    padding: 20px 24px !important;
    box-shadow: var(--shadow-sm);
    box-sizing: border-box;
}
.snack-goods-detail .intro_r .mt {
    text-align: left !important;
    height: auto !important;
    line-height: normal !important;
    position: relative;
    margin-bottom: 16px;
}
.snack-goods-detail .intro_r .mt h2 {
    color: var(--sn-text);
    border-left: 4px solid var(--orange);
    padding-left: 12px;
    font-size: 18px;
    font-weight: 700;
    display: block !important;
    background: none !important;
    position: static !important;
}
.snack-goods-detail .intro_r .mt span {
    display: none !important;
}
.snack-goods-detail .intro_r .mc {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 240px;
}
.snack-goods-detail .intro_r .mc ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    height: 220px;
}
.snack-goods-detail .intro_r .mc li {
    float: left !important;
    width: 150px !important;
    height: 220px !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    border: 1px solid var(--sn-border);
    border-radius: var(--r-sm);
    overflow: hidden;
    background: #fff;
    transition: all .2s;
    list-style: none !important;
    box-sizing: border-box;
}
.snack-goods-detail .intro_r .mc li:hover {
    border-color: var(--orange);
    box-shadow: var(--shadow-sm);
    transform: translateY(-2px);
}
.snack-goods-detail .intro_r .mc .p_img {
    width: 100% !important;
    height: 150px !important;
    overflow: hidden;
    position: relative !important;
}
.snack-goods-detail .intro_r .mc .p_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
}
.snack-goods-detail .intro_r .mc .p_name {
    height: auto !important;
    width: 100% !important;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    background: transparent !important;
    opacity: 1 !important;
    padding: 6px 10px 2px !important;
    font-size: 12px;
    line-height: 1.3;
    color: var(--sn-text);
    display: block !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.snack-goods-detail .intro_r .mc .p_price {
    width: 100% !important;
    height: auto !important;
    line-height: 1.3;
    text-align: left !important;
    color: var(--orange) !important;
    padding: 4px 10px 10px !important;
    font-size: 14px;
    font-weight: 700;
    display: block !important;
}
.snack-goods-detail .intro_r .mb {
    text-align: center;
    margin-top: 12px;
    height: auto;
    line-height: normal;
    display: flex;
    justify-content: center;
    gap: 12px;
}
.snack-goods-detail .intro_r .mb a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--sn-border);
    border-radius: 50%;
    margin: 0;
    color: var(--sn-text-sub);
    background: #fff;
    cursor: pointer;
    transition: all .2s;
    font-size: 18px !important;
    text-decoration: none;
    line-height: 1;
}
.snack-goods-detail .intro_r .mb a:hover {
    border-color: var(--orange);
    color: var(--orange);
    background: var(--cream);
}
.snack-goods-detail .intro_r .mb a.next { float: none !important; }
.snack-goods-detail .intro_r .mb a.prev { float: none !important; }
.snack-goods-detail .intro_r .mb .nav-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
}
.snack-goods-detail .intro_r .p_price { color: var(--orange); font-weight: 800; }

/* 购买区：数量选择、按钮、物流等布局 */
.snack-goods-detail .dss-buy {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 12px;
}
.snack-goods-detail .dss-figure-input {
    display: flex;
    align-items: center;
    gap: 0;
    height: 36px;
}
.snack-goods-detail .dss-figure-input a.decrease,
.snack-goods-detail .dss-figure-input a.increase {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border: 1.5px solid var(--sn-border);
    background: #fff;
    color: var(--sn-text);
    font-size: 16px !important;
    cursor: pointer;
    transition: all .15s;
    text-decoration: none;
    box-sizing: border-box;
    line-height: 1;
}
.snack-goods-detail .dss-figure-input a.decrease {
    border-radius: var(--r-sm) 0 0 var(--r-sm);
    border-right: none;
}
.snack-goods-detail .dss-figure-input a.increase {
    border-radius: 0 var(--r-sm) var(--r-sm) 0;
}
.snack-goods-detail .dss-figure-input a.decrease:hover,
.snack-goods-detail .dss-figure-input a.increase:hover {
    border-color: var(--orange);
    color: var(--orange);
}
.snack-goods-detail .dss-figure-input .input-text {
    width: 50px !important;
    height: 36px !important;
    border: 1.5px solid var(--sn-border);
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    color: var(--sn-text);
    padding: 0 !important;
    margin: 0 !important;
    line-height: 36px;
    outline: none;
    box-sizing: border-box;
}
.snack-goods-detail .dss-figure-input .input-text:focus {
    border-color: var(--orange);
}
.snack-goods-detail .dss-point {
    font-size: 13px;
    color: var(--sn-text-sub);
    padding: 4px 0;
}
.snack-goods-detail .dss-point strong {
    color: var(--orange);
    font-weight: 700;
}
.snack-goods-detail .dss-btn {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}
.snack-goods-detail .dss-btn a.addcart,
.snack-goods-detail .dss-btn a.buynow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    height: 40px !important;
    min-width: 130px !important;
    padding: 0 20px !important;
    border-radius: var(--r-full) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: all .15s;
    border: none !important;
    box-sizing: border-box;
    line-height: 1 !important;
}
.snack-goods-detail .dss-btn a.addcart {
    background: linear-gradient(135deg, var(--orange), var(--yellow)) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(255, 106, 0, 0.2);
}
.snack-goods-detail .dss-btn a.buynow {
    background: var(--orange) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(255, 106, 0, 0.25);
}
.snack-goods-detail .dss-btn a.addcart:hover,
.snack-goods-detail .dss-btn a.buynow:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 106, 0, 0.3);
}
.snack-goods-detail .dss-btn a.addcart.no-addcart,
.snack-goods-detail .dss-btn a.buynow.no-buynow {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}
.snack-goods-detail .dss-btn a.addcart i,
.snack-goods-detail .dss-btn a.buynow i {
    font-size: 16px !important;
    margin-right: 2px !important;
}

/* 物流与送达信息 */
.snack-goods-detail .dss-logistics {
    font-size: 13px;
    color: var(--sn-text-sub);
    margin-top: 4px;
}
.snack-goods-detail .dss-logistics dl {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 4px 0;
}
.snack-goods-detail .dss-logistics dt {
    color: var(--sn-text-sub);
    width: auto;
    float: none !important;
    margin: 0;
    font-size: 13px;
}
.snack-goods-detail .dss-logistics dd {
    margin: 0;
    color: var(--sn-text);
    font-size: 13px;
}
.snack-goods-detail .dss-logistics .dss-freight-select {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border: 1px solid var(--sn-border);
    border-radius: var(--r-sm);
    background: #fff;
    cursor: pointer;
}
.snack-goods-detail .dss-logistics .dss-freight-prompt strong {
    color: var(--orange);
    font-weight: 600;
}

/* 商品规格区 */
.snack-goods-detail .dss-key {
    border-top: 1px solid var(--sn-border);
    padding-top: 10px;
    margin-top: 4px;
}
.snack-goods-detail .dss-key dl {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 6px 0;
    padding: 0;
    line-height: 1.5;
}
.snack-goods-detail .dss-key dt {
    color: var(--sn-text-sub);
    font-size: 13px;
    width: 80px;
    flex-shrink: 0;
    text-align: right;
    padding: 0;
    margin: 0;
    line-height: 1.5;
}
.snack-goods-detail .dss-key dd {
    margin: 0;
    font-size: 13px;
    color: var(--sn-text);
    flex: 1;
    line-height: 1.5;
}
.snack-goods-detail .dss-key li.sp-img a,
.snack-goods-detail .dss-key li.sp-txt a {
    display: inline-block;
    padding: 4px 10px;
    margin: 2px 4px 2px 0;
    border: 1px solid var(--sn-border);
    border-radius: var(--r-sm);
    background: #fff;
    color: var(--sn-text);
    font-size: 13px;
    cursor: pointer;
    transition: all .15s;
}
.snack-goods-detail .dss-key li.sp-img a:hover,
.snack-goods-detail .dss-key li.sp-txt a:hover,
.snack-goods-detail .dss-key li.sp-img a.hovered,
.snack-goods-detail .dss-key li.sp-txt a.hovered {
    border-color: var(--orange);
    color: var(--orange);
    background: var(--cream);
}

/* 响应式：详情页 ≤1200px 时两栏堆叠居中 */
@media (max-width: 1200px) {
    .snack-goods-detail {
        grid-template-columns: 1fr !important;
        padding: 20px !important;
    }
    .snack-goods-detail .snack-gallery,
    .snack-goods-detail .intro_l,
    .snack-goods-detail .snack-main-img {
        width: 100% !important;
        max-width: 520px;
        margin: 0 auto !important;
        height: auto !important;
    }
    .snack-goods-detail .dss-goods-summary,
    .snack-goods-detail .snack-buy-info { width: 100% !important; }
}