/* Traditional Chinese font fallbacks; all shared navigation/footer styles come from the site components. */
body{font-family:'DM Sans','Noto Sans TC',sans-serif;cursor:auto;line-height:1.8}
h1,h2,h3,.hero-title,.etitle,.price,.teaser-text{font-family:'Cormorant','Noto Serif TC',serif}
main,.page{position:relative;z-index:10}a{color:var(--gold2,#e8c060)}
[hidden]{display:none!important}.note{font-size:.9rem;color:var(--soft,#a8caec);line-height:1.75}.error{color:#ffb3b3;min-height:1.8em}
#bgCanvas,#fxCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}#fxCanvas{z-index:1}
.tw-content{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:28px 24px 70px;text-align:left}
.tw-content h2{font-size:2rem;font-weight:400;color:var(--gold2,#e8c060);line-height:1.5;margin:36px 0 18px}
.tw-content h3{font-size:1.3rem;font-weight:400;color:var(--white,#eef6ff);margin:24px 0 10px}
.tw-content p,.tw-content li{font-size:1rem;line-height:1.85;color:var(--soft,#a8caec)}.tw-content p{margin:0 0 18px}.tw-content section{margin-bottom:42px}
.tw-content ul,.tw-content ol{padding-left:24px;margin:16px 0 22px}.tw-content li{margin-bottom:10px}
.tw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tw-grid .ecard{height:100%;padding:26px;text-align:center}
.tw-grid .eico{font-size:2rem;line-height:1.5}.tw-grid .etitle{font-size:1.6rem}.tw-grid .esub{margin-top:12px;line-height:1.8}
.tw-grid .price{font-size:2rem;color:var(--gold2,#e8c060);margin:16px 0}.tw-grid a{display:inline-block;margin-top:12px}
.tw-home .hero-title{font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.3}.tw-home .hero-sub{max-width:600px;font-size:1.06rem}
.tw-home #landing{min-height:calc(100svh - 70px);padding-top:48px;padding-bottom:60px}.tw-home .hero-eyebrow-kw{font-size:.85rem;letter-spacing:.18em;color:var(--soft);margin:10px 0 16px}
.tw-home .hero-cta{display:inline-block;margin:26px 0 14px;background:linear-gradient(135deg,#155bb0,#06398a);box-shadow:0 12px 44px rgba(10,71,160,.5);font-size:1.1rem;letter-spacing:.06em;text-decoration:none}
.tw-home .hero-note{max-width:600px;margin:0 auto;font-size:.88rem;line-height:1.8;color:var(--soft)}
.tw-product .page{padding-top:20px}.tw-product h1{font-size:clamp(2.5rem,9vw,4rem);line-height:1.3}
.tw-product .hero{padding:46px 0;min-height:calc(100svh - 70px)}.tw-product .promise{max-width:520px}.tw-product .reassure{max-width:520px}
.tw-product .form{gap:10px;text-align:left}.tw-product label{font-size:.9rem;color:var(--soft);margin-top:4px}.tw-product .fld{font-family:'DM Sans','Noto Sans TC',sans-serif;text-align:left}
.tw-product .cta{font-family:'DM Sans','Noto Sans TC',sans-serif;letter-spacing:0;font-size:1.06rem;line-height:1.7;padding:16px 22px}
.tw-product #preview{padding:30px 0 50px}.tw-product #previewText{white-space:pre-wrap;font-style:normal;font-size:1.12rem;line-height:1.9}
.tw-product .lock h3{font-size:1.6rem;font-weight:400;color:var(--white);margin:24px 0 14px}.tw-product .lock ul{padding-left:20px;text-align:left;line-height:1.9;margin:20px 0}
.tw-product .price{font-size:2.4rem;margin:20px 0 12px}.tw-product .below{padding-bottom:50px}.tw-product .below h3{font-size:1.3rem;color:var(--pale);margin:24px 0 10px}
.tw-product .preview-rule{border:0;border-top:1px solid rgba(232,192,96,.2);margin:28px 0}
.tw-guide .hero{padding:70px 20px 44px}.tw-guide h1{font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.4}
.tw-guide .wrap h2{font-size:1.8rem;line-height:1.5}.tw-guide .wrap section{margin:0 0 32px}.tw-guide .wrap ul{padding-left:24px}.tw-guide .wrap li{margin:10px 0}
.tw-guide .wrap h3{font-family:'Cormorant','Noto Serif TC',serif;font-size:1.3rem;margin:22px 0 10px}
.tw-guide .wrap .cta{display:inline-block;border-radius:50px}
:focus-visible{outline:2px solid var(--sky,#5ab0ff);outline-offset:4px}
@media(max-width:640px){.tw-grid{grid-template-columns:1fr}.tw-content{padding:20px 22px 50px}.tw-home #landing{padding-top:30px}.tw-home .hero-title{font-size:2.7rem}.tw-home .eyebrow{font-size:.8rem;letter-spacing:.18em}.tw-product .hero{padding:28px 0}.tw-product .teaser-card{padding:24px 20px}.tw-guide .hero{padding-top:42px}}
@media(prefers-reduced-motion:reduce){.tw-home *, .tw-product *{animation:none!important;scroll-behavior:auto!important}}

.tw-guide .hero h1,.tw-guide .wrap h2,.tw-guide .lead,.tw-product h1{font-family:'Cormorant','Noto Serif TC',serif}
.tw-home{cursor:none}
@media(pointer:coarse){body.tw-home{cursor:auto}#cursor{display:none}}
