/* =========================================================
   HL3C Theme V30 - Bright Contrast Professional
   方向：明亮、柔化、對比清楚、專業化；避免一片白或刺眼亮色。
   使用方式：由 includes/header.php 最後載入，取代 v26/v27/v28/v29 色彩覆蓋檔。
   ========================================================= */

:root{
  --hl3c-bg:#f3f5f8;
  --hl3c-bg-2:#e9eef5;
  --hl3c-surface:#ffffff;
  --hl3c-surface-soft:#f8fafc;
  --hl3c-ink:#101828;
  --hl3c-text:#344054;
  --hl3c-muted:#667085;
  --hl3c-line:#d9e2ec;
  --hl3c-navy:#0b1220;
  --hl3c-navy-2:#111827;
  --hl3c-navy-3:#1e293b;
  --hl3c-orange:#e8422c;
  --hl3c-orange-2:#ff7849;
  --hl3c-orange-soft:#fff0ea;
  --hl3c-blue:#2563eb;
  --hl3c-blue-soft:#eef4ff;
  --hl3c-green:#0f766e;
  --hl3c-green-soft:#e9fbf8;
  --hl3c-gold:#f2b84b;
  --hl3c-shadow:0 14px 38px rgba(16,24,40,.08);
  --hl3c-shadow-strong:0 24px 70px rgba(16,24,40,.15);
}

