@font-face{font-family:PeaceSerif;src:url('/assets/PeaceSerif-Bold.woff2?v=20261102-coverage1') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:Pingan;src:url('/assets/PinganScript-Web.woff2') format('woff2');font-display:swap}
:root{--ink:#123d2d;--green:#174b35;--muted:#5c6c64;--sage:#edf1e8;--line:#dce4db;--paper:#fdfefb;--serif:PeaceSerif,'Noto Serif TC','Songti TC','PMingLiU',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans TC',sans-serif;line-height:1.8}a{color:var(--green);text-underline-offset:.25em}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #68895c;outline-offset:5px}button,input{font:inherit}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}p{margin:0 0 16px}h1,h2,h3{font-family:var(--serif);font-weight:600}h1{font-size:clamp(2.5rem,5vw,4.375rem);line-height:1.5;letter-spacing:.025em;margin:18px 0 20px}h2{font-size:1.6875rem;line-height:1.5;margin:0 0 10px}h3{font-size:1.4375rem;margin:0 0 10px}.skip{position:absolute;left:12px;top:-80px;z-index:5;background:white;padding:8px 16px}.skip:focus{top:8px}.hero-wrap{position:relative;background:url('/assets/lotus-jade.webp') right center/auto 140% no-repeat,#fafcf7}.hero-wrap:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,255,255,.5) 44%,transparent 75%);pointer-events:none}.site-header{position:relative;z-index:2;max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 36px}.brand{display:inline-flex;align-items:center;gap:12px;font:1.875rem/1.3 Pingan,var(--serif);text-decoration:none;color:var(--ink);white-space:nowrap}.brand svg{width:38px;height:34px;color:#65816a}.menu{position:relative;padding:0;border:0}.menu summary{display:flex;width:48px;height:48px;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu summary span{height:2px;width:26px;background:var(--ink);border-radius:2px}.menu nav{position:absolute;top:54px;right:0;width:210px;background:#fffffff5;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 12px 38px #183a2220;backdrop-filter:blur(12px)}.menu nav a{display:block;padding:10px 16px;text-decoration:none;border-radius:7px}.menu nav a:hover{background:var(--sage)}.hero{position:relative;max-width:1160px;margin:auto;padding:55px 36px 68px;min-height:600px}.hero-copy{max-width:700px}.eyebrow{font-family:var(--serif);font-size:1.1875rem;letter-spacing:.22em;color:#4f695c;margin:0 0 16px}.lead{font-size:1.3125rem;line-height:1.85;color:var(--muted);letter-spacing:.05em;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--green);color:#fff;padding:15px 28px;border-radius:60px;text-decoration:none;border:0;font-size:1.1875rem;font-weight:600;line-height:1.5;min-height:54px;cursor:pointer}.button:hover{background:#103b29}.button svg{width:26px;height:26px;stroke-width:1.8}.guide-link{display:block;width:fit-content;margin:18px 0 14px;font-weight:600;font-size:1.0625rem}.guide-link span{display:inline-block;margin-left:10px;text-decoration:none;font-size:1.6875rem;line-height:1}.availability{font-size:0.875rem;color:#65726c;margin-bottom:0}.features{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);padding:34px 24px 26px;text-align:center}.features article{position:relative;padding:0 18px}.features article+article:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:1px;background:var(--line)}.icon-circle{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;background:var(--sage);margin:0 auto 12px;color:#2c5040}.icon-circle svg{width:36px;height:36px}.features h2{font-size:1.5625rem;margin-bottom:8px;letter-spacing:.1em}.features p{font-size:1rem;line-height:1.9;color:#57645d;margin-bottom:0}.local-note{max-width:1032px;margin:0 auto 22px;border-radius:18px;background:linear-gradient(105deg,#eef2e9,#f3f5ee);padding:25px 34px;display:flex;align-items:center;gap:24px;overflow:hidden}.local-note .icon-circle{background:#e0e8d8;flex-shrink:0;margin:0;width:82px;height:82px}.local-note h2{font-size:1.5625rem;letter-spacing:.04em}.local-note p{color:var(--muted);font-size:1rem;margin:0}.download-info{max-width:1032px;margin:auto;padding:0 0 14px}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;min-height:44px;align-content:center}.download-info summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;padding:0 8px;font-size:0.9375rem}.download-info summary::-webkit-details-marker{display:none}.version{font-size:0.8125rem;color:var(--muted);white-space:nowrap}.details-body{max-width:800px;padding:20px 8px 0;color:var(--muted);font-size:0.9375rem}.details-body .note{margin-top:16px}.site-footer{border:0;padding:24px 24px 32px;text-align:center;color:var(--muted);max-width:none;margin:0;display:block}.footer-brand{flex-direction:column;gap:2px;font-size:1.625rem}.footer-brand svg{height:28px;width:34px}.footer-verse{font-size:0.8125rem;letter-spacing:.2em;margin:12px 0 16px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;font-size:0.8125rem;margin-bottom:12px}.site-footer small{font-size:0.75rem;color:var(--muted)}
/* Shared document and account pages keep the same readable brand system. */
body:not(.home)>header,body:not(.home)>main,body:not(.home)>footer{max-width:1080px;margin:auto;padding:24px 28px}body:not(.home)>header{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}body:not(.home)>header nav{display:flex;gap:18px;font-size:0.875rem}body:not(.home)>header nav a{text-decoration:none}.article{max-width:760px!important}.article h1{font-size:2.375rem;margin-bottom:24px}.article h2{font-size:1.5625rem;margin-top:30px}.article .intro{font-size:1.125rem;color:var(--muted)}.panel{background:#f4f7f0;border:1px solid var(--line);border-radius:16px;padding:28px;margin:24px 0}.note{font-size:0.875rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}.quiet{background:transparent;border:1px solid #8da18d;color:var(--green)}.quiet:hover{background:var(--sage)}.steps{padding-left:24px}.steps li{padding:5px 0}.divider{border:0;border-top:1px solid var(--line);margin:28px 0}code{font-size:0.75rem;overflow-wrap:anywhere;white-space:normal}body:not(.home)>footer{border-top:1px solid var(--line);font-size:0.8125rem;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:680px){.site-header{padding:22px 26px}.brand{font-size:1.625rem;gap:9px}.brand svg{width:30px;height:28px}.hero-wrap{background-size:auto 110%;background-position:52% center}.hero-wrap:before{background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.25) 63%,transparent)}.hero{padding:28px 32px 26px;min-height:0}.eyebrow{font-size:0.9375rem;letter-spacing:.17em;margin:0 0 14px}h1{font-size:clamp(2rem,8.4vw,2.9375rem);line-height:1.6;margin:0 0 12px;letter-spacing:.015em}.lead{font-size:1.0625rem;line-height:1.8;margin-bottom:24px}.button{font-size:1rem;padding:14px 22px;gap:10px;min-height:52px}.button svg{width:24px;height:24px}.guide-link{font-size:0.9375rem;margin:15px 0 12px}.availability{font-size:0.75rem;letter-spacing:.015em}.features{padding:22px 10px 20px}.features article{padding:0 6px}.icon-circle{width:50px;height:50px;margin-bottom:10px}.icon-circle svg{width:28px;height:28px}.features h2{font-size:1.3125rem;letter-spacing:.05em;margin-bottom:6px}.features p{font-size:0.75rem;line-height:1.9;letter-spacing:0}.local-note{margin:0 14px 16px;padding:18px 16px;gap:15px;border-radius:15px}.local-note .icon-circle{width:48px;height:48px}.local-note .icon-circle svg{width:26px;height:26px}.local-note h2{font-size:1.1875rem;margin-bottom:5px}.local-note p{font-size:0.8125rem;line-height:1.8}.download-info{padding:0 20px}.download-info summary{font-size:0.8125rem}.version{font-size:0.6875rem}.site-footer{padding:15px 20px 28px}.footer-brand{font-size:1.4375rem}.footer-verse{margin:8px 0 12px;font-size:0.6875rem}.site-footer nav{font-size:0.75rem;gap:10px 18px}.site-footer small{font-size:0.6875rem}body:not(.home)>header,body:not(.home)>main,body:not(.home)>footer{padding:20px}body:not(.home)>header{align-items:flex-start}body:not(.home)>header nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:0.8125rem}.article h1{font-size:1.9375rem}.panel{padding:20px}}
@media(max-width:359px){.hero{padding-left:23px;padding-right:20px}.site-header{padding-left:20px;padding-right:20px}.features p{font-size:0.6875rem}.local-note h2{font-size:1.0625rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:680px){.hero{padding-top:20px;padding-bottom:20px}.eyebrow{margin-bottom:12px}h1{line-height:1.45}.lead{margin-bottom:20px}.features p{font-size:0.8125rem}.local-note p{font-size:0.875rem}.features h2{font-size:1.375rem}}
/* Long support addresses and source links must wrap at larger reader font sizes. */
.article a,body:not(.home)>footer a{overflow-wrap:anywhere}
/* Let enlarged reading text form full-width feature rows instead of narrow columns. */
.features{grid-template-columns:repeat(auto-fit,minmax(min(100%,6.5rem),1fr));container-type:inline-size;row-gap:1.5rem}
.hero-copy{container-type:inline-size}
@container(max-width:15rem){.features article+article:before{display:none}.hero-copy .lead,.hero-copy .availability{background:#ffffffe6;border-radius:8px;padding:6px 8px}}
