/* m2w.css — me2us2WE 全站共用設計系統 (互動動態版). 改這裡 = 全站一起變. */
:root{--gold:#C9A961;--gold-light:#E8D4A8;--gold-dark:#8B7355;--navy:#1A3A52;--navy-deep:#0D1F2D;--earth:#5C4033;--leaf:#6B8E5A;--leaf-deep:#4A6741;--flesh:#C97A3A;--flesh-deep:#A8602A;--rust:#C0431E;--teal:#5FA89E;--red:#C94A3A;--cream:#F5F0E6;--cream-dark:#E8E0D0;--cream-warm:#F2EBE0;--gray-warm:#9A9590;--shadow:rgba(26,58,82,0.16);}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Noto Serif TC','Cormorant Garamond',serif;background:var(--cream);color:var(--navy-deep);line-height:1.8;overflow-x:hidden;}
a{text-decoration:none;}
/* lang toggle */
.lang-toggle{position:fixed;top:14px;right:14px;z-index:1001;display:flex;gap:6px;background:rgba(13,31,45,0.9);padding:6px;border-radius:24px;box-shadow:0 4px 20px var(--shadow);}
.lang-btn{padding:4px 11px;border:none;background:transparent;font-family:'Noto Serif TC',serif;font-size:0.78rem;cursor:pointer;border-radius:18px;color:var(--cream);}
.lang-btn.active{background:var(--gold);color:var(--navy-deep);}
/* journey nav */
nav.m2w{position:sticky;top:0;width:100%;padding:11px 20px;display:flex;justify-content:space-between;align-items:center;z-index:999;background:rgba(245,240,230,0.96);backdrop-filter:blur(6px);box-shadow:0 2px 20px var(--shadow);}
nav.m2w .logo{font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:var(--navy);}
nav.m2w .logo b{color:var(--gold);font-weight:600;}
nav.m2w .nav-center{display:flex;gap:14px;list-style:none;align-items:center;overflow-x:auto;}
nav.m2w .nav-center a{color:var(--navy);font-size:0.82rem;font-weight:500;white-space:nowrap;}
nav.m2w .nav-center a.act{color:var(--gold-dark);font-weight:700;}
nav.m2w .nav-center a.nav-cta{background:var(--gold);color:var(--navy-deep);padding:5px 13px;border-radius:18px;font-weight:600;}
/* hero */
header.hero{text-align:center;padding:90px 22px 56px;background:radial-gradient(120% 80% at 50% 0,#1f4664,var(--navy-deep) 70%);color:var(--cream);position:relative;overflow:hidden;}
header.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--rust),var(--gold),transparent);}
.spark{position:absolute;border-radius:50%;background:var(--gold-light);opacity:.5;animation:m2w-tw 3s ease-in-out infinite;}
@keyframes m2w-tw{0%,100%{opacity:.15;transform:scale(.8);}50%{opacity:.7;transform:scale(1.2);}}
.hero .eyebrow{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.95rem;letter-spacing:.1em;color:var(--gold-light);margin-bottom:16px;}
.hero h1{font-size:clamp(1.9rem,5.6vw,2.9rem);color:#fff;line-height:1.4;max-width:760px;margin:0 auto;}
.hero .sub{max-width:600px;margin:18px auto 0;font-size:1rem;color:rgba(255,255,255,.82);}
.scrollcue{margin-top:28px;color:var(--gold);font-size:1.6rem;animation:m2w-bob 1.8s ease-in-out infinite;}
@keyframes m2w-bob{0%,100%{transform:translateY(0);}50%{transform:translateY(9px);}}
/* sections + reveal */
.sec{padding:58px 22px;}
.inner{max-width:760px;margin:0 auto;}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);}
.reveal.in{opacity:1;transform:none;}
.pill{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:4px 13px;border-radius:18px;margin-bottom:14px;}
.voice{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.08rem;margin-bottom:8px;}
.sec h2{font-size:clamp(1.4rem,4vw,2rem);line-height:1.4;margin-bottom:12px;}
.body{font-size:1rem;line-height:1.95;max-width:640px;}
.icoBig{font-size:3rem;line-height:1;margin-bottom:10px;display:inline-block;}
/* buttons */
.btn{display:inline-block;margin-top:18px;padding:13px 26px;border-radius:30px;font-weight:600;font-size:.9rem;transition:transform .15s;}
.btn:hover{transform:translateY(-2px);}
.btn.gold{background:var(--gold);color:var(--navy-deep);}
.btn.ghost{background:transparent;border:1.5px solid currentColor;}
.btn+.btn{margin-left:8px;}
/* lock (gate the answer — only hooks) */
.lk{display:inline-block;font-size:.86rem;font-weight:600;color:var(--gold-dark);background:var(--cream-warm);border:1px solid var(--cream-dark);border-radius:12px;padding:11px 16px;line-height:1.7;}
/* verse / quote */
.verse{margin:16px 0;padding:14px 18px;background:var(--cream-warm);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;font-size:.92rem;color:var(--navy);line-height:1.85;}
.verse .ref{display:block;margin-top:5px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.84rem;color:var(--gold-dark);}
/* theme sections */
.s-dark{background:radial-gradient(120% 90% at 50% 0,#1f4664,var(--navy-deep));color:var(--cream);text-align:center;}
.s-dark h2{color:#fff;}
.s-warm{background:var(--cream-warm);}
/* footer */
footer.m2w{background:var(--navy-deep);color:var(--cream);padding:36px 22px;margin-top:48px;}
footer.m2w .finner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;font-size:.84rem;}
footer.m2w .fh{color:rgba(245,240,230,.45);font-family:'Cormorant Garamond',serif;font-style:italic;}
footer.m2w .finner a{color:rgba(245,240,230,.78);}
footer.m2w .fbot{max-width:900px;margin:22px auto 0;padding-top:16px;border-top:1px solid rgba(245,240,230,.12);font-size:.72rem;opacity:.6;text-align:center;line-height:1.7;}
@media(prefers-reduced-motion:reduce){.spark,.scrollcue{animation:none;}.reveal{opacity:1;transform:none;}}