/* haoshangpifa UI refresh — hsp-ui-20261016
   Palette: navy primary (wholesale ledger), amber accent for section markers. */
:root{--hs-navy:#27406f;--hs-navy-2:#1d3155;--hs-amber:#c9821a;--hs-amber-soft:#fdf4e4;--hs-ink:#1f2633;--hs-text:#3a4252;--hs-muted:#6b7385;--hs-line:#e4e7ee;--hs-soft:#f6f7fa}
.site-logo-text{background:linear-gradient(120deg,#27406f 0%,#27406f 58%,#c9821a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:800!important;letter-spacing:.02em}
.section-title:before,.section-title::before,.sidebar-title:before,.sidebar-title::before{background:var(--hs-amber)!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--hs-navy);outline-offset:2px}


/* ---- recolor: theme indigo -> navy (generated from frontend-cascade + style.css) ---- */
.pjax-bar{background:linear-gradient(90deg,#27406f,#4a6699)}
.site-announcement__head{background:#f0f3f8}
.site-announcement__head .site-announcement__icon{background:linear-gradient(135deg,#27406f,#4a6699)}
.site-logo-text{background:linear-gradient(135deg,#27406f,#2b7de9)}
.main-nav a:after{background:linear-gradient(90deg,#27406f,#4a6699)}
.main-nav a:hover{color:#27406f}
.main-nav a.active{color:#27406f}
.nav-dropdown-menu a:before{background:#27406f}
.nav-dropdown-menu a:hover{background:#f0f3f8;color:#27406f}
.header-action-btn:hover{background:#f0f3f8;color:#27406f}
.header-action-btn--text{background:#f0f3f8;color:#27406f}
.header-user:hover,.header-user-dropdown:hover .header-user{background:#f0f3f8}
.header-user-menu-item:hover i.fa{color:#27406f}
.header-menu-btn:hover{background:#f0f3f8}
.mobile-nav-item:hover,.mobile-nav-item.active{background:#f0f3f8;color:#27406f}
.mobile-nav-sub-item:hover{background:#f0f3f8;color:#27406f}
.btn-primary{background:#27406f}
.btn-primary:hover{background:#1d3155}
.btn-outline:hover{border-color:#27406f;color:#27406f;background:#f0f3f8}
.goods-card:hover .card-title{color:#27406f}
.article-card:hover .card-title{color:#27406f}
.article-grid .card:hover .card-title{color:#27406f}
.breadcrumb a:hover{color:#27406f}
.section-title:before{background:#27406f}
.section-more:hover{color:#27406f}
.hero-carousel{background:linear-gradient(135deg,#27406f,#1a6dd6)}
.hero-slide{background:linear-gradient(135deg,#27406f,#1a6dd6)}
.hero-slide .btn:hover,.hero .btn:hover{color:#27406f}
.detail-thumb.active{border-color:#27406f}
.spec-btn:hover{border-color:#27406f;color:#27406f}
.spec-btn.active{border-color:#27406f;background:#eef1f6;color:#27406f}
.detail-form-field-input:focus{border-color:#27406f}
.detail-meta-tab-btn.active{color:#27406f;border-bottom-color:#27406f}
.detail-payment-item:hover{border-color:#27406f}
.detail-payment-item.active{border-color:#27406f;background:#eef1f6;color:#27406f}
.article-nav a:hover{color:#27406f}
.search-input:focus{border-color:#27406f}
.empty-state .empty-icon{background:#eef1f6;color:#27406f}
.empty-btn{background:#27406f;border:1px solid #27406f}
.empty-btn:hover{background:#1d3155;border-color:#1d3155}
.empty-btn--ghost{color:#27406f;border-color:#c9d2e3}
.empty-btn--ghost:hover{background:#eef1f6;color:#27406f;border-color:#b9c5dc}
.empty-tips i{color:#c9d2e3}
.empty-decor__dot--1{background:#c9d2e3}
.empty-decor__ring{border:2px dashed #e6eaf2}
.empty-icon--glow:before,.empty-icon--glow:after{border:2px solid #c9d2e3}
.empty-feature:hover{border-color:#e6eaf2}
.not-found-code{color:#27406f}
.sidebar-title:before{background:#27406f}
.sidebar-list a:hover{color:#27406f}
.sidebar-post:hover{color:#27406f}
.sidebar-rank.top{background:#27406f}
.sidebar-tag:hover{border-color:#27406f;color:#27406f;background:#f0f3f8}
.sidebar-goods-item:hover .sidebar-goods-name{color:#27406f}
.sidebar-cat-parent:hover{color:#27406f}
.sidebar-cat-child:hover{color:#27406f}
.sidebar-user-btn--primary{background:#27406f!important}
.sidebar-user-btn--primary:hover{background:#1d3155!important}
.category-tab:hover{border-color:#27406f;color:#27406f}
.category-tab.active{background:#27406f;border-color:#27406f}
.category-tabs--sub .category-tab.active{background:#27406f;border-color:#27406f}
.goods-sort-link:hover{border-color:#27406f;color:#27406f}
.goods-sort-link.active{background:#27406f;border-color:#27406f}
.blog-article-card:hover .blog-article-title{color:#27406f}
.sidebar-article-item:hover .sidebar-article-title{color:#27406f}
.search-modal-tab.active{color:#27406f}
.search-modal-bar button{color:#27406f}
.search-modal-bar button:hover{color:#1d3155}
.search-type-tab:hover{color:#27406f}
.search-type-tab.active{color:#27406f;border-bottom-color:#27406f}
.pagination-btn:hover,.pagination-num:hover{border-color:#27406f;color:#27406f}
.pagination-num.active{background:#27406f;border-color:#27406f}
.comment-count{color:#27406f}
.comment-textarea:focus{border-color:#27406f}
.comment-submit-btn{background:#27406f}
.comment-submit-btn:hover{background:#1d3155}
.comment-login-btn{color:#27406f;border:1px solid #27406f}
.comment-login-btn:hover{background:#27406f}
.comment-reply-to b{color:#27406f}
.comment-action-btn:hover{color:#27406f}
.comment-load-replies-btn{color:#27406f}
.comment-load-replies-btn:hover{color:#1d3155}
.comment-page-btn:hover{border-color:#27406f;color:#27406f}
.comment-page-btn.active{background:#27406f;border-color:#27406f}
.article-tag{color:#4a6699;background:#eef1f6}
.article-tag:hover{background:#4a6699}
.article-tag-label{color:#4a6699;background:#eef1f6}
.sidebar-tag:hover{background:#4a6699}
.tag-page-icon{background:linear-gradient(135deg,#4a6699,#3d6fe0)}
.tag-page-item.active{background:#4a6699}
.auth-input-wrap:focus-within{border-color:#27406f}
.auth-input-wrap:focus-within>i.fa{color:#27406f}
.auth-submit{background:linear-gradient(135deg,#27406f,#2b7de9)}
.auth-footer a{color:#27406f}
.coupon-intro i{color:#27406f}
.coupon-card__left{background:linear-gradient(135deg,#27406f,#2b7de9)}
.coupon-card__tag{background:#eef1f6;color:#27406f}
.coupon-card__code-val{color:#27406f}
.coupon-btn-ghost{color:#27406f;border-color:#27406f}
.coupon-btn-ghost:hover{background:#eef1f6}
.coupon-btn-primary{background:#27406f}
.coupon-btn-primary:hover{background:#1d3155}
.detail-addr-item:hover{border-color:#b9c5dc}
.btn--outline:hover{color:#27406f}
.pjax-bar{background:linear-gradient(90deg, #27406f, #4a6699)}
.site-announcement__head{background:#f0f3f8}
.site-announcement__head .site-announcement__icon{background:linear-gradient(135deg, #27406f 0%, #4a6699 100%);box-shadow:0 2px 6px rgba(39,64,111,0.25)}
.site-logo-text{background:linear-gradient(135deg, #27406f 0%, #2b7de9 100%)}
.main-nav a::after{background:linear-gradient(90deg, #27406f, #4a6699)}
.main-nav a:hover{color:#27406f}
.main-nav a.active{color:#27406f}
.nav-dropdown-menu a::before{background:#27406f}
.nav-dropdown-menu a:hover{background:#f0f3f8;color:#27406f}
.header-action-btn:hover{background:#f0f3f8;color:#27406f}
.header-action-btn--text{background:#f0f3f8;color:#27406f}
.header-user:hover,
.header-user-dropdown:hover .header-user{background:#f0f3f8}
.header-user-menu-item:hover i.fa{color:#27406f}
.header-menu-btn:hover{background:#f0f3f8}
.mobile-nav-item:hover,
.mobile-nav-item.active{background:#f0f3f8;color:#27406f}
.mobile-nav-sub-item:hover{background:#f0f3f8;color:#27406f}
.btn-primary{background:#27406f;box-shadow:0 2px 8px rgba(39,64,111,0.25)}
.btn-primary:hover{background:#1d3155;box-shadow:0 4px 12px rgba(39,64,111,0.35)}
.btn-outline:hover{border-color:#27406f;color:#27406f;background:#f0f3f8}
.goods-card:hover .card-title{color:#27406f}
.article-card:hover .card-title{color:#27406f}
.article-grid .card:hover .card-title{color:#27406f}
.breadcrumb a:hover{color:#27406f}
.section-title::before{background:#27406f}
.section-more:hover{color:#27406f}
.hero-carousel{background:linear-gradient(135deg, #27406f 0%, #1a6dd6 100%)}
.hero-slide{background:linear-gradient(135deg, #27406f 0%, #1a6dd6 100%)}
.hero-slide .btn:hover, .hero .btn:hover{color:#27406f}
.detail-thumb.active{border-color:#27406f}
.spec-btn:hover{border-color:#27406f;color:#27406f}
.spec-btn.active{border-color:#27406f;background:#eef1f6;color:#27406f}
.detail-form-field-input:focus{border-color:#27406f;box-shadow:0 0 0 3px rgba(39,64,111,0.1)}
.detail-meta-tab-btn.active{color:#27406f;border-bottom-color:#27406f}
.detail-payment-item:hover{border-color:#27406f}
.detail-payment-item.active{border-color:#27406f;background:#eef1f6;color:#27406f}
.article-nav a:hover{color:#27406f}
.search-input:focus{border-color:#27406f;box-shadow:0 0 0 3px rgba(39,64,111,0.08)}
.empty-state .empty-icon{background:#eef1f6;color:#27406f}
.empty-btn{background:#27406f;border:1px solid #27406f}
.empty-btn:hover{background:#1d3155;border-color:#1d3155}
.empty-btn--ghost{color:#27406f;border-color:#c9d2e3}
.empty-btn--ghost:hover{background:#eef1f6;color:#27406f;border-color:#b9c5dc}
.empty-tips i{color:#c9d2e3}
.empty-decor__dot--1{background:#c9d2e3}
.empty-decor__ring{border:2px dashed #e6eaf2}
.empty-icon--glow::before,
.empty-icon--glow::after{border:2px solid #c9d2e3}
.empty-feature:hover{border-color:#e6eaf2;box-shadow:0 6px 18px rgba(39,64,111,0.08)}
.not-found-code{color:#27406f}
.sidebar-title::before{background:#27406f}
.sidebar-list a:hover{color:#27406f}
.sidebar-post:hover{color:#27406f}
.sidebar-rank.top{background:#27406f}
.sidebar-tag:hover{border-color:#27406f;color:#27406f;background:#f0f3f8}
.sidebar-goods-item:hover .sidebar-goods-name{color:#27406f}
.sidebar-cat-parent:hover{color:#27406f}
.sidebar-cat-child:hover{color:#27406f}
.sidebar-user-btn--primary{background:#27406f !important}
.sidebar-user-btn--primary:hover{background:#1d3155 !important}
.category-tab:hover{border-color:#27406f;color:#27406f}
.category-tab.active{background:#27406f;border-color:#27406f;box-shadow:0 2px 6px rgba(39,64,111,0.25)}
.category-tabs--sub .category-tab.active{background:#27406f;border-color:#27406f}
.goods-sort-link:hover{border-color:#27406f;color:#27406f}
.goods-sort-link.active{background:#27406f;border-color:#27406f}
.blog-article-card:hover .blog-article-title{color:#27406f}
.sidebar-article-item:hover .sidebar-article-title{color:#27406f}
.search-modal-tab.active{color:#27406f}
.search-modal-bar button{color:#27406f}
.search-modal-bar button:hover{color:#1d3155}
.search-type-tab:hover{color:#27406f}
.search-type-tab.active{color:#27406f;border-bottom-color:#27406f}
.pagination-btn:hover, .pagination-num:hover{border-color:#27406f;color:#27406f}
.pagination-num.active{background:#27406f;border-color:#27406f}
.comment-count{color:#27406f}
.comment-textarea:focus{border-color:#27406f;box-shadow:0 0 0 3px rgba(39,64,111,.1)}
.comment-submit-btn{background:#27406f}
.comment-submit-btn:hover{background:#1d3155;box-shadow:0 4px 12px rgba(39,64,111,.3)}
.comment-login-btn{color:#27406f;border:1px solid #27406f}
.comment-login-btn:hover{background:#27406f}
.comment-reply-to b{color:#27406f}
.comment-action-btn:hover{color:#27406f}
.comment-load-replies-btn{color:#27406f}
.comment-load-replies-btn:hover{color:#1d3155}
.comment-page-btn:hover{border-color:#27406f;color:#27406f}
.comment-page-btn.active{background:#27406f;border-color:#27406f}
.article-tag{color:#4a6699;background:#eef1f6}
.article-tag:hover{background:#4a6699}
.article-tag-label{color:#4a6699;background:#eef1f6}
.sidebar-tag:hover{background:#4a6699}
.tag-page-icon{background:linear-gradient(135deg, #4a6699, #3d6fe0)}
.tag-page-item.active{background:#4a6699}
.auth-input-wrap:focus-within{border-color:#27406f;box-shadow:0 0 0 3px rgba(39,64,111,0.1)}
.auth-input-wrap:focus-within > i.fa{color:#27406f}
.auth-submit{background:linear-gradient(135deg, #27406f, #2b7de9);box-shadow:0 4px 16px rgba(39,64,111,0.25)}
.auth-submit:hover{box-shadow:0 6px 24px rgba(39,64,111,0.35)}
.auth-footer a{color:#27406f}
.coupon-intro i{color:#27406f}
.coupon-card:hover{box-shadow:0 6px 20px rgba(39,64,111,0.12)}
.coupon-card__left{background:linear-gradient(135deg, #27406f, #2b7de9)}
.coupon-card__tag{background:#eef1f6;color:#27406f}
.coupon-card__code-val{color:#27406f}
.coupon-btn-ghost{color:#27406f;border-color:#27406f}
.coupon-btn-ghost:hover{background:#eef1f6}
.coupon-btn-primary{background:#27406f}
.coupon-btn-primary:hover{background:#1d3155;box-shadow:0 2px 8px rgba(39,64,111,0.3)}
.detail-addr-item:hover{border-color:#b9c5dc}
.btn--outline:hover{color:#27406f}

/* announcement: readable list instead of a wall of bold text */
.site-announcement__body{font-size:14px!important;line-height:1.85!important;color:var(--hs-text)!important}
.site-announcement__body>p:first-child{display:none}
.site-announcement__body ul{margin:0!important;padding-left:18px!important}
.site-announcement__body li{margin:3px 0!important;text-align:left!important}
.site-announcement__body li::marker{color:var(--hs-amber)}
.site-announcement__body strong{font-weight:600!important;color:var(--hs-ink)!important}
.site-announcement__body a{color:var(--hs-navy)!important;font-weight:600}
.site-announcement__head .site-announcement__icon{background:var(--hs-amber)!important;box-shadow:none!important}

/* long-form text: goods description + articles */
.article-detail .detail-body{font-size:15px;line-height:1.85;color:var(--hs-text)}
.article-detail .detail-body h2{font-size:18px!important;font-weight:700!important;color:var(--hs-ink)!important;line-height:1.4!important;margin:30px 0 10px!important;padding:0 0 0 12px!important;border-left:3px solid var(--hs-amber)}
.article-detail .detail-body>h2:first-child,.article-detail .detail-body>article>h2:first-child,.article-detail .detail-body>article>p:first-child{margin-top:0!important}
.article-detail .detail-body h3{font-size:16px!important;font-weight:700!important;color:var(--hs-ink)!important;margin:22px 0 8px!important;line-height:1.5!important}
.article-detail .detail-body p{margin:0 0 12px!important}
.article-detail .detail-body ul,.article-detail .detail-body ol{margin:0 0 14px!important;padding-left:22px!important}
.article-detail .detail-body li{margin:4px 0!important}
.article-detail .detail-body ul>li::marker{color:var(--hs-amber)}
.article-detail .detail-body ol>li::marker{color:var(--hs-navy);font-weight:700}
.article-detail .detail-body table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:14px}
.article-detail .detail-body th,.article-detail .detail-body td{border:1px solid var(--hs-line);padding:9px 12px;text-align:left}
.article-detail .detail-body th{background:var(--hs-soft);color:var(--hs-ink);font-weight:600}
.article-detail .detail-body section{margin:18px 0 0}
.article-detail .detail-body a{color:var(--hs-navy);text-decoration:underline;text-underline-offset:2px}
.article-detail .detail-title{color:var(--hs-ink)}

/* related wholesale goods: tidy two-column list */
.seo-related-goods{padding:22px 24px!important}
.seo-related-goods>h2{font-size:18px!important;font-weight:700!important;color:var(--hs-ink);margin:0 0 14px!important;padding-left:12px;border-left:3px solid var(--hs-amber);line-height:1.4}
.seo-related-goods>ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;line-height:1.6!important}
.seo-related-goods>ul>li{margin:0;min-width:0}
.seo-related-goods>ul>li>a{position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:100%;box-sizing:border-box;padding:11px 34px 11px 14px;border:1px solid var(--hs-line);border-radius:10px;background:var(--hs-soft);color:var(--hs-ink)!important;font-size:14px;text-decoration:none!important;transition:border-color .15s ease,background .15s ease}
.seo-related-goods>ul>li>a:after{content:"›";position:absolute;right:14px;top:50%;transform:translateY(-52%);font-size:20px;line-height:1;color:var(--hs-muted)}
.seo-related-goods>ul>li>a:hover{border-color:var(--hs-navy);background:#fff;color:var(--hs-navy)!important}

/* placeholder covers: show text-only cards instead of a big logo image */
figure[data-article-cover]:has(img[src$="article-logo-cover.png"]){display:none!important}
.blog-article-card:has(img[src$="article-logo-cover.png"]) .blog-article-img{display:none!important}
.sidebar-article-item:has(img[src$="article-logo-cover.png"]) .sidebar-article-img{display:none!important}
.blog-article-card:has(img[src$="article-logo-cover.png"]) .blog-article-body{border-top:3px solid var(--hs-amber)}

/* goods detail buy card */
.detail-price{color:#d4380d}
.detail-actions .btn-primary{min-width:180px;font-weight:700;letter-spacing:.04em}
.detail-payment-item.active,.detail-payment-item.is-active{border-color:var(--hs-navy)!important;background:#eef1f6!important;color:var(--hs-navy)!important}

@media (max-width:768px){
 .seo-related-goods{padding:18px 16px!important}
 .seo-related-goods>ul{grid-template-columns:1fr}
 .article-detail .detail-body{font-size:14.5px}
 .article-detail .detail-body h2{font-size:17px!important;margin-top:24px!important}
}
.site-announcement__body ul,.article-detail .detail-body ul{list-style:disc outside!important}
.article-detail .detail-body ol{list-style:decimal outside!important}
.site-announcement__body li,.article-detail .detail-body li{display:list-item!important}
.blog-article-card:has(img[src$="article-logo-cover.png"]){padding:0!important;overflow:hidden}
.blog-article-card:has(img[src$="article-logo-cover.png"]) .blog-article-body{padding:16px 18px 14px!important}
.blog-article-card .blog-article-title{color:var(--hs-ink)}

/* goods cards: smaller logo tiles, more products per screen */
.goods-card .card-img{aspect-ratio:4/3!important;height:auto!important;padding-top:0!important;background:#f6f7fa!important;display:flex!important;align-items:center;justify-content:center;border-bottom:1px solid var(--hs-line)}
.goods-card .card-img img{position:static!important;width:auto!important;height:64%!important;max-width:72%;object-fit:contain!important;border-radius:16px;transform:none!important}
.goods-card:hover .card-img img{transform:none!important}
.goods-card .card-title{color:var(--hs-ink)}
.category-tab-icon[style]{background:#eef1f6!important;color:var(--hs-navy)!important}

/* category list pages: compact notice + collapsible category tabs (hsp-ui JS) */
.site-announcement.hsp-ann-collapsed .site-announcement__body ul{max-height:52px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.hsp-ann-toggle{display:block;margin:0 0 12px 22px;padding:0;border:0;background:none;color:var(--hs-navy);font-size:13px;font-weight:600;cursor:pointer}
.category-tabs.hsp-tabs-collapsed{max-height:92px;overflow:hidden}
.category-tab.hsp-empty{opacity:.5}
.hsp-tabs-more{display:inline-flex;align-items:center;gap:6px;margin:4px 0 14px;padding:7px 14px;border:1px dashed #c9d2e3;border-radius:999px;background:#fff;color:var(--hs-navy);font-size:13px;font-weight:600;cursor:pointer}
.hsp-tabs-more:hover{border-style:solid;border-color:var(--hs-navy)}
@media (max-width:768px){.category-tabs.hsp-tabs-collapsed{max-height:84px}}

/* hsp card rhythm 20261018: presentation only */
.blog-main .goods-grid{gap:20px!important;align-items:stretch}
.blog-main .goods-grid .goods-card{display:flex!important;flex-direction:column;min-width:0;overflow:hidden;background:#fff!important;border:1px solid #e5eaf2!important;border-radius:14px!important;box-shadow:0 2px 8px rgba(27,43,68,.025)!important;transition:border-color .18s,box-shadow .18s}
.blog-main .goods-grid .goods-card:hover{border-color:#c4cfe0!important;box-shadow:0 6px 18px rgba(27,43,68,.07)!important}
.blog-main .goods-grid .goods-card .card-img{aspect-ratio:auto!important;height:160px!important;flex:0 0 160px;padding:22px!important;box-sizing:border-box;background:#f8f9fc!important;position:relative}
.blog-main .goods-grid .goods-card .card-img img{width:96px!important;height:96px!important;max-width:100%!important;object-fit:contain!important;border-radius:18px}
.blog-main .goods-grid .goods-badge{top:10px!important;right:10px!important;padding:3px 7px!important;font-size:11px!important;line-height:18px!important;font-weight:500!important;border-radius:5px!important;box-shadow:none!important;background:#eaf7ef!important;color:#218346!important}
.blog-main .goods-grid .card-body{display:flex!important;flex-direction:column;flex:1;padding:16px!important;gap:0!important}
.blog-main .goods-grid .card-title{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;height:46px!important;min-height:46px!important;line-height:23px!important;margin:0 0 12px!important;font-size:15px!important;font-weight:500!important;word-break:break-word}
.blog-main .goods-grid .card-stats{margin:0 0 6px!important;font-size:12px!important;line-height:18px!important;color:#8993a3!important}
.blog-main .goods-grid .card-bottom{margin-top:auto!important;line-height:26px!important}
.blog-main .goods-grid .price{font-size:20px!important;font-weight:700!important;font-variant-numeric:tabular-nums;color:#dd493e!important}
.blog-main .goods-grid .goods-card:focus-visible{outline:3px solid #7b9bd0;outline-offset:3px}
@media(max-width:768px){.blog-main .goods-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.blog-main .goods-grid .goods-card .card-img{height:128px!important;flex-basis:128px;padding:18px!important}.blog-main .goods-grid .goods-card .card-img img{width:76px!important;height:76px!important}.blog-main .goods-grid .card-body{padding:12px!important}.blog-main .goods-grid .card-title{font-size:14px!important;line-height:21px!important;height:42px!important;min-height:42px!important}.blog-main .goods-grid .price{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.blog-main .goods-grid .goods-card{transition:none}}

/* hp landing pilot 20261020 */
.hp-landing-guide{margin:0 0 24px;padding:22px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;color:#40516a;line-height:1.8;overflow-wrap:anywhere}
.hp-landing-guide h2{margin:0 0 10px;font-size:20px;line-height:1.5;color:#1d2d45}.hp-landing-guide p{margin:0 0 12px;font-size:14px}
.hp-landing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.hp-landing-grid>a{display:block;padding:16px;background:#f8f9fc;border:1px solid #e5eaf2;border-radius:10px;color:inherit;text-decoration:none}
.hp-landing-grid>a:hover,.hp-landing-grid>a:focus-visible{border-color:#8da5ca}.hp-landing-grid h3{font-size:16px;color:#27406f;margin:0 0 8px}.hp-landing-grid span,.hp-landing-note a{color:#27406f;font-weight:600}.hp-landing-guide .hp-landing-note{font-size:12px;color:#69778c;margin-bottom:0}
@media(max-width:768px){.hp-landing-guide{padding:16px;margin-bottom:18px}.hp-landing-grid{grid-template-columns:1fr}.hp-landing-guide h2{font-size:18px}}

/* visible AI-search answer blocks: no hidden keywords, 20261020 */
.hp-ai-answers dl{margin:0}.hp-ai-answers dt{font-size:15px;font-weight:600;color:#1d2d45;margin:18px 0 6px}.hp-ai-answers dd{margin:0;font-size:14px;line-height:1.9;color:#40516a}.hp-ai-answers a{color:#27406f;text-decoration:underline;text-underline-offset:3px}

/* Show every category without a carousel or collapsed height, 20261020 */
.category-tabs,.hsb-strip .category-tabs,.category-tabs.hsp-tabs-collapsed{display:flex!important;flex-wrap:wrap!important;align-items:center;gap:10px!important;overflow:visible!important;overflow-x:visible!important;max-height:none!important;height:auto!important;white-space:normal!important;scroll-snap-type:none!important;padding:0!important;mask-image:none!important;-webkit-mask-image:none!important}
.category-tabs .category-tab{flex:0 0 auto!important;max-width:100%!important;box-sizing:border-box;white-space:normal!important}
.category-tab .category-tab-name{overflow-wrap:anywhere}
.hsb-strip-btn,.hsp-tabs-more{display:none!important}
.hsb-strip{overflow:visible!important;padding:0!important}
@media(max-width:600px){.category-tabs,.hsb-strip .category-tabs{gap:8px!important}.category-tabs .category-tab{font-size:13px!important;padding:8px 10px!important}}

/* Hide empty category tabs only; keep records and direct URLs intact. */
.category-tabs .category-tab[data-empty-category="true"]{display:none!important}