:root { --hb-red:#c8102e; --hb-blue:#0b3a82; --hb-ink:#1b2430; --hb-mute:#667085; --hb-bg:#f6f7f9; --hb-line:#e4e7ec; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif; color:var(--hb-ink); }
.hb-topbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:6px 16px; background:var(--hb-blue); color:#fff; font-size:13px; }
.hb-langs a { color:#cfdcf2; margin-left:12px; text-decoration:none; }
.hb-langs a.on { color:#fff; font-weight:700; }
.site-header { margin-bottom:24px !important; padding-top:16px !important; border-bottom:1px solid var(--hb-line); background:#fff !important; }
.site-title a, .site-branding a { color:var(--hb-red) !important; font-weight:800; }
.main-navigation ul li a { color:var(--hb-ink) !important; font-weight:600; }
.hb-home .entry-header { display:none; }
.hb-home .hentry { margin-bottom:0; border:0; }
.hb-hero { padding:56px 28px; border-radius:16px; color:#fff; background:linear-gradient(120deg,var(--hb-blue),#16213f 55%,var(--hb-red)); }
.hb-hero h1 { color:#fff; font-size:clamp(34px,6vw,56px); font-weight:800; margin:0 0 10px; }
.hb-hero p { font-size:clamp(17px,2.4vw,21px); max-width:620px; margin:0 0 24px; opacity:.94; }
.hb-cta { display:flex; flex-wrap:wrap; gap:12px; }
.hb-btn { display:inline-block; padding:12px 24px; border-radius:10px; background:#fff; color:var(--hb-blue) !important; font-weight:700; text-decoration:none !important; }
.hb-btn.ghost { background:transparent; color:#fff !important; box-shadow:inset 0 0 0 2px #fff; }
.hb-cats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:20px 0 8px; }
.hb-cat { display:flex; flex-direction:column; align-items:center; gap:6px; padding:18px 8px; border:1px solid var(--hb-line); border-radius:12px; background:#fff; color:var(--hb-ink) !important; font-weight:600; text-decoration:none !important; text-align:center; }
.hb-cat span { font-size:28px; }
.hb-h { margin:32px 0 16px; font-size:24px; font-weight:800; }
.hb-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:0 0 32px; list-style:none; counter-reset:s; }
.hb-steps li { counter-increment:s; padding:16px; border-radius:12px; background:var(--hb-bg); }
.hb-steps li::before { content:counter(s); display:block; width:28px; height:28px; margin-bottom:8px; border-radius:50%; background:var(--hb-red); color:#fff; line-height:28px; text-align:center; font-weight:700; }
.hb-steps strong { display:block; margin-bottom:4px; }
.hb-steps span { color:var(--hb-mute); font-size:14px; }
.hb-specs { width:100%; margin:12px 0; border-collapse:collapse; font-size:15px; }
.hb-specs th, .hb-specs td { padding:8px 10px; border-bottom:1px solid var(--hb-line); background:none !important; text-align:left; }
.hb-specs th { width:42%; color:var(--hb-mute); font-weight:500; }
.hb-ship-note { padding:10px 12px; border-left:3px solid var(--hb-red); border-radius:4px; background:#fdf2f3; font-size:14px; }
.hb-lead { color:var(--hb-mute); font-size:17px; }
.hb-note { padding:14px 16px; border-radius:10px; background:var(--hb-bg); }
.hb-form { display:grid; gap:14px; max-width:520px; }
.hb-form label { display:grid; gap:4px; font-weight:600; font-size:14px; }
.hb-form input, .hb-form textarea, .hb-form select { width:100%; padding:11px 12px; border:1px solid #cfd4dc; border-radius:8px; background:#fff; font-size:16px; font-weight:400; box-shadow:none; }
.hb-form .button { min-height:46px; border-radius:10px; background:var(--hb-red) !important; color:#fff !important; }
.hb-hp { position:absolute; left:-9999px; height:0; overflow:hidden; }
.hb-progress { height:8px; margin:8px 0 6px; border-radius:6px; background:var(--hb-line); overflow:hidden; }
.hb-progress-bar { height:100%; background:var(--hb-red); }
.hb-status { font-weight:700; }
.hb-pay { margin:20px 0; padding:20px; border:1px solid var(--hb-line); border-radius:14px; }
.hb-pay h3 { margin-top:0; }
.hb-amount { font-size:28px; font-weight:800; color:var(--hb-red); margin:0 0 12px; }
.hb-qr { display:block; max-width:220px; margin:0 0 12px; border-radius:8px; }
.hb-payinfo { padding:10px 12px; border-radius:8px; background:var(--hb-bg); }
.hb-list { margin:0; list-style:none; }
.hb-list li { padding:12px 0; border-bottom:1px solid var(--hb-line); }
.hb-list span { margin-left:10px; color:var(--hb-mute); font-size:14px; }
.hb-card { margin-bottom:16px; padding:16px; border:1px solid var(--hb-line); border-radius:12px; }
.hb-card h3 { margin-top:0; font-size:18px; }
.hb-wa { position:fixed; right:16px; bottom:76px; z-index:50; padding:10px 14px; border-radius:24px; background:#128c4a; color:#fff !important; font-weight:700; font-size:14px; text-decoration:none !important; box-shadow:0 4px 14px rgba(0,0,0,.2); }
ul.products li.product .button { background:var(--hb-blue); color:#fff; border-radius:8px; }
.single_add_to_cart_button, .checkout-button, #place_order { background:var(--hb-red) !important; border-radius:10px; }
@media (max-width:767px) {
	.hb-hero { padding:36px 20px; }
	.hb-steps { grid-template-columns:1fr 1fr; }
	.hb-cat { font-size:13px; padding:14px 4px; }
	ul.products { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
	ul.products::before, ul.products::after { display:none !important; }
	ul.products li.product { width:auto !important; float:none !important; margin:0 !important; }
	ul.products li.product .woocommerce-loop-product__title { font-size:14px; }
	.hb-ask { padding:8px 12px; font-size:14px; }
}
.hb-onrequest { color:var(--hb-blue); font-weight:600; font-size:15px; }
.hb-ask { background:var(--hb-red) !important; color:#fff !important; border-radius:8px; }
ul.products li.product img { aspect-ratio:1; object-fit:contain; background:#f1f3f7; border-radius:8px; }
.hb-credit { margin-top:10px; color:var(--hb-mute); font-size:12px; }
.hb-reg { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.hb-reg-card { padding:24px; border:1px solid var(--hb-line); border-radius:14px; background:#fff; text-align:center; }
.hb-reg-card span { font-size:34px; }
.hb-reg-card h3 { margin:8px 0; }
.hb-reg-card p { min-height:48px; color:var(--hb-mute); }
.hb-btn.solid { background:var(--hb-red); color:#fff !important; }
@media (max-width:600px) { .hb-reg { grid-template-columns:1fr; } .hb-reg-card p { min-height:0; } }
.hb-thumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.hb-thumbs img { width:96px; height:96px; object-fit:cover; border-radius:8px; background:var(--hb-bg); }
.page-template-default .hb-chat { margin-bottom:24px; }
.hb-chat { display:grid; grid-template-columns:280px 1fr; height:min(72vh,680px); border:1px solid var(--hb-line); border-radius:14px; overflow:hidden; background:#fff; }
.hb-chat-list { display:flex; flex-direction:column; min-height:0; border-right:1px solid var(--hb-line); background:var(--hb-bg); }
.hb-chat-lang { padding:10px 12px; border-bottom:1px solid var(--hb-line); }
.hb-chat-lang select { width:calc(100% - 28px); padding:6px; border:1px solid #cfd4dc; border-radius:8px; background:#fff; }
.hb-chat-list ul { flex:1; margin:0; overflow:auto; list-style:none; }
.hb-chat-list li { position:relative; padding:12px 34px 12px 12px; border-bottom:1px solid var(--hb-line); cursor:pointer; }
.hb-chat-list li.on { background:#fff; box-shadow:inset 3px 0 var(--hb-red); }
.hb-chat-list li strong { display:block; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hb-chat-list li span { display:block; color:var(--hb-mute); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hb-chat-list li b { position:absolute; right:10px; top:16px; min-width:20px; padding:0 5px; border-radius:10px; background:var(--hb-red); color:#fff; font-size:12px; line-height:20px; text-align:center; }
.hb-chat-main { display:flex; flex-direction:column; min-width:0; min-height:0; }
.hb-chat-main header { display:flex; align-items:center; gap:8px; padding:10px 14px; border-bottom:1px solid var(--hb-line); min-height:46px; }
.hb-chat-back { display:none; padding:2px 8px; border:0; background:none; color:var(--hb-blue); font-weight:600; }
.hb-chat-msgs { flex:1; padding:14px; overflow-y:auto; background:#f8f9fb; }
.hb-msg { max-width:78%; width:fit-content; margin:0 0 10px; padding:8px 12px; border-radius:12px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.05); overflow-wrap:anywhere; }
.hb-msg.mine { margin-left:auto; background:#dbe7fb; }
.hb-msg.bot { background:#eef7f0; }
.hb-msg p { margin:0; white-space:pre-wrap; }
.hb-msg .hb-msg-orig { margin-top:4px; padding-top:4px; border-top:1px dashed #cfd4dc; color:var(--hb-mute); font-size:12px; }
.hb-msg img { display:block; max-width:220px; max-height:260px; border-radius:8px; }
.hb-msg-name { display:block; color:var(--hb-blue); font-weight:600; font-size:12px; }
.hb-msg time { display:block; color:var(--hb-mute); font-size:11px; text-align:right; }
#hb-chat-form { display:flex; align-items:flex-end; gap:8px; margin:0; padding:10px; border-top:1px solid var(--hb-line); }
#hb-chat-input { flex:1; min-width:0; padding:9px 12px; border:1px solid #cfd4dc; border-radius:10px; background:#fff; font-size:16px; line-height:1.3; resize:none; box-shadow:none; }
#hb-chat-send { min-height:40px; padding:0 16px; border-radius:10px; background:var(--hb-red) !important; color:#fff !important; }
.hb-chat-pic { font-size:22px; line-height:40px; cursor:pointer; }
.hb-chat-empty { color:var(--hb-mute); cursor:default !important; }
.hb-chat-fab { position:fixed; right:16px; bottom:124px; z-index:50; padding:10px 14px; border-radius:24px; background:var(--hb-blue); color:#fff !important; font-weight:700; font-size:14px; text-decoration:none !important; box-shadow:0 4px 14px rgba(0,0,0,.2); }
.hb-chat-fab b { margin-left:4px; padding:0 6px; border-radius:10px; background:var(--hb-red); font-size:12px; }
@media (max-width:767px) {
	.hb-chat { grid-template-columns:1fr; height:calc(100dvh - 120px); }
	.hb-chat-page .entry-header, .hb-chat-page .storefront-breadcrumb, .hb-chat-page .storefront-handheld-footer-bar { display:none; }
	.hb-chat-page .site-header { margin-bottom:8px !important; padding-top:8px !important; }
	.hb-chat-main { display:none; }
	.hb-chat.open .hb-chat-list { display:none; }
	.hb-chat.open .hb-chat-main { display:flex; }
	.hb-chat-back { display:inline-block; }
	.hb-msg { max-width:88%; }
	#hb-chat-send { padding:0 12px; }
}
/* 1.0.7 体验优化 */
.hb-btn.line { background:#fff; color:var(--hb-blue) !important; box-shadow:inset 0 0 0 2px var(--hb-blue); }
.hb-steps-3 { grid-template-columns:repeat(3,1fr); }
.hb-gate { margin-bottom:32px; }
.hb-gate-item { padding:10px 14px; border-left:3px solid var(--hb-red); border-radius:4px; background:#fdf2f3; font-weight:600; }
.hb-login-new { margin:16px 0 0; color:var(--hb-mute); }
.hb-login-new a { font-weight:600; }
.hb-reg-main { text-align:left; }
.hb-reg-main p { min-height:0; }
.hb-reg-main .hb-form { max-width:none; }
.hb-reg { grid-template-columns:3fr 2fr; align-items:start; }
.woocommerce-account .woocommerce-form-login { max-width:460px; margin-bottom:0; border-radius:14px; }
.woocommerce-account .woocommerce-form-login + .hb-login-new { max-width:460px; }
/* 标题和按钮统一 */
.entry-header, .woocommerce-products-header, .woocommerce-account .entry-header, .woocommerce-cart .entry-header, .woocommerce-checkout .entry-header { padding:0 0 12px !important; text-align:left !important; border:0 !important; }
.entry-title, .woocommerce-products-header__title, .page-title { font-size:32px !important; font-weight:800 !important; text-align:left !important; }
.site-main a.button, .site-main button.button, .site-main input.button, .site-main input[type=submit] { min-height:44px; padding:10px 20px; border-radius:10px; border:0; background:var(--hb-red) !important; color:#fff !important; font-weight:700; }
.site-main .input-text { border:1px solid #cfd4dc; border-radius:8px; background:#fff; box-shadow:none; }
/* 商品页 */
.woocommerce-tabs ul.tabs:has(> li:only-child) { display:none; }
.woocommerce-tabs:has(ul.tabs > li:only-child) .panel { float:none; width:100%; margin:0; }
/* 商品列表 */
.hb-shopbar { margin:0 0 20px; }
.hb-shop-search { display:none; }
.hb-chips { display:flex; flex-wrap:wrap; gap:8px; }
.hb-chips a { padding:7px 14px; border:1px solid var(--hb-line); border-radius:20px; background:#fff; color:var(--hb-ink); font-size:14px; font-weight:600; text-decoration:none; white-space:nowrap; }
.hb-chips a.on { border-color:var(--hb-blue); background:var(--hb-blue); color:#fff; }
/* 页脚 */
.hb-footer-links { display:flex; flex-wrap:wrap; gap:8px 24px; padding:24px 0 0; }
.hb-footer-links a { color:var(--hb-ink); font-weight:600; font-size:14px; }
.hb-unread[hidden] { display:none; }
/* 手机底栏 */
.storefront-handheld-footer-bar ul { display:flex; }
.storefront-handheld-footer-bar ul li { flex:1; float:none; width:auto !important; border:0; }
.storefront-handheld-footer-bar ul li > a.hb-tab { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; height:58px; padding:0; color:var(--hb-mute); font-size:11px; font-weight:600; text-indent:0; text-decoration:none; }
.storefront-handheld-footer-bar ul li > a.hb-tab::before { display:none; }
.hb-tab svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.storefront-handheld-footer-bar ul li > a.hb-tab.on { color:var(--hb-red); }
.hb-tab b { position:absolute; top:4px; left:calc(50% + 7px); min-width:17px; padding:0 4px; border-radius:9px; background:var(--hb-red); color:#fff; font-size:11px; line-height:17px; text-align:center; }
@media (max-width:767px) {
	.hb-steps-3, .hb-reg { grid-template-columns:1fr; }
	.hb-chat-fab { display:none; }
	.entry-title, .woocommerce-products-header__title, .page-title { font-size:26px !important; }
	.hb-shop-search { display:block; margin-bottom:12px; }
	.hb-shop-search form { display:flex; gap:8px; margin:0; }
	.hb-shop-search .search-field { flex:1; min-width:0; padding:10px 12px; border:1px solid #cfd4dc; border-radius:10px; background:#fff; font-size:16px; box-shadow:none; }
	.hb-shop-search button { padding:0 14px; border:0; border-radius:10px; background:var(--hb-red); color:#fff; font-weight:700; }
	.hb-chips { flex-wrap:nowrap; margin:0 -16px; padding:0 16px 4px; overflow-x:auto; scrollbar-width:none; }
	.hb-chips::-webkit-scrollbar { display:none; }
}
/* 1.0.8 首页 */
.hb-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:28px; padding:44px 36px; }
.hb-hero h1 { font-size:clamp(28px,3.6vw,42px); line-height:1.15; letter-spacing:-.5px; }
.hb-hero-pics { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; }
.hb-hero-pics a { display:block; overflow:hidden; border-radius:12px; background:#fff; aspect-ratio:3/4; }
.hb-hero-pics img { display:block; width:100%; height:100%; object-fit:cover; }
.hb-why { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:20px 0 0; list-style:none; }
.hb-why li { padding:14px 16px; border-left:3px solid var(--hb-red); border-radius:6px; background:var(--hb-bg); }
.hb-why strong { display:block; margin-bottom:2px; font-size:15px; }
.hb-why span { color:var(--hb-mute); font-size:14px; }
.hb-sec-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.hb-sec-head a { flex:none; font-weight:600; font-size:14px; }
.hb-home ul.products { margin-bottom:8px; }
.hb-band { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:32px 0; padding:24px 28px; border-radius:14px; background:#fdf2f3; }
.hb-band h2 { margin:0 0 4px; font-size:22px; font-weight:800; }
.hb-band p { margin:0; color:var(--hb-mute); }
.hb-band .hb-btn { flex:none; }
.hb-credit a { color:var(--hb-mute); }
@media (max-width:767px) {
	.hb-hero { grid-template-columns:1fr; padding:28px 20px 20px; }
	.hb-why { grid-template-columns:1fr 1fr; }
	.hb-band { flex-direction:column; align-items:flex-start; padding:20px; }
}