/* 護您網首頁版型 v0.1 */
.hch-body{background:#F7FAFA;margin:0}
.hch{font-family:-apple-system,BlinkMacSystemFont,"PingFang HK","Microsoft JhengHei","Noto Sans TC",sans-serif;color:#12211F;line-height:1.65;-webkit-font-smoothing:antialiased}
.hch *,.hch *::before,.hch *::after{box-sizing:border-box}
.hch a{text-decoration:none;color:inherit}
.hch-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.hch h1,.hch h2,.hch p,.hch ul{margin:0}

/* 按鈕 */
.hch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font-size:16.8px;font-weight:700;cursor:pointer;background:#12211F;color:#fff;transition:transform .15s ease,box-shadow .15s ease}
.hch-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(31,42,36,.18)}
.hch-btn--wa{background:#00B3B8}
.hch-btn--go{background:#007565;color:#fff}
.hch-btn--big{padding:16px 30px;font-size:17.9px;background:#00B3B8}

/* 頂欄 */
.hch-top{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid #E8ECE6}
.hch-top__in{display:flex;align-items:center;gap:26px;height:72px}
.hch-logo{display:flex;align-items:center;gap:10px}
.hch-logo__mark{width:38px;height:38px;border-radius:12px;background:#12211F;color:#00C8C8;display:grid;place-items:center;font-weight:800;font-size:21.3px}
.hch-logo__txt{display:flex;flex-direction:column;font-weight:800;font-size:19px;line-height:1.1}
.hch-logo__txt em{font-style:normal;font-size:11.2px;letter-spacing:.14em;color:#7A9291;font-weight:600}
.hch-nav{display:flex;gap:22px;font-size:16.2px;font-weight:600;color:#2C4443}
.hch-nav a:hover{color:#007565}
.hch-top__right{margin-left:auto;display:flex;align-items:center;gap:12px}
.hch-mini-search input{border:1px solid #D8E7E8;background:#F3F9FA;border-radius:999px;padding:10px 16px;font-size:15.1px;width:190px;outline:none}
.hch-mini-search input:focus{background:#fff;border-color:#A8D8DB}

/* Hero */
.hch-hero{position:relative;overflow:hidden;background:#042225}
.hch-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center 76%}
.hch-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(6,32,35,.88) 0%,rgba(6,40,44,.66) 40%,rgba(6,40,44,.24) 66%,rgba(6,40,44,.04) 100%)}
.hch-hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-top:64px;padding-bottom:64px}
.hch-hero__copy{color:#fff;max-width:640px}
.hch-hero h1,.hch-hero h2{color:#fff !important}
.hch-hero__copy p{color:rgba(255,255,255,.86) !important}
.hch-eyebrow{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#EAF6EE;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700;letter-spacing:.04em}
.hch-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.22;margin:18px 0 14px;letter-spacing:-.01em;font-weight:800}
.hch-hero__copy p{color:rgba(255,255,255,.86);font-size:17.4px;line-height:1.85}

.hch-search{display:flex;gap:10px;background:#fff;border-radius:999px;padding:8px;margin:26px 0 0;box-shadow:0 18px 40px rgba(0,0,0,.22);flex-wrap:wrap}
.hch-search__field{display:flex;flex-direction:column;padding:4px 16px;min-width:0}
.hch-search__field span{font-size:11.8px;font-weight:800;color:#7A9291;letter-spacing:.1em}
.hch-search__field select,.hch-search__field input{border:0;outline:none;background:transparent;font-size:16.8px;font-weight:600;color:#12211F;padding:2px 0;width:100%}
.hch-search__field--grow{flex:1;min-width:170px;border-left:1px solid #EAF3F4;border-right:1px solid #EAF3F4}
.hch-search .hch-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;height:52px;padding:0 26px;font-size:16px;font-weight:800;line-height:1;box-sizing:border-box;border:1.5px solid transparent}

.hch-hero__meta{display:flex;gap:38px;list-style:none;padding:0;margin:32px 0 0}
.hch-hero__meta li{display:flex;flex-direction:column}
.hch-hero__meta b{font-size:28px;color:#F3DFB4;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.hch-hero__meta span{font-size:14px;color:rgba(255,255,255,.92);margin-top:3px;text-shadow:0 1px 6px rgba(0,0,0,.45)}

.hch-hero__card{background:#fff;border-radius:22px;padding:18px 18px 14px;box-shadow:0 20px 50px rgba(0,0,0,.25);align-self:center;max-height:100%}
.hch-hero__cardHead{display:flex;align-items:center;gap:8px;font-size:14.6px;font-weight:800;color:#4A6362;letter-spacing:.06em;padding:0 4px 12px}
.hch-dot{width:8px;height:8px;border-radius:50%;background:#00B3B8;box-shadow:0 0 0 4px rgba(32,192,92,.16)}
.hch-pick{display:block;padding:12px 4px;border-top:1px solid #EDF5F6}
.hch-pick__tag{display:inline-block;background:#E4F6F7;color:#007565;border-radius:999px;padding:1px 10px;font-size:12.9px;font-weight:800;margin-bottom:6px}
.hch-pick__title{display:block;font-size:16.2px;font-weight:700;line-height:1.5;color:#12211F}
.hch-pick__go{display:block;font-size:13.4px;color:#7A9291;margin-top:4px}
.hch-pick:hover .hch-pick__title{color:#007565}
.hch-hero__cardMore{display:block;text-align:center;margin-top:12px;padding:10px;border-radius:999px;background:#F3F9FA;font-size:14.6px;font-weight:800;color:#007565}

/* 快捷 */
.hch-quick{padding:34px 0 10px}
.hch-quick__title{display:flex;align-items:center;gap:8px;font-size:15.7px;font-weight:800;color:#4A6362;letter-spacing:.05em;margin-bottom:16px}
.hch-quick__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.hch-q{background:#fff;border:1px solid #E3EEEF;border-radius:18px;padding:16px 10px;text-align:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s}
.hch-q:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(31,42,36,.1);border-color:#BFE3E5}
.hch-q__ico{display:block;width:42px;height:42px;margin:0 auto 10px;border-radius:14px;background:linear-gradient(135deg,#E4F6F7,#CFF0F2)}
.hch-q:nth-child(2n) .hch-q__ico{background:linear-gradient(135deg,#E4F6F7,#CFF0F2)}
.hch-q:nth-child(3n) .hch-q__ico{background:linear-gradient(135deg,#EAF4F7,#D3ECF0)}
.hch-q__name{display:block;font-size:15.1px;font-weight:800;color:#12211F;line-height:1.35}
.hch-q__sub{display:block;font-size:12.3px;color:#7A9291;margin-top:3px;line-height:1.45}

/* 區塊 */
.hch-sec{padding:44px 0}
.hch-sec--tint{background:#EDF6F7}
.hch-sec__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.hch-sec__head h2{display:flex;align-items:center;gap:9px;font-size:24.6px;font-weight:800;letter-spacing:-.01em;color:#12211F}
.hch-eye{font-size:15.7px;color:#00B3B8}
.hch-eye--blue{color:#2A93A8}
.hch-eye--green{color:#007565}
.hch-more{font-size:14.6px;font-weight:700;color:#4A6362}

/* 卡 */
.hch-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.hch-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E3EEEF;border-radius:20px;padding:0 0 16px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}
.hch-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(31,42,36,.12)}
.hch-card__band{padding:16px 16px 14px;background:linear-gradient(135deg,#007565,#00A8AE);color:#fff;display:flex;align-items:baseline;gap:8px}
.hch-card__band b{font-size:21.3px;font-weight:800}
.hch-card__band{padding:16px 16px 14px;background:linear-gradient(135deg,#007565,#00A8AE);color:#fff;display:flex;align-items:baseline;gap:8px}
.hch-card:nth-child(2n) .hch-card__band{background:linear-gradient(135deg,#0B4F55,#127680)}
.hch-card:nth-child(3n) .hch-card__band{background:linear-gradient(135deg,#12626B,#1F8B96)}
.hch-card:nth-child(4n) .hch-card__band{background:linear-gradient(135deg,#1D7C88,#37A9B5)}
.hch-card__title{padding:14px 16px 0;font-size:17.9px;font-weight:800;line-height:1.45;color:#12211F;display:block}
.hch-card__desc{padding:8px 16px 0;font-size:14.6px;color:#5C7573;line-height:1.7;flex:1}
.hch-card__foot{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;margin-top:auto;font-size:13.4px;color:#7A9291}
.hch-card__cta{font-weight:800;color:#007565}

/* 地區格 */
.hch-regions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.hch-rg{background:#fff;border:1px solid #D9EAEB;border-radius:14px;padding:14px 14px;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}
.hch-rg:hover{border-color:#007565;box-shadow:0 8px 18px rgba(14,124,79,.12)}
.hch-rg__name{font-size:15.7px;font-weight:700}
.hch-rg__count{font-size:12.9px;color:#7A9291;background:#F3F9FA;border-radius:999px;padding:2px 9px}

/* 文章卡 */
.hch-cards--post{grid-template-columns:repeat(4,minmax(0,1fr))}
.hch-card__thumb{display:block;aspect-ratio:16/10;background:#E3EEEF;overflow:hidden}
.hch-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hch-card__thumb--blank{background:linear-gradient(135deg,#E4F6F7,#CFF0F2)}
.hch-card--post .hch-card__title{padding-top:14px}

/* CTA */
.hch-cta{padding:20px 0 56px}
.hch-cta__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;background:linear-gradient(120deg,#062B2C,#007565 65%,#00A8AE);border-radius:26px;padding:38px 40px;color:#fff}
.hch-cta__badge{display:inline-block;background:rgba(255,255,255,.16);border-radius:999px;padding:4px 13px;font-size:13.4px;font-weight:800;margin-bottom:12px}
.hch-cta h2{color:#fff;font-size:26.9px;line-height:1.4;font-weight:800;letter-spacing:-.01em}
.hch-cta p{color:rgba(255,255,255,.82);font-size:15.7px;margin-top:10px;max-width:560px}
.hch-cta__act{display:flex;flex-direction:column;align-items:center;gap:10px}
.hch-cta__note{font-size:13.4px;color:rgba(255,255,255,.66)}

/* 頁腳 */
.hch-foot{background:#0B2321;color:#C8D4CD;padding:48px 0 22px}
.hch-foot__in{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.hch-foot__brand .hch-logo__mark{background:#00C8C8;color:#0B2321;margin-bottom:12px}
.hch-foot__brand strong{display:block;font-size:17.9px;color:#fff;margin-bottom:8px}
.hch-foot__brand p{font-size:14px;line-height:1.85;color:#93A59C;max-width:420px}
.hch-foot__col b{display:block;font-size:14.6px;color:#fff;margin-bottom:10px;letter-spacing:.04em}
.hch-foot__col a{display:block;font-size:14.6px;color:#A9BFBE;padding:4px 0}
.hch-foot__col a:hover{color:#00C8C8}
.hch-foot__base{display:flex;justify-content:space-between;border-top:1px solid #1B3B39;margin-top:34px;padding-top:16px;font-size:13.4px;color:#7C8C84}

/* 響應式 */
@media (max-width:1080px){
	.hch-quick__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
	.hch-regions{grid-template-columns:repeat(4,minmax(0,1fr))}
	.hch-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hch-hero__in{grid-template-columns:1fr;gap:26px}
	.hch-hero__card{max-width:420px}
	.hch-nav{display:none}
}
@media (max-width:720px){
	.hch-top__in{height:62px;gap:12px}
	.hch-mini-search{display:none}
	.hch-btn--wa{padding:10px 16px;font-size:15.1px}
	.hch-hero__in{padding-top:40px;padding-bottom:40px}
	.hch-search{border-radius:20px;padding:10px;gap:6px}
	.hch-search__field{width:100%;padding:6px 8px}
	.hch-search__field--grow{border:0;border-top:1px solid #EAF3F4;border-bottom:1px solid #EAF3F4}
	.hch-search .hch-btn{width:100%}
	.hch-hero__meta{gap:22px}
	.hch-quick__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hch-regions{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hch-cards,.hch-cards--post{grid-template-columns:1fr}
	.hch-cta__in{grid-template-columns:1fr;padding:26px 22px;text-align:left}
	.hch-cta__act{align-items:flex-start}
	.hch-foot__in{grid-template-columns:1fr 1fr;gap:24px}
	.hch-sec{padding:34px 0}
	.hch-sec__head h2{font-size:20.2px}
}


/* 真 logo */
.hch-logo__img{height:44px;width:auto;display:block}

/* 頂欄大電話 */
.hch-phone{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;padding:6px 4px}
.hch-phone__label{font-size:11.8px;color:#7A9291;font-weight:700;letter-spacing:.04em}
.hch-phone__num{font-size:24.6px;font-weight:800;color:#007565;letter-spacing:.02em}

/* 今日精選：相片卡 */
.hch-pick{display:flex;gap:10px;align-items:center}
.hch-pick__ph{flex:0 0 76px;width:76px;height:58px;border-radius:10px;overflow:hidden;background:#E3EEEF;display:block}
.hch-pick__ph img{width:100%;height:100%;object-fit:cover;display:block}
.hch-pick__body{display:block;min-width:0}
.hch-pick__tag{margin-bottom:3px}
.hch-pick__title{font-size:15.7px;line-height:1.4}

/* 院舍卡相片 */
.hch-card__pic{display:block;aspect-ratio:16/9;overflow:hidden;background:#E3EEEF}
.hch-card__pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.hch-card:hover .hch-card__pic img{transform:scale(1.04)}

/* CTA 大電話 */
.hch-cta__phone{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:20px;padding:14px 30px;color:#0B2321}
.hch-cta__phoneLabel{font-size:13.4px;font-weight:700;color:#4A6362;letter-spacing:.04em}
.hch-cta__phoneNum{font-size:38.1px;font-weight:800;color:#007565;letter-spacing:.02em;line-height:1.1}

/* 醫療用品店 */
.hch-sec--med{background:#F9FCFC}
.hch-med__lead{font-size:15.7px;color:#5C7573;margin:-6px 0 16px}
.hch-meds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hch-med{background:#fff;border:1px solid #E3EEEF;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,box-shadow .15s ease}
.hch-med:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(31,42,36,.1)}
.hch-med__ico{align-self:flex-start;background:#E4F6F7;color:#007565;border-radius:999px;padding:4px 12px;font-size:13.4px;font-weight:800;margin-bottom:4px}
.hch-med__name{font-size:17.4px;font-weight:800}
.hch-med__sub{font-size:14px;color:#7A9291}
.hch-med__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;background:#EFF8F9;border-radius:14px;padding:12px 18px;font-size:15.1px;color:#2C4443}
.hch-btn--sm{padding:9px 18px;font-size:14.6px}
.hch-btn--ghost{background:#fff;color:#007565!important;border:1.5px solid #007565}
.hch-film--dark .hch-btn--ghost{background:transparent;color:#EAF3F3!important;border-color:rgba(255,255,255,.5)}

@media (max-width:1080px){
	.hch-phone__num{font-size:20.2px}
	.hch-meds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
	.hch-logo__img{height:38px}
	.hch-phone__num{font-size:19px}
	.hch-phone__label{display:none}
	.hch-meds{grid-template-columns:1fr}
	.hch-med__bar{flex-direction:column;align-items:flex-start}
	.hch-cta__phone{width:100%;align-items:flex-start}
}


/* 醫療用品頁 */
.hch-medhero{background:linear-gradient(120deg,#062B2C,#007565 70%,#00A8AE);color:#fff;padding:56px 0 60px}
.hch-medhero h1{font-size:clamp(26px,3.6vw,40px);line-height:1.3;margin:16px 0 12px;font-weight:800;color:#fff}
.hch-medhero p{color:rgba(255,255,255,.85);font-size:16.8px;max-width:640px;line-height:1.85}
.hch-meds--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.hch-empty{background:#fff;border:1px dashed #C9D6CD;border-radius:18px;padding:26px;max-width:640px}
.hch-empty p{margin:0 0 10px;font-size:16.2px;color:#2C4443;line-height:1.8}
@media (max-width:1080px){.hch-meds--three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.hch-meds--three{grid-template-columns:1fr}}


/* 大圖自動橫向滑動 */
.hch-gallery{overflow:hidden}
.hch-rail{overflow:hidden;padding:4px 0 8px;mask-image:linear-gradient(90deg,transparent 0,#000 40px,#000 calc(100% - 40px),transparent 100%)}
.hch-rail__track{display:flex;gap:16px;width:max-content;animation:hch-marquee 70s linear infinite;padding-left:20px}
.hch-rail:hover .hch-rail__track,.hch-rail:focus-within .hch-rail__track{animation-play-state:paused}
@keyframes hch-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.hch-tile{position:relative;flex:0 0 auto;width:330px;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#0B2321;display:block}
.hch-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.hch-tile:hover img{transform:scale(1.06)}
.hch-tile__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,34,37,0) 40%,rgba(4,34,37,.82) 100%)}
.hch-tile__body{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;display:flex;flex-direction:column;gap:5px;color:#fff}
.hch-tile__tag{align-self:flex-start;background:rgba(0,200,200,.92);color:#042225;border-radius:999px;padding:1px 10px;font-size:12.9px;font-weight:800}
.hch-tile__name{font-size:17.9px;font-weight:800;line-height:1.35}
.hch-tile__cta{font-size:13.4px;color:rgba(255,255,255,.85)}
@media (prefers-reduced-motion: reduce){.hch-rail__track{animation:none}}
@media (max-width:720px){.hch-tile{width:250px}.hch-rail__track{animation-duration:45s}}


/* 媒體報導帶 */
.hch-press{background:#fff;border-bottom:1px solid #E3EEEF}
.hch-press__in{display:flex;align-items:center;gap:26px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.hch-press__label{font-size:12.9px;font-weight:800;letter-spacing:.14em;color:#7A9291}
.hch-press__item{display:flex;align-items:baseline;gap:6px;filter:grayscale(1);opacity:.62;transition:opacity .2s ease,filter .2s ease}
.hch-press__item:hover{filter:none;opacity:1}
.hch-press__mark{font-size:17.9px;font-weight:800;color:#12211F;letter-spacing:.01em}
.hch-press__sub{font-size:11.8px;color:#5C7573;font-weight:700}
.hch-press__note{margin-left:auto;font-size:13.4px;color:#7A9291}
@media (max-width:720px){.hch-press__in{gap:16px}.hch-press__note{display:none}.hch-press__mark{font-size:15.7px}}


/* 八格捷徑：參照彩色分類卡，每格一個柔和底色 */
.hch-q__ico{border-radius:16px;position:relative}
.hch-q__ico::after{content:"";position:absolute;inset:30%;border-radius:50%;background:rgba(255,255,255,.55)}
.hch-q:nth-child(1) .hch-q__ico{background:linear-gradient(135deg,#FFE3E7,#FFC9D2)}
.hch-q:nth-child(2) .hch-q__ico{background:linear-gradient(135deg,#E4F6F7,#C9EDEF)}
.hch-q:nth-child(3) .hch-q__ico{background:linear-gradient(135deg,#E9EDF6,#D4DDEE)}
.hch-q:nth-child(4) .hch-q__ico{background:linear-gradient(135deg,#FBE7F2,#F4CFE4)}
.hch-q:nth-child(5) .hch-q__ico{background:linear-gradient(135deg,#FFEDDD,#FFD9BC)}
.hch-q:nth-child(6) .hch-q__ico{background:linear-gradient(135deg,#FFF6D9,#FFE9A8)}
.hch-q:nth-child(7) .hch-q__ico{background:linear-gradient(135deg,#E3F6E8,#C8EBD4)}
.hch-q:nth-child(8) .hch-q__ico{background:linear-gradient(135deg,#FDE8E8,#F8CFCF)}
.hch-q{background:#fff;border-color:#EEF3F4}
.hch-q:hover{box-shadow:0 14px 28px rgba(4,44,48,.10)}


/* 信任區 */
.hch-trust{background:#F1FAFB;border-bottom:1px solid #DCEEF0}
.hch-trust__in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:20px;padding-bottom:20px}
.hch-trust__item{display:flex;flex-direction:column;gap:3px}
.hch-trust__item b{font-size:16.2px;color:#007565;font-weight:800}
.hch-trust__item span{font-size:14px;color:#5C7573;line-height:1.6}
@media (max-width:900px){.hch-trust__in{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.hch-trust__in{grid-template-columns:1fr;gap:12px}}


/* 主圖來源註 */
.hch-hero__credit{position:absolute;right:18px;bottom:10px;z-index:2;font-size:11.8px;color:rgba(255,255,255,.55);letter-spacing:.02em}

/* 真人跟進 */
.hch-human{padding:52px 0;background:#fff}
.hch-human__in{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:38px;align-items:center}
.hch-human__pic{margin:0;border-radius:22px;overflow:hidden;background:#EDF6F7}
.hch-human__pic img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}
.hch-human__pic figcaption{font-size:12.3px;color:#7A9291;padding:9px 14px;background:#F7FBFB}
.hch-eyebrow--dark{background:#EAF6F7;border:1px solid #BFE3E5;color:#007565}
.hch-human__copy h2{font-size:clamp(22px,2.8vw,30px);line-height:1.35;margin:14px 0 14px;font-weight:800;letter-spacing:-.01em}
.hch-human__copy p{font-size:16.8px;color:#3D5756;line-height:1.9;margin:0 0 12px}
.hch-human__list{list-style:none;padding:0;margin:8px 0 20px;display:flex;flex-direction:column;gap:8px}
.hch-human__list li{font-size:16.2px;color:#2C4443;padding-left:18px;position:relative;line-height:1.7}
.hch-human__list li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#00C8C8}
.hch-human__list b{color:#007565;margin-right:6px}
@media (max-width:900px){.hch-human__in{grid-template-columns:1fr;gap:22px}}

/* 寫在前面：團隊輪流講，由光轉暗 */
.hch-letter{padding:58px 0 62px;background:#FBF7EE;color:#3E382D;transition:background-color 1s ease,color 1s ease}
.hch-letter__in{max-width:820px}
.hch-letter__kicker{margin:0 0 20px;font-size:13.4px;letter-spacing:.28em;color:#B4975A;font-weight:700;transition:color 1s ease}
.hch-letter__stage{position:relative;min-height:380px}
.hch-letter__slide{margin:0;position:absolute;inset:0;display:none}
.hch-letter__slide.is-on{display:block;animation:hchFadeIn .85s ease both}
@keyframes hchFadeIn{from{opacity:0}to{opacity:1}}
.hch-letter__top{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.hch-letter__ava{flex:0 0 188px;width:188px;height:188px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid rgba(180,151,90,.45);display:flex;align-items:center;justify-content:center}
.hch-letter__ava img{width:100%;height:100%;object-fit:cover;display:block}
.hch-letter__ava--mark{font-family:"Noto Serif TC",serif;font-size:26.9px;font-weight:700;color:#007565;letter-spacing:.02em}
.hch-letter__who{font-size:16.8px;font-weight:700;letter-spacing:.04em;line-height:1.5}
.hch-letter__who em{display:block;font-style:normal;font-size:14px;font-weight:400;opacity:.62;letter-spacing:.02em}
.hch-letter__body{margin:0;font-family:"Noto Serif TC","Songti TC","Songti SC",serif;font-size:clamp(21px,2.4vw,29px);line-height:1.9;letter-spacing:.02em;font-weight:500}
.hch-letter__sign{margin:16px 0 0;font-family:"Noto Serif TC","Songti TC",serif;font-size:15.7px;letter-spacing:.06em;opacity:.7}
.hch-letter__sign::before{content:"";display:inline-block;width:44px;height:1px;background:currentColor;opacity:.45;vertical-align:middle;margin-right:12px}
.hch-letter__dots{display:flex;gap:9px;margin-top:26px}
.hch-letter__dot{width:26px;height:3px;border:0;padding:0;background:currentColor;opacity:.22;cursor:pointer;transition:opacity .4s,width .4s}
.hch-letter__dot.is-on{opacity:.9;width:40px}
/* 由光到暗 */
.hch-letter[data-theme="light"]{background:#FBF7EE;color:#3E382D}
.hch-letter[data-theme="sand"]{background:#F1E8D6;color:#3A3428}
.hch-letter[data-theme="teal"]{background:#1F3B39;color:#EDE9DD}
.hch-letter[data-theme="dark"]{background:#162B29;color:#EDE9DD}
.hch-letter[data-theme="night"]{background:#101D1C;color:#E7E2D5}
.hch-letter[data-theme="teal"] .hch-letter__kicker,
.hch-letter[data-theme="dark"] .hch-letter__kicker,
.hch-letter[data-theme="night"] .hch-letter__kicker{color:#8FC9C3}
@media (max-width:720px){
.hch-letter{padding:42px 0 46px}
.hch-letter__stage{min-height:380px}
.hch-letter__ava{flex:0 0 104px;width:104px;height:104px}
.hch-letter__body{font-size:21.3px;line-height:1.9}
.hch-letter__dot{width:20px}
}
/* 團隊牆 */
.hch-team{padding:54px 0;background:#fff}
.hch-team__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.hch-tm{display:flex;gap:14px;align-items:center;align-items:flex-start;border:1px solid #DCEBEC;border-radius:16px;padding:14px;background:#FBFDFD}
.hch-tm__ava{flex:0 0 156px;width:156px;height:156px;border-radius:50%;overflow:hidden;background:#EAF6F7}
.hch-tm__ava img{width:100%;height:100%;object-fit:cover;display:block}
.hch-tm__role{display:block;font-size:15.1px;font-weight:800;color:#007565}
.hch-tm__note{display:block;font-size:14px;color:#5C7573;line-height:1.7;margin-top:3px}
/* 有聲：影片牆 */
.hch-sound{padding:56px 0;background:#0C1F1E;color:#EAF3F3}
.hch-sound__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.hch-sound h2{color:#fff;font-size:29.1px;margin:0}
.hch-sound__sub{color:rgba(255,255,255,.7);font-size:15.7px;margin:8px 0 0}
.hch-sound__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.hch-vcard{position:relative;display:block;border-radius:14px;overflow:hidden;background:#12302E;text-decoration:none;border:0;padding:0;width:100%;text-align:left;cursor:pointer;font:inherit}
.hch-vmodal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(6,20,20,.88);padding:20px}
.hch-vmodal.is-on{display:flex}
.hch-vmodal__box{position:relative;width:min(960px,100%)}
.hch-vmodal__frame{position:relative;padding-top:56.25%;background:#000;border-radius:8px;overflow:hidden}
.hch-vmodal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.hch-vmodal__x{position:absolute;top:-46px;right:0;background:none;border:0;color:#fff;font-size:35.8px;line-height:1;cursor:pointer}
.hch-vcard img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:.92;transition:opacity .3s,transform .4s}
.hch-vcard:hover img{opacity:1;transform:scale(1.03)}
.hch-vcard__play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:rgba(0,200,200,.92);display:flex;align-items:center;justify-content:center}
.hch-vcard__play::after{content:"";width:0;height:0;border-left:24px solid #042225;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:6px}
.hch-vcard__t{display:block;padding:14px 16px 16px;font-size:17.9px;color:#EAF3F3;line-height:1.65;font-weight:600}
.hch-vcard__tag{display:block;font-size:13.4px;color:#8FC9C3;margin-bottom:5px;letter-spacing:.1em;font-weight:400}
@media (max-width:900px){.hch-team__grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hch-team__grid{grid-template-columns:1fr}.hch-sound__grid{grid-template-columns:1fr}}
/* 走馬燈卡片上的更新日期 */
.hch-tile__date{position:absolute;top:12px;right:14px;font-size:12.3px;color:rgba(255,255,255,.9);background:rgba(4,34,37,.45);border-radius:999px;padding:2px 9px}
/* 區塊標題前的湖水藍短線（取代圖示） */
.hch-sec__head h2{padding-left:14px;position:relative}
.hch-sec__head h2::before{content:"";position:absolute;left:0;top:.34em;bottom:.3em;width:4px;border-radius:2px;background:#00C8C8}
@media (max-width:720px){.hch-letter__body{font-size:17.4px;line-height:1.95}}

/* 四步流程 */
.hch-steps{padding:60px 0 54px;background:#FBF7EE}
.hch-steps__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.hch-step{position:relative;background:#fff;border:1px solid #E3D6B8;border-radius:2px;padding:26px 20px 22px;text-align:center;overflow:hidden}
.hch-step::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#B4975A,#E0D2B2)}
.hch-step b{position:absolute;top:14px;right:14px;width:27px;height:27px;display:flex;align-items:center;justify-content:center;background:#A8332A;color:#fff;font-size:11px;font-weight:600;letter-spacing:0;border-radius:2px;line-height:1}
.hch-step__t{display:block;font-family:"Ma Shan Zheng","STKaiti","Kaiti TC","BiauKai",serif;font-size:104px;font-weight:400;color:#17140F;line-height:1;margin:6px 0 12px;letter-spacing:0;text-shadow:0 2px 0 rgba(0,0,0,.04)}
.hch-step__d{display:block;font-size:15.4px;color:#4C4436;line-height:1.8;text-align:left}
@media (max-width:900px){.hch-steps__grid{grid-template-columns:1fr 1fr}.hch-step__t{font-size:84px}}
@media (max-width:560px){.hch-steps__grid{grid-template-columns:1fr}.hch-step__t{font-size:76px}}
/* 主片放大 */
.hch-sound__grid .hch-vcard:first-child{grid-column:span 2;grid-row:span 2}
.hch-sound__grid .hch-vcard:first-child .hch-vcard__t{font-size:16.8px}
@media (max-width:900px){.hch-sound__grid .hch-vcard:first-child{grid-column:span 2;grid-row:auto}}

/* 敘事式影片區 */
.hch-film{padding:56px 0;background:#F7FBFB}
.hch-film--dark{background:#0C1F1E;color:#EAF3F3}
.hch-film__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:center}
.hch-film__in--rev{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hch-film__copy .hch-eyebrow{background:#EAF6F7;border:1px solid #BFE3E5;color:#007565}
.hch-film--dark .hch-film__copy .hch-eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24);color:#CFE9E6}
.hch-film__copy h2{font-size:clamp(23px,3vw,34px);line-height:1.35;margin:16px 0 14px;letter-spacing:-.01em}
.hch-film--dark .hch-film__copy h2{color:#fff}
.hch-film__copy p{font-size:16.8px;line-height:1.95;color:#3D5756;margin:0 0 20px}
.hch-film--dark .hch-film__copy p{color:rgba(255,255,255,.8)}
.hch-film__play,.hch-film__mini{position:relative;display:block;width:100%;padding:0;border:0;background:#042225;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 18px 42px rgba(4,34,37,.18)}
.hch-film__play img,.hch-film__mini img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;opacity:.94;transition:transform .5s,opacity .3s}
.hch-film__play:hover img,.hch-film__mini:hover img{transform:scale(1.02);opacity:1}
.hch-film__btn{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:rgba(0,200,200,.95);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.hch-film__btn::after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:22px solid #042225;border-top:13px solid transparent;border-bottom:13px solid transparent;transform:translateX(3px)}
.hch-film__btn--sm{width:54px;height:54px}
.hch-film__btn--sm::after{border-left-width:16px;border-top-width:10px;border-bottom-width:10px}
.hch-film__cap{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 14px;text-align:left;font-size:15.1px;font-weight:700;color:#fff;background:linear-gradient(180deg,rgba(4,34,37,0),rgba(4,34,37,.85))}
.hch-film__pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hch-film--dark .hch-btn--ghost{background:transparent;border-color:rgba(255,255,255,.45);color:#EAF3F3}
@media (max-width:900px){.hch-film__in,.hch-film__in--rev{grid-template-columns:1fr;gap:22px}}
@media (max-width:600px){.hch-film__pair{grid-template-columns:1fr}}

/* 入住之後：痛點與調解 */
.hch-after{padding:56px 0;background:#FBF7EE}
.hch-after__head{max-width:720px}
.hch-after__head h2{font-size:clamp(23px,3vw,33px);margin:14px 0 12px;line-height:1.35}
.hch-after__head p{font-size:16.8px;color:#4C4436;line-height:1.95;margin:0}
.hch-after__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 30px}
.hch-pain{background:#fff;border:1px solid #E0D2B2;border-radius:2px;padding:16px 16px 18px}
.hch-pain b{display:block;font-size:16.2px;color:#2A2721;margin-bottom:7px;line-height:1.5}
.hch-pain span{display:block;font-size:14.6px;color:#6E6656;line-height:1.75}
.hch-after__do{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;align-items:center}
.hch-after__doCopy h3{font-size:20.2px;margin:0 0 12px}
.hch-after__doCopy ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:9px}
.hch-after__doCopy li{position:relative;padding-left:18px;font-size:15.7px;color:#3E382D;line-height:1.75}
.hch-after__doCopy li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:#B4975A;border-radius:50%}
.hch-after__doCopy li b{color:#007565;margin-right:6px}
.hch-after__pic{margin:0;border-radius:2px;overflow:hidden;background:#F4EDE0}
.hch-after__pic img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hch-after__pic figcaption{font-size:12.3px;color:#7A7062;padding:8px 12px;background:#fff}
@media (max-width:900px){.hch-after__grid{grid-template-columns:1fr 1fr}.hch-after__do{grid-template-columns:1fr}}
@media (max-width:560px){.hch-after__grid{grid-template-columns:1fr}}

/* 我們做甚麼：字再大一級（老細要求） */
.hch-after__doCopy h3{font-size:24px}
.hch-after__doCopy li{font-size:19px;line-height:1.85;padding-left:22px}
.hch-after__doCopy li::before{width:8px;height:8px}
.hch-pain b{font-size:18px}
.hch-pain span{font-size:15.5px}
.hch-after__head p{font-size:17px}

/* 入住前／入住後：小標題 */
.hch-after__sub{font-size:21px;color:#007565;margin:34px 0 0;padding-left:12px;border-left:4px solid #B4975A;line-height:1.4}
.hch-after__sub:first-of-type{margin-top:30px}
.hch-step__wa{color:#007565;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.hch-step__wa:hover{color:#00B3B8}

/* 入住前：真人相片打底、字喺左邊（參考虛詞封面風格） */
.hch-pre{display:grid;grid-template-columns:1.06fr .94fr;background:#0F2A2C;margin:34px 0 6px;position:relative;overflow:hidden}
.hch-pre__copy{position:relative;padding:56px 48px 54px 54px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.hch-pre__frame{position:absolute;inset:16px;border:1px solid rgba(198,167,106,.45);pointer-events:none}
.hch-pre__frame::before,.hch-pre__frame::after{content:"";position:absolute;width:0;height:0;border-style:solid}
.hch-pre__frame::before{left:-1px;top:-1px;border-width:16px 16px 0 0;border-color:#C6A76A transparent transparent transparent}
.hch-pre__frame::after{right:-1px;bottom:-1px;border-width:0 0 16px 16px;border-color:transparent transparent #C6A76A transparent}
.hch-pre .hch-eyebrow{color:#C6A76A}
.hch-pre__copy h2{font-family:"Noto Serif TC","Songti TC",serif;font-size:clamp(25px,2.7vw,34px);font-weight:700;color:#fff;line-height:1.5;margin:14px 0 24px}
.hch-pre__list{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}
.hch-pre__list li{border-top:1px solid rgba(198,167,106,.35);padding-top:13px}
.hch-pre__list b{display:block;color:#E0C48A;font-size:17.5px;margin-bottom:7px;line-height:1.5}
.hch-pre__list span{display:block;color:rgba(255,255,255,.8);font-size:15.4px;line-height:1.85}
.hch-pre__pic{margin:0;position:relative;min-height:100%}
.hch-pre__pic img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;min-height:460px}
.hch-pre__pic figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 18px 14px;background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,0));color:rgba(255,255,255,.9);font-size:12.5px}
.hch-btn--gold{background:#C6A76A;color:#15120C !important;border:1px solid #C6A76A}
.hch-btn--gold:hover{background:#D8BC84;border-color:#D8BC84}
@media (max-width:900px){
 .hch-pre{grid-template-columns:1fr}
 .hch-pre__copy{padding:38px 24px 34px;order:2}
 .hch-pre__pic{order:1}
 .hch-pre__pic img{min-height:0;aspect-ratio:5/4}
 .hch-pre__list{grid-template-columns:1fr;gap:16px}
}

/* 入住之後：無相片，改單欄 */
.hch-after__do{grid-template-columns:1fr;max-width:760px}

/* 依地圖找尋 按鈕 */
.hch-btn--map{position:relative;background:#C6A76A;color:#15120C!important;border-color:#C6A76A;text-decoration:none;white-space:nowrap}
.hch-btn--map:hover{background:#D8BC84;border-color:#D8BC84}
.hch-btn__new{position:absolute;top:-9px;right:-8px;background:#E4572E;color:#fff;font-size:10.5px;font-weight:800;line-height:1;padding:3px 7px;border-radius:10px;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.hch-btn__pin{width:14px;height:14px;border:2px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative;display:inline-block}
.hch-btn__pin::after{content:"";position:absolute;left:3.2px;top:3.2px;width:4px;height:4px;background:currentColor;border-radius:50%}

/* 入住前區塊：顧問 Q 版人 */
.hch-pre__q{position:absolute;left:22px;bottom:22px;width:132px;height:132px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));z-index:3}
@media (max-width:900px){.hch-pre__q{width:96px;height:96px;left:14px;bottom:14px}}

/* 護士講 */
.hch-nurse{background:#EAF6F7;padding:52px 0}
.hch-nurse__head{text-align:center;margin-bottom:30px}
.hch-nurse__head h2{font-size:clamp(22px,2.6vw,31px);margin:12px 0 0;line-height:1.45;color:#042225}
.hch-nurse__in{display:grid;grid-template-columns:1fr 104px 1fr;gap:34px;align-items:center}
.hch-nurse__fig{margin:0;text-align:center}
.hch-nurse__fig img{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto}
.hch-nurse__fig figcaption{font-size:11.5px;color:#5C7573;margin-top:6px;letter-spacing:.04em}
.hch-nurse__foot{text-align:center;margin-top:26px}
.hch-nurse__signs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:20px}
.hch-nurse__signs li{border-top:2px solid #00B3B8;padding-top:10px}
.hch-nurse__signs b{display:block;font-size:18px;color:#00534A;margin-bottom:4px}
.hch-nurse__signs span{display:block;font-size:15.4px;color:#40534F;line-height:1.75}
@media (max-width:900px){.hch-nurse__in{grid-template-columns:1fr;gap:22px}.hch-nurse__fig{order:-1}.hch-nurse__signs{gap:16px}}