:root{--dark:#12272b;--dark2:#193b38;--cream:#f5f4ee;--gold:#d9bd8b;--ink:#14282a;--sub:#62716d;--edge:#dde5dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;line-height:1.75;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(100% - 36px,1080px);margin:auto}.topbar{position:sticky;top:0;z-index:30;background:#f7f7f1f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--edge)}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:17px;font-weight:900;letter-spacing:.085em}.brand i{font-style:normal;color:#7aab91}.navlink{border:1px solid #cbd9ce;padding:7px 12px;border-radius:99px;font-size:12px;background:#fff}.hero{background:var(--dark);color:white}.heroInner{padding:54px 0 56px}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);font-weight:750}.hero h1{font-size:clamp(39px,8.8vw,76px);line-height:1.13;letter-spacing:-.06em;margin:18px 0 22px;font-weight:850}.hero h1 em{font-style:normal;color:#e0c99d}.hero p{font-size:16px;color:#d1deda;max-width:650px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:12px 20px;background:#dec79a;color:#1b2e2c;font-size:13px;font-weight:800;margin-top:16px}.ghost{background:transparent;border:1px solid #9bb4ac;color:#ecf5ef}.photo{margin-top:26px;min-height:250px;aspect-ratio:16/9;border:1px dashed #8ca99d;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px;text-align:center;background:linear-gradient(125deg,#294841,#507166);color:#f3f6f1;gap:7px}.photo:before{content:'▧';font-size:27px;opacity:.5}.photo b{font-size:14px}.photo span{font-size:12px;color:#d7e7de}.section{padding:55px 0}.section.soft{background:#ebefe9}.label{font-size:11px;letter-spacing:.16em;color:#54806d;font-weight:850;text-transform:uppercase}.section h2{font-size:clamp(27px,5.7vw,43px);letter-spacing:-.045em;line-height:1.3;margin:10px 0 16px}.lead{font-size:15px;color:var(--sub);max-width:730px}.cards{display:grid;grid-template-columns:1fr;gap:17px;margin-top:26px}.tile{display:block;border:1px solid var(--edge);background:#fff;border-radius:21px;overflow:hidden;transition:transform .18s,box-shadow .18s}.tile:active{transform:scale(.99)}.tile .photo{border:0;border-radius:0;margin:0;aspect-ratio:16/9;min-height:170px;background:linear-gradient(145deg,#2d4e49,#7d9582)}.tile .copy{padding:20px}.tile .copy h3{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:9px 0 8px}.tile .copy p{font-size:14px;color:var(--sub);margin:0 0 15px}.read{font-size:13px;font-weight:800;color:#396d59}.pills{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.pill{border-radius:999px;background:#e8f0e9;color:#3c624e;padding:5px 10px;font-size:11px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:23px 0}.stat{padding:18px 15px;border-radius:15px;background:#fff;border:1px solid var(--edge)}.stat small{display:block;color:#6a7d74;font-size:11px}.stat b{font-size:14px;line-height:1.45;display:block;margin-top:5px}.introgrid{display:grid;gap:22px}.prose{font-size:15px;color:#425b53}.listgrid{display:grid;gap:13px;margin-top:22px}.info{background:white;border:1px solid var(--edge);border-radius:16px;padding:20px}.info h3{font-size:17px;line-height:1.35;margin:0 0 8px}.info p{font-size:14px;color:#63716a;margin:0}.step{display:flex;align-items:start;gap:15px;padding:18px 0;border-bottom:1px solid var(--edge)}.step:last-child{border:0}.step strong{font-size:22px;color:#69917e}.step h3{margin:0;font-size:17px}.step p{margin:3px 0 0;color:#64736d;font-size:14px}details{background:#fff;border:1px solid var(--edge);border-radius:13px;margin-bottom:9px;padding:0 17px}summary{list-style:none;cursor:pointer;font-size:14px;font-weight:800;padding:17px 0;display:flex;justify-content:space-between;gap:12px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;color:#53826c}details[open] summary:after{content:'−'}details p{font-size:14px;color:#50675d;margin:0 0 17px}.callout{background:var(--dark2);color:white;border-radius:20px;padding:25px}.callout h3{font-size:25px;letter-spacing:-.035em;line-height:1.3;margin:8px 0}.callout p{color:#d4e4db;font-size:14px}.ribbon{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:7px 0 13px}.ribbon a{flex:none;background:#fff;border:1px solid #dce6dc;border-radius:99px;padding:8px 12px;font-size:12px}.chapter{font-size:12px;color:#6d867a;letter-spacing:.04em;margin-bottom:10px}.split{display:grid;gap:22px}.foot{background:#12282b;color:white;padding:34px 0 45px}.foot p{font-size:12px;color:#b7cdc2}.back{font-weight:750;font-size:13px;color:#d9c49a}.notes{padding:15px;background:#edf1e9;border-left:3px solid #91b4a1;color:#526960;font-size:13px;border-radius:0 10px 10px 0}.safari-overlay{position:fixed;inset:0;z-index:9999;display:none;background:#102021df;align-items:center;justify-content:center;padding:18px}.safari-blocked .safari-overlay{display:flex}.gate{max-width:420px;background:#f7f8f3;color:#18352c;border-radius:21px;padding:30px 24px;text-align:center}.gate h2{font-size:23px;line-height:1.3}.gate p{font-size:14px;color:#62756a}.url{padding:12px;border:1px solid #d9e3da;border-radius:10px;background:white;font-size:13px;margin:15px 0}.gate button{width:100%;border:0;color:#fff;background:#245448;padding:13px;border-radius:12px;font-weight:750}.compare{width:100%;border-collapse:collapse;min-width:560px;font-size:13px}.compare th,.compare td{padding:12px;border-bottom:1px solid #e0e7df;text-align:left}.compare th{background:#e5ede5;color:#36614e}.scrolltable{overflow:auto;border:1px solid #dde5dc;border-radius:12px}.focus{color:#d6bf92}@media(min-width:720px){.cards{grid-template-columns:repeat(3,1fr)}.heroInner{padding:75px 0}.introgrid{grid-template-columns:1.2fr .8fr;align-items:start}.listgrid{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr 1fr;align-items:start}.section{padding:80px 0}}@media(max-width:390px){.wrap{width:min(100% - 28px,1080px)}.hero h1{font-size:36px}}

/* Local user-supplied editorial photography */
.photo-real{padding:0!important;min-height:0!important;aspect-ratio:16/9!important;border:0!important;background:#dce5df!important;overflow:hidden!important;display:block!important}
.photo-real:before{content:none!important}
.photo-real.photo-detail{aspect-ratio:4/3!important}
.photo-real img{display:block;width:100%;height:100%;object-fit:cover}
.tile .photo-real{margin:0!important;border-radius:0!important}

.spa-view[hidden]{display:none!important}
.spa-view{animation:spaIn .2s ease-out}
@keyframes spaIn{from{opacity:.7}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.spa-view{animation:none}}

/* iOS in-app browser guide — presentation only */
.safari-overlay{background:rgba(16,32,33,.52);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto;overscroll-behavior:contain;}
.gate{width:min(100%,420px);margin:auto;max-height:calc(100dvh - 36px);overflow-y:auto;text-align:left;padding:28px 23px;background:rgba(250,251,247,.97);box-shadow:0 18px 65px rgba(6,24,17,.24);}
.gate-brand{text-align:center;font-size:13px;font-weight:850;letter-spacing:1.4px;color:#245448}.gate-compass{display:grid;place-items:center;width:52px;height:52px;margin:15px auto;background:#e6efe7;border-radius:50%;font-size:29px;color:#245448}.gate h2{text-align:center;margin:0 0 12px;font-size:25px}.gate>p#gateText{text-align:center;line-height:1.65;margin:0 0 18px}.gate-instructions{padding-top:15px;border-top:1px solid #dfe7de}.gate-instructions-title{font-weight:800;color:#234734;margin-bottom:12px;font-size:14px}.gate-step{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.gate-step-icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#e6efe7;color:#245448;font-weight:800;font-size:21px}.gate-step strong{font-size:13px;line-height:1.5}.gate-step p{font-size:12px;line-height:1.55;margin:4px 0 0}.gate .gate-note{font-size:12px;text-align:left;line-height:1.6;background:#eef4ed;color:#55715d;padding:11px 13px;border-radius:10px;margin:9px 0 0}

/* Automatic browser-language guide — isolated from English-only site content. */
.safari-overlay{padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));}
.safari-overlay .gate{max-height:calc(100dvh - 28px);max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:22px 20px;}
.safari-overlay .gate h2{font-size:clamp(23px,6vw,28px);line-height:1.3;overflow-wrap:break-word;}
.safari-overlay .gate p#gateText{margin:0 0 13px;font-size:13px;line-height:1.55;}
.safari-overlay .gate-compass{width:43px;height:43px;margin:9px auto 10px;font-size:24px;}
.safari-overlay .gate-instructions{padding-top:12px;}
.safari-overlay .gate-instructions-title{margin-bottom:10px;}
.safari-overlay .gate-step{margin-bottom:11px;}
.safari-overlay .gate-step strong{font-size:13px;font-weight:700;line-height:1.55;}
.safari-overlay .gate-step-icon{width:38px;height:38px;font-size:19px;}
.safari-overlay .gate .gate-note{font-size:12px;line-height:1.55;margin:7px 0 12px;text-align:left;}
.safari-overlay .gate .guide-copy-btn{display:block;width:100%;min-height:48px;margin-top:10px;white-space:normal;line-height:1.45;letter-spacing:0;padding:12px 14px;}
.safari-overlay .gate .guide-feedback{font-size:12px;line-height:1.5;color:#245448;text-align:center;font-weight:750;margin:9px 0 0;}
.safari-overlay .gate .guide-feedback:empty{display:none;}
.safari-overlay .gate .guide-manual{display:block;width:100%;border:1px solid #d9e3da;background:#fff;color:#173d2e;border-radius:9px;padding:11px;margin-top:9px;font-size:12px;text-align:center;max-width:100%;}
.safari-overlay .gate .guide-manual[hidden]{display:none;}
.safari-overlay .gate[dir="rtl"] .gate-step{flex-direction:row-reverse;text-align:right;}
.safari-overlay .gate[dir="rtl"] .gate-instructions-title,.safari-overlay .gate[dir="rtl"] .gate-note{text-align:right;}
@media(max-height:650px){.safari-overlay .gate{padding:16px}.safari-overlay .gate-brand{font-size:12px}.safari-overlay .gate-compass{margin:6px auto;width:34px;height:34px;font-size:21px}.safari-overlay .gate .gate-note{margin-top:5px}.safari-overlay .gate-step{margin-bottom:7px}}