:root{--ink:#102a43;--paper:#f5f3ec;--gold:#b7a17b;--page-ratio:.6875;font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#e7eae8}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9a7131;outline-offset:4px}.room{height:100dvh;min-height:690px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:22px 28px 16px}.book-header{width:100%;max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;font:14px Georgia,serif;letter-spacing:2px}.wordmark span{display:block;font:11px/2 "PingFang TC",sans-serif;letter-spacing:2px;color:#5c6d78}.tools{display:flex;gap:14px;align-items:center;font-size:12px}.tools button{background:none;border:0;padding:12px 4px}.tools span{color:#61717c}.stage{display:grid;place-items:center;min-height:0;padding:18px 0}.book-rig{display:grid;place-items:center;width:min(100%,calc((100dvh - 142px)*var(--page-ratio)*2),880px);height:min(calc(100dvh - 142px),640px)}.book{position:relative;isolation:isolate;filter:drop-shadow(0 18px 23px #102a4329);transition:translate 760ms ease}.book[data-layout="landscape"][data-edge="front"]{translate:-25% 0}.book[data-layout="landscape"][data-edge="back"]{translate:25% 0}.book-page{background:var(--paper);overflow:hidden;container-type:inline-size}.leaf{height:100%;display:flex;flex-direction:column;padding:7.2%;position:relative}.book-page.--left::before,.book-page.--right::before{position:absolute;inset-block:0;z-index:3;width:22px;content:"";pointer-events:none}.book-page.--left::before{right:0;background:linear-gradient(to left,#102a431a,transparent)}.book-page.--right::before{left:0;background:linear-gradient(to right,#102a431a,transparent)}.eyebrow{font-size:clamp(10px,2.6cqw,12px);letter-spacing:1.5px;margin:0 0 7%;line-height:1.5;color:#65727a}h1,h2{font-family:"Songti TC","Noto Serif TC","PMingLiU",serif;font-weight:500;letter-spacing:.025em;line-height:1.35;margin:0 0 5%;font-size:clamp(28px,7.6cqw,36px)}h1{font-size:clamp(39px,11.7cqw,54px);line-height:1.22}h2 em{font-style:normal;color:#8a714d}p{line-height:1.75}.intro{font-size:clamp(14px,3.65cqw,16px);margin:0 0 5%;color:#435766}.note{font-size:clamp(11px,2.9cqw,13px);color:#5c6d76;margin:4% 0 0;line-height:1.65}.folio{border-top:1px solid #102a4322;padding-top:3%;margin-top:auto;display:flex;justify-content:space-between;gap:8px;font-size:clamp(10px,2.4cqw,11px);color:#677680;line-height:1.5}.text-link{font-size:clamp(12px,3.1cqw,14px);background:none;border:0;border-bottom:1px solid #b7a17b;padding:10px 0;width:fit-content;text-align:left;margin:3% 0}.cover{background:#102a43;color:#f4efe4}.cover .eyebrow{color:#bcc8cb;font-size:2.3cqw}.cover-name{font:italic 6.3cqw Georgia,serif;color:#ccb993;margin-bottom:3%}.cover-name span{font:4cqw sans-serif}.cover-copy{font-size:3.7cqw;color:#c6d1d5;line-height:1.8;margin:0;z-index:1}.cover-bottom{font-size:2.7cqw;display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:4%;border-top:1px solid #ffffff33;z-index:1}.window-art{position:absolute;width:63%;height:41%;bottom:11%;right:7.2%;border:1px solid #c1baa780;border-radius:46% 46% 0 0;overflow:hidden;background:linear-gradient(#9cadb5,#d9d8c6 56%,#527481 57%,#2f5669 72%,#b4ab92 73%);opacity:.9}.window-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#102a43 49%,#102a43 51%,transparent 52%)}.sun{position:absolute;top:22%;left:25%;width:18%;aspect-ratio:1;border-radius:50%;background:#efe4bf}.horizon{position:absolute;left:0;right:0;top:65%;height:1px;background:#ffffff66}.terrace{position:absolute;width:120%;height:30%;bottom:-10%;transform:rotate(-12deg);background:#162f40}.chair{position:absolute;right:10%;bottom:13%;width:22%;height:25%;border:3px solid #172c3a;border-radius:15px 15px 0 0;transform:rotate(-8deg)}.statement{border-top:1px solid #b7a17b;border-bottom:1px solid #b7a17b;padding:6% 0;margin:3% 0}.statement span{font-size:2.8cqw;color:#7c6b53;letter-spacing:2px}.statement p{font-size:5.4cqw;font-family:"Songti TC",serif;margin:5% 0 0}.steps{margin:1% 0 4%}.steps>div{display:flex;gap:18px;padding:5% 0;border-bottom:1px solid #102a4320}.steps b{font:italic 5.5cqw Georgia,serif;color:#95815f}.steps h3{font-size:4cqw;font-weight:500;margin:0 0 4px}.steps p{font-size:3.4cqw;color:#576a76;margin:0;line-height:1.65}.equation{border-left:2px solid var(--gold);padding-left:14px;font-size:3.1cqw;line-height:1.9}.equation strong{font-weight:500;font-size:3.8cqw}.product{font-size:3.5cqw;margin:0 0 5%;line-height:1.65}.product span{font-size:2.9cqw;color:#64747e}.amount{border-top:1px solid #b7a17b;border-bottom:1px solid #b7a17b;padding:5% 0;display:grid;gap:5px;margin-bottom:3%}.amount small,.amount span{font-size:3.1cqw;color:#526773}.amount strong{font:12cqw/1.2 Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:-2px}.amount i{font:3cqw sans-serif;letter-spacing:1px}.mini-line{display:flex;justify-content:space-between;gap:10px;padding:2% 0;font-size:2.9cqw;line-height:1.6}.mini-line b{white-space:nowrap;font-weight:500}.risk{font-size:3.1cqw;line-height:1.65;color:#765538;border-left:2px solid #b7a17b;padding-left:10px;margin:4% 0 0}.budget-preview{padding:5%;background:#e9eae3;display:grid;gap:8px;margin:2% 0 5%}.budget-preview>span{font-size:3cqw;color:#506371}.budget-preview strong{font:7.4cqw Georgia,serif}.budget-preview small{font:3cqw sans-serif}.budget-arrow{font-size:2.8cqw;color:#7b694b;margin:4px 0}.primary{background:#183951;color:#fff;border:0;padding:14px 16px;font-size:3.5cqw;min-height:44px;width:100%;text-align:left}.compact>div{padding:4% 0}.back-center{margin:auto 0}.back-center h2{font-size:8cqw}.back-center p{font-size:3.7cqw;color:#bdcbd3}.compass{display:block;color:#b7a17b;font:50px Georgia;margin-bottom:18px}.back .note,.back .folio{color:#c1cbd0}.back .folio{border-color:#ffffff33}.controls{display:grid;grid-template-columns:48px 1fr 48px;gap:20px;align-items:center;width:min(100%,350px);margin:auto}.controls button{border:1px solid #a7b5bb;border-radius:50%;width:44px;height:44px;background:transparent;font-size:20px}.controls button:disabled{opacity:.28;cursor:default}.status{text-align:center;display:grid;gap:4px;font-size:13px}.status small{font-size:10px;color:#61747f}dialog{border:0;border-radius:4px;max-width:570px;width:calc(100% - 28px);max-height:88dvh;padding:24px;color:var(--ink);background:var(--paper);box-shadow:0 24px 90px #00132355}dialog::backdrop{background:#092337aa;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b7a17b;padding-bottom:10px;margin-bottom:20px;font-size:12px;color:#63717b}.close{width:44px;height:44px;border:0;background:transparent;font-size:20px}dialog h2{font-size:28px;margin:12px 0}dialog h3{font-size:18px}dialog p,dialog li{font-size:15px;line-height:1.85}dialog a{overflow-wrap:anywhere}dialog .note{font-size:12px}dialog table{border-collapse:collapse;width:100%;font-size:14px}dialog td{padding:10px 0;border-bottom:1px solid #102a4322}dialog td:last-child{text-align:right}#budget-form{display:grid;gap:10px}#budget-form label{font-size:14px;margin-top:8px}input[type=number]{width:100%;padding:12px;border:1px solid #a6b4b9;background:#fff;color:#102a43;border-radius:0;font-size:18px}input[type=range]{width:100%;accent-color:#102a43;min-height:40px}.calc-result{background:#102a43;color:#fff;padding:20px;display:grid;gap:10px}.calc-result span{font-size:13px;color:#cad3d5}.calc-result strong{font:32px Georgia,serif}#months-label{float:right}.toc{display:grid}.toc button{padding:13px 0;border:0;border-bottom:1px solid #102a4322;text-align:left;background:transparent;font-size:15px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#102a43;color:white;padding:12px 20px;z-index:1000;font-size:13px;display:none;max-width:90%}.reading .room{height:auto;display:block}.reading .stage{display:block}.reading .book-rig{width:100%;height:auto;display:block}.reading #book{display:grid!important;gap:24px;width:100%!important;min-width:0!important;height:auto!important;transform:none!important;translate:none;filter:none}.reading .stf__wrapper,.reading .stf__block{display:contents!important}.reading .book-page{display:block!important;position:relative!important;inset:auto!important;width:min(100%,440px)!important;height:auto!important;aspect-ratio:440/640;margin:auto;transform:none!important;clip-path:none!important}.reading .stf__outerShadow,.reading .stf__innerShadow,.reading .stf__hardShadow,.reading .stf__hardInnerShadow{display:none!important}.reading .controls{display:none}.reading .book-header{margin-bottom:24px}.reading .book-page .leaf{position:absolute;inset:0}.reading .book-page::before{display:none}
@media(max-width:700px){.room{padding:14px 12px 12px;min-height:650px}.book-header .wordmark{font-size:11px;letter-spacing:1px}.tools{gap:10px;font-size:11px}#orientation{display:none}.book-rig{width:min(100%,440px);height:min(calc(100dvh - 136px),640px)}.stage{padding:12px 0}.controls{gap:12px}.leaf{padding:7%}.eyebrow{margin-bottom:6%}}
.paper .leaf{padding:6% 7%}.paper .eyebrow{margin-bottom:4%}.paper h2{font-size:7cqw;margin-bottom:4%}.paper .intro{margin-bottom:3%}.paper .steps>div{padding:3% 0}.paper .note{margin-top:2%}.paper .text-link{padding:8px 0;margin:2% 0}.paper .amount{padding:4% 0}.paper .product{margin-bottom:3%}.paper .risk{margin-top:3%}.paper .folio{flex-shrink:0}.paper .statement{padding:4% 0}.reading .book-page.paper{aspect-ratio:auto;min-height:640px}.reading .book-page.paper .leaf{position:relative;padding:28px}.reading .paper p,.reading .paper .risk,.reading .paper .steps p{font-size:16px}.reading .paper .note,.reading .paper .folio,.reading .paper .mini-line{font-size:13px}.reading .paper .folio{margin-top:24px}.reading .paper .text-link{font-size:15px}.reading .paper .primary{font-size:16px}
.full-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-cover .full-photo{object-position:62% center}.photo-cover .leaf{background:linear-gradient(180deg,#061d32b8,transparent 75%,#061d32b8)}.photo-cover .cover-copy,.photo-cover .eyebrow,.travel-photo .eyebrow,.photo-back .eyebrow{color:#fff}.photo-cover .cover-name{color:#f2d8a7}.travel-photo .leaf{background:linear-gradient(180deg,#09283db8,transparent 52%,#09283ddb)}.travel-photo h2{font-size:10cqw;margin-top:5%}.travel-copy{font-size:3.7cqw;line-height:1.85;color:white}.travel-bottom{margin-top:auto}.travel-bottom p{font-family:"Songti TC",serif;font-size:5.5cqw;line-height:1.6;margin:0}.travel-photo .folio,.dive-story .folio{color:#d9e7ea;border-color:#ffffff44}.travel-photo .text-link{font-size:2.8cqw;color:#fff;margin:4% 0}.dive-story h2{font-size:7.4cqw}.dive-story .eyebrow{font-size:2.4cqw;margin-bottom:5%}.dive-main{margin:0;position:relative;flex-shrink:0}.dive-main img{display:block;width:100%;height:48cqw;object-fit:cover}.dive-main figcaption{position:absolute;bottom:0;left:0;padding:10px;width:100%;background:linear-gradient(transparent,#09283dc9);font-size:2.4cqw;letter-spacing:1px}.dive-detail{display:flex;align-items:center;gap:4%;margin:5% 0 1%}.dive-detail img{width:40%;height:26cqw;object-fit:cover;object-position:40% center}.dive-detail p{font-size:3.1cqw;line-height:1.9;margin:0}.dive-detail span{font-size:2.7cqw;color:#b9ced5}.dive-story .text-link{font-size:3cqw;margin:1% 0 3%}.dive-story .folio{font-size:2.3cqw}.photo-back .leaf{background:linear-gradient(180deg,#09283d8c,#09283d91 45%,#09283deb)}.photo-back .back-center p,.photo-back .note,.photo-back .folio{color:#f2f3ee}.photo-back .text-link{color:#fff;margin:0;font-size:3cqw}.photo-back .compass{color:#ffe6bb}
@media(prefers-reduced-motion:reduce){.book{transition:none}}
@media print{.room{height:auto;display:block}.book-header,.controls,dialog{display:none}.book-rig{display:block;width:100%;height:auto}.book{translate:none!important;filter:none}.book-page{break-after:page}}