.elementor-3820 .elementor-element.elementor-element-7d811593{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:48px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-3820 .elementor-element.elementor-element-7d811593:not(.elementor-motion-effects-element-type-background), .elementor-3820 .elementor-element.elementor-element-7d811593 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF3F8;}.elementor-3820 .elementor-element.elementor-element-7d811593 > .elementor-shape-bottom .elementor-shape-fill, .elementor-3820 .elementor-element.elementor-element-7d811593 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-3820 .elementor-element.elementor-element-7d811593 > .elementor-shape-bottom svg, .elementor-3820 .elementor-element.elementor-element-7d811593 > .e-con-inner > .elementor-shape-bottom svg{height:90px;}.elementor-3820 .elementor-element.elementor-element-4948012a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3820 .elementor-element.elementor-element-51471cb2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3820 .elementor-element.elementor-element-1c5ee17c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:6px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-3820 .elementor-element.elementor-element-1c5ee17c:not(.elementor-motion-effects-element-type-background), .elementor-3820 .elementor-element.elementor-element-1c5ee17c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3820 .elementor-element.elementor-element-e1140f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:34px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-3820 .elementor-element.elementor-element-e1140f5:not(.elementor-motion-effects-element-type-background), .elementor-3820 .elementor-element.elementor-element-e1140f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3820 .elementor-element.elementor-element-26fb33b6{--grid-columns:2;--grid-row-gap:28px;--grid-column-gap:28px;}.elementor-3820 .elementor-element.elementor-element-26fb33b6 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-3820 .elementor-element.elementor-element-26fb33b6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-3820 .elementor-element.elementor-element-26fb33b6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3820 .elementor-element.elementor-element-26fb33b6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-3820 .elementor-element.elementor-element-26fb33b6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-3820 .elementor-element.elementor-element-50c24f3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:74px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-3820 .elementor-element.elementor-element-50c24f3a:not(.elementor-motion-effects-element-type-background), .elementor-3820 .elementor-element.elementor-element-50c24f3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EFF3F8;}.elementor-3820 .elementor-element.elementor-element-50c24f3a > .elementor-shape-top .elementor-shape-fill, .elementor-3820 .elementor-element.elementor-element-50c24f3a > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-3820 .elementor-element.elementor-element-50c24f3a > .elementor-shape-top svg, .elementor-3820 .elementor-element.elementor-element-50c24f3a > .e-con-inner > .elementor-shape-top svg{height:28px;}.elementor-3820 .elementor-element.elementor-element-4ac35e44{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}.elementor-3820 .elementor-element.elementor-element-4ac35e44:not(.elementor-motion-effects-element-type-background), .elementor-3820 .elementor-element.elementor-element-4ac35e44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-3820 .elementor-element.elementor-element-7d811593{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:26px 26px;--row-gap:26px;--column-gap:26px;}.elementor-3820 .elementor-element.elementor-element-26fb33b6{--grid-columns:2;}}@media(max-width:767px){.elementor-3820 .elementor-element.elementor-element-7d811593{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:28px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3820 .elementor-element.elementor-element-7d811593 > .elementor-shape-bottom svg, .elementor-3820 .elementor-element.elementor-element-7d811593 > .e-con-inner > .elementor-shape-bottom svg{height:46px;}.elementor-3820 .elementor-element.elementor-element-e1140f5{--padding-top:24px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-3820 .elementor-element.elementor-element-26fb33b6{--grid-columns:1;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-3820 .elementor-element.elementor-element-50c24f3a{--padding-top:60px;--padding-bottom:56px;--padding-left:20px;--padding-right:20px;}.elementor-3820 .elementor-element.elementor-element-4ac35e44{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-3820 .elementor-element.elementor-element-7d811593{--content-width:1140px;}.elementor-3820 .elementor-element.elementor-element-4948012a{--width:55%;}.elementor-3820 .elementor-element.elementor-element-51471cb2{--width:45%;}.elementor-3820 .elementor-element.elementor-element-1c5ee17c{--content-width:1140px;}.elementor-3820 .elementor-element.elementor-element-e1140f5{--content-width:1140px;}.elementor-3820 .elementor-element.elementor-element-50c24f3a{--content-width:1140px;}.elementor-3820 .elementor-element.elementor-element-4ac35e44{--content-width:1140px;}}@media(max-width:1024px) and (min-width:768px){.elementor-3820 .elementor-element.elementor-element-4948012a{--width:100%;}.elementor-3820 .elementor-element.elementor-element-51471cb2{--width:100%;}}/* Start custom CSS *//* ===== 許家樺醫師 分類彙整頁 v2 (shared) ===== */
.dh{font-family:"Noto Sans TC",sans-serif;color:#334155}
.dh .ico{display:inline-block;vertical-align:middle;flex-shrink:0}
.dh a{text-decoration:none}
/* hero */
.dh-hero{position:relative;overflow:hidden;background-color:#eff3f8;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 transform=%22translate(8 8) scale(.75)%22 fill=%22none%22 stroke=%22%232d6196%22 stroke-width=%221.3%22 opacity=%22.09%22/%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 transform=%22translate(44 44) scale(.6)%22 fill=%22none%22 stroke=%22%232d6196%22 stroke-width=%221.3%22 opacity=%22.06%22/%3E%3Ccircle cx=%2254%22 cy=%2216%22 r=%221.4%22 fill=%22%2396b8da%22 opacity=%22.35%22/%3E%3Ccircle cx=%2218%22 cy=%2252%22 r=%221.4%22 fill=%22%2396b8da%22 opacity=%22.35%22/%3E%3C/svg%3E"),linear-gradient(180deg,#eff3f8 0%,#e7eef6 100%);background-size:72px 72px,auto}
.dh-hero > .e-con-inner{position:static}
.dh-hero .dh-col{position:relative;z-index:2}
.dh-arch{position:absolute!important;right:max(-80px,calc(50% - 700px));top:40px;width:720px!important;max-width:none!important;height:330px;pointer-events:none;opacity:.5;z-index:1;margin:0!important}
.dh-arch svg{width:100%;height:330px;display:block}
.dh-crumb,.dh-crumb p{font-size:14px!important;color:#9aa6b2!important;margin:0 0 20px!important;line-height:1.6}
.dh-crumb a{color:#2d6196!important}.dh-crumb .separator{margin:0 8px}
.dh-kicker .elementor-heading-title{font-size:13px!important;letter-spacing:.18em!important;text-transform:uppercase;color:#2d6196!important;font-weight:700!important;display:flex;align-items:center;gap:10px;margin:0 0 10px!important;font-family:inherit!important;line-height:1.5!important}
.dh-kicker .elementor-heading-title::before{content:"";width:28px;height:2px;background:#96b8da;flex-shrink:0}
.dh-h1 .elementor-heading-title{font-size:44px!important;line-height:1.25!important;font-weight:700!important;color:#0F172A!important;margin:0 0 16px!important;font-family:inherit!important}
.dh-lead,.dh-lead p{font-size:17px!important;line-height:1.9!important;color:#475569!important;max-width:560px;margin:0!important}
.dh-stats{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.dh-stat{background:#fff;border-radius:999px;padding:8px 16px 8px 10px;font-size:14px;color:#2d6196;font-weight:500;box-shadow:0 4px 18px rgba(15,23,42,.06);display:inline-flex;align-items:center;gap:8px}
.dh-stat b{font-size:16px}
.dh-credit{display:flex;align-items:center;gap:12px;margin-top:26px;background:#fff;border-radius:999px;padding:6px 18px 6px 6px;box-shadow:0 4px 18px rgba(15,23,42,.06);width:max-content;max-width:100%}
.dh-credit img{width:46px!important;height:46px!important;border-radius:50%;object-fit:cover;object-position:50% 12%;display:block}
.dh-credit>div{min-width:0}.dh-credit b{display:block;font-size:15px;color:#0F172A}.dh-credit span{font-size:12.5px;color:#64748b}
/* hero visual (case) */
.dh-visual{position:relative;height:340px}
.dh-frame{position:absolute;right:10px;top:10px;width:84%;height:300px;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(45,97,150,.18);border:6px solid #fff;background:#fff}
.dh-frame img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.dh-float{position:absolute;background:#fff;border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(15,23,42,.12);font-size:14px;font-weight:700;color:#0F172A;line-height:1.4}
.dh-float small{display:block;font-size:12px;font-weight:400;color:#9aa6b2}
.dh-float .ib{width:40px;height:40px;border-radius:10px;background:#eff3f8;display:flex;align-items:center;justify-content:center;color:#2d6196}
.dh-f1{left:0;top:34px}.dh-f2{left:-14px;bottom:18px}.dh-f3{right:-6px;bottom:-12px}
/* hero constellation (column / treatments) */
.dh-constel{position:relative;height:330px}
.dh-constel .ring{position:absolute;left:50%;top:50%;width:270px;height:270px;margin:-135px 0 0 -135px;border-radius:50%;border:2px dashed #d1e0ef}
.dh-constel .core{--ifill:#fff;position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#fff;box-shadow:0 16px 36px rgba(45,97,150,.18);display:flex;align-items:center;justify-content:center;color:#2d6196}
.dh-orb{--ifill:#fff;position:absolute;width:64px;height:64px;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.10);display:flex;align-items:center;justify-content:center;color:#2d6196}
.dh-orb span{position:absolute;top:70px;font-size:12px;color:#475569;white-space:nowrap;font-weight:500}
/* chips */
.dh-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.dh-chip{--ifill:#fff;display:inline-flex;align-items:center;gap:7px;border:1px solid #d1e0ef;background:#fff;color:#2d6196!important;border-radius:999px;padding:7px 15px 7px 10px;font-size:14px;font-weight:500;white-space:nowrap;transition:.2s;line-height:1.4}
.dh-chip .ico{color:#2d6196}.dh-chip small{color:#9aa6b2;font-size:12px}
.dh-chip:hover{border-color:#96b8da;background:#f6f9fc}
/* section heads, journey, CTA */
.dh-shead{text-align:center;margin-bottom:36px}
.dh-shead .k{font-size:14px;font-weight:500;color:#0F172A;margin-bottom:10px}
.dh-shead h2{font-size:32px;font-weight:700;color:#0F172A;margin:0 0 12px;line-height:1.4}
.dh-shead p{font-size:15px;color:#96b8da;line-height:1.8;margin:0}
.dh-journey{background:#eff3f8}
.dh-jtrack{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.dh-jline{position:absolute;left:10%;right:10%;top:44px;height:2px;background:repeating-linear-gradient(90deg,#96b8da 0 3px,transparent 3px 10px)}
.dh-step{position:relative;text-align:center;padding:0 6px}
.dh-dot{--ifill:#fff;width:88px;height:88px;margin:0 auto 16px;border-radius:50%;background:#fff;border:2px solid #d1e0ef;display:flex;align-items:center;justify-content:center;color:#2d6196;position:relative;box-shadow:0 8px 20px rgba(45,97,150,.10)}
.dh-dot .n{position:absolute;top:-4px;right:-4px;width:26px;height:26px;border-radius:50%;background:#2d6196;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid #fff}
.dh-step h3{font-size:18px;color:#0F172A;margin:0 0 6px;font-weight:700}
.dh-step p{font-size:14px;line-height:1.7;color:#64748b;margin:0}
.dh-jmore{text-align:center;margin-top:30px}
.dh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 35px;font-size:16px;font-weight:700;white-space:nowrap;line-height:1.4;transition:.2s}
.dh-btn.b{background:#2d6196;color:#eff3f8!important}.dh-btn.b:hover{background:#96b8da;color:#fff!important}
.dh-btn.w{background:#fff;color:#2d6196!important}.dh-btn.o{border:1.5px solid rgba(255,255,255,.7);color:#fff!important}
.dh-cta-box{background:linear-gradient(120deg,#2d6196 0%,#3f78b0 100%);border-radius:20px;padding:52px 56px;display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:center;color:#fff;position:relative;overflow:hidden}
.dh-cta-box .ctawire{position:absolute;left:0;top:-6px;width:100%;height:110px;opacity:.28;pointer-events:none}
.dh-cta-box h2{font-size:30px;font-weight:700;line-height:1.4;margin:0 0 10px;position:relative;color:#fff}
.dh-cta-box p{font-size:16px;line-height:1.8;color:#dbe7f3;max-width:600px;position:relative;margin:0}
.dh-btns{display:flex;gap:12px;margin-top:24px;position:relative;z-index:1}
.dh-illu{position:relative;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.dh-illu img{width:170px!important;height:170px!important}
/* pagination (Loop Grid) */
.dh-grid .elementor-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.dh-grid .elementor-pagination .page-numbers{min-width:42px;height:42px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;color:#2d6196;background:#eff3f8;margin:0!important;text-decoration:none}
.dh-grid .elementor-pagination .page-numbers.current{background:#2d6196;color:#fff}
.dh-grid .elementor-pagination .page-numbers.prev,.dh-grid .elementor-pagination .page-numbers.next{background:transparent}
.dh-grid .elementor-pagination span.prev,.dh-grid .elementor-pagination span.next{opacity:.35}
.dh-grid .elementor-pagination .page-numbers.dots{background:transparent;min-width:20px;padding:0}
@media (max-width:1024px){.dh-visual,.dh-constel{max-width:520px}}
@media (max-width:767px){
 .dh-h1 .elementor-heading-title{font-size:32px!important}.dh-lead,.dh-lead p{font-size:15px!important;line-height:1.85!important}
 .dh-arch{width:460px!important;right:-40px;top:auto;bottom:40px;height:260px;opacity:.35}.dh-arch svg{height:260px}
 .dh-visual{height:250px}.dh-frame{width:88%;height:210px;right:0}.dh-f1{top:12px;left:-4px}.dh-f2{display:none}.dh-f3{right:-4px;bottom:-4px}
 .dh-float{padding:8px 10px;font-size:13px}.dh-float .ib{width:34px;height:34px}
 .dh-constel{height:270px;transform:scale(.82);transform-origin:center top;margin-bottom:-40px}
 .dh-credit{border-radius:16px;width:auto}.dh-credit span{display:block;line-height:1.5}
 .dh-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:4px 20px 8px;margin:0 -20px;scrollbar-width:none}
 .dh-chips::-webkit-scrollbar{display:none}
 .dh-grid .elementor-pagination .page-numbers.prev,.dh-grid .elementor-pagination .page-numbers.next{display:none}
 .dh-shead h2{font-size:25px}
 .dh-jtrack{grid-template-columns:1fr;gap:0}
 .dh-jline{left:43px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:repeating-linear-gradient(180deg,#96b8da 0 3px,transparent 3px 10px)}
 .dh-step{display:grid;grid-template-columns:88px 1fr;gap:16px;text-align:left;align-items:center;padding:8px 0}
 .dh-dot{width:72px;height:72px;margin:0 8px}
 .dh-cta-box{grid-template-columns:1fr;padding:34px 24px;border-radius:16px}.dh-cta-box h2{font-size:24px}
 .dh-btns{flex-direction:column}.dh-btn{width:100%}.dh-illu{display:none}
}

/* ===== Loop Item: 醫師專欄卡片 ===== */
.dh-ccard{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(15,23,42,.06);border:1px solid #eef2f7;transition:transform .25s,box-shadow .25s}
.dh-ccard:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(45,97,150,.16)}
.dh-ccard>.dh-panel{flex:0 0 120px!important;width:120px!important;max-width:none!important;background-color:#eff3f8;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 transform=%22translate(8 8) scale(.75)%22 fill=%22none%22 stroke=%22%232d6196%22 stroke-width=%221.3%22 opacity=%22.09%22/%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 transform=%22translate(44 44) scale(.6)%22 fill=%22none%22 stroke=%22%232d6196%22 stroke-width=%221.3%22 opacity=%22.06%22/%3E%3Ccircle cx=%2254%22 cy=%2216%22 r=%221.4%22 fill=%22%2396b8da%22 opacity=%22.35%22/%3E%3Ccircle cx=%2218%22 cy=%2252%22 r=%221.4%22 fill=%22%2396b8da%22 opacity=%22.35%22/%3E%3C/svg%3E");background-size:72px 72px;position:relative;overflow:hidden;align-items:center;justify-content:flex-start;padding-top:26px!important}
.dh-ccard>.dh-cbody{flex:1 1 auto!important;width:auto!important;min-width:0}
.dh-panel .dh-lbl{display:none;position:absolute;left:18px;top:16px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#2d6196;background:#fff;border-radius:999px;padding:5px 12px;line-height:1.4}
.dh-big{--ifill:#fff;position:relative;width:72px;height:72px;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(45,97,150,.12);color:#2d6196}
.dh-big .ico{width:40px;height:40px}
.dh-i,.dh-topic,.dh-pp{display:none}
.dh-i.fb,.dh-topic.fb{display:flex}
.dh-topic{--ifill:#eff3f8;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2d6196;background:#eff3f8;border-radius:999px;padding:4px 12px 4px 8px;width:max-content;line-height:1.5}
.dh-ctitle2 .elementor-heading-title{font-size:20px!important;line-height:1.45!important;font-weight:700!important;color:#0F172A!important;margin:10px 0 8px!important;font-family:inherit!important}
.dh-pp .ex,.dh-exfb,.dh-exfb p{font-size:14.5px!important;line-height:1.8!important;color:#475569!important;margin:0 0 12px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dh-toc{display:none;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.dh-toc span{font-size:13px;color:#2d6196;border:1px solid #d1e0ef;border-radius:6px;padding:3px 9px;line-height:1.5}
.dh-meta{display:flex;gap:16px;align-items:center;font-size:13px;color:#9aa6b2;flex-wrap:wrap;line-height:1.6}
.dh-meta i{font-style:normal;display:inline-flex;align-items:center;gap:5px}
.dh-metarow{margin-bottom:18px}
.dh-date .elementor-heading-title{font-size:13px!important;color:#9aa6b2!important;font-weight:400!important;font-family:inherit!important;line-height:1.6!important}
/* first item = featured */
.dh-colgrid .elementor-loop-container>.e-loop-item:first-child{grid-column:1/-1}
.dh-colgrid .e-loop-item:first-child .dh-ccard>.dh-panel{flex:0 0 46%!important;width:46%!important;min-height:300px;justify-content:center;padding-top:0!important}
.dh-colgrid .e-loop-item:first-child .dh-big{width:150px;height:150px;border-radius:50%;box-shadow:0 14px 30px rgba(45,97,150,.14)}
.dh-colgrid .e-loop-item:first-child .dh-big .ico{width:78px;height:78px}
.dh-colgrid .e-loop-item:first-child .dh-lbl.f{display:block}
.dh-colgrid .e-loop-item:only-child .dh-lbl.f{display:none}.dh-colgrid .e-loop-item:only-child .dh-lbl.s{display:block}
.dh-colgrid .e-loop-item:first-child .dh-cbody{padding:36px 40px!important}
.dh-colgrid .e-loop-item:first-child .dh-ctitle2 .elementor-heading-title{font-size:28px!important;line-height:1.4!important;margin:14px 0 12px!important}
.dh-colgrid .e-loop-item:first-child .dh-pp .ex{font-size:15.5px!important;line-height:1.9!important;-webkit-line-clamp:unset;margin-bottom:16px!important}
.dh-colgrid .e-loop-item:first-child .dh-toc{display:flex}
@media (max-width:767px){
 .dh-ccard>.dh-panel,.dh-colgrid .e-loop-item:first-child .dh-ccard>.dh-panel{flex:0 0 auto!important;width:100%!important;height:96px;min-height:0;padding-top:12px!important;justify-content:flex-start}
 .dh-colgrid .e-loop-item:first-child .dh-ccard>.dh-panel{height:170px;justify-content:center;padding-top:0!important}
 .dh-big{width:64px;height:64px}.dh-colgrid .e-loop-item:first-child .dh-big{width:104px;height:104px}
 .dh-colgrid .e-loop-item:first-child .dh-cbody{padding:24px 22px!important}
 .dh-colgrid .e-loop-item:first-child .dh-ctitle2 .elementor-heading-title{font-size:22px!important}
}
.post-2251 .dh-pp[data-p="2251"]{display:block}
.post-1890 .dh-pp[data-p="1890"]{display:block}
.post-1971 .dh-pp[data-p="1971"]{display:block}
.post-1953 .dh-pp[data-p="1953"]{display:block}
.post-1655 .dh-pp[data-p="1655"]{display:block}
.post-2251 .dh-exfb,.post-1890 .dh-exfb,.post-1971 .dh-exfb,.post-1953 .dh-exfb,.post-1655 .dh-exfb{display:none!important}
.category-28 .dh-i[data-c="28"]{display:flex}
.category-28 .dh-topic[data-c="28"]{display:flex}
.category-29 .dh-i[data-c="29"],.category-qa .dh-i[data-c="29"]{display:flex}
.category-29 .dh-topic[data-c="29"],.category-qa .dh-topic[data-c="29"]{display:flex}
.category-30 .dh-i[data-c="30"]{display:flex}
.category-30 .dh-topic[data-c="30"]{display:flex}
.category-32 .dh-i[data-c="32"]{display:flex}
.category-32 .dh-topic[data-c="32"]{display:flex}
.category-33 .dh-i[data-c="33"]{display:flex}
.category-33 .dh-topic[data-c="33"]{display:flex}
.category-28 .dh-i.fb,.category-29 .dh-i.fb,.category-qa .dh-i.fb,.category-30 .dh-i.fb,.category-32 .dh-i.fb,.category-33 .dh-i.fb{display:none}
.category-28 .dh-topic.fb,.category-29 .dh-topic.fb,.category-qa .dh-topic.fb,.category-30 .dh-topic.fb,.category-32 .dh-topic.fb,.category-33 .dh-topic.fb{display:none}
.dh-related{margin-top:56px;background-color:#eff3f8;background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2272%22 height=%2272%22%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 transform=%22translate(8 8) scale(.75)%22 fill=%22none%22 stroke=%22%232d6196%22 stroke-width=%221.3%22 opacity=%22.09%22/%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 transform=%22translate(44 44) scale(.6)%22 fill=%22none%22 stroke=%22%232d6196%22 stroke-width=%221.3%22 opacity=%22.06%22/%3E%3Ccircle cx=%2254%22 cy=%2216%22 r=%221.4%22 fill=%22%2396b8da%22 opacity=%22.35%22/%3E%3Ccircle cx=%2218%22 cy=%2252%22 r=%221.4%22 fill=%22%2396b8da%22 opacity=%22.35%22/%3E%3C/svg%3E");background-size:72px 72px;border-radius:16px;padding:34px 36px;position:relative;overflow:hidden}
.dh-related h3{font-size:22px;color:#0F172A;margin:0 0 6px;font-weight:700}
.dh-related p.s{font-size:14px;color:#64748b;margin:0 0 20px}
.dh-rgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;position:relative}
.dh-rt{--ifill:#fff;background:#fff;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:10px;color:#2d6196!important;box-shadow:0 4px 18px rgba(15,23,42,.06);border:1px solid transparent;transition:.2s}
.dh-rt:hover{border-color:#96b8da}
.dh-rt b{font-size:15px;color:#0F172A}.dh-rt small{font-size:12.5px;color:#64748b;line-height:1.6}
.dh-rt.hl{background:#2d6196;--ifill:#2d6196;color:#fff!important}.dh-rt.hl b{color:#fff}.dh-rt.hl small{color:#dbe7f3}
@media (max-width:767px){.dh-related{padding:26px 20px}.dh-rgrid{grid-template-columns:1fr 1fr!important}}
body.category-28 .dh-rt[data-c="28"],body.category-29 .dh-rt[data-c="29"],body.category-qa .dh-rt[data-c="29"],body.category-30 .dh-rt[data-c="30"],body.category-32 .dh-rt[data-c="32"],body.category-33 .dh-rt[data-c="33"]{display:none}
body.category-15 .dh-chip[data-c="15"],body.category-28 .dh-chip[data-c="28"],body.category-29 .dh-chip[data-c="29"],body.category-qa .dh-chip[data-c="29"],body.category-30 .dh-chip[data-c="30"],body.category-32 .dh-chip[data-c="32"],body.category-33 .dh-chip[data-c="33"]{--ifill:#2d6196;background:#2d6196;border-color:#2d6196;color:#fff!important}
body.category-15 .dh-chip[data-c="15"] .ico,body.category-28 .dh-chip[data-c="28"] .ico,body.category-29 .dh-chip[data-c="29"] .ico,body.category-qa .dh-chip[data-c="29"] .ico,body.category-30 .dh-chip[data-c="30"] .ico,body.category-32 .dh-chip[data-c="32"] .ico,body.category-33 .dh-chip[data-c="33"] .ico{color:#fff}
body.category-15 .dh-chip[data-c="15"] small,body.category-28 .dh-chip[data-c="28"] small,body.category-29 .dh-chip[data-c="29"] small,body.category-qa .dh-chip[data-c="29"] small,body.category-30 .dh-chip[data-c="30"] small,body.category-32 .dh-chip[data-c="32"] small,body.category-33 .dh-chip[data-c="33"] small{color:#d1e0ef}
/* ===== hero v3 (replaces the line-art archwire / dotted ring) ===== */
.dh-arch{display:none!important}
.dh-hero{background-color:#eef3f9!important;background-image:radial-gradient(46% 60% at 84% 40%,rgba(150,184,218,.45) 0,rgba(150,184,218,0) 72%),radial-gradient(38% 52% at 4% 8%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 70%),radial-gradient(30% 40% at 40% 100%,rgba(209,224,239,.7) 0,rgba(209,224,239,0) 70%),linear-gradient(180deg,#f4f8fc 0%,#e6eef7 100%)!important;background-size:auto!important}
.dh-hero-visual{width:100%!important}
.v3{position:relative;width:100%;max-width:520px;height:390px;margin:0 auto;font-family:"Noto Sans TC",sans-serif}
.v3 svg{display:block;overflow:visible}
.v3blob{position:absolute;border-radius:50%;filter:blur(40px);pointer-events:none}
.v3blob.b1{width:300px;height:300px;left:24%;top:10%;background:#96b8da;opacity:.55}
.v3blob.b2{width:210px;height:210px;right:-6%;bottom:-4%;background:#2d6196;opacity:.20}
.v3blob.b3{width:220px;height:220px;left:0;top:-8%;background:#fff;opacity:.95}
.v3g{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:9px 18px 9px 9px;border-radius:18px;background:rgba(255,255,255,.64);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.9);box-shadow:0 22px 40px -16px rgba(45,97,150,.38),inset 0 1px 0 #fff;font-size:15px;font-weight:700;color:#0F172A;line-height:1.35;white-space:nowrap}
.v3g small{display:block;font-size:12px;font-weight:400;color:#64748b;margin-top:1px}
.v3 .ib{width:50px;height:50px;border-radius:15px;background:radial-gradient(circle at 30% 22%,#b3cde8 0,#6593c4 52%,#2d6196 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -5px 10px rgba(16,44,80,.3),0 8px 16px -8px rgba(45,97,150,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.v3t{position:absolute;z-index:4;width:92px;padding:12px 6px 10px;border-radius:20px;text-align:center;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);border:1px solid rgba(255,255,255,.9);box-shadow:0 22px 40px -18px rgba(45,97,150,.4),inset 0 1px 0 #fff}
.v3t .ib{margin:0 auto 7px;width:48px;height:48px}
.v3t b{display:block;font-size:13px;font-weight:700;color:#0F172A;line-height:1.3;white-space:nowrap}
/* A: glossy cluster */
.v3halo{position:absolute;left:50%;top:50%;width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:radial-gradient(circle,rgba(150,184,218,.55) 50%,rgba(150,184,218,0) 71%);z-index:1}
.v3disc{position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;border-radius:50%;z-index:1;background:radial-gradient(circle at 32% 24%,#d8e6f4 0,#96b8da 40%,#4a7cb0 78%,#2d6196 100%);box-shadow:0 44px 70px -26px rgba(45,97,150,.7),inset -18px -24px 44px rgba(16,44,80,.35),inset 14px 14px 30px rgba(255,255,255,.45)}
.v3disc::after{content:"";position:absolute;left:12%;top:12%;width:30%;height:16%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));transform:rotate(-32deg)}
.v3tooth{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-84px 0 0 -75px;z-index:2;filter:drop-shadow(0 16px 14px rgba(16,44,80,.45))}
.v3 .wire{position:absolute;left:50%;top:50%;width:340px;height:96px;margin:-80px 0 0 -170px;z-index:3}
.v3 .sp{position:absolute;left:50%;top:50%;width:260px;height:260px;margin:-130px 0 0 -130px;z-index:3;filter:drop-shadow(0 2px 4px rgba(45,97,150,.35))}
.v3a.v3-case .g1{left:0;top:34px}.v3a.v3-case .g2{left:-6px;right:auto;bottom:30px}.v3a.v3-case .g3{right:0;bottom:84px}
.v3a .g1{left:0;top:26px}.v3a .g2{right:0;bottom:22px}
.v3a .t1{right:12px;top:10px}.v3a .t2{right:-4px;top:150px}.v3a .t3{left:14px;bottom:36px}
/* B: photo-led */
.v3ph{position:absolute;border-radius:26px;overflow:hidden;border:6px solid rgba(255,255,255,.92);box-shadow:0 36px 60px -26px rgba(45,97,150,.6);background:#fff;z-index:2}
.v3ph img{width:100%!important;height:100%!important;object-fit:cover;display:block;max-width:none!important;border-radius:0!important}
.v3b .main{right:0;top:14px;width:80%;height:318px}
.v3b .inset{left:0;bottom:4px;width:40%;height:168px;z-index:3;border-radius:22px}
.v3b .zoom img{transform:scale(1.9);transform-origin:58% 52%}
.v3b .main.port{right:26px;top:0;width:250px;height:356px;z-index:2}
.v3b .back{left:6px;top:78px;width:250px;height:210px;transform:rotate(-6deg);z-index:1;opacity:.97}
.v3b .inset.port{width:150px;height:196px;left:2px;bottom:0}
.v3b.v3-case .g1{left:0;top:30px}.v3b.v3-case .g2{right:-6px;bottom:22px}.v3b.v3-case .g3{left:36%;top:-4px;display:none}
.v3b.v3-column .g1{left:0;top:8px}.v3b.v3-column .g2{right:-4px;bottom:40px}.v3b.v3-column .g3{left:14px;bottom:2px}
.v3b.v3-treat .g1{left:0;top:30px}.v3b.v3-treat .g2{right:-6px;bottom:22px}.v3b.v3-treat .g3{right:-6px;top:-4px}
@media (max-width:1024px){.v3{max-width:520px}}
@media (max-width:767px){
 .v3{height:300px;max-width:360px}
 .v3g{padding:6px 12px 6px 6px;gap:8px;font-size:13px;border-radius:14px}.v3g small{font-size:11px}
 .v3 .ib{width:38px;height:38px;border-radius:12px}.v3 .ib svg{width:28px;height:28px}
 .v3t{width:74px;padding:8px 4px 7px;border-radius:16px}.v3t .ib{width:38px;height:38px;margin-bottom:4px}.v3t b{font-size:11.5px}
 .v3halo{width:260px;height:260px;margin:-130px 0 0 -130px}
 .v3disc{width:190px;height:190px;margin:-95px 0 0 -95px}
 .v3tooth{width:112px;height:112px;margin:-62px 0 0 -56px}
 .v3 .wire{width:250px;height:71px;margin:-58px 0 0 -125px}
 .v3 .sp{width:200px;height:200px;margin:-100px 0 0 -100px}
 .v3blob.b1{width:220px;height:220px}.v3blob.b2{width:150px;height:150px}
 .v3a .g1,.v3a.v3-case .g1{left:0;top:8px}.v3a .g2{right:0;bottom:8px}.v3a.v3-case .g2{left:0;right:auto;bottom:10px}.v3a.v3-case .g3{right:0;bottom:auto;top:96px}
 .v3a .t1{right:0;top:6px}.v3a .t2,.v3a .t3{display:none}
 .v3b .main{width:84%;height:236px;top:10px}.v3b .inset{width:38%;height:120px}
 .v3b .main.port{width:180px;height:254px;right:8px}.v3b .back{width:180px;height:150px;top:60px;left:8px}
 .v3b .inset.port{width:104px;height:136px}
 .v3b .g3{display:none!important}.v3b .g1{top:16px!important}.v3b .g2{bottom:10px!important}
}/* ===== DH v5 START (hero v5 + icons-v5 + card bg B) — paste once ===== */
/* ===== hero v5: clay-3D illustration (append AFTER hero-v3.css; replaces the v4 photo frames) ===== */
.v5{position:relative;width:100%;max-width:540px;height:400px;margin:0 auto;font-family:"Noto Sans TC",sans-serif}
.v5 svg{display:block;overflow:visible}
.v5blob{position:absolute;border-radius:50%;filter:blur(46px);pointer-events:none}
.v5blob.b1{width:340px;height:340px;left:50%;top:50%;margin:-176px 0 0 -170px;background:#96b8da;opacity:.5}
.v5blob.b2{width:200px;height:200px;right:-4%;bottom:-6%;background:#2d6196;opacity:.16}
.v5stage{position:absolute;left:50%;top:50%;width:330px;height:330px;margin:-170px 0 0 -165px;border-radius:50%;z-index:1;
 background:radial-gradient(circle at 38% 30%,#ffffff 0,#ffffff 38%,#f4f8fc 62%,#e3ecf6 100%);
 box-shadow:0 40px 70px -30px rgba(45,97,150,.55),inset 0 -14px 30px rgba(45,97,150,.10),inset 0 10px 22px rgba(255,255,255,.9)}
.v5ring{position:absolute;inset:-14px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 0 0 10px rgba(255,255,255,.22);pointer-events:none}
.v5shadow{position:absolute;left:50%;bottom:46px;width:58%;height:22px;margin-left:-29%;border-radius:50%;background:radial-gradient(closest-side,rgba(29,58,95,.20),rgba(29,58,95,0));animation:v5sh 6s ease-in-out infinite}
.v5obj{position:absolute!important;left:50%;top:50%;width:122%!important;max-width:none!important;height:auto!important;transform:translate(-50%,-52%);z-index:2;border-radius:0!important;animation:v5fl 6s ease-in-out infinite;will-change:transform}
.v5-column .v5obj{width:104%!important}
.v5-treat .v5obj{width:120%!important}
.v5spark{position:absolute;z-index:3;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#b3cde8 45%,#6593c4 100%);box-shadow:0 6px 12px -4px rgba(45,97,150,.45)}
.v5spark.s1{width:16px;height:16px;left:20%;top:12%}
.v5spark.s2{width:10px;height:10px;right:18%;top:22%;opacity:.85}
.v5spark.s3{width:12px;height:12px;left:30%;bottom:8%;opacity:.75}
.v5 .ib{width:50px;height:50px;border-radius:15px;background:radial-gradient(circle at 30% 22%,#b3cde8 0,#6593c4 52%,#2d6196 100%);box-shadow:inset 0 2px 3px rgba(255,255,255,.55),inset 0 -5px 10px rgba(16,44,80,.3),0 8px 16px -8px rgba(45,97,150,.5);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.v5 .v3g{animation:v5chip 7s ease-in-out infinite}
.v5 .g1{left:-8px;top:26px}
.v5 .g2{right:-10px;bottom:30px;animation-delay:-2.3s}
.v5 .g3{right:6px;top:6px;animation-delay:-4.6s}
.v5-case .g3{right:auto;left:10px;top:auto;bottom:-2px}
@keyframes v5fl{0%,100%{transform:translate(-50%,-52%)}50%{transform:translate(-50%,calc(-52% - 10px))}}
@keyframes v5sh{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.86);opacity:.7}}
@keyframes v5chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){.v5obj,.v5shadow,.v5 .v3g{animation:none!important}}
@media (max-width:767px){
 .v5{height:310px;max-width:370px}
 .v5blob.b1{width:250px;height:250px;margin:-130px 0 0 -125px}.v5blob.b2{width:140px;height:140px}
 .v5stage{width:236px;height:236px;margin:-122px 0 0 -118px}
 .v5ring{inset:-10px;box-shadow:0 0 0 7px rgba(255,255,255,.22)}
 .v5shadow{bottom:30px}
 .v5 .ib{width:38px;height:38px;border-radius:12px}.v5 .ib svg{width:28px;height:28px}
 .v5 .g1{left:0;top:6px}.v5 .g2{right:0;bottom:8px}.v5 .g3{display:none!important}
 .v5spark.s1{left:8%;top:30%}.v5spark.s3{display:none}
}

/* --- icons-v5: clay-3D card icons (<img class="v5i"> inside .dh-big / .dh-tp .big) --- */
.dh-tp .big,.dh-big{overflow:hidden}
.dh-tp .big img.v5i{width:88%!important;height:88%!important;max-width:none!important;object-fit:contain;display:block;border-radius:0!important;box-shadow:none!important}
.dh-big img.v5i{width:92%!important;height:92%!important;max-width:none!important;object-fit:contain;display:block;border-radius:0!important;box-shadow:none!important}
/* dh5 card icon background — direction B. Paste into loop-item Custom CSS. */

.dh-tpanel,.dh-panel{background-color:#edf2f9!important;background-image:radial-gradient(closest-side, rgba(255,255,255,.88), rgba(255,255,255,.38) 55%, rgba(255,255,255,0) 100%),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 width=%22240%22 height=%22240%22%3E%3Cdefs%3E%3ClinearGradient id=%22f%22 x1=%220%22 y1=%220%22 x2=%22.7%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23fff%22 stop-opacity=%22.62%22/%3E%3Cstop offset=%221%22 stop-color=%22%23fff%22 stop-opacity=%22.18%22/%3E%3C/linearGradient%3E%3Cfilter id=%22s%22 x=%22-30%25%22 y=%22-30%25%22 width=%22160%25%22 height=%22160%25%22%3E%3CfeGaussianBlur stdDeviation=%22.5%22/%3E%3C/filter%3E%3C/defs%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 transform=%22translate(.5 .7)%22 fill=%22%232d6196%22 fill-opacity=%22.07%22 filter=%22url(%23s)%22/%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 fill=%22url(%23f)%22/%3E%3Cpath d=%22M12 5.2C10.4 5.2 9.4 3.8 7.2 3.8 4.8 3.8 3.6 5.8 3.6 8.2c0 2.4 1 3.8 1.6 5.6.6 1.8.8 4.2 1.5 5.8.5 1.2 1.6 1.2 2 0 .6-1.8.9-4 1.9-5 .6-.6 2.2-.6 2.8 0 1 1 1.3 3.2 1.9 5 .4 1.2 1.5 1.2 2 0 .7-1.6.9-4 1.5-5.8.6-1.8 1.6-3.2 1.6-5.6 0-2.4-1.2-4.4-3.6-4.4-2.2 0-3.2 1.4-4.8 1.4Z%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.85%22 stroke-width=%22.14%22/%3E%3Cpath d=%22M6.2 6.4c.8-1 2-1.3 3.1-1%22 fill=%22none%22 stroke=%22%23fff%22 stroke-opacity=%22.9%22 stroke-width=%22.35%22 stroke-linecap=%22round%22/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22160%22 height=%22160%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.9%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3CfeColorMatrix values=%220 0 0 0 .18  0 0 0 0 .38  0 0 0 0 .59  0 0 0 .55 0%22/%3E%3C/filter%3E%3Crect width=%22160%22 height=%22160%22 filter=%22url(%23n)%22 opacity=%22.22%22/%3E%3C/svg%3E"),radial-gradient(38% 55% at 82% 22%,rgba(170,198,232,.55),rgba(170,198,232,0) 100%),radial-gradient(34% 50% at 14% 82%,rgba(196,189,234,.40),rgba(196,189,234,0) 100%),radial-gradient(30% 45% at 30% 18%,rgba(180,226,214,.32),rgba(180,226,214,0) 100%),radial-gradient(45% 60% at 92% 92%,rgba(255,255,255,.7),rgba(255,255,255,0) 100%)!important;
  background-repeat:no-repeat,no-repeat,repeat,no-repeat!important;background-size:var(--dh5-hl,230px 230px),var(--dh5-ts,120px 120px),160px 160px,100% 100%,100% 100%,100% 100%,100% 100%!important;
  background-position:var(--dh5-hlpos,50% 50%),var(--dh5-tp,right -14px bottom -34px),0 0,0 0,0 0,0 0,0 0!important}
.dh-panel{--dh5-hl:170px 170px;--dh5-hlpos:50% -36px}
.dh-colgrid .e-loop-item:first-child .dh-ccard>.dh-panel{--dh5-hl:300px 300px;--dh5-hlpos:50% 50%}
@media (max-width:767px){.dh-tpanel{--dh5-hl:170px 170px}.dh-panel{--dh5-hl:150px 150px;--dh5-hlpos:50% -30px}
 .dh-colgrid .e-loop-item:first-child .dh-ccard>.dh-panel{--dh5-hl:210px 210px;--dh5-hlpos:50% 50%}}
.dh-tpanel{--dh5-tp:left 6px bottom -46px}.dh-panel{--dh5-ts:96px 96px;--dh5-tp:right -26px bottom -18px}.dh-colgrid .e-loop-item:first-child .dh-ccard>.dh-panel{--dh5-ts:170px 170px;--dh5-tp:right 18px bottom -40px}

/* ===== DH v5 END ===== */


/* drchiahuahsu.com 統一排版規範 v2（寬度方案 D：文字、圖片、表格一律最寬 1080px）
   範圍：只對 .dch-article / .dch-archive / .dch-page 底下生效，不改 Kit 443 全域值。
   套用方式：class 加在「複製版型」每一個最上層容器的 進階 > CSS 類別（不是 body、不是 Kit 443）；本檔貼到該版型的 頁面設定 > 進階 > 自訂 CSS。
   首頁 952、關於我 25 不加這個 class，所以完全不受影響。
   !important 只在樣稿裡用來壓過各篇的元件覆寫；正式套用時先清掉元件覆寫，就可以拿掉 !important。 */
:root{
  --dch-blue-900:#173a5e; --dch-blue-700:#2d6196; --dch-blue-500:#4f82b8; --dch-blue-300:#96b8da;
  --dch-blue-100:#dce8f4; --dch-blue-50:#eff3f8; --dch-ink:#0f172a; --dch-text:#334155; --dch-muted:#64748b;
  --dch-line:#d1e0ef; --dch-line-2:#e6edf5; --dch-cream:#f6f1e8; --dch-white:#fff;
  --dch-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",system-ui,-apple-system,"Segoe UI",sans-serif;
  --dch-measure:1080px; --dch-wide:1080px; /* 方案 D：兩者都 1080（17px 約 61 字一行） */
  --dch-fs-h1:40px; --dch-fs-h2:28px; --dch-fs-h3:21px; --dch-fs-h4:18px; --dch-fs-body:17px; --dch-fs-small:14px; --dch-fs-table:15px;
  --dch-sec-gap:72px;
}
@media (max-width:767px){:root{--dch-fs-h1:30px;--dch-fs-h2:22px;--dch-fs-h3:18px;--dch-fs-h4:17px;--dch-fs-body:16px;--dch-fs-small:13px;--dch-fs-table:14px;--dch-sec-gap:44px;}}

.dch-article{font-family:var(--dch-font)!important;color:var(--dch-text);}
.dch-article p,.dch-article li,.dch-article .elementor-widget-text-editor,
.dch-article .elementor-widget-text-editor p,.dch-article .elementor-widget-text-editor li,.dch-article .elementor-widget-theme-post-excerpt{
  font-family:var(--dch-font)!important;font-size:var(--dch-fs-body)!important;font-weight:400!important;
  line-height:1.85!important;letter-spacing:.02em;color:var(--dch-text)!important;line-break:strict;overflow-wrap:anywhere;}
.dch-article .elementor-widget-text-editor p{margin:0 0 1em!important;}
.dch-article .elementor-widget-text-editor p:last-child{margin-bottom:0!important;}
.dch-article strong,.dch-article b{font-weight:700!important;color:var(--dch-ink)!important;}
.dch-article a:not(.elementor-button):not(.elementor-toc__list-item-text){color:var(--dch-blue-700)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}

/* 版心（方案 D）：文字、圖片、表格、前後對照全部同寬 1080，置中 */
.dch-article .elementor-widget-theme-post-content .e-con.e-parent{max-width:var(--dch-wide)!important;margin-inline:auto!important;
  padding-top:0!important;padding-bottom:0!important;margin-bottom:var(--dch-sec-gap)!important;gap:40px!important;}
.dch-article .elementor-widget-theme-post-content .elementor-widget-text-editor,
.dch-article .elementor-widget-theme-post-content .elementor-widget-heading{max-width:var(--dch-measure)!important;width:100%;}
.dch-article .elementor-widget-theme-post-content .e-con.e-parent:not(:has(.e-con.e-child ~ .e-con.e-child)) > .elementor-widget,
.dch-article .elementor-widget-theme-post-content .e-con.e-parent:not(:has(.e-con.e-child ~ .e-con.e-child)) > .e-con-inner > .elementor-widget{margin-inline:auto!important;}
.dch-article .pp-table-container,.dch-article .elementor-widget-pp-table{max-width:var(--dch-measure)!important;}

/* 標題層級：每頁只有一個 H1（範本的文章標題），內文段落 H2、小節 H3 */
.dch-article h1,.dch-article .elementor-widget-theme-post-title .elementor-heading-title{font-family:var(--dch-font)!important;font-size:var(--dch-fs-h1)!important;font-weight:700!important;line-height:1.3!important;letter-spacing:.02em!important;color:var(--dch-blue-900)!important;text-wrap:balance;}
.dch-article h2,.dch-article h2.elementor-heading-title{font-family:var(--dch-font)!important;font-size:var(--dch-fs-h2)!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.02em!important;color:var(--dch-ink)!important;margin:0 0 .6em!important;text-wrap:balance;}
.dch-article .elementor-widget-theme-post-content h2.elementor-heading-title::before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--dch-blue-700),var(--dch-blue-300));margin-bottom:14px;}
.dch-article h3,.dch-article h3.elementor-heading-title{font-family:var(--dch-font)!important;font-size:var(--dch-fs-h3)!important;font-weight:700!important;line-height:1.5!important;color:var(--dch-blue-900)!important;margin:1.6em 0 .5em!important;}
.dch-article h4{font-size:var(--dch-fs-h4)!important;font-weight:700!important;line-height:1.55!important;color:var(--dch-ink)!important;}
.dch-article .elementor-widget-text-editor h2:first-child,.dch-article .elementor-widget-text-editor h3:first-child{margin-top:0!important;}

/* 清單 */
.dch-article .elementor-widget-text-editor ul,.dch-article .elementor-widget-text-editor ol{margin:0 0 1em 0!important;padding-left:1.4em!important;}
.dch-article .elementor-widget-text-editor li{margin:0 0 .35em!important;padding-left:.2em;}
.dch-article .elementor-widget-text-editor li::marker{color:var(--dch-blue-700);font-weight:700;}
.dch-article .elementor-widget-text-editor ul ul,.dch-article .elementor-widget-text-editor ol ul{margin:.35em 0 .2em!important;}

/* 圖片說明 */
.dch-article .widget-image-caption,.dch-article figcaption{font-size:var(--dch-fs-small)!important;line-height:1.6!important;color:var(--dch-muted)!important;text-align:center!important;margin-top:10px!important;font-weight:400!important;}
.dch-article .elementor-widget-image img{border-radius:16px;}

/* 表格 */
.dch-article .pp-table,.dch-article .elementor-widget-text-editor table{border-collapse:separate!important;border-spacing:0;width:100%;border:1px solid var(--dch-line)!important;border-radius:14px;overflow:hidden;}
.dch-article .pp-table th,.dch-article .pp-table thead td,.dch-article .elementor-widget-text-editor table th{background:var(--dch-blue-50)!important;color:var(--dch-blue-900)!important;font-weight:700!important;font-size:var(--dch-fs-table)!important;}
.dch-article .pp-table td,.dch-article .pp-table th,.dch-article .elementor-widget-text-editor table td,.dch-article .elementor-widget-text-editor table th{font-family:var(--dch-font)!important;font-size:var(--dch-fs-table)!important;line-height:1.65!important;color:var(--dch-text);padding:12px 16px!important;border:0!important;border-bottom:1px solid var(--dch-line-2)!important;text-align:left!important;vertical-align:top;}
.dch-article .pp-table tbody tr:nth-child(even) td{background:#f8fafc!important;}
.dch-article .pp-table tr:last-child td{border-bottom:0!important;}

/* 引言／醫師提醒 */
.dch-article blockquote,.dch-article .dch-note{margin:1.2em 0!important;padding:16px 20px!important;border-left:4px solid var(--dch-blue-700)!important;background:var(--dch-blue-50)!important;border-radius:0 12px 12px 0;color:var(--dch-ink)!important;font-size:var(--dch-fs-body)!important;font-style:normal!important;}

/* 按鈕：主要（實心膠囊）＋次要（外框） */
.dch-article .elementor-button,.dch-article .elementor-author-box__button{background:var(--dch-blue-700)!important;color:#fff!important;border:1.5px solid var(--dch-blue-700)!important;border-radius:999px!important;padding:13px 30px!important;font-family:var(--dch-font)!important;font-size:16px!important;font-weight:700!important;letter-spacing:.04em;line-height:1.2!important;box-shadow:0 6px 16px rgba(45,97,150,.22);}
.dch-article .elementor-button:hover{background:var(--dch-blue-900)!important;}
.dch-article .dch-btn-secondary .elementor-button{background:#fff!important;color:var(--dch-blue-700)!important;box-shadow:none;}

/* 目錄卡 */
.dch-article .elementor-widget-table-of-contents{max-width:var(--dch-measure);margin-inline:auto!important;}
.dch-article .elementor-toc__header{background:var(--dch-blue-50)!important;border-bottom:1px solid var(--dch-line)!important;}
.dch-article .elementor-toc__header-title{font-size:16px!important;font-weight:700!important;color:var(--dch-blue-900)!important;}
.dch-article .elementor-toc{border:1px solid var(--dch-line)!important;border-radius:14px!important;overflow:hidden;}
.dch-article .elementor-toc__list-item-text{font-size:15px!important;color:var(--dch-text)!important;}

/* 單篇頁首 v6「無接縫」：整條底色是同一個 CSS 漸層；右側黏土插圖用「去背透明 PNG/WebP」放上去，
   插圖本身不帶底色，所以任何螢幕寬度都不會出現色塊接縫。不再用 mask 淡出整張有底色的圖。
   每篇只要換 .dch-hero-art 裡的 <img>。 */
.dch-article .dch-hero{position:relative;overflow:hidden;min-height:360px!important;
  background:
    radial-gradient(38% 70% at 80% 62%, rgba(251,238,226,.95) 0%, rgba(251,238,226,0) 72%),
    radial-gradient(55% 90% at 12% 0%, rgba(255,255,255,.9) 0%, rgba(255,255,255,0) 70%),
    linear-gradient(100deg,#f5f9fd 0%,#eaf2fa 48%,#dbe8f5 100%)!important;}
/* hero 放在文章內容最上方的 HTML 元件裡：讓它突破 1080 版心，滿版顯示 */
.dch-article{overflow-x:clip;}
.dch-article .elementor-widget-theme-post-content .e-con.e-parent:has(.dch-hero){max-width:none!important;padding:0!important;margin-top:0!important;}
.dch-article .dch-hero{width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:0!important;box-sizing:border-box;}
.dch-article .dch-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#e3ecf6;}
.dch-article .dch-hero .dch-hero-inner{box-sizing:border-box;max-width:var(--dch-wide);margin:0 auto;width:100%;padding:56px 24px;position:relative;z-index:2;}
.dch-article .dch-hero .dch-hero-text{max-width:540px;}
.dch-article .dch-crumb{font-size:13px;color:var(--dch-muted);margin-bottom:14px;letter-spacing:.04em;}
.dch-article .dch-crumb a{color:inherit!important;text-decoration:none!important;}
.dch-article .dch-kicker{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--dch-blue-700);margin-bottom:8px;}
.dch-article .dch-hero h1{margin:0!important;}
.dch-article .dch-en{display:block;font-size:15px;font-weight:500;letter-spacing:.08em;color:var(--dch-muted);margin-top:6px;}
.dch-article .dch-lede{font-size:17px;line-height:1.8;color:var(--dch-text);max-width:30em;margin-top:14px;}
.dch-article .dch-hero-art{position:absolute;z-index:1;top:16px;bottom:-6px;right:max(8px,calc((100% - var(--dch-wide))/2 - 10px));
  width:auto;pointer-events:none;background:none!important;-webkit-mask-image:none!important;mask-image:none!important;}
.dch-article .dch-hero-art img{height:100%;max-height:420px;width:auto;display:block;border-radius:0!important;filter:drop-shadow(0 18px 28px rgba(45,97,150,.10));}
@media (max-width:1024px){.dch-article .dch-hero .dch-hero-text{max-width:56%;}}
@media (max-width:767px){
  .dch-article .dch-hero{min-height:0!important;
    background:radial-gradient(70% 40% at 50% 88%, rgba(251,238,226,.95) 0%, rgba(251,238,226,0) 72%),
               linear-gradient(180deg,#f5f9fd 0%,#eaf2fa 55%,#dde9f6 100%)!important;}
  .dch-article .dch-hero .dch-hero-inner{padding:28px 20px 0;}
  .dch-article .dch-hero .dch-hero-text{max-width:none;}
  .dch-article .dch-lede{max-width:100%;font-size:16px;}
  .dch-article .dch-hero-art{position:relative;top:auto;right:auto;bottom:auto;height:220px;margin:8px auto -4px;display:flex;justify-content:center;}
  .dch-article .dch-hero-art img{height:220px;}
}
.dch-article .dch-meta{font-size:14px;color:var(--dch-muted);margin-top:14px;}
.dch-article .dch-chip{display:inline-block;font-size:13px;font-weight:700;color:var(--dch-blue-700);background:#fff;border:1px solid var(--dch-line);border-radius:999px;padding:3px 12px;margin-right:8px;}

/* 案例文章（1550 複製範本）：「治療前／治療後」標籤是 Heading 元件輸出的 div，各篇寫死 24/18。
   案例只換範本不逐篇改，所以這幾條「保留 !important」。 */
.dch-article .elementor-widget-theme-post-content .elementor-widget-heading div.elementor-heading-title,
.dch-article .dch-label{display:inline-block!important;font-family:var(--dch-font)!important;font-size:15px!important;font-weight:700!important;
  line-height:1.4!important;letter-spacing:.06em!important;color:var(--dch-blue-700)!important;background:var(--dch-blue-50)!important;
  border:1px solid var(--dch-line)!important;border-radius:999px!important;padding:5px 14px!important;margin:0!important;}
.dch-article .elementor-widget-theme-post-content .elementor-widget-heading:has(div.elementor-heading-title:empty){display:none!important;}
.dch-article .elementor-widget-theme-post-content .elementor-widget-heading div.elementor-heading-title span{font-size:inherit!important;color:inherit!important;font-weight:inherit!important;}
.dch-article .elementor-author-box__name{font-size:var(--dch-fs-h4)!important;font-weight:700!important;color:var(--dch-ink)!important;}

/* .dch-page：一般頁面（部落格 688、聯絡 32）。只放在「頁面設定 > CSS 類別」或頁面最外層容器，不放 Kit 443。 */
.dch-page{font-family:var(--dch-font)!important;color:var(--dch-text);}
.dch-page .elementor-widget-text-editor,.dch-page .elementor-widget-text-editor p,.dch-page .elementor-widget-text-editor li{
  font-family:var(--dch-font)!important;font-size:var(--dch-fs-body)!important;line-height:1.85!important;color:var(--dch-text)!important;letter-spacing:.02em;line-break:strict;}
.dch-page h1,.dch-page h1.elementor-heading-title{font-family:var(--dch-font)!important;font-size:var(--dch-fs-h1)!important;font-weight:700!important;line-height:1.3!important;color:var(--dch-blue-900)!important;}
.dch-page h2.elementor-heading-title{font-family:var(--dch-font)!important;font-size:var(--dch-fs-h2)!important;font-weight:700!important;line-height:1.4!important;color:var(--dch-ink)!important;}
.dch-page h3.elementor-heading-title,.dch-page .elementor-widget-text-editor h3{font-family:var(--dch-font)!important;font-size:var(--dch-fs-h3)!important;font-weight:700!important;line-height:1.5!important;color:var(--dch-blue-900)!important;margin:0 0 .4em!important;}
.dch-page .dch-kicker,.dch-archive .dch-kicker{font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--dch-blue-700);margin-bottom:8px;}
/* 部落格卡片標題（Loop 985 的 Post Title 改 H3 後） */
.dch-page .e-loop-item h3.elementor-heading-title,.dch-archive .e-loop-item h3.elementor-heading-title{font-size:19px!important;line-height:1.45!important;color:var(--dch-ink)!important;}
.dch-page .elementor-button{border-radius:999px!important;font-family:var(--dch-font)!important;font-weight:700!important;}

/* .dch-archive：三個分類封存草稿（3826/3820/3823）。版面已由 apply-v5 處理，這裡只統一字級。 */
.dch-archive{font-family:var(--dch-font)!important;}
.dch-archive h1,.dch-archive h1.elementor-heading-title{font-size:var(--dch-fs-h1)!important;font-weight:700!important;line-height:1.3!important;color:var(--dch-blue-900)!important;}
.dch-archive h2.elementor-heading-title{font-size:var(--dch-fs-h2)!important;font-weight:700!important;line-height:1.4!important;color:var(--dch-ink)!important;}
.dch-archive .elementor-widget-text-editor p{font-size:var(--dch-fs-body)!important;line-height:1.85!important;color:var(--dch-text)!important;}

/* ===== DCH batch1 START (archives 3826/3820/3823: matte-clay hero island + motion, card-title fallback) ===== */
/* card titles stay H2 inside the loop items (3808/3811/3814 not touched) -> size them as card titles, not section H2 */
.dch-archive .e-loop-item h2.elementor-heading-title{font-size:19px!important;line-height:1.45!important;color:var(--dch-ink)!important;}
/* hero art: replaces the glossy v5 .v5 stage */
.dch-arch-art{position:relative;width:100%;max-width:540px;height:400px;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.dch-arch-art .dch-motion{--dm-amp:-7px;position:relative;display:block;height:100%;width:auto;max-width:100%;}
.dch-arch-art .dch-motion img{filter:none!important;max-height:none!important;max-width:none!important;border-radius:0!important;box-shadow:none!important;}
.dch-arch-art .dm-float{position:relative;width:100%;height:100%;container-type:size;filter:drop-shadow(0 18px 28px rgba(45,97,150,.10));
  animation:dm-in .8s cubic-bezier(.2,.7,.2,1) both,dm-float 6s ease-in-out .8s infinite;}
.dch-arch-art .dm-base,.dch-arch-art .dm-layer,.dch-arch-art .dm-shadow{position:absolute!important;inset:0;width:100%!important;height:100%!important;display:block;}
.dch-arch-art .dm-shadow{transform-origin:50% var(--dm-shy,88%);animation:dm-in-shadow .8s ease-out both,dm-shadow 6s ease-in-out .8s infinite;}
.dch-arch-art .dm-glow{opacity:0;animation:dm-glow 10s ease-in-out calc(1s + var(--i,0)*1.4s) infinite;}
.dch-arch-art .dch-motion img.dm-glow{filter:drop-shadow(0 0 .9cqh rgba(255,238,200,.95))!important;}
@keyframes dm-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes dm-in-shadow{from{opacity:0}to{opacity:1}}
@keyframes dm-float{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--dm-amp))}}
@keyframes dm-shadow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.9);opacity:.72}}
@keyframes dm-glow{0%{opacity:0}6%,10%{opacity:1}16%,100%{opacity:0}}
@media (max-width:767px){.dch-arch-art{height:300px;max-width:370px}.dch-arch-art .dch-motion{--dm-amp:-3.5px}}
@media (prefers-reduced-motion:reduce){.dch-arch-art *{animation:none!important}.dch-arch-art .dm-glow{display:none}}
/* ===== DCH batch1 END ===== */

/* ===== DCH 3820 醫師專欄 easter egg v2 (2026-10-31): pencil writes "Clear Aligner" on the notepad + book page flips =====
   Inline SVG layer (.dm-easter) inside .dm-float, so it floats with the island. Animation = SVG SMIL (one 9s timeline,
   writing and the page flip are in sync). The notepad layer is a redraw without the pencil; base island is unchanged.
   Reduced motion: the whole layer is hidden -> the untouched base island (pencil resting) shows. No glint/glow. */
.dch-motion .dm-easter{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;pointer-events:none;}
@media (prefers-reduced-motion:reduce){.dch-motion .dm-easter{display:none!important;}}
/* site-wide rule already live: .dch-motion .dm-glint,.dch-motion .dm-glow{display:none!important} *//* End custom CSS */