html{background:var(--hl3c-bg) !important;}
body{
  background:
    radial-gradient(circle at 8% -6%, rgba(232,66,44,.09), transparent 32rem),
    radial-gradient(circle at 92% 4%, rgba(37,99,235,.08), transparent 34rem),
    linear-gradient(180deg,#f7f8fb 0%,#eef2f7 46%,#f5f7fa 100%) !important;
  color:var(--hl3c-text) !important;
  font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif !important;
  -webkit-font-smoothing:antialiased;
}
main{background:transparent !important;}

a{transition:color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;}

/* Header：乾淨、明亮，但保留底線與陰影層次 */
.site-header{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(16,24,40,.09) !important;
  box-shadow:0 10px 28px rgba(16,24,40,.07) !important;
  backdrop-filter:saturate(130%) blur(12px) !important;
  -webkit-backdrop-filter:saturate(130%) blur(12px) !important;
}
.brand,.site-header .brand{
  color:var(--hl3c-navy) !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}
.brand::first-letter{color:var(--hl3c-orange) !important;}
.top-nav a{
  color:#263244 !important;
  font-weight:800 !important;
  border-radius:999px !important;
  padding:8px 12px !important;
}
.top-nav a:hover{
  color:#fff !important;
  background:linear-gradient(135deg,var(--hl3c-orange),#c72f1d) !important;
  border-color:transparent !important;
}
.nav-toggle{background:var(--hl3c-navy) !important;color:white !important;}

/* 共用按鈕：橘色作為品牌主行動，黑藍作為次要行動 */
.btn,
button,
input[type="submit"],
a[class*="btn"],
.product-v11-btn,
.product-v17-mini-card-btn{
  border-radius:999px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}
.btn,
.product-v11-btn.primary,
.btn-primary,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,var(--hl3c-orange),#c8311f) !important;
  color:#fff !important;
  border:1px solid rgba(232,66,44,.18) !important;
  box-shadow:0 14px 28px rgba(232,66,44,.22) !important;
}
.btn:hover,
.product-v11-btn.primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 38px rgba(232,66,44,.28) !important;
}
.btn.secondary,
.product-v11-btn.secondary,
.product-v11-actions .secondary,
.product-v17-mini-card-btn,
.btn-secondary{
  background:linear-gradient(135deg,#111827,#27364b) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 14px 30px rgba(17,24,39,.20) !important;
}

/* 首頁 Hero：參考原本高雄電視頁的深色專業感，亮點降低飽和，文字對比強 */
.brand-v4-hero,
.hero,
.home-hero,
.catalog-hero{
  color:#fff !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(232,66,44,.26), transparent 29rem),
    radial-gradient(circle at 82% 8%, rgba(242,184,75,.14), transparent 25rem),
    radial-gradient(circle at 72% 82%, rgba(37,99,235,.12), transparent 30rem),
    linear-gradient(135deg,#07111f 0%,#111827 55%,#261311 135%) !important;
}
.brand-v4-kicker,
.hero .kicker,.hero .eyebrow{
  color:#ffc7bc !important;
  font-weight:950 !important;
}
.brand-v4-kicker:before{background:var(--hl3c-orange) !important;}
.brand-v4-hero-copy h1,
.hero h1{
  color:#fff !important;
  text-shadow:0 12px 34px rgba(0,0,0,.22) !important;
}
.brand-v4-hero-copy h1 span,
.hero h1 span,
.hero h1 strong{
  background:linear-gradient(90deg,#ffffff,#ffd1c8 55%,#f2b84b) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.brand-v4-hero-copy p,
.hero p{
  color:#d6deea !important;
}
.brand-v4-search,
.cat-v4-search{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.16) !important;
}
.brand-v4-search input,
.cat-v4-search input{
  background:#fff !important;
  color:var(--hl3c-ink) !important;
  border:0 !important;
  box-shadow:none !important;
}
.brand-v4-image-frame{
  background:#0b1220 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 38px 100px rgba(0,0,0,.36) !important;
}
.brand-v4-image-frame:after{
  background:linear-gradient(180deg,rgba(8,17,31,0) 34%,rgba(8,17,31,.54)) !important;
}
.brand-v4-metric{
  background:rgba(255,255,255,.94) !important;
  color:var(--hl3c-navy) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.24) !important;
}
.brand-v4-metric span{color:var(--hl3c-muted) !important;}

/* 內容區塊：灰白分層，不是一片白 */
.brand-v4-section,
.section{
  background:transparent !important;
}
.brand-v4-catalog,
.brand-v4-featured,
.brand-v4-trust,
.cat-v4-layout,
.page-wrap{
  background:
    radial-gradient(circle at 0% 0%, rgba(232,66,44,.045), transparent 30rem),
    linear-gradient(180deg,#f7f9fc 0%,#eef2f7 100%) !important;
}
.brand-v4-section-head{
  border-bottom:1px solid rgba(16,24,40,.10) !important;
  padding-bottom:22px !important;
}
.brand-v4-section-head span,
.brand-v4-trust-card>span{
  color:var(--hl3c-orange) !important;
  font-weight:950 !important;
}
.brand-v4-section-head h2,
.brand-v4-trust-card h2,
.section-title,
.card h3{
  color:var(--hl3c-ink) !important;
}
.brand-v4-section-head p,
.section-sub{
  color:var(--hl3c-muted) !important;
}
.brand-v4-textlink{color:#c8311f !important;font-weight:950 !important;}

/* 首頁分類卡：保留分類色，但降低刺眼程度，讓卡片更乾淨 */
.brand-v4-catalog-grid-photo .brand-v4-catalog-card{
  background:linear-gradient(180deg,#ffffff 0%,#f9fbfd 100%) !important;
  border:1px solid var(--hl3c-line) !important;
  border-top:5px solid var(--cat-accent, var(--hl3c-orange)) !important;
  box-shadow:var(--hl3c-shadow) !important;
}
.brand-v4-catalog-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:var(--hl3c-shadow-strong) !important;
}
.brand-v4-catalog-card h3{
  color:var(--hl3c-ink) !important;
  font-weight:950 !important;
}
.brand-v4-catalog-card p{
  color:#506176 !important;
}
.brand-v4-catalog-card::after{
  background:var(--hl3c-navy) !important;
  color:#fff !important;
}
.brand-v4-cat-photo::after{
  background:linear-gradient(180deg,rgba(8,17,31,.02) 18%,rgba(8,17,31,.72) 100%) !important;
}
.brand-v4-cat-photo span,
.brand-v4-product-img span,
.cat-v4-product-img span{
  background:linear-gradient(135deg,var(--hl3c-orange),#b42318) !important;
  color:#fff !important;
}
.brand-v4-catalog-icon{
  background:var(--hl3c-orange-soft) !important;
  color:#c8311f !important;
}

/* 情境區：保留深色專業區塊，不改成糖果色 */
.brand-v4-scenarios,
.home-dark-section,
.dark-section,
.section-dark,
.use-cases,
.why-section,
.why-hl3c,
.service-guide,
.planning-section,
.related-service-section{
  background:
    radial-gradient(circle at 12% 8%, rgba(232,66,44,.18), transparent 25rem),
    radial-gradient(circle at 88% 0%, rgba(37,99,235,.14), transparent 28rem),
    linear-gradient(135deg,#0b1220 0%,#111827 62%,#1c2637 100%) !important;
  color:#fff !important;
}
.brand-v4-scenarios .brand-v4-section-head h2,
.brand-v4-scenarios h3,
.home-dark-section h2,.home-dark-section h3,
.dark-section h2,.dark-section h3,
.section-dark h2,.section-dark h3{
  color:#fff !important;
}
.brand-v4-scenarios .brand-v4-section-head p{color:#c9d4e4 !important;}
.brand-v4-scenario-card,
.home-dark-section .card,
.dark-section .card,
.section-dark .card{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.20) !important;
  color:#fff !important;
}
.brand-v4-scenario-card a{
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  color:#fff !important;
}
.brand-v4-scenario-card a:hover{background:var(--hl3c-orange) !important;}

/* 商品卡與共用卡片 */
.brand-v4-product-card,
.cat-v4-product-card,
.card,
.category-card,
.catalog-card,
.product-card,
.case-card,
.brand-catalog-card,
.home-category-card,
.v3-category-card,
.product-v11-hero-inner,
.product-v16-intro,
.product-v15-guide,
.product-v15-guide-card,
.product-v14-related-products,
.product-v14-related-card,
.admin-card{
  background:var(--hl3c-surface) !important;
  color:var(--hl3c-text) !important;
  border:1px solid var(--hl3c-line) !important;
  box-shadow:var(--hl3c-shadow) !important;
}
.brand-v4-product-card:hover,
.cat-v4-product-card:hover,
.product-card:hover,
.category-card:hover,
.catalog-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(232,66,44,.28) !important;
  box-shadow:var(--hl3c-shadow-strong) !important;
}
.brand-v4-product-img,
.cat-v4-product-img,
.product-card .image,
.product-card .thumb,
.product-card .photo,
.category-product-card .image,
.category-product-card .thumb,
.catalog-product-card .image,
.catalog-product-card .thumb,
.product-v11-photo-card{
  background:linear-gradient(180deg,#f2f5f9,#ffffff) !important;
}
.brand-v4-product-body small,
.cat-v4-product-body small{color:var(--hl3c-muted) !important;}
.brand-v4-product-body h3,
.cat-v4-product-body h3,
.product-v11-title,
.product-v16-intro h2,
.product-v15-guide h2,
.product-v15-guide-card h3,
.product-v14-related-products h2,
.product-v14-related-card h3{
  color:var(--hl3c-ink) !important;
}
.brand-v4-product-body p,
.cat-v4-product-body p,
.product-v11-subtitle,
.product-v11-lead,
.product-v11-summary,
.product-v16-intro p,
.product-v16-intro li,
.product-v15-guide p,
.product-v15-guide li{
  color:#4b5b70 !important;
}
.brand-v4-spec,
.product-v11-spec{
  background:var(--hl3c-surface-soft) !important;
  color:#344054 !important;
  border:1px solid var(--hl3c-line) !important;
  box-shadow:none !important;
}
.product-v11-spec h2{color:var(--hl3c-ink) !important;}
.product-v11-spec-row{border-color:#e3eaf2 !important;}
.product-v11-spec-row strong{color:#c8311f !important;}
.product-v11-spec-row span{color:#344054 !important;}

/* 分類頁 Hero */
.cat-v4-hero,
.category-hero{
  color:#fff !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(232,66,44,.24), transparent 28rem),
    radial-gradient(circle at 88% 5%, rgba(242,184,75,.12), transparent 25rem),
    linear-gradient(135deg,#07111f 0%,#111827 62%,#261311 130%) !important;
}
.cat-v4-hero h1,
.category-hero h1{color:#fff !important;}
.cat-v4-hero p,
.category-hero p{color:#d6deea !important;}

/* 分類頁左側與清單 */
.cat-v4-sidebar{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--hl3c-line) !important;
  box-shadow:var(--hl3c-shadow) !important;
}
.cat-v4-sidebar h2{color:var(--hl3c-ink) !important;}
.cat-v4-side-list a{
  background:#fff !important;
  color:var(--hl3c-text) !important;
  border:1px solid #e2e8f0 !important;
}
.cat-v4-side-list a:hover{
  background:var(--hl3c-blue-soft) !important;
  border-color:#bad0ff !important;
  transform:translateX(2px) !important;
}
.cat-v4-side-list a.active{
  background:var(--hl3c-orange-soft) !important;
  border-color:#ffc5b5 !important;
  box-shadow:0 10px 24px rgba(232,66,44,.10) !important;
}
.cat-v4-side-list span{
  background:#f2f5f9 !important;
  color:#c8311f !important;
}
.cat-v4-side-list a.active span{
  background:linear-gradient(135deg,var(--hl3c-orange),#c8311f) !important;
  color:#fff !important;
}
.cat-v4-side-list strong{color:var(--hl3c-ink) !important;}
.cat-v4-side-list small{color:var(--hl3c-muted) !important;}
.cat-v4-bar{
  background:#fff !important;
  border:1px solid var(--hl3c-line) !important;
  box-shadow:var(--hl3c-shadow) !important;
}
.cat-v4-bar h2{color:var(--hl3c-ink) !important;}
.cat-v4-bar p{color:var(--hl3c-muted) !important;}

/* 信任與 CTA */
.brand-v4-trust-card{
  background:#fff !important;
  border:1px solid var(--hl3c-line) !important;
  box-shadow:var(--hl3c-shadow) !important;
}
.brand-v4-trust-card p{color:#4b5b70 !important;}
.brand-v4-trust-grid div{
  background:linear-gradient(135deg,#101828,#1f2937) !important;
  color:#fff !important;
}
.brand-v4-trust-grid strong{color:#ffb4a4 !important;}
.brand-v4-cta{
  background:
    radial-gradient(circle at 16% 30%, rgba(255,255,255,.14), transparent 22rem),
    linear-gradient(135deg,#e8422c 0%,#b42318 58%,#7f1d1d 100%) !important;
  color:#fff !important;
}
.brand-v4-cta p{color:#ffe0da !important;}
.brand-v4-cta .btn{
  background:#fff !important;
  color:#9b1c12 !important;
  border:0 !important;
  box-shadow:0 16px 36px rgba(0,0,0,.18) !important;
}

/* Footer：深色公司資訊區，對比明確但不髒黑 */
.site-footer{
  background:linear-gradient(180deg,#151922 0%,#0b1220 100%) !important;
  color:#e5e7eb !important;
  border-top:6px solid var(--hl3c-orange) !important;
}
.footer-v6 h2,.footer-v6 h3{color:#fff !important;}
.footer-v6-brand p,
.footer-v6 p,
.footer-v6 li,
.footer-v6 a{color:#cbd5e1 !important;}
.footer-v6 a:hover{color:#fff !important;}
.footer-v6-kicker{color:#ffb4a4 !important;}
.footer-v6-service-area{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
.footer-v6-bottom{border-top-color:rgba(255,255,255,.12) !important;color:#94a3b8 !important;}
.footer-v6-bottom a{color:#94a3b8 !important;}

/* 表單 focus */
main input,main select,main textarea{
  background:#fff !important;
  color:var(--hl3c-ink) !important;
  border:1px solid #cfd8e3 !important;
}
main input:focus,main select:focus,main textarea:focus{
  outline:none !important;
  border-color:rgba(232,66,44,.65) !important;
  box-shadow:0 0 0 4px rgba(232,66,44,.12) !important;
}

@media(max-width:900px){
  .top-nav{background:rgba(255,255,255,.98) !important;box-shadow:0 18px 38px rgba(16,24,40,.10) !important;}
  .top-nav a{width:100% !important;}
}

/* =========================================================
   HL3C Theme V31 - Pro Clean Sidebar Refinement
   依使用者回饋：降低橘色使用比例；左側設備分類恢復精簡、靠左、可用箭頭收合。
   ========================================================= */
:root{
  --hl3c-orange:#0f766e;
  --hl3c-orange-2:#14b8a6;
  --hl3c-orange-soft:#e7f7f5;
  --hl3c-blue:#2563eb;
  --hl3c-blue-soft:#edf4ff;
  --hl3c-accent:#0f766e;
  --hl3c-accent-2:#2563eb;
  --hl3c-warm:#d8643f;
}

/* 降低橘色存在感：主行動與標籤改藍綠專業色，橘色僅保留少量暖色點綴 */
.brand::first-letter{color:var(--hl3c-accent) !important;}
.top-nav a:hover{
  color:#fff !important;
  background:linear-gradient(135deg,#0f766e,#1d4ed8) !important;
}
.btn,
.product-v11-btn.primary,
.btn-primary,
button[type="submit"],
input[type="submit"]{
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
  border-color:rgba(15,118,110,.20) !important;
  box-shadow:0 14px 28px rgba(15,118,110,.18) !important;
}
.btn:hover,
.product-v11-btn.primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  box-shadow:0 18px 38px rgba(37,99,235,.20) !important;
}
.brand-v4-cat-photo span,
.brand-v4-product-img span,
.cat-v4-product-img span{
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
}
.brand-v4-section-head span,
.brand-v4-trust-card>span,
.brand-v4-textlink,
.product-v11-spec-row strong{
  color:#0f766e !important;
}
.brand-v4-catalog-icon{
  background:#e7f7f5 !important;
  color:#0f766e !important;
}
.brand-v4-hero,
.hero,
.home-hero,
.catalog-hero,
.cat-v4-hero,
.category-hero{
  background:
    radial-gradient(circle at 12% 18%, rgba(15,118,110,.22), transparent 29rem),
    radial-gradient(circle at 82% 8%, rgba(37,99,235,.14), transparent 25rem),
    radial-gradient(circle at 72% 82%, rgba(216,100,63,.08), transparent 30rem),
    linear-gradient(135deg,#07111f 0%,#111827 58%,#122236 135%) !important;
}
.brand-v4-kicker,
.hero .kicker,
.hero .eyebrow{color:#a7f3d0 !important;}
.brand-v4-hero-copy h1 span,
.hero h1 span,
.hero h1 strong{
  background:linear-gradient(90deg,#ffffff,#d9fff7 58%,#bfdbfe) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card{
  border-top-color:var(--cat-accent, #0f766e) !important;
}
.brand-v4-scenarios,
.home-dark-section,
.dark-section,
.section-dark,
.use-cases,
.why-section,
.why-hl3c,
.service-guide,
.planning-section,
.related-service-section{
  background:
    radial-gradient(circle at 12% 8%, rgba(15,118,110,.20), transparent 25rem),
    radial-gradient(circle at 88% 0%, rgba(37,99,235,.14), transparent 28rem),
    linear-gradient(135deg,#0b1220 0%,#111827 62%,#1c2637 100%) !important;
}

/* 分類頁版面：靠近左側，不要整個偏中；側欄寬度接近原站，留白更少 */
.cat-v4-layout{
  grid-template-columns:248px minmax(0,1fr) !important;
  gap:24px !important;
  padding:28px 24px 48px 18px !important;
}
.cat-v4-sidebar{
  border-radius:18px !important;
  padding:12px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
}
.cat-v4-sidebar h2{
  margin:0 0 10px !important;
  font-size:18px !important;
  font-weight:950 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}
.cat-v4-side-list{gap:5px !important;}
.cat-v4-side-list a{
  grid-template-columns:30px 1fr auto !important;
  gap:8px !important;
  padding:7px 8px !important;
  border-radius:12px !important;
  min-height:42px !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
}
.cat-v4-side-list a:hover{
  background:#edf4ff !important;
  border-color:#cbdcff !important;
  transform:translateX(1px) !important;
}
.cat-v4-side-list a.active{
  background:#e7f7f5 !important;
  border-color:#b7e4dc !important;
  box-shadow:none !important;
}
.cat-v4-side-list span{
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
  font-size:12px !important;
  background:#eef2f7 !important;
  color:#0f766e !important;
}
.cat-v4-side-list a.active span{
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
}
.cat-v4-side-list strong{
  font-size:14px !important;
  line-height:1.28 !important;
  font-weight:800 !important;
}
.cat-v4-side-list small{
  font-size:12px !important;
  min-width:18px !important;
  text-align:right !important;
}
.cat-v4-bar{border-radius:18px !important; padding:16px 18px !important;}
.cat-v4-product-card{border-color:#dfe7ef !important;}
.cat-v4-product-card:hover{border-color:#94b7ff !important;}

/* JS 產生的全站設備分類：修正跑版，改為原站接近的左側細選單 */
.hl3c-v28-shell{
  display:grid !important;
  grid-template-columns:248px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
  padding:24px 24px 48px 18px !important;
}
.hl3c-v28-content{min-width:0 !important;}
.hl3c-v28-sidebar{
  position:sticky !important;
  top:78px !important;
  align-self:start !important;
  width:248px !important;
  max-width:248px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--hl3c-line) !important;
  border-radius:18px !important;
  padding:12px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
  z-index:5 !important;
}
.hl3c-v28-sidebar-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 10px !important;
}
.hl3c-v28-sidebar-title{
  margin:0 !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  color:var(--hl3c-ink) !important;
}
.hl3c-v28-collapse-btn{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  padding:0 !important;
  border-radius:9px !important;
  border:1px solid #d8e2ee !important;
  background:#f7fafc !important;
  color:#334155 !important;
  font-size:0 !important;
  line-height:1 !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
.hl3c-v28-collapse-btn::before{
  content:'‹' !important;
  font-size:22px !important;
  font-weight:900 !important;
  display:block !important;
  transform:translateY(-1px) !important;
}
.hl3c-v28-list{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
}
.hl3c-v28-item{
  display:grid !important;
  grid-template-columns:30px 1fr auto !important;
  gap:8px !important;
  align-items:center !important;
  min-height:42px !important;
  padding:7px 8px !important;
  border-radius:12px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  color:#344054 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}
.hl3c-v28-item:hover{
  background:#edf4ff !important;
  border-color:#cbdcff !important;
  transform:translateX(1px) !important;
}
.hl3c-v28-item.is-active{
  background:#e7f7f5 !important;
  border-color:#b7e4dc !important;
}
.hl3c-v28-code{
  width:30px !important;
  height:30px !important;
  border-radius:9px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#eef2f7 !important;
  color:#0f766e !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
}
.hl3c-v28-item.is-active .hl3c-v28-code{
  color:#fff !important;
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
}
.hl3c-v28-name{
  color:var(--hl3c-ink) !important;
  font-size:14px !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  white-space:normal !important;
}
.hl3c-v28-count{
  color:var(--hl3c-muted) !important;
  font-size:12px !important;
  min-width:18px !important;
  text-align:right !important;
}
body.hl3c-v28-sidebar-collapsed .hl3c-v28-shell{
  grid-template-columns:58px minmax(0,1fr) !important;
}
body.hl3c-v28-sidebar-collapsed .hl3c-v28-sidebar{
  width:58px !important;
  max-width:58px !important;
  padding:10px 8px !important;
}
body.hl3c-v28-sidebar-collapsed .hl3c-v28-sidebar-title,
body.hl3c-v28-sidebar-collapsed .hl3c-v28-name,
body.hl3c-v28-sidebar-collapsed .hl3c-v28-count{
  display:none !important;
}
body.hl3c-v28-sidebar-collapsed .hl3c-v28-sidebar-head{
  justify-content:center !important;
}
body.hl3c-v28-sidebar-collapsed .hl3c-v28-collapse-btn::before{
  content:'›' !important;
}
body.hl3c-v28-sidebar-collapsed .hl3c-v28-item{
  grid-template-columns:30px !important;
  justify-content:center !important;
  padding:6px !important;
}

/* category.php 也支援收合：若 JS 把原 sidebar 轉成 v28，會套用上面樣式；若未轉換，保持原始精簡樣式 */
body.hl3c-v28-sidebar-collapsed .cat-v4-layout{
  grid-template-columns:58px minmax(0,1fr) !important;
}
body.hl3c-v28-sidebar-collapsed .cat-v4-sidebar{
  width:58px !important;
  padding:10px 8px !important;
}
body.hl3c-v28-sidebar-collapsed .cat-v4-sidebar h2,
body.hl3c-v28-sidebar-collapsed .cat-v4-side-list strong,
body.hl3c-v28-sidebar-collapsed .cat-v4-side-list small{
  display:none !important;
}
body.hl3c-v28-sidebar-collapsed .cat-v4-side-list a{
  grid-template-columns:30px !important;
  justify-content:center !important;
  padding:6px !important;
}

@media(max-width:1120px){
  .cat-v4-layout,
  .hl3c-v28-shell{
    grid-template-columns:1fr !important;
    padding:24px 18px 42px !important;
  }
  .cat-v4-sidebar,
  .hl3c-v28-sidebar{
    position:relative !important;
    top:auto !important;
    width:auto !important;
    max-width:none !important;
  }
  body.hl3c-v28-sidebar-collapsed .hl3c-v28-shell,
  body.hl3c-v28-sidebar-collapsed .cat-v4-layout{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   HL3C Theme V32 - Brighter Homepage Hero
   依使用者回饋：首頁形象區不要太暗沉；保留 v31 專業感、藍綠主色與清楚對比。
   只調整首頁第一屏，不影響分類頁深色標題區與左側設備分類。
   ========================================================= */
.brand-v4-hero,
.home-hero,
.catalog-hero{
  color:#172033 !important;
  background:
    radial-gradient(circle at 11% 14%, rgba(15,118,110,.18), transparent 30rem),
    radial-gradient(circle at 86% 10%, rgba(37,99,235,.14), transparent 28rem),
    radial-gradient(circle at 72% 88%, rgba(216,100,63,.10), transparent 30rem),
    linear-gradient(135deg,#e8f5f3 0%,#f5f8fb 45%,#e8eef8 100%) !important;
}
.brand-v4-hero::before,
.home-hero::before,
.catalog-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.52) 0%,rgba(255,255,255,.22) 42%,rgba(255,255,255,0) 72%),
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.38),transparent 44rem) !important;
  z-index:0 !important;
}
.brand-v4-hero-copy,
.brand-v4-visual{
  position:relative !important;
  z-index:1 !important;
}
.brand-v4-kicker,
.brand-v4-hero .kicker,
.brand-v4-hero .eyebrow,
.home-hero .kicker,
.catalog-hero .kicker{
  color:#0f766e !important;
  text-shadow:none !important;
}
.brand-v4-kicker:before{
  background:#0f766e !important;
}
.brand-v4-hero-copy h1,
.brand-v4-hero h1,
.home-hero h1,
.catalog-hero h1{
  color:#102033 !important;
  text-shadow:none !important;
}
.brand-v4-hero-copy h1 span,
.brand-v4-hero h1 span,
.brand-v4-hero h1 strong,
.home-hero h1 span,
.home-hero h1 strong,
.catalog-hero h1 span,
.catalog-hero h1 strong{
  background:linear-gradient(90deg,#102033 0%,#0f766e 54%,#1d4ed8 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.brand-v4-hero-copy p,
.brand-v4-hero p,
.home-hero p,
.catalog-hero p{
  color:#405168 !important;
  text-shadow:none !important;
}
.brand-v4-search,
.brand-v4-hero .cat-v4-search,
.home-hero .cat-v4-search,
.catalog-hero .cat-v4-search{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(148,163,184,.34) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.10) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}
.brand-v4-search input,
.brand-v4-hero .cat-v4-search input,
.home-hero .cat-v4-search input,
.catalog-hero .cat-v4-search input{
  background:#fff !important;
  color:#102033 !important;
}
.brand-v4-image-frame{
  background:#f8fafc !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 28px 72px rgba(15,23,42,.18) !important;
}
.brand-v4-image-frame:after{
  background:linear-gradient(180deg,rgba(255,255,255,0) 42%,rgba(15,32,51,.18) 100%) !important;
}
.brand-v4-metric{
  background:rgba(255,255,255,.92) !important;
  color:#102033 !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.16) !important;
}
.brand-v4-metric span{
  color:#64748b !important;
}
.brand-v4-orb-a{
  background:rgba(15,118,110,.14) !important;
}
.brand-v4-orb-b{
  background:rgba(37,99,235,.12) !important;
}

/* 首頁第一屏按鈕維持清楚對比，但不要過度暖色 */
.brand-v4-actions .btn,
.brand-v4-hero .btn{
  box-shadow:0 16px 34px rgba(15,118,110,.18) !important;
}
.brand-v4-actions .btn.secondary,
.brand-v4-hero .btn.secondary{
  background:rgba(16,32,51,.88) !important;
  border:1px solid rgba(16,32,51,.12) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(16,32,51,.16) !important;
}

@media(max-width:900px){
  .brand-v4-hero,
  .home-hero,
  .catalog-hero{
    background:
      radial-gradient(circle at 12% 8%, rgba(15,118,110,.16), transparent 22rem),
      linear-gradient(180deg,#edf7f5 0%,#f7f9fc 55%,#e9eef8 100%) !important;
  }
}

/* =========================================================
   HL3C Theme V33 - Homepage Sections Balanced
   依使用者回饋：首頁 Hero 方向很好，其他區塊跟進同一套藍綠灰專業配色，
   但各區塊保留明暗層次與區別；降低橘紅色存在感。
   ========================================================= */
:root{
  --hl3c-bg:#eef4f7;
  --hl3c-bg-2:#e6edf3;
  --hl3c-section-mint:#eaf6f4;
  --hl3c-section-blue:#edf3fb;
  --hl3c-section-slate:#dfe8f0;
  --hl3c-ink:#102033;
  --hl3c-text:#34465c;
  --hl3c-muted:#64748b;
  --hl3c-line:#d5e0ea;
  --hl3c-accent:#0f766e;
  --hl3c-accent-2:#2563eb;
  --hl3c-warm:#d8643f;
  --hl3c-shadow:0 14px 34px rgba(15,32,51,.08);
  --hl3c-shadow-strong:0 22px 60px rgba(15,32,51,.14);
}

body{
  background:
    radial-gradient(circle at 8% -4%, rgba(15,118,110,.12), transparent 32rem),
    radial-gradient(circle at 92% 0%, rgba(37,99,235,.10), transparent 36rem),
    linear-gradient(180deg,#edf5f7 0%,#f5f8fb 42%,#edf3f8 100%) !important;
}

/* 首頁第二區：設備目錄，延續 Hero 的明亮藍綠灰，但用白卡提高可讀性 */
.brand-v4-catalog{
  background:
    radial-gradient(circle at 8% 8%, rgba(15,118,110,.12), transparent 28rem),
    radial-gradient(circle at 88% 0%, rgba(37,99,235,.08), transparent 30rem),
    linear-gradient(180deg,#f7fafc 0%,#eaf2f6 100%) !important;
}
.brand-v4-catalog .brand-v4-section-head{
  border-bottom:1px solid rgba(16,32,51,.10) !important;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(248,251,252,.98) 100%) !important;
  border:1px solid rgba(148,163,184,.28) !important;
  border-top:0 !important;
  border-radius:24px !important;
  box-shadow:0 16px 42px rgba(15,32,51,.08) !important;
  overflow:hidden !important;
}
.brand-v4-catalog-grid-photo .brand-v4-catalog-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:5px !important;
  background:linear-gradient(90deg,#0f766e,#2563eb) !important;
  opacity:.82 !important;
}
.brand-v4-catalog-card:hover{
  border-color:rgba(15,118,110,.30) !important;
  box-shadow:0 24px 64px rgba(15,32,51,.13) !important;
}
.brand-v4-catalog-card small{
  color:#0f766e !important;
}

/* 使用情境區：不要再黑到底，改成沉穩但較亮的青藍夜色，與 Hero 有關聯又有區別 */
.brand-v4-scenarios,
.use-cases,
.home-dark-section,
.dark-section,
.section-dark{
  background:
    radial-gradient(circle at 10% 0%, rgba(20,184,166,.22), transparent 30rem),
    radial-gradient(circle at 92% 10%, rgba(96,165,250,.16), transparent 32rem),
    linear-gradient(135deg,#172436 0%,#213148 48%,#1d3d44 100%) !important;
  color:#f8fafc !important;
}
.brand-v4-scenarios .brand-v4-section-head{
  border-bottom-color:rgba(255,255,255,.12) !important;
}
.brand-v4-scenarios .brand-v4-section-head span{
  color:#99f6e4 !important;
}
.brand-v4-scenarios .brand-v4-section-head h2,
.brand-v4-scenarios h3{
  color:#ffffff !important;
}
.brand-v4-scenarios .brand-v4-section-head p{
  color:#d8e4ee !important;
}
.brand-v4-scenario-card,
.home-dark-section .card,
.dark-section .card,
.section-dark .card{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.075)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 18px 52px rgba(4,13,25,.20) !important;
}
.brand-v4-scenario-card a{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#f8fafc !important;
}
.brand-v4-scenario-card a:hover{
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
  border-color:transparent !important;
}

/* 熱門設備：用溫和淺藍灰區隔，不用純白 */
.brand-v4-featured{
  background:
    radial-gradient(circle at 5% 8%, rgba(37,99,235,.08), transparent 26rem),
    linear-gradient(180deg,#eef4fa 0%,#f8fafc 100%) !important;
}
.brand-v4-product-card{
  background:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%) !important;
  border:1px solid rgba(148,163,184,.28) !important;
  border-radius:24px !important;
  box-shadow:0 14px 36px rgba(15,32,51,.08) !important;
  overflow:hidden !important;
}
.brand-v4-product-card:hover{
  border-color:rgba(37,99,235,.28) !important;
  box-shadow:0 24px 64px rgba(15,32,51,.14) !important;
}
.brand-v4-product-img{
  background:linear-gradient(180deg,#f3f7fb 0%,#ffffff 100%) !important;
}
.brand-v4-product-img span,
.cat-v4-product-img span{
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
  box-shadow:0 10px 22px rgba(15,118,110,.18) !important;
}
.brand-v4-spec{
  background:#edf7f5 !important;
  border-color:#cfe7e1 !important;
  color:#315165 !important;
}

/* 信任服務區：改成明亮重點卡，讓頁面中段不沉、不白 */
.brand-v4-trust{
  background:
    radial-gradient(circle at 78% 0%, rgba(15,118,110,.14), transparent 30rem),
    linear-gradient(135deg,#e6f2f1 0%,#f3f7fb 58%,#e8eef8 100%) !important;
}
.brand-v4-trust-card{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(148,163,184,.32) !important;
  border-radius:30px !important;
  box-shadow:0 22px 68px rgba(15,32,51,.11) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.brand-v4-trust-card>span{
  color:#0f766e !important;
}
.brand-v4-trust-grid div{
  background:linear-gradient(135deg,#13283b 0%,#164e63 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 28px rgba(15,32,51,.12) !important;
}
.brand-v4-trust-grid strong{
  color:#99f6e4 !important;
}

/* CTA：原本橘紅太重，改成藍綠專業 CTA，跟 Hero 同色系但比較有行動感 */
.brand-v4-cta{
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.18), transparent 24rem),
    radial-gradient(circle at 88% 0%, rgba(96,165,250,.18), transparent 26rem),
    linear-gradient(135deg,#0f766e 0%,#176b8f 54%,#1d4ed8 118%) !important;
  color:#ffffff !important;
  border-top:0 !important;
}
.brand-v4-cta h2{
  color:#ffffff !important;
}
.brand-v4-cta p{
  color:#e4f5f3 !important;
}
.brand-v4-cta .btn{
  background:#ffffff !important;
  color:#0f3d56 !important;
  border:1px solid rgba(255,255,255,.60) !important;
  box-shadow:0 16px 36px rgba(4,13,25,.18) !important;
}
.brand-v4-cta .btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 22px 44px rgba(4,13,25,.24) !important;
}

/* Footer：仍保留深色專業區，但比上一版柔一點，並把橘色分隔線改成藍綠 */
.site-footer{
  background:
    radial-gradient(circle at 8% 0%, rgba(15,118,110,.16), transparent 28rem),
    linear-gradient(180deg,#172236 0%,#0d1726 100%) !important;
  border-top:6px solid #0f766e !important;
}
.footer-v6-kicker{
  color:#99f6e4 !important;
}
.footer-v6-service-area{
  background:rgba(255,255,255,.065) !important;
  border-color:rgba(255,255,255,.14) !important;
}

/* 共用小元素：focus 與搜尋按鈕改成藍綠，避免殘留橘紅 */
main input:focus,main select:focus,main textarea:focus{
  border-color:rgba(15,118,110,.62) !important;
  box-shadow:0 0 0 4px rgba(15,118,110,.12) !important;
}
.brand-v4-search .btn,
.cat-v4-search .btn,
.brand-v4-product-body .btn{
  background:linear-gradient(135deg,#0f766e,#2563eb) !important;
  border-color:transparent !important;
}

@media(max-width:900px){
  .brand-v4-catalog,
  .brand-v4-featured,
  .brand-v4-trust{
    background:linear-gradient(180deg,#f6fafb 0%,#edf4f8 100%) !important;
  }
  .brand-v4-scenarios{
    background:linear-gradient(135deg,#172436 0%,#1d3d44 100%) !important;
  }
}

/* =========================================================
   HL3C Theme V35 - V33 Base Slight Warm / Slight Brighter
   重點：完全保留 v33 的版型與整體感，只把過深區塊微幅提亮、加一點暖度。
   不採用 v34 的奶油/砂色大改版。
   ========================================================= */

:root{
  --hl3c-bg:#f4f6f8;
  --hl3c-bg-2:#edf2f6;
  --hl3c-surface:#ffffff;
  --hl3c-surface-soft:#f9fbfc;
  --hl3c-ink:#101828;
  --hl3c-text:#344054;
  --hl3c-muted:#657384;
  --hl3c-line:#d8e2ea;
  --hl3c-orange:#d76545; /* 降低橘色飽和，只當少量暖點 */
  --hl3c-orange-2:#e58b68;
  --hl3c-green:#147a72;
  --hl3c-blue:#2c5f93;
}

body{
  background:
    radial-gradient(circle at 9% -6%, rgba(215,101,69,.055), transparent 32rem),
    radial-gradient(circle at 92% 4%, rgba(20,122,114,.075), transparent 34rem),
    linear-gradient(180deg,#f7f8fa 0%,#eef3f6 48%,#f5f7f9 100%) !important;
}

/* 保留 v33 hero 感，但稍微減少黑度，文字與圖片仍有對比 */
.brand-v4-hero,
.hero,
.home-hero,
.catalog-hero{
  background:
    radial-gradient(circle at 13% 15%, rgba(20,122,114,.20), transparent 31rem),
    radial-gradient(circle at 82% 8%, rgba(229,139,104,.12), transparent 25rem),
    radial-gradient(circle at 73% 82%, rgba(44,95,147,.14), transparent 30rem),
    linear-gradient(135deg,#132235 0%,#1b2d42 52%,#203c43 112%) !important;
}
.brand-v4-hero-copy p,
.hero p{color:#e1e8ef !important;}
.brand-v4-kicker,
.hero .kicker,.hero .eyebrow{color:#a9ded7 !important;}
.brand-v4-kicker:before{background:#67c8bd !important;}
.brand-v4-hero-copy h1 span,
.hero h1 span,
.hero h1 strong{
  background:linear-gradient(90deg,#ffffff,#d9f1ed 58%,#e7c6aa) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* 首頁設備目錄：沿用 v33，只把底色提亮一點點 */
.brand-v4-catalog,
.cat-v4-layout,
.page-wrap{
  background:
    radial-gradient(circle at 0% 0%, rgba(20,122,114,.055), transparent 30rem),
    radial-gradient(circle at 92% 10%, rgba(215,101,69,.04), transparent 26rem),
    linear-gradient(180deg,#f6f8fa 0%,#edf3f6 100%) !important;
}

/* 使用情境區：不要像 v33 那麼黑，但保留藍綠灰夜色，不走 v34 暖米色 */
.brand-v4-scenarios,
.use-cases,
.home-dark-section,
.dark-section,
.section-dark{
  background:
    radial-gradient(circle at 10% 0%, rgba(20,184,166,.20), transparent 30rem),
    radial-gradient(circle at 92% 10%, rgba(121,148,178,.20), transparent 32rem),
    radial-gradient(circle at 78% 88%, rgba(215,101,69,.08), transparent 26rem),
    linear-gradient(135deg,#243346 0%,#2d4056 48%,#254f54 100%) !important;
  color:#f8fafc !important;
}
.brand-v4-scenario-card,
.home-dark-section .card,
.dark-section .card,
.section-dark .card{
  background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.095)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 18px 46px rgba(6,18,32,.17) !important;
}
.brand-v4-scenario-card a{
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,255,255,.22) !important;
}
.brand-v4-scenario-card a:hover{
  background:linear-gradient(135deg,#147a72,#2c5f93) !important;
}

/* 熱門設備與商品卡：保留淺藍灰，加入極少量暖光，不變成白亮 */
.brand-v4-featured{
  background:
    radial-gradient(circle at 5% 8%, rgba(44,95,147,.08), transparent 26rem),
    radial-gradient(circle at 92% 0%, rgba(215,101,69,.045), transparent 24rem),
    linear-gradient(180deg,#f1f5f7 0%,#f8fafb 100%) !important;
}
.brand-v4-product-card,
.cat-v4-product-card,
.product-card,
.card{
  background:linear-gradient(180deg,#ffffff 0%,#f8fafb 100%) !important;
  border-color:rgba(142,158,174,.28) !important;
}
.brand-v4-product-img,
.cat-v4-product-img{
  background:linear-gradient(180deg,#f2f6f8 0%,#ffffff 100%) !important;
}
.brand-v4-product-img span,
.cat-v4-product-img span,
.product-tag,
.badge{
  background:linear-gradient(135deg,#147a72,#2c5f93) !important;
  color:#fff !important;
}

/* 信任區：比 v33 再明亮一點，但維持冷暖平衡 */
.brand-v4-trust{
  background:
    radial-gradient(circle at 78% 0%, rgba(20,122,114,.13), transparent 30rem),
    radial-gradient(circle at 12% 92%, rgba(215,101,69,.055), transparent 28rem),
    linear-gradient(135deg,#e9f3f2 0%,#f4f7fa 56%,#eaf0f5 100%) !important;
}
.brand-v4-trust-grid div{
  background:linear-gradient(135deg,#193047 0%,#1f6170 100%) !important;
}

/* CTA：維持 v33 的藍綠專業 CTA，但提亮、加一點暖度，避免回到橘紅 */
.brand-v4-cta{
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.20), transparent 24rem),
    radial-gradient(circle at 88% 0%, rgba(229,139,104,.13), transparent 26rem),
    linear-gradient(135deg,#147a72 0%,#236c84 55%,#2c5f93 118%) !important;
  border-top:0 !important;
}
.brand-v4-cta p{color:#e8f5f3 !important;}

/* Footer：仍是深色專業，但不黑壓壓 */
.site-footer{
  background:
    radial-gradient(circle at 8% 0%, rgba(20,122,114,.18), transparent 28rem),
    radial-gradient(circle at 90% 0%, rgba(215,101,69,.06), transparent 24rem),
    linear-gradient(180deg,#1d2b3d 0%,#142033 100%) !important;
  border-top:6px solid #147a72 !important;
}
.footer-v6 p,
.footer-v6 li,
.footer-v6 a{color:#d3dbe4 !important;}
.footer-v6-service-area{
  background:rgba(255,255,255,.075) !important;
}

/* 其他頁面：分類/商品頁不要像 v34 大改，只做同色系微幅柔化 */
.cat-v4-hero,
.page-hero,
.product-v11-hero,
.product-v17-hero{
  background:
    radial-gradient(circle at 10% 0%, rgba(20,122,114,.09), transparent 26rem),
    radial-gradient(circle at 92% 6%, rgba(215,101,69,.055), transparent 24rem),
    linear-gradient(180deg,#f6f8fa 0%,#edf3f6 100%) !important;
}
.sidebar,
.category-sidebar,
.cat-v4-sidebar,
.side-category,
.category-menu{
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(142,158,174,.28) !important;
  box-shadow:0 12px 28px rgba(15,32,51,.07) !important;
}

@media(max-width:900px){
  .brand-v4-scenarios{
    background:linear-gradient(135deg,#243346 0%,#254f54 100%) !important;
  }
}