/* ============================================
   home-moved.css — 首頁改版縮減內容搬到其他頁時用的樣式（Shawn 2026-11-02 拍板）
   來源：index.html 內嵌 <style>、index/repair.css、index/theme-e.css 對應段落，原樣搬來。
   類名一律加 hm- 前綴：anim.css 對 .as-card／.workflow-step／.bni-card／.cert-card／.trust-block-title
   有「只在首頁 #id 進場才顯示」的預設隱藏規則，about.html 也已有自己的 .cert-card；加前綴兩邊都不互相影響。
   只由 aftercare／about／method／designer／flow／areas／contact 載入，不影響其他頁。
   ============================================ */
/* --- 安裝方式（原首頁 #service 我要裝冷氣）--- */
.hm-rt-cdesc{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:18px;}
.hm-rt-twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;}
.hm-rt-rb{background:#fff;border:1px solid var(--blue-light);border-left:3px solid var(--copper);border-radius:12px;padding:15px 16px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;}
.hm-rt-rb:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(58,110,165,.12);border-left-color:var(--copper-light);}
.hm-rt-rb.plain{border-left-color:var(--blue);}
.hm-rt-rb.plain:hover{border-left-color:var(--copper);}
.hm-rt-rbhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.hm-rt-rbname{font-size:14px;font-weight:700;color:var(--text);}
.hm-rt-rbmore{font-size:11px;color:var(--copper-ink);text-decoration:none;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;transition:gap .2s;}
.hm-rt-rb:hover .hm-rt-rbmore{gap:7px;}
.hm-rt-sc{display:flex;gap:8px;margin-top:9px;}
.hm-rt-sc .hm-rt-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--copper-btn);margin-top:6px;box-shadow:0 0 0 3px rgba(200,146,74,.14);}
.hm-rt-rb.plain .hm-rt-sc .hm-rt-dot{background:var(--blue);box-shadow:0 0 0 3px rgba(58,110,165,.14);}
.hm-rt-st{font-size:12.5px;color:var(--text);font-weight:600;}
.hm-rt-sd{font-size:11.5px;color:var(--muted);line-height:1.65;margin-top:1px;}

/* --- FOR DESIGNERS 條（原首頁 #service .hm-rt-dd）--- */
.hm-rt-dd{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(105deg,#0F1A26 0%,#1b2c3d 55%,#243a4f 100%);padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;text-decoration:none;border:1.5px solid rgba(200,146,74,.6);animation:hm-r_ddglow 2.8s ease-in-out infinite;transition:transform .3s;}
.hm-rt-dd:hover{transform:translateY(-4px);}
@keyframes hm-r_ddglow{0%,100%{box-shadow:0 12px 44px rgba(15,26,38,.32),0 0 0 rgba(200,146,74,0);}50%{box-shadow:0 12px 44px rgba(15,26,38,.32),0 0 30px rgba(200,146,74,.4);}}
.hm-rt-dd::before{content:'';position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(200,146,74,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(200,146,74,.07) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;}
.hm-rt-dd::after{content:'';position:absolute;top:0;left:-60%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(229,180,106,.2),transparent);transform:skewX(-18deg);animation:hm-r_ddshim 3.6s ease-in-out infinite;pointer-events:none;}
@keyframes hm-r_ddshim{0%{left:-60%;}55%{left:135%;}100%{left:135%;}}
.hm-rt-ribbon{position:absolute;top:0;left:0;z-index:2;background:var(--copper-btn);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em;padding:7px 18px 7px 16px;border-radius:0 0 12px 0;display:flex;align-items:center;gap:7px;}
.hm-rt-ribbon .hm-rt-rpulse{width:8px;height:8px;border-radius:50%;background:#fff;animation:hm-r_rpulse 1.2s ease-in-out infinite;}
@keyframes hm-r_rpulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(1.6);}}
.hm-rt-ddleft{display:flex;align-items:center;gap:22px;position:relative;z-index:1;margin-top:8px;}
.hm-rt-ddicon{width:66px;height:66px;border-radius:15px;background:rgba(200,146,74,.18);border:1px solid rgba(200,146,74,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:hm-r_ifloat 3s ease-in-out infinite;}
@keyframes hm-r_ifloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
.hm-rt-ddicon svg{width:33px;height:33px;stroke:var(--copper-light);fill:none;stroke-width:1.5;}
.hm-rt-ddtag{display:inline-block;font-size:12px;letter-spacing:.1em;color:var(--copper-light);font-weight:600;margin-bottom:7px;}
.hm-rt-ddtitle{font-size:25px;font-weight:700;color:#fff;font-family:'Noto Serif TC',serif;line-height:1.32;}
.hm-rt-ddsub{font-size:13px;color:rgba(255,255,255,.65);margin-top:8px;line-height:1.6;}
.hm-rt-ddbtn{position:relative;z-index:1;background:var(--copper-btn);color:#fff;padding:16px 32px;border-radius:50px;font-size:15px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:11px;transition:background .25s,gap .25s;box-shadow:0 6px 22px rgba(200,146,74,.45);animation:hm-r_btnpulse 2.8s ease-in-out infinite;}
@keyframes hm-r_btnpulse{0%,100%{transform:scale(1);}50%{transform:scale(1.04);}}
.hm-rt-dd:hover .hm-rt-ddbtn{background:var(--copper-btn-hover);gap:17px;}
.hm-rt-ddbtn svg{width:17px;height:17px;animation:hm-r_arrow 1.5s ease-in-out infinite;}
@keyframes hm-r_arrow{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}

@media(max-width:900px){
  .hm-rt-twocol{grid-template-columns:1fr;}
  .hm-rt-dd{flex-direction:column;align-items:flex-start;padding:30px 22px;}
  .hm-rt-ddtitle{font-size:21px;}
}
@media (prefers-reduced-motion: reduce){
  .hm-rt-dd,.hm-rt-ddicon,.hm-rt-ddbtn,.hm-rt-dd::after,.hm-rt-ribbon .hm-rt-rpulse,.hm-rt-ddbtn svg{animation:none!important;}
}

/* --- 售後三卡（原首頁 #afterservice）--- */
.hm-as-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.hm-as-card{background:var(--blue-pale);border:1px solid var(--blue-light);border-radius:16px;padding:36px 28px;text-align:center;transition:border-color .25s,box-shadow .25s,transform .25s;}
.hm-as-card:hover{border-color:var(--copper);box-shadow:0 8px 28px rgba(200,146,74,.12);transform:translateY(-4px);}
.hm-as-icon{width:56px;height:56px;margin:0 auto 20px;background:var(--dark);border-radius:14px;display:flex;align-items:center;justify-content:center;}
.hm-as-icon svg{width:28px;height:28px;}
.hm-as-card-title{font-family:'Noto Serif TC',serif;font-size:18px;font-weight:600;margin-bottom:6px;color:var(--text);}
.hm-as-card-sub{font-size:12px;color:var(--copper-ink);letter-spacing:.08em;margin-bottom:14px;}
.hm-as-card-desc{font-size:13px;color:var(--muted);line-height:1.85;}
@media(max-width:768px){.hm-as-grid{grid-template-columns:1fr;}}

/* --- 維修區塊（原 index/repair.css，不含 Why Us 大卡）--- */

.hm-as-card{display:flex;flex-direction:column;}
.hm-as-more{align-self:center;margin-top:14px;display:inline-flex;align-items:center;min-height:40px;font-size:13px;font-weight:500;color:var(--sky,#2C6AA8);}
.hm-as-more::after{content:'→';margin-left:6px;transition:transform .2s;}
.hm-as-more:hover::after{transform:translateX(3px);}

.hm-rp-block{margin-top:56px;padding-top:48px;border-top:1px solid var(--line,#ECE7D2);scroll-margin-top:-24px;}
.hm-rp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 48px;align-items:end;margin-bottom:24px;}
.hm-rp-head h3{font-family:'Noto Serif TC',serif;font-size:clamp(22px,2.4vw,28px);font-weight:700;line-height:1.4;color:var(--text);text-wrap:balance;}
.hm-rp-head p{font-size:14.5px;line-height:1.9;color:var(--muted);}

.hm-rp-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px;}
.hm-rp-ph{position:relative;margin:0;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:var(--line,#ECE7D2);}
.hm-rp-ph img{width:100%;height:100%;object-fit:cover;}
.hm-rp-ph figcaption{position:absolute;left:8px;bottom:8px;font-size:11px;line-height:1;padding:6px 9px;border-radius:50px;background:rgba(14,18,22,.58);color:#fff;letter-spacing:.03em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);white-space:nowrap;}

.hm-rp-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.hm-rp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#ECE7D2);border-radius:16px;padding:30px 28px 26px;}
.hm-rp-card.main{background:linear-gradient(180deg,var(--sky-band,#E6EFF8),#fff 70%);border:2px solid var(--sky,#2C6AA8);box-shadow:0 18px 34px -24px rgba(44,106,168,.6);}
.hm-rp-tag{align-self:flex-start;font-size:12px;line-height:1;padding:7px 12px;border-radius:50px;font-weight:600;letter-spacing:.06em;background:var(--hi,#F4F0B8);color:var(--on-hi,#4A4510);}
.hm-rp-card.main .hm-rp-tag{background:var(--sky,#2C6AA8);color:#fff;}
.hm-rp-who{font-size:12.5px;color:var(--muted);margin-top:10px;}
.hm-rp-card h4{font-family:'Noto Serif TC',serif;font-size:21px;font-weight:700;line-height:1.45;color:var(--text);margin:8px 0 10px;text-wrap:balance;}
.hm-rp-card:not(.main) h4{font-size:18px;}
.hm-rp-card p{font-size:14px;line-height:1.9;color:var(--text);}
.hm-rp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:22px;}
.hm-rp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 24px;border-radius:50px;font-size:14px;font-weight:500;background:var(--sky,#2C6AA8);color:#fff;transition:background .2s,transform .15s;}
.hm-rp-btn:hover{background:var(--sky-hover,#23578C);transform:translateY(-1px);}
.hm-rp-btn svg{width:18px;height:18px;}
.hm-rp-card:not(.main) .hm-rp-btn{background:#fff;color:var(--sky,#2C6AA8);box-shadow:inset 0 0 0 1.5px var(--sky,#2C6AA8);}
.hm-rp-card:not(.main) .hm-rp-btn:hover{background:var(--sky-band,#E6EFF8);}
.hm-rp-lk{display:inline-flex;align-items:center;min-height:44px;font-size:13.5px;font-weight:500;color:var(--sky,#2C6AA8);}
.hm-rp-lk::after{content:'→';margin-left:6px;transition:margin .2s;}
.hm-rp-lk:hover::after{margin-left:10px;}
.hm-rp-note{font-size:12.5px;line-height:1.8;color:var(--muted);margin:14px 2px 0;}

/* 三個理由：收合 */
.hm-rp-why{margin-top:20px;background:#fff;border:1px solid var(--line,#ECE7D2);border-radius:14px;}
.hm-rp-why summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:14px 22px;font-size:15px;font-weight:600;color:var(--text);}
.hm-rp-why summary::-webkit-details-marker{display:none;}
.hm-rp-why summary span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--sky,#2C6AA8);white-space:nowrap;}
.hm-rp-why summary span::after{content:'';width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s;}
.hm-rp-why[open] summary span::after{transform:rotate(-135deg) translateY(-2px);}
.hm-rp-why[open] summary span{font-size:0;gap:0;}
.hm-rp-why[open] summary span::after{font-size:12.5px;}
.hm-rp-why>p{font-size:13.5px;color:var(--muted);padding:0 22px;margin-bottom:6px;}
.hm-rp-why ol{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:w;padding:6px 22px 22px;}
.hm-rp-why li{counter-increment:w;display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line,#ECE7D2);}
.hm-rp-why li::before{content:counter(w);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:italic 700 14px/1 'Playfair Display',serif;background:var(--hi,#F4F0B8);color:var(--on-hi,#4A4510);}
.hm-rp-why li b{font-size:15px;font-weight:600;color:var(--text);letter-spacing:.04em;}
.hm-rp-why li span{font-size:13.5px;line-height:1.85;color:var(--muted);}

.hm-rp-end{display:flex;gap:12px;align-items:center;margin-top:14px;padding:14px 20px;border-radius:14px;background:var(--hi,#F4F0B8);color:var(--on-hi,#4A4510);font-size:14px;line-height:1.7;font-weight:500;}
.hm-rp-end svg{flex:none;width:22px;height:22px;}
.hm-rp-end a{text-decoration:underline;text-underline-offset:3px;}

@media(max-width:900px){
  .hm-rp-head{grid-template-columns:1fr;}
  .hm-rp-cards{grid-template-columns:1fr;gap:14px;}
  .hm-rp-why ol{grid-template-columns:1fr;gap:0;}
  .hm-rp-why li{display:grid;grid-template-columns:28px 1fr;gap:2px 14px;padding:14px 0;}
  .hm-rp-why li::before{grid-row:span 2;}
}
@media(max-width:768px){
  .hm-rp-block{margin-top:40px;padding-top:36px;}
  .hm-rp-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;margin:0 -24px 18px;padding:2px 24px 4px;scroll-padding-inline:24px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
  .hm-rp-strip::-webkit-scrollbar{display:none;}
  .hm-rp-ph{flex:0 0 44%;scroll-snap-align:start;}
  .hm-rp-card{padding:22px 20px 18px;}
  .hm-rp-acts{flex-direction:column;align-items:stretch;gap:2px;}
  .hm-rp-btn{min-height:50px;}
  .hm-rp-lk{justify-content:center;}
  .hm-rp-why summary{padding:14px 18px;}
  .hm-rp-why>p{padding:0 18px;}
  .hm-rp-why ol{padding:4px 18px 10px;}
}
.hm-rp-end small{display:inline-block;font-size:12.5px;font-weight:400;opacity:.85;}

/* ===== 售後裡只留「其他冷氣」：單卡橫排 ===== */
.hm-rp-cards.one{grid-template-columns:1fr;}
.hm-rp-cards.one .hm-rp-card{flex-direction:row;flex-wrap:wrap;align-items:flex-start;column-gap:28px;}
.hm-rp-cards.one .hm-rp-card .hm-rp-tag{flex:none;}
.hm-rp-cards.one .hm-rp-card h4,.hm-rp-cards.one .hm-rp-card p{flex:1 1 100%;}
.hm-rp-cards.one .hm-rp-acts{flex:1 1 100%;}
.hm-rp-inl{color:var(--sky,#2C6AA8);font-weight:600;border-bottom:1px solid currentColor;}



/* --- 六步流程（原首頁 #workflow）--- */
.hm-workflow-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;position:relative;}
.hm-workflow-steps::before{content:'';position:absolute;top:36px;left:10%;right:10%;height:1px;background:var(--blue-light);z-index:0;}
.hm-workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0 12px;}
.hm-step-circle{width:72px;height:72px;border-radius:50%;background:var(--white);border:2px solid var(--blue-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:border-color .2s,background .2s;}
.hm-workflow-step:hover .hm-step-circle{border-color:var(--copper);background:var(--copper-btn);}
.hm-step-num{font-family:'Playfair Display',serif;font-style:italic;font-size:22px;font-weight:700;color:var(--blue);transition:color .2s;}
.hm-workflow-step:hover .hm-step-num{color:#fff;}
.hm-step-title{font-size:14px;font-weight:500;color:var(--text);margin-bottom:8px;}
.hm-step-desc{font-size:12px;color:var(--muted);line-height:1.7;}
@media(max-width:1024px){.hm-workflow-steps{grid-template-columns:repeat(3,1fr);row-gap:40px;}.hm-workflow-steps::before{display:none;}}
@media(max-width:768px){.hm-workflow-steps{grid-template-columns:1fr 1fr;row-gap:32px;}}
@media(max-width:480px){.hm-workflow-steps{grid-template-columns:1fr;}}

/* --- 業界網路／會員／品牌認證（原首頁 #trust）--- */
.hm-trust-three{display:grid;grid-template-columns:1fr;gap:48px;}
.hm-trust-block-title{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:.08em;margin-bottom:20px;display:flex;align-items:center;gap:10px;}
.hm-trust-block-title::after{content:'';flex:1;height:1px;background:var(--blue-light);}

/* --- 1. BNI 組：橫向名片風格 --- */
.hm-bni-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.hm-bni-card{display:flex;align-items:center;gap:18px;background:var(--white);border:1px solid var(--blue-light);border-radius:14px;padding:20px;text-decoration:none;color:var(--text);transition:border-color .25s,box-shadow .25s,transform .25s;}
.hm-bni-card:hover{border-color:var(--copper);box-shadow:0 6px 24px rgba(200,146,74,.12);transform:translateY(-3px);}
.hm-bni-card-img{width:120px;height:80px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;}
.hm-bni-card-img img{max-width:100%;max-height:100%;object-fit:contain;}
.hm-bni-card-body{flex:1;min-width:0;}
.hm-bni-card-name{font-size:14px;font-weight:600;margin-bottom:4px;}
.hm-bni-card-sub{font-size:11px;color:var(--muted);letter-spacing:.04em;}

/* --- 2. 會員認證組：大圖卡片 --- */
.hm-member-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.hm-member-card{display:block;background:var(--blue-pale);border:1px solid var(--blue-light);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);transition:border-color .25s,box-shadow .25s,transform .25s;}
.hm-member-card:hover{border-color:var(--copper);box-shadow:0 8px 28px rgba(200,146,74,.15);transform:translateY(-4px);}
.hm-member-card-img{width:100%;height:140px;background:var(--white);display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden;}
.hm-member-card-img img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .4s ease;}
.hm-member-card:hover .hm-member-card-img img{transform:scale(1.08);}
.hm-member-card-body{padding:16px 18px;border-top:1px solid var(--blue-light);}
.hm-member-card-name{font-size:14px;font-weight:600;margin-bottom:4px;}
.hm-member-card-sub{font-size:11px;color:var(--muted);letter-spacing:.04em;}

/* --- 3. 品牌認證組：深色小卡 --- */
.hm-cert-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.hm-cert-card{background:var(--dark);border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s;}
.hm-cert-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.25);}
.hm-cert-card-img{width:100%;height:100px;background:var(--white);display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;}
.hm-cert-card-img img{max-width:100%;max-height:100%;object-fit:contain;}
.hm-cert-card-body{padding:12px 16px;}
.hm-cert-card-name{font-size:13px;font-weight:500;color:#fff;margin-bottom:2px;}
.hm-cert-card-sub{font-size:10px;color:rgba(255,255,255,.5);letter-spacing:.04em;line-height:1.5;}
@media(max-width:768px){
  .hm-bni-row,.hm-member-row{grid-template-columns:1fr;}
  .hm-cert-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .hm-cert-row{grid-template-columns:1fr;}
  .hm-bni-card{flex-direction:column;text-align:center;}
  .hm-bni-card-img{width:100px;}
}
@media(max-width:768px){.hm-member-card-img{padding:20px 56px 20px 20px;}}

/* --- 內湖店面位置（原首頁 #location）--- */
.hm-loc-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:stretch;}
.hm-loc-map{border-radius:var(--r);overflow:hidden;border:1px solid var(--blue-light);min-height:420px;background:var(--blue-light);}
.hm-loc-map iframe{width:100%;height:100%;min-height:420px;border:0;display:block;}
.hm-loc-info{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border-radius:var(--r);border:1px solid var(--blue-light);padding:32px 28px;}
.hm-loc-name{font-family:'Noto Serif TC',serif;font-size:22px;font-weight:600;color:var(--text);margin-bottom:6px;}
.hm-loc-name-en{font-size:11px;color:var(--muted);letter-spacing:.12em;margin-bottom:24px;}
.hm-loc-line{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--text);line-height:1.7;margin-bottom:14px;}
.hm-loc-line svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;fill:none;stroke:var(--copper);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hm-loc-line a{color:var(--text);text-decoration:none;transition:color .2s;}
.hm-loc-line a:hover{color:var(--copper-ink);}
.hm-loc-divider{height:1px;background:var(--blue-light);margin:18px 0;}
.hm-loc-rating-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.hm-loc-stars{display:inline-flex;gap:2px;color:#FBBC04;}
.hm-loc-stars svg{width:16px;height:16px;fill:currentColor;}
.hm-loc-rating-text{font-size:13px;color:var(--muted);}
.hm-loc-cta-row{display:flex;flex-direction:column;gap:10px;}
.hm-loc-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:50px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;}
.hm-loc-cta-primary{background:var(--copper-btn);color:#fff;}
.hm-loc-cta-primary:hover{background:var(--copper-btn-hover);}
.hm-loc-cta-ghost{background:#fff;color:var(--text);border:1px solid var(--blue-light);}
.hm-loc-cta-ghost:hover{border-color:var(--copper);color:var(--copper-ink);}
.hm-loc-cta svg{width:16px;height:16px;}
@media(max-width:900px){.hm-loc-grid{grid-template-columns:1fr;gap:20px;}.hm-loc-map,.hm-loc-map iframe{min-height:300px;}.hm-loc-info{padding:28px 22px;}}

/* --- 區域連結（原首頁 #area）--- */
.hm-area-link-special{color:var(--copper-ink);font-weight:600;text-decoration:none;border-bottom:1px dashed var(--copper);transition:color .2s;display:inline-block;padding:4px 2px;}  /* padding 是為了把觸控區撐到 24px 以上（WCAG 2.2 AA），不影響行內排版 */
@media(max-width:900px){.hm-area-spotlight a{min-height:44px;padding:11px 18px;}}
.hm-area-link-special:hover{color:var(--copper-light);}
.hm-area-spotlight{margin-top:auto;padding-top:16px;}
.hm-area-spotlight a{display:inline-flex;align-items:center;gap:6px;background:var(--copper-btn);color:#fff;font-size:12px;font-weight:500;padding:7px 16px;border-radius:50px;text-decoration:none;transition:background .2s;}
.hm-area-spotlight a:hover{background:var(--copper-btn-hover);}

/* --- 服務品牌跑馬燈（原首頁 #brand）--- */
.hm-marquee-outer{overflow:hidden;-webkit-mask:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask:linear-gradient(to right,transparent,black 10%,black 90%,transparent);}
.hm-marquee-track{display:flex;gap:16px;width:max-content;animation:hm-marquee 30s linear infinite;}
.hm-marquee-track:hover{animation-play-state:paused;}
@keyframes hm-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.hm-brand-chip{background:var(--blue-pale);border-radius:10px;padding:12px 24px;font-size:13px;color:var(--muted);white-space:nowrap;flex-shrink:0;border:1px solid var(--blue-light);transition:background .2s,color .2s;cursor:default;}
.hm-brand-chip:hover{background:var(--blue-light);color:var(--text);}

/* --- 原首頁 theme-e.css 對這些元件的配色覆寫 --- */
.hm-svc-btn-primary{box-shadow:0 6px 16px rgba(44,106,168,.24);}
.hm-rt-sc .hm-rt-dot{box-shadow:0 0 0 3px rgba(44,106,168,.14);}
.hm-rt-rb:hover{box-shadow:0 10px 26px rgba(44,106,168,.12);border-left-color:var(--sky);}
.hm-rt-dd{background:linear-gradient(105deg,#235A92 0%,#2C6AA8 55%,#3270AE 100%);}
@keyframes hm-r_ddglow{0%,100%{box-shadow:0 12px 40px rgba(44,106,168,.28),0 0 0 rgba(244,240,184,0);}50%{box-shadow:0 12px 40px rgba(44,106,168,.28),0 0 28px rgba(244,240,184,.55);}}
.hm-rt-ribbon{background:var(--hi);color:var(--on-hi);}
.hm-rt-ribbon .hm-rt-rpulse{background:var(--on-hi);}
.hm-rt-ddicon svg{stroke:var(--hi);}
.hm-rt-ddtag{color:var(--hi);}
.hm-rt-ddsub{color:rgba(255,255,255,.8);}
.hm-rt-ddbtn{background:#fff;color:var(--sky);}
.hm-rt-dd:hover .hm-rt-ddbtn{background:var(--hi);color:var(--on-hi);}
.hm-as-card{background:#fff;border-color:var(--line);}
.hm-as-card:hover{box-shadow:0 8px 28px rgba(44,106,168,.12);}
.hm-as-icon{background:var(--sky-band);}
.hm-as-icon svg{stroke:var(--sky);}
.hm-bni-card:hover,.hm-member-card:hover{box-shadow:0 8px 28px rgba(44,106,168,.12);}

/* 售後頁標題列：同首頁 @media(max-width:768px) 的 .sec-label-row 換行規則（只作用在 aftercare.html） */
@media(max-width:768px){#aftercare .sec-label-row{flex-wrap:wrap;gap:8px;margin-bottom:36px!important;}#aftercare .sec-cn{margin-left:0;}}
