/* ============================================================
   骨悠整體 Guérir Integrated — Articles V1.9
   完整內容庫：/articles/ + 10 article detail pages.
   ============================================================ */
:root{--c-pure:#FDFDFE;--c-mist:#786D62;--c-skin:#BE9E7F;--c-balance:#939478;--c-line:#06C755;--c-text-deep:#2A211C;--c-line-soft:#DED7D0;--c-warm-white:#F8F5F1;--maxw:1140px;--narrow:850px;--pad-block:96px;--radius:7px;--font-serif:"Noto Serif TC",serif;--font-sans:"Noto Sans TC",-apple-system,"PingFang TC",sans-serif;--font-en:"Cormorant Garamond",serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body{font-family:var(--font-sans);font-weight:400;color:var(--c-text-deep);background:var(--c-pure);line-height:1.78;-webkit-font-smoothing:antialiased;letter-spacing:.01em}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.wrap.narrow{max-width:var(--narrow)}h1,h2,h3{font-family:var(--font-serif);color:var(--c-mist);line-height:1.38;font-weight:600}h1{font-size:clamp(2.2rem,4.6vw,3.65rem);font-weight:900;line-height:1.2;letter-spacing:.02em}h2{font-size:clamp(1.48rem,2.65vw,2.08rem)}h3{font-size:clamp(1.12rem,1.55vw,1.32rem)}p{font-size:clamp(1rem,1.08vw,1.08rem)}a{color:inherit}.en{font-family:var(--font-en);font-style:italic;color:var(--c-skin);letter-spacing:.04em}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(248,245,241,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--c-line-soft)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}.logo{font-family:var(--font-serif);font-weight:900;font-size:1.32rem;color:var(--c-mist);letter-spacing:.06em;text-decoration:none}.logo .en{font-size:.7rem;display:block;font-weight:400;letter-spacing:.18em;margin-top:-2px}.nav{display:flex;align-items:center;gap:30px}.nav a{color:var(--c-mist);text-decoration:none;font-size:.95rem;font-weight:400;transition:color .2s}.nav a:hover,.nav a[aria-current="page"]{color:var(--c-skin)}.nav-cta{background:var(--c-mist);color:var(--c-pure)!important;padding:9px 20px;border-radius:var(--radius);font-size:.92rem;transition:background .2s}.nav-cta:hover{background:var(--c-skin)}.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--c-mist);margin:5px 0;transition:.3s}main{padding-top:68px}section{padding:var(--pad-block) 0;position:relative}.eyebrow{font-family:var(--font-en);font-style:italic;color:var(--c-skin);font-size:1rem;letter-spacing:.08em;margin-bottom:14px}.lead{max-width:800px}.lead p+p{margin-top:18px}.band-soft{background:var(--c-warm-white)}.hero{padding:118px 0 92px}.hero .sub{margin-top:24px;max-width:820px;color:var(--c-text-deep)}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.article-card{min-height:100%;border:1px solid var(--c-line-soft);border-radius:var(--radius);padding:28px;background:rgba(253,253,254,.78);display:flex;flex-direction:column;gap:16px;text-decoration:none;transition:border-color .22s,transform .22s,background .22s}.article-card:hover{border-color:var(--c-skin);transform:translateY(-2px);background:var(--c-pure)}.article-kind{color:var(--c-skin);font-size:.92rem;letter-spacing:.03em}.article-card p{color:var(--c-text-deep)}.article-card .fit{color:var(--c-balance);font-size:.94rem;margin-top:auto}.topic-grid{display:grid;gap:0;margin-top:42px;border-top:1px solid var(--c-line-soft)}.topic-block{padding:34px 0;border-bottom:1px solid var(--c-line-soft)}.topic-block p{margin-top:10px;color:var(--c-balance)}.topic-list{margin-top:20px;display:grid;gap:0;border-top:1px solid var(--c-line-soft)}.topic-row{display:grid;grid-template-columns:minmax(220px,.9fr) 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--c-line-soft);text-decoration:none;transition:color .2s}.topic-row:hover .topic-title{color:var(--c-skin)}.topic-title{font-family:var(--font-serif);font-weight:600;color:var(--c-mist)}.topic-lead{color:var(--c-text-deep);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:1rem;font-weight:500;padding:14px 28px;border-radius:var(--radius);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .22s,color .22s,border-color .22s}.btn-primary{background:var(--c-mist);color:var(--c-pure)}.btn-primary:hover{background:var(--c-skin)}.btn-ghost{background:transparent;color:var(--c-mist);border-color:var(--c-mist)}.btn-ghost:hover{border-color:var(--c-skin);color:var(--c-skin)}.btn .line-dot{width:10px;height:10px;border-radius:50%;background:var(--c-line)}.cta-group{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:32px}.final{background:var(--c-warm-white);text-align:center}.final h2{max-width:22em;margin:0 auto}.final p{max-width:740px;margin:22px auto 0;color:var(--c-mist)}.article-hero{padding:82px 0 68px;background:var(--c-warm-white)}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:var(--c-mist);font-size:.9rem;margin-bottom:26px}.breadcrumb a{color:var(--c-mist);text-decoration:none;border-bottom:1px solid transparent}.breadcrumb a:hover{color:var(--c-skin);border-color:var(--c-skin)}.pill{display:inline-flex;align-items:center;color:var(--c-balance);border:1px solid var(--c-line-soft);border-radius:999px;padding:5px 12px;background:rgba(253,253,254,.6);margin-bottom:18px}.article-lead{margin-top:24px;font-family:var(--font-serif);color:var(--c-mist);font-size:clamp(1.12rem,1.7vw,1.42rem)}.article-body{padding-top:78px;padding-bottom:64px}.article-body p{margin:0 0 28px;font-size:clamp(1.03rem,1.22vw,1.15rem);line-height:2}.article-body strong{color:var(--c-mist);font-weight:600}.article-break{border:0;border-top:1px solid var(--c-line-soft);margin:42px 0}.article-anchor{padding:56px 0;background:var(--c-warm-white)}.article-anchor p{font-family:var(--font-serif);font-size:clamp(1.25rem,2.2vw,1.85rem);color:var(--c-mist);line-height:1.65;border-left:2px solid var(--c-skin);padding-left:22px}.article-next{padding:52px 0}.next-article{display:block;border-top:1px solid var(--c-line-soft);border-bottom:1px solid var(--c-line-soft);padding:24px 0;text-decoration:none}.next-article span{display:block;color:var(--c-skin);font-size:.92rem;margin-bottom:8px}.next-article strong{font-family:var(--font-serif);color:var(--c-mist);font-size:1.24rem;font-weight:600}.next-article:hover strong{color:var(--c-skin)}.article-cta{padding:64px 0 76px;background:var(--c-warm-white);text-align:center}.article-cta p{margin:18px auto 0;max-width:640px;color:var(--c-mist)}.article-signature{padding:28px 0;color:var(--c-balance);text-align:center;border-top:1px solid var(--c-line-soft)}.site-footer{background:var(--c-mist);color:var(--c-pure);padding:56px 0 36px}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.site-footer .flogo{font-family:var(--font-serif);font-weight:900;font-size:1.25rem;letter-spacing:.06em}.site-footer .flogo .en{color:rgba(253,253,254,.7)}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer nav a{color:rgba(253,253,254,.85);text-decoration:none;font-size:.92rem}.site-footer nav a:hover,.site-footer nav a[aria-current="page"]{color:var(--c-skin)}.site-footer .legal{width:100%;border-top:1px solid rgba(253,253,254,.18);margin-top:8px;padding-top:24px;font-size:.82rem;color:rgba(253,253,254,.7);line-height:1.8}.site-footer .legal a{color:rgba(253,253,254,.85)}@media (max-width:980px){.featured-grid{grid-template-columns:1fr}.topic-row{grid-template-columns:1fr;gap:8px}}@media (max-width:880px){:root{--pad-block:62px}.nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;gap:0;background:var(--c-warm-white);border-bottom:1px solid var(--c-line-soft);max-height:0;overflow:hidden;transition:max-height .35s}.nav.open{max-height:440px}.nav a{width:100%;padding:16px 24px;border-top:1px solid var(--c-line-soft)}.nav-cta{margin:14px 24px;text-align:center}.nav-toggle{display:block}.hero{padding:90px 0 64px}.article-card{padding:24px}.article-hero{padding:70px 0 52px}.article-body{padding-top:54px}.cta-group{flex-direction:column;align-items:stretch}}a:focus-visible,button:focus-visible{outline:2px solid var(--c-skin);outline-offset:3px;border-radius:4px}
/* Official logo system */
.logo{ display:flex; align-items:center; width:118px; min-width:96px; }
.logo img{ display:block; width:118px; height:auto; }
.flogo img{ display:block; width:150px; height:auto; max-width:100%; }
@media (max-width:880px){ .logo{ width:96px; } .logo img{ width:96px; } .flogo img{ width:136px; } }

/* Articles AEO answer layer */
.answer-summary{padding:42px 0;background:var(--c-pure);border-bottom:1px solid var(--c-line-soft)}
.answer-summary p{border-left:2px solid var(--c-skin);padding:0 0 0 22px;color:var(--c-mist);font-size:clamp(1.03rem,1.2vw,1.14rem);line-height:1.9}
.answer-summary strong{font-family:var(--font-serif);font-weight:600;color:var(--c-mist)}
.article-section-title{margin:0 0 22px;font-size:clamp(1.32rem,2.15vw,1.82rem);line-height:1.48}
.article-faq,.article-howto{padding:64px 0;border-top:1px solid var(--c-line-soft)}
.article-faq{background:var(--c-pure)}
.article-howto{background:var(--c-warm-white)}
.article-faq h2,.article-howto h2{margin-bottom:30px}
.article-faq-list{border-top:1px solid var(--c-line-soft)}
.article-faq-item{padding:24px 0;border-bottom:1px solid var(--c-line-soft)}
.article-faq-item h3{font-family:var(--font-sans);font-size:1.05rem;font-weight:500;color:var(--c-mist);margin-bottom:10px}
.article-faq-item p{color:var(--c-text-deep);line-height:1.85}
.article-howto-list{list-style:none;counter-reset:howto;display:grid;gap:0;border-top:1px solid var(--c-line-soft);border-bottom:1px solid var(--c-line-soft)}
.article-howto-list li{counter-increment:howto;display:grid;grid-template-columns:64px minmax(180px,.5fr) 1fr;gap:18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--c-line-soft)}
.article-howto-list li:last-child{border-bottom:0}
.article-howto-list li::before{content:counter(howto,decimal-leading-zero);font-family:var(--font-en);font-style:italic;color:var(--c-skin);font-size:1.25rem;line-height:1.4}
.article-howto-list strong{font-family:var(--font-serif);font-weight:600;color:var(--c-mist)}
.article-howto-list span{color:var(--c-text-deep);line-height:1.82}
@media (max-width:720px){
  .answer-summary{padding:32px 0}
  .answer-summary p{padding-left:18px}
  .article-faq,.article-howto{padding:52px 0}
  .article-howto-list li{grid-template-columns:48px 1fr;gap:12px}
  .article-howto-list span{grid-column:2}
}