
.ah{--bg:#F3F5F4;--white:#fff;--deep:#2F4356;--deep2:#22323F;--blue:#6E8CA6;--mist:#E3EAF0;--mist2:#D2DDE6;--sand:#EFE6DA;--clay:#B9805E;--tx:#4A5866;--sub:#7B8794;--line:rgba(47,67,86,.14);
--sans:"Noto Sans TC",sans-serif;--ease:cubic-bezier(.22,1,.36,1);font-family:var(--sans);font-weight:400;font-size:16px;color:var(--tx);background:var(--bg);letter-spacing:.05em;line-height:1.95;overflow-x:clip}
.ah *{box-sizing:border-box}.ah a{text-decoration:none;color:inherit}.ah img{display:block;max-width:100%}
.ah p,.ah h1,.ah h2,.ah h3,.ah h4,.ah ul,.ah ol,.ah figure,.ah details,.ah blockquote,.ah fieldset{margin:0}.ah p:empty{display:none !important}
.ah :where(.is-layout-flow,.is-layout-flex)>*{margin-block:0}
body:has(.ah){overflow-x:hidden;background:#F3F5F4}body:has(.ah) [data-vertical-spacing]{padding-top:0 !important;padding-bottom:0 !important}
body:has(.ah) .hero-section,body:has(.ah) .entry-header{display:none !important}
body:has(.ah) #footer,body:has(.ah) .ct-footer,body:has(.ah) #header,body:has(.ah) header.ct-header{display:none !important}
.ah{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw) !important;margin-right:0 !important}.ah>*{margin-block:0 !important}
.ah-w{max-width:1180px;margin-inline:auto !important;padding-inline:clamp(20px,5vw,60px)}
.ah-sec{padding-block:clamp(72px,9vw,136px);position:relative}
html:has(.ah){scroll-behavior:smooth}.ah [id]{scroll-margin-top:80px}
/* 範例聲明＋導覽 */
.ah-top{background:var(--deep);color:#DCE5EC;text-align:center;font-size:13px;letter-spacing:.08em;padding:8px 16px;line-height:1.5}
.ah-top b{color:#F1D9C6;font-weight:500}
.ah-nav{position:sticky;top:0;z-index:50;background:rgba(243,245,244,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.ah-nav .in{max-width:1180px;margin-inline:auto;padding:14px clamp(20px,5vw,60px);display:flex;align-items:center;gap:28px}
.ah-logo{display:flex;align-items:center;gap:12px;color:var(--deep2)}
.ah-logo i{width:34px;height:34px;border-radius:50% 50% 50% 12px;background:linear-gradient(140deg,var(--blue),var(--mist2));flex:none}
.ah-logo b{display:block;font:500 18px/1.2 var(--sans);letter-spacing:.14em}
.ah-logo small{display:block;font-size:12px;color:var(--sub);letter-spacing:.1em;line-height:1.4}
.ah .ah-menu{display:flex;gap:26px;list-style:none;padding:0;margin:0 0 0 auto}
.ah-nav .ah-menu a{font-size:14.5px;color:var(--deep);padding:6px 0;position:relative}
.ah-nav .ah-menu a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--clay);transform:scaleX(0);transition:transform .4s var(--ease)}
.ah-nav .ah-menu a:hover:after{transform:none}
/* 按鈕 */
.ah .ah-btn>.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;border:1px solid var(--deep);background:var(--deep);color:#fff;font:500 15px/1 var(--sans);letter-spacing:.12em;cursor:pointer;transition:background .4s var(--ease),color .4s,border-color .4s,box-shadow .4s}
.ah .ah-btn>.wp-block-button__link:hover{background:var(--deep2);box-shadow:0 14px 30px -16px rgba(34,50,63,.6)}
.ah .ah-btn.ghost>.wp-block-button__link{background:transparent;color:var(--deep)}.ah .ah-btn.ghost>.wp-block-button__link:hover{background:var(--mist);box-shadow:none}
.ah .ah-btn.light>.wp-block-button__link{background:#fff;color:var(--deep);border-color:#fff}.ah .ah-btn.light>.wp-block-button__link:hover{background:var(--sand);border-color:var(--sand)}
.ah .ah-btn.sm>.wp-block-button__link{min-height:42px;padding:0 20px;font-size:13.5px}
.ah .ah-btn>.wp-block-button__link:focus-visible,.ah a:focus-visible,.ah summary:focus-visible,.ah button:focus-visible,.ah input:focus-visible+span{outline:2px solid var(--clay);outline-offset:4px}
/* 標題 */
.ah .ah-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;font-size:13.5px;letter-spacing:.2em;color:var(--blue)}
.ah .ah-eyebrow:before{content:"";width:22px;height:1px;background:currentColor}
.ah .ah-h2{font:500 clamp(28px,3.4vw,46px)/1.5 var(--sans);letter-spacing:.06em;color:var(--deep2);text-wrap:balance}
.ah .ah-lead{margin-top:18px;max-width:34em;font-size:clamp(15.5px,1.15vw,17.5px)}
.ah .ah-head{margin-bottom:clamp(36px,5vw,64px)}
.ah .ah-head.c{text-align:center}.ah .ah-head.c .ah-lead{margin-inline:auto}
/* 主視覺 */
.ah-hero{padding-block:clamp(40px,6vw,90px) clamp(60px,8vw,120px);overflow:hidden}
.ah-hero .ah-w{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,80px);align-items:center}
.ah-hero h1{font:500 clamp(36px,4.8vw,66px)/1.4 var(--sans);letter-spacing:.06em;color:var(--deep2);text-wrap:balance}
.ah-hero h1 em{font-style:normal;color:var(--blue)}
.ah-hero .sub{margin-top:24px;max-width:28em;font-size:clamp(15.5px,1.25vw,18px)}
.ah-hero .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.ah .ah-trust{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:40px;padding:0;list-style:none;font-size:14px;color:var(--deep)}
.ah-trust li{display:flex;align-items:center;gap:8px}
.ah-trust li:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--mist2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F4356' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/10px no-repeat}
.ah-hero-r{position:relative;justify-self:center;width:min(100%,470px)}
.ah-hero-r:before{content:"";position:absolute;inset:-8% -12% 10% 6%;border-radius:46% 54% 58% 42%/48% 40% 60% 52%;background:radial-gradient(circle at 30% 30%,var(--mist2),var(--sand) 72%);z-index:0;animation:ahBlob 18s ease-in-out infinite alternate}
@keyframes ahBlob{to{border-radius:58% 42% 44% 56%/42% 58% 42% 58%;transform:rotate(6deg)}}
.ah-hero-r img{position:relative;z-index:1;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:220px 220px 28px 28px}
.ah-hero-r .card{position:absolute;z-index:2;left:-26px;bottom:34px;padding:14px 18px;border-radius:18px;background:#fff;box-shadow:0 20px 40px -24px rgba(34,50,63,.5);font-size:13.5px;line-height:1.6;color:var(--deep)}
.ah-hero-r .card b{display:block;font:500 15px/1.4 var(--sans);color:var(--deep2)}
/* 議題 */
.ah-topics{background:#fff}
.ah-topics .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,22px)}
.ah-topic{padding:28px 28px 26px;border-radius:24px;background:var(--bg);transition:background .5s var(--ease),transform .5s var(--ease)}
@media (hover:hover){.ah-topic:hover{background:var(--mist);transform:translateY(-4px)}}
.ah-topic .ico{width:34px;height:34px;background:var(--blue);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.ah-topic .i-moon{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z'/%3E%3C/svg%3E")}
.ah-topic .i-brief{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 12h18'/%3E%3C/svg%3E")}
.ah-topic .i-chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}
.ah-topic .i-cloud{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18a4 4 0 0 1-.5-8 6 6 0 0 1 11.6 1.5A3.5 3.5 0 0 1 17.5 18z'/%3E%3Cpath d='M9 21l1-2M13 21l1-2'/%3E%3C/svg%3E")}
.ah-topic .i-leaf{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19c0-8 6-14 15-14 0 9-6 15-14 15'/%3E%3Cpath d='M5 19l7-7'/%3E%3C/svg%3E")}
.ah-topic .i-path{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20c4 0 4-6 8-6s4-6 8-6'/%3E%3Ccircle cx='4' cy='20' r='1.5'/%3E%3Ccircle cx='20' cy='8' r='1.5'/%3E%3C/svg%3E")}
.ah-topic h3{margin-top:16px;font:500 19px/1.5 var(--sans);letter-spacing:.08em;color:var(--deep2)}
.ah-topic p{margin-top:6px;font-size:14.5px;color:var(--tx)}
/* 關於 */
.ah-about .ah-w{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,96px);align-items:center}
.ah-about .ph img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:28px}
.ah .ah-bio{margin-top:18px}
.ah-cv{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}
.ah-cv h3{font:500 13.5px/1.6 var(--sans);letter-spacing:.2em;color:var(--blue);margin-bottom:8px}
.ah-cv ul{list-style:none;padding:0;font-size:14.5px;line-height:1.9}
.ah-cv li{padding-left:16px;position:relative}.ah-cv li:before{content:"";position:absolute;left:0;top:.85em;width:6px;height:6px;border-radius:50%;background:var(--mist2)}
/* 收費 */
.ah-fee{background:var(--mist)}
.ah-fee .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.6vw,20px)}
.ah-plan{display:flex;flex-direction:column;padding:28px 24px 26px;border-radius:24px;background:#fff}
.ah-plan.hi{background:var(--deep);color:#DCE5EC}
.ah-plan .k{font-size:12.5px;letter-spacing:.2em;color:var(--blue)}.ah-plan.hi .k{color:#F1D9C6}
.ah-plan h3{margin-top:8px;font:500 20px/1.5 var(--sans);letter-spacing:.08em;color:var(--deep2)}.ah-plan.hi h3{color:#fff}
.ah-plan .pr{margin-top:14px;font:300 36px/1 var(--sans);letter-spacing:.02em;color:var(--deep2)}.ah-plan.hi .pr{color:#fff}
.ah-plan .pr small{font-size:13px;color:var(--sub);margin-left:6px;letter-spacing:.06em}.ah-plan.hi .pr small{color:#AFC0CE}
.ah-plan .t{margin-top:6px;font-size:13.5px;color:var(--sub)}.ah-plan.hi .t{color:#AFC0CE}
.ah-plan p.d{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:14.5px}.ah-plan.hi p.d{border-color:rgba(255,255,255,.18)}
.ah .ah-feenote{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;font-size:13.5px;color:var(--tx)}
.ah-feenote>div{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.6)}
.ah-feenote b{display:block;font-weight:500;color:var(--deep2);margin-bottom:2px}
/* 自我檢視 */
.ah-quiz .box{max-width:860px;margin-inline:auto;padding:clamp(26px,4vw,52px);border-radius:32px;background:#fff;box-shadow:0 30px 60px -40px rgba(34,50,63,.35)}
.ah .ah-q{border:0;padding:0;margin:0 0 26px}
.ah-q legend{padding:0;margin-bottom:12px;font:500 17px/1.6 var(--sans);color:var(--deep2);letter-spacing:.06em}
.ah-q legend span{color:var(--blue);margin-right:8px}
.ah-q .opts{display:flex;flex-wrap:wrap;gap:10px}
.ah-q label{position:relative;cursor:pointer}
.ah-q input{position:absolute;opacity:0;pointer-events:none}
.ah-q label span{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-size:14.5px;color:var(--deep);transition:background .3s,border-color .3s,color .3s}
.ah-q label:hover span{border-color:var(--blue)}
.ah-q input:checked+span{background:var(--deep);border-color:var(--deep);color:#fff}
.ah-res{margin-top:8px;padding:22px 24px;border-radius:20px;background:var(--sand);color:var(--deep2);font-size:15.5px;display:none}
.ah-res.on{display:block;animation:ahIn .5s var(--ease)}
.ah-res b{display:block;font-weight:500;font-size:17px;margin-bottom:6px}
.ah-res small{display:block;margin-top:10px;font-size:13px;color:var(--sub)}
@keyframes ahIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ah .ah-quiz-note{margin-top:16px;text-align:center;font-size:13px;color:var(--sub)}
/* 第一次諮商 */
.ah-first .ah-w{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,96px);align-items:start}
.ah-first .ph img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:28px;position:sticky;top:100px}
.ah .ah-steps{margin-top:36px;counter-reset:s}
.ah-steps>div{counter-increment:s;position:relative;padding:0 0 32px 64px}
.ah-steps>div:before{content:counter(s);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--mist);color:var(--deep);font:500 16px/1 var(--sans)}
.ah-steps>div:after{content:"";position:absolute;left:20.5px;top:48px;bottom:6px;width:1px;background:var(--mist2)}
.ah-steps>div:last-child:after{display:none}
.ah-steps h3{font:500 19px/1.6 var(--sans);letter-spacing:.06em;color:var(--deep2)}
.ah-steps p{margin-top:4px;font-size:15px}
/* 隱私 */
.ah-privacy{background:var(--deep);color:#C9D5DF}
.ah-privacy .ah-h2{color:#fff}.ah-privacy .ah-eyebrow{color:#F1D9C6}.ah-privacy .ah-lead{color:#C9D5DF}
.ah-privacy .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px)}
.ah-privacy .grid>div{padding-top:22px;border-top:1px solid rgba(255,255,255,.22)}
.ah-privacy h3{font:500 18px/1.6 var(--sans);letter-spacing:.08em;color:#fff}
.ah-privacy .grid p{margin-top:8px;font-size:14.5px}
.ah .ah-except{margin-top:clamp(28px,4vw,44px);padding:20px 24px;border-radius:18px;background:rgba(255,255,255,.07);font-size:14px;color:#C9D5DF}
.ah-except b{color:#F1D9C6;font-weight:500}
/* 專欄 */
.ah-posts .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px)}
.ah-post .ph{overflow:hidden;border-radius:22px;aspect-ratio:4/3;background:var(--mist)}
.ah-post .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
@media (hover:hover){.ah-post:hover .ph img{transform:scale(1.05)}}
.ah-post .k{display:block;margin-top:18px;font-size:12.5px;letter-spacing:.2em;color:var(--blue)}
.ah-post h3{margin-top:6px;font:500 19px/1.6 var(--sans);letter-spacing:.04em;color:var(--deep2)}
.ah-post .m{display:block;margin-top:8px;font-size:13px;color:var(--sub)}
/* FAQ */
.ah-faq{background:#fff}
.ah-faq .ah-w{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,6vw,96px);align-items:start}
.ah-faq details{border-radius:18px;background:var(--bg);margin-bottom:10px;transition:background .3s}
.ah-faq details[open]{background:var(--mist)}
.ah-faq summary{cursor:pointer;list-style:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;font:500 16.5px/1.6 var(--sans);letter-spacing:.04em;color:var(--deep2)}
.ah-faq summary::-webkit-details-marker{display:none}
.ah-faq summary:after{content:"";flex:none;width:10px;height:10px;border-right:1.5px solid var(--deep);border-bottom:1.5px solid var(--deep);transform:rotate(45deg) translateY(-3px);transition:transform .4s var(--ease)}
.ah-faq details[open] summary:after{transform:rotate(-135deg) translateY(-3px)}
.ah-faq details p{padding:0 24px 22px;font-size:15px}
/* 預約 */
.ah-book .box{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,60px);align-items:center;padding:clamp(30px,5vw,64px);border-radius:36px;background:var(--sand)}
.ah-book .box:after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.45)}
.ah-book .box>*{position:relative;z-index:1}
.ah-book .bl{display:grid;gap:12px}
.ah-book .bl>div{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.7);font-size:14.5px}
.ah-book .bl .b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--deep);color:#fff;font:500 14px/1 var(--sans)}
.ah-book .bl strong{display:block;font-weight:500;color:var(--deep2)}
.ah .ah-book-cta{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ah .ah-tiny{margin-top:12px;font-size:13px;color:var(--sub)}
.ah-help{margin-top:clamp(28px,4vw,44px);display:flex;gap:16px;align-items:flex-start;padding:20px 24px;border-radius:20px;border:1px solid var(--line);background:#fff;font-size:14.5px;color:var(--deep)}
.ah-help .ic{flex:none;width:30px;height:30px;border-radius:50%;background:var(--clay);color:#fff;display:grid;place-items:center;font:500 16px/1 var(--sans);font-style:normal}
.ah-help b{font-weight:500;color:var(--deep2)}
.ah-foot{background:var(--deep2);color:#93A5B4;padding:30px 0;font-size:13.5px}
.ah-foot .in{max-width:1180px;margin-inline:auto;padding-inline:clamp(20px,5vw,60px);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ah-fab{display:none}
/* 進場：JS 啟動（.ah-js）後才隱藏，首屏用 CSS 動畫 */
.ah.ah-js .ah-rv:not(.is-in){opacity:0;transform:translateY(24px)}
.ah-rv{transition:opacity 1s var(--ease),transform 1s var(--ease)}
@keyframes ahUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.ah-hero .ah-up{animation:ahUp 1s var(--ease) both}.ah-hero .ah-up.d2{animation-delay:.15s}
@media (max-width:1000px){
.ah-hero .ah-w,.ah-about .ah-w,.ah-first .ah-w,.ah-faq .ah-w,.ah-book .box{grid-template-columns:1fr}
.ah-hero-r{width:min(100%,400px);margin-top:10px}
.ah-topics .grid,.ah-posts .grid{grid-template-columns:1fr 1fr}
.ah-fee .grid{grid-template-columns:1fr 1fr}
.ah-privacy .grid{grid-template-columns:1fr}
.ah .ah-feenote{grid-template-columns:1fr}
.ah-first .ph{display:none}
.ah .ah-menu{display:none}.ah-nav .ah-navbtn{margin-left:auto}
}
@media (max-width:680px){
.ah-topics .grid,.ah-posts .grid,.ah-fee .grid,.ah-cv{grid-template-columns:1fr}
.ah-hero .cta .ah-btn{flex:1 1 100%}.ah-hero .cta .ah-btn>.wp-block-button__link{width:100%}
.ah-hero-r .card{left:0}
.ah-logo small{display:none}
.ah-fab{display:flex;position:fixed;left:16px;right:84px;bottom:14px;z-index:60}.ah-fab .wp-block-buttons,.ah-fab .ah-btn,.ah-fab .ah-btn>.wp-block-button__link{width:100%}
.ah-foot{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.ah.ah-js .ah-rv:not(.is-in){opacity:1;transform:none}.ah-rv{transition:none}.ah-hero .ah-up{animation:none}.ah-hero-r:before{animation:none}html:has(.ah){scroll-behavior:auto}}
