:root{--paper:#f5f3ed;--ink:#183831;--green:#236952;--muted:#596961;--line:#d2d8ce;--mint:#e6eee5;--serif:"Noto Serif TC","Songti TC",serif;--sans:"PingFang TC","Microsoft JhengHei",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 var(--sans)}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:transparent;border-radius:7px;padding:8px 16px;touch-action:manipulation}button:hover{background:var(--mint)}button:disabled{opacity:.35;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid #a85b38;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font:500 clamp(44px,4.7vw,72px)/1.3 var(--serif);letter-spacing:-.04em}h2{font:500 clamp(30px,3.1vw,46px)/1.35 var(--serif);margin:8px 0 16px;letter-spacing:-.025em}h3{font-size:23px;line-height:1.45;margin:5px 0 8px}.lead{font-size:21px;color:var(--muted)}.fine{font-size:13px;color:var(--muted);line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:650;color:var(--green)}.rule{height:1px;background:var(--line);margin:25px 0}.top{height:64px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{font-size:16px;font-weight:650;letter-spacing:.08em}.brand span{font-weight:400;color:var(--muted);margin-left:15px}.top small{font-size:13px;color:var(--muted)}main{max-width:1600px;margin:auto}.slide{min-height:calc(100svh - 138px);padding:34px 6vw;display:flex;flex-direction:column;justify-content:center;gap:0;scroll-margin-top:24px}.slide>.fine{margin-top:18px}.js .slide{display:none}.js .slide.active,.js.reading .slide{display:flex}.two{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px}.hero{grid-template-columns:1.2fr 1fr;gap:65px}.hero h1{margin:22px 0}.hero-story{border-left:1px solid var(--line);padding-left:40px}.hero-story .quote{font:500 29px/1.85 var(--serif);margin-top:20px}.story-heading{font-weight:600;font-size:21px;margin-bottom:10px}.recipient{font-size:19px;margin-bottom:3px}.tags{display:flex;gap:8px;margin-top:25px}.tags span{border:1px solid var(--line);border-radius:20px;font-size:13px;padding:4px 13px}.page-takeaway{border-top:1px solid var(--line);padding-top:19px;margin-top:35px;font:500 24px/1.5 var(--serif);color:var(--green)}.entry-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:26px 0 20px}.entry-flow li{border-top:2px solid var(--green);padding-top:16px;display:flex;gap:13px}.step-number{font-size:13px;color:var(--green);padding-top:4px}.entry-flow strong{font-size:19px}.entry-flow p{font-size:15px;color:var(--muted);margin-top:3px}.platforms{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:7px 0 18px}.platforms>div{display:flex;flex-direction:column;align-items:center;padding:13px 7px;border-bottom:2px solid var(--line)}.platforms .featured{background:var(--mint);border-bottom-color:var(--green)}.platforms img{width:48px;height:48px;object-fit:contain}.platforms strong{font-size:16px;margin-top:8px}.platforms small{font-size:12px;color:var(--muted)}.unified{border:1px solid var(--line);background:#ffffff9c;padding:17px 22px;display:flex;align-items:center;gap:18px}.unified img{width:42px;height:42px;object-fit:contain}.unified strong{font-size:21px}.unified p{font-size:16px;color:var(--muted)}.guidance{grid-template-columns:360px 1fr;max-width:1030px;width:100%;margin:24px auto 0;gap:65px}.phone{border:7px solid #243c35;border-radius:30px;overflow:hidden;background:#fff;box-shadow:13px 14px 0 #e2e7de}.phone-header{display:flex;align-items:center;gap:12px;padding:13px 17px;background:#f5f8f3;border-bottom:1px solid var(--line)}.phone-header strong{font-size:16px;display:block}.phone-header small{font-size:11px;color:var(--muted);display:block}.avatar{background:var(--green);color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.conversation{background:#eef3ec;padding:13px 17px}.timestamp{font-size:11px;text-align:center;color:var(--muted);margin-bottom:12px}.bubble{font-size:15px;line-height:1.6;background:#fff;border-radius:3px 12px 12px 12px;padding:11px 13px;margin:9px 0;max-width:96%;box-shadow:0 1px 0 #d9e0d5}.bubble.guest{background:#c9e6d2;margin-left:auto;border-radius:12px 3px 12px 12px}.reply-options{display:flex;gap:5px;flex-wrap:wrap;margin:13px 0 4px}.reply-options span{font-size:11px;border:1px solid #bacbbd;border-radius:18px;padding:5px 9px;background:#fff}.phone-caption{font-size:11px;text-align:center;padding:7px;color:var(--muted)}.explanations article{padding:17px 0}.explanations article+article{border-top:1px solid var(--line)}.explanations p{font-size:18px;color:var(--muted)}.mini-label{font-size:12px;color:var(--green);font-weight:600;letter-spacing:.1em}.actual-layout{grid-template-columns:1.1fr 1fr;margin:12px 0;gap:46px}.screens{height:400px;display:flex;justify-content:center;gap:12px}.screenshot{padding:0;border:1px solid var(--line);border-radius:3px;max-width:50%;background:white;overflow:hidden;cursor:zoom-in}.screenshot img{display:block;width:100%;height:100%;object-fit:contain}.urgent{display:inline-block;font-size:13px;color:#8e3d2a;background:#f3e4da;padding:3px 10px;margin-bottom:8px}.backend-points article{padding:13px 0}.case-match{align-self:flex-start;font-size:19px;color:var(--green);background:var(--mint);padding:8px 17px;border-left:3px solid var(--green)}.case-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center;margin:28px 0 0}.case-number{padding-right:35px;border-right:1px solid var(--line)}.case-number>span{font-size:14px;color:var(--muted)}.case-number>strong{display:block;font:350 160px/1.1 var(--sans);color:var(--green);letter-spacing:-.06em}.case-number small{font-size:35px;margin-left:18px}.case-number p{font-size:17px;margin-top:12px}.case-hotels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.case-hotels span{border:1px solid var(--line);border-top:3px solid var(--green);text-align:center;padding:18px 4px;font-size:14px;background:var(--mint)}.case-points article{padding:14px 0}.closing h2{font-size:clamp(30px,3.2vw,46px);margin:16px 0 24px}.closing-message{font:500 24px/1.7 var(--serif);color:var(--green)}.setup-list{list-style:none;margin:0;padding:0}.setup-list li{display:flex;gap:18px;padding:25px 0;border-top:1px solid var(--line)}.setup-list li>span{font-size:13px;color:var(--green);padding-top:6px}.setup-list strong{font-size:22px}.setup-list p{font-size:18px;color:var(--muted);margin-top:7px}.closing-note{border-top:1px solid var(--line);padding-top:20px;margin-top:35px!important}.footer{position:sticky;bottom:0;display:none;justify-content:space-between;align-items:center;gap:15px;height:74px;padding:12px 4.5vw;border-top:1px solid var(--line);background:var(--paper);z-index:5}.js .footer{display:flex}.footer select{border:0;background:transparent;font-size:13px;max-width:235px;min-height:44px}.nav{display:flex;align-items:center;gap:11px}.nav button{min-height:44px;min-width:44px;font-size:14px}.nav #count{font-size:13px;color:var(--muted);min-width:44px;text-align:center}#progress{position:fixed;bottom:0;left:0;height:3px;background:var(--green);z-index:6}#image-preview{width:min(1100px,94vw);max-height:92svh;border:1px solid var(--line);background:var(--paper);padding:20px}#image-preview::backdrop{background:#102a24bc}#image-preview header{position:sticky;top:-20px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:10px}#image-preview header strong{font-size:14px}#preview-image{display:block;max-width:100%;height:auto;margin:12px auto 0}.reading .slide{border-bottom:1px solid var(--line);padding-top:55px;padding-bottom:55px}.reading #progress{display:none}
@media(min-width:801px) and (max-height:800px){.slide{padding:24px 5vw}h1{font-size:58px}h2{font-size:34px;margin-bottom:12px}.lead{font-size:18px}.hero-story .quote{font-size:25px}.page-takeaway{margin-top:25px;font-size:22px}.guidance{grid-template-columns:320px 1fr;margin-top:15px;gap:55px}.bubble{font-size:14px;padding:9px 12px;margin:8px 0}.conversation{padding:9px 14px}.explanations article{padding:12px 0}.explanations p{font-size:16px}h3{font-size:21px}.screens{height:325px}.case-number>strong{font-size:125px}.case-layout{margin-top:19px}.case-hotels span{padding:14px 4px}.case-match{font-size:17px}.case-points p{font-size:16px}.entry-flow{margin:19px 0 12px}.platforms>div{padding:10px 5px}.platforms img{width:42px;height:42px}.unified{padding:12px 20px}.closing h2{font-size:37px}.setup-list p{font-size:17px}.setup-list li{padding:19px 0}.closing-message{font-size:22px}}
@media(max-width:800px){body{font-size:16px}.top{padding:0 22px;height:60px}.brand{font-size:13px}.brand span{display:none}.top small{font-size:11px}.slide{padding:28px 24px 35px;min-height:calc(100svh - 134px)}h1{font-size:43px}h2{font-size:30px}.lead{font-size:18px}.two,.hero,.guidance,.actual-layout,.case-layout{grid-template-columns:1fr;gap:26px}.hero h1{margin:20px 0}.hero-story{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.hero-story .quote{font-size:25px;margin-top:12px}.story-heading{font-size:19px}.page-takeaway{font-size:20px;margin-top:25px}.entry-flow{grid-template-columns:1fr;gap:13px;margin:23px 0}.entry-flow li{padding-top:11px}.entry-flow strong{font-size:18px}.entry-flow p{font-size:14px}.platforms{gap:3px}.platforms>div{padding:10px 1px}.platforms img{width:33px;height:33px}.platforms strong{font-size:10px;letter-spacing:-.03em}.platforms small{display:none}.unified{padding:15px 12px;gap:10px}.unified img{width:33px;height:33px}.unified strong{font-size:19px}.unified p{font-size:14px}.guidance{margin:24px 0 0}.phone{width:100%;max-width:350px;margin:0 auto 10px}.explanations p{font-size:16px}h3{font-size:21px}.screens{height:330px;gap:9px}.actual-layout{margin-top:16px;gap:19px}.case-match{font-size:16px;padding:9px 12px}.case-number{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}.case-number>strong{font-size:115px}.case-hotels{grid-template-columns:1fr 1fr}.case-hotels span{font-size:15px}.closing h2{font-size:31px}.closing-message{font-size:22px}.setup-list strong{font-size:20px}.setup-list p{font-size:16px}.setup-list li{padding:19px 0}.footer{padding:10px 15px;gap:8px}.footer select{max-width:125px;font-size:11px}.nav{gap:5px}.nav button{padding:7px 9px;font-size:12px}.nav #count{font-size:12px;min-width:35px}#reading-toggle{padding:7px 8px}.reading .slide{padding:35px 24px}#image-preview{padding:12px}#image-preview header{top:-12px}}
@media(max-width:360px){.footer select{max-width:95px}.nav{gap:3px}.slide{padding-left:19px;padding-right:19px}h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{@page{size:A4 landscape;margin:10mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.top,.footer,#progress,dialog{display:none!important}.slide,.js .slide,.js.reading .slide{display:flex!important;height:185mm;min-height:0;padding:8mm 9mm!important;break-after:page;border:0!important}.slide:last-child{break-after:auto}h1{font-size:44px}h2,.closing h2{font-size:29px}.lead{font-size:16px}.two{gap:30px}.eyebrow{font-size:10px}.fine{font-size:10px}.hero-story .quote{font-size:24px}.story-heading{font-size:18px}.guidance{grid-template-columns:270px 1fr;margin-top:12px;gap:40px}.bubble{font-size:12px;padding:8px 10px}.conversation{padding:8px 12px}.explanations p{font-size:15px}.explanations article{padding:10px 0}h3{font-size:20px}.screens{height:300px}.case-number>strong{font-size:115px}.case-layout{gap:40px}.case-hotels span{font-size:12px;padding:12px 4px}.case-match{font-size:16px}.page-takeaway{font-size:20px;margin-top:20px}.setup-list p{font-size:16px}.setup-list strong{font-size:19px}.closing-message{font-size:20px}.platforms img{width:37px;height:37px}}