:root{--ink:#17345d;--purple:#76508f;--cream:#f6efe2;--paper:#fffdf8;--line:#ded3c3;--muted:#70695f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}main{background:radial-gradient(circle at 18% 8%,#fff 0,#0000 24%),linear-gradient(#fbf5e9,#f3eadc);min-height:100vh;overflow:hidden}.hero{border-bottom:1px solid #dccfe0;min-height:380px;padding:0 max(5vw,26px) 55px;position:relative;overflow:hidden}.hero nav{z-index:3;border-bottom:1px solid #17345d1f;justify-content:space-between;align-items:center;height:78px;display:flex;position:relative}.brand{letter-spacing:.18em;align-items:center;gap:12px;font-size:11px;font-weight:800;display:flex}.brand b{color:#fff;background:var(--purple);border-radius:50% 50% 50% 8px;place-items:center;width:38px;height:38px;font-family:serif;font-size:19px;display:grid}.hero nav a{background:#ffffff8c;border:1px solid #17345d33;border-radius:99px;padding:11px 16px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s}.hero nav a:hover{background:var(--ink);color:#fff}.hero-copy{z-index:2;max-width:930px;padding-top:61px;position:relative}.hero-copy>p,.map-panel header p,aside header p,.days-section>header p{color:var(--purple);letter-spacing:.25em;margin:0 0 10px;font-size:10px;font-weight:900}.hero h1{letter-spacing:-.05em;margin:0;font-family:Noto Serif TC,Songti TC,serif;font-size:clamp(50px,6.3vw,94px);line-height:1.08}.hero h1 span{color:var(--purple);font-weight:400}.hero-copy>div{align-items:center;gap:17px;margin-top:22px;font-size:14px;display:flex}.hero-copy i{background:var(--purple);width:55px;height:1px}.landscape{opacity:.85;width:48%;height:100%;position:absolute;bottom:0;right:0}.landscape>i{background:radial-gradient(#f2cf80 0 43%,#0000 70%);border-radius:50%;width:185px;height:185px;position:absolute;top:85px;right:13%}.landscape>b,.landscape>span{border-radius:50% 50% 0 0;position:absolute;bottom:-95px}.landscape>b{background:#94a487;width:620px;height:290px;right:-100px;transform:rotate(-5deg)}.landscape>span{background:#c6c29d;width:520px;height:225px;right:220px;transform:rotate(7deg)}.landscape>em{background:#7d6098;border-radius:12px 12px 0 0;width:13px;height:115px;position:absolute;bottom:15px;right:12%;transform:rotate(7deg);box-shadow:0 -18px #967bad,8px -31px #7d6098,-6px -45px #967bad,5px -60px #7d6098}.tabs{z-index:4;background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:1.3fr repeat(6,1fr);width:min(1180px,92vw);margin:-25px auto 30px;display:grid;position:relative;overflow:hidden;box-shadow:0 15px 40px #4f392218}.tabs button{border:0;border-right:1px solid var(--line);background:0 0;padding:15px 10px}.tabs button:last-child{border:0}.tabs button:hover{background:#f2eaf4}.tabs button.active{background:var(--purple);color:#fff}.tabs b,.tabs small{display:block}.tabs b{font-size:12px}.tabs small{opacity:.7;margin-top:4px;font-size:9px}.map-layout{grid-template-columns:minmax(0,1.75fr) minmax(320px,.75fr);gap:20px;width:min(1380px,94vw);margin:auto;display:grid}.map-panel,.map-layout>aside{border:1px solid var(--line);background:#fffdf8ee;border-radius:23px;overflow:hidden;box-shadow:0 18px 48px #4f392212}.map-panel>header{justify-content:space-between;align-items:end;gap:20px;min-height:88px;padding:20px 25px;display:flex}.map-panel h2,.map-layout aside h2,.days-section h2{margin:0;font-family:Noto Serif TC,Songti TC,serif;font-size:26px}.map-panel>header p{margin-bottom:4px}.map-panel>header>span{text-align:right;max-width:55%;color:var(--muted);font-size:11px;line-height:1.6}.map-canvas,.map-fallback{border-top:1px solid var(--line);border-bottom:1px solid var(--line);z-index:1;background:#d9e5dc;width:100%;height:550px}.map-fallback{text-align:center;place-content:center;gap:8px;display:grid}.map-fallback span{color:var(--muted);font-size:12px}.map-panel>footer{min-height:46px;color:var(--muted);align-items:center;gap:20px;padding:10px 20px;font-size:9px;display:flex}.map-panel>footer b{margin-left:auto}.marker-shell{background:0 0!important;border:0!important}.trip-marker{background:var(--purple);color:#fff;border:3px solid #fff;border-radius:50% 50% 50% 7px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:900;display:grid;transform:rotate(-45deg);box-shadow:0 5px 12px #25202a55}.trip-marker.selected{background:var(--ink);transform:rotate(-45deg)scale(1.18)}.map-popup{flex-direction:column;gap:6px;min-width:175px;font-family:Noto Sans TC,sans-serif;display:flex}.map-popup small{color:var(--purple);font-weight:800}.map-popup strong{color:var(--ink);font-size:16px}.map-popup span{color:var(--muted);font-size:11px}.map-popup a{color:var(--purple);margin-top:3px;font-weight:900;text-decoration:none}.map-layout>aside{flex-direction:column;max-height:687px;padding:24px 18px 18px;display:flex}.map-layout aside header{padding:0 7px 18px}.map-layout aside header p{margin-bottom:5px}.stop-scroll{scrollbar-width:thin;scrollbar-color:#c9b7ce transparent;padding:2px 5px 10px;overflow:auto}.stop-scroll button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e8dfd2;grid-template-columns:58px 1fr 32px;align-items:center;gap:11px;width:100%;padding:14px 8px;transition:all .18s;display:grid}.stop-scroll button:hover,.stop-scroll button.active{background:#f2eaf4;border-radius:12px;padding-left:13px}.stop-scroll time{color:var(--purple);font-size:11px;font-weight:900}.stop-scroll button>span{flex-direction:column;gap:4px;display:flex}.stop-scroll strong{font-family:Noto Serif TC,serif;font-size:13px}.stop-scroll small{color:var(--muted);font-size:9px}.stop-scroll button>b{width:27px;height:27px;color:var(--purple);border:1px solid #cbb8d0;border-radius:50%;place-items:center;font-size:9px;display:grid}.days-section{width:min(1380px,94vw);margin:82px auto 0}.days-section>header{text-align:center}.days-section>header p{margin-bottom:5px}.days-section>header>span{color:var(--muted);margin-top:8px;font-size:12px;display:block}.day-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.day-grid article{--tone:#76508f;background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:20px;flex-direction:column;min-height:380px;transition:all .22s;display:flex;overflow:hidden;box-shadow:0 12px 35px #4f39220f}.day-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px #4f39221f}.day-head{background:linear-gradient(120deg,color-mix(in srgb,var(--tone) 14%,white),white);border-bottom:1px solid var(--line);align-items:center;gap:18px;min-height:108px;padding:20px 22px;display:flex}.day-head>b{color:#fff;background:var(--tone);letter-spacing:.12em;border-radius:27px 27px 27px 5px;place-items:center;width:54px;height:66px;padding:8px 0;font-size:8px;line-height:1;display:grid}.day-head i{font-size:25px;font-style:normal}.day-head small{color:var(--tone);font-weight:900}.day-head h3{margin:4px 0 0;font-family:Noto Serif TC,serif;font-size:20px}.day-grid ol{flex:1;margin:0;padding:17px 22px;list-style:none}.day-grid li{grid-template-columns:56px 1fr;gap:10px;padding:6px 0;font-size:11px;display:grid}.day-grid li time{color:var(--tone);font-weight:900}.day-grid article>footer{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:14px 22px;font-size:9px;display:grid}.day-grid article>footer small{color:var(--muted)}.day-grid article>footer strong{font-size:10px}.day-grid article>footer b{color:var(--tone)}.site-footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;min-height:160px;margin-top:88px;padding:42px max(5vw,28px);display:flex}.site-footer div{flex-direction:column;gap:8px;display:flex}.site-footer strong{font-family:Noto Serif TC,serif;font-size:20px}.site-footer span{opacity:.68;font-size:10px}.site-footer a{border-bottom:1px solid #fff8;padding-bottom:4px;font-size:11px;text-decoration:none}@media (width<=980px){.landscape{opacity:.48;width:64%}.map-layout{grid-template-columns:1fr}.map-layout>aside{max-height:none}.stop-scroll{grid-template-columns:1fr 1fr;gap:4px 15px;max-height:440px;display:grid}.day-grid{grid-template-columns:1fr 1fr}}@media (width<=680px){.hero{min-height:360px;padding-inline:20px}.hero nav{height:70px}.hero nav a{padding:10px 12px;font-size:0}.hero nav a:after{content:"Google Maps ↗";font-size:10px}.hero-copy{padding-top:58px}.hero h1{font-size:45px}.hero h1 span{margin-bottom:5px;font-size:31px;display:block}.hero-copy>div{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.hero-copy i{display:none}.tabs{grid-template-columns:repeat(7,100px);width:calc(100vw - 24px);overflow-x:auto}.map-layout,.days-section{width:calc(100vw - 24px)}.map-panel>header{flex-direction:column;align-items:flex-start}.map-panel>header>span{text-align:left;max-width:100%}.map-canvas,.map-fallback{height:470px}.map-panel>footer{flex-wrap:wrap;gap:8px 14px}.map-panel>footer b{margin-left:0}.stop-scroll{max-height:480px;display:block}.day-grid{grid-template-columns:1fr}.day-grid article{min-height:auto}.site-footer{flex-direction:column;align-items:flex-start;gap:28px}.site-footer span{max-width:280px;line-height:1.6}}.hero-gallery{z-index:1;filter:drop-shadow(0 18px 28px #362a2440);grid-template-rows:1fr 1fr;grid-template-columns:1.45fr 1fr;gap:9px;width:43%;display:grid;position:absolute;top:105px;bottom:32px;right:max(4vw,26px)}.hero-gallery img{object-fit:cover;border:4px solid #fff;border-radius:20px;width:100%;height:100%}.hero-gallery img:first-child{grid-row:1/3}.hero-gallery img:nth-child(2){border-radius:20px 42px 20px 20px}.hero-gallery img:nth-child(3){border-radius:20px 20px 42px}.map-layout{grid-template-columns:minmax(0,1.62fr) minmax(390px,.88fr)}.map-layout>aside{padding-inline:14px}.stop-scroll button{grid-template-columns:78px 47px minmax(0,1fr) 29px;gap:9px;min-height:82px;padding:8px}.stop-scroll button:hover,.stop-scroll button.active{padding-left:8px}.stop-scroll button>img{object-fit:cover;background:#e8e0d4;border-radius:10px;width:78px;height:64px}.stop-scroll button>span{min-width:0}.stop-scroll strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.stop-scroll small{line-height:1.45}.day-grid article{min-height:500px}.day-photo{object-fit:cover;background:#e6ded2;width:100%;height:165px}.day-head{min-height:100px;padding-block:16px}.site-footer small{opacity:.62;font-size:10px}@media (width<=980px){.hero-gallery{opacity:.82;width:48%}.map-layout{grid-template-columns:1fr}.stop-scroll button{grid-template-columns:78px 47px minmax(0,1fr) 29px}.day-grid article{min-height:490px}}@media (width<=680px){body{overflow-x:hidden}.hero{padding-inline:18px;min-height:570px;padding-bottom:205px}.hero nav{height:68px}.brand span{font-size:9px}.hero nav a{place-items:center;min-height:44px;display:grid}.hero-copy{padding-top:42px}.hero h1{font-size:clamp(36px,11vw,46px)}.hero h1 span{font-size:28px}.hero-copy>div{line-height:1.6}.hero-gallery{opacity:1;gap:6px;width:auto;height:175px;inset:auto 18px 20px}.hero-gallery img{border-width:3px;border-radius:14px}.tabs{z-index:700;scroll-snap-type:x proximity;border-radius:0;grid-template-columns:repeat(7,94px);width:100%;margin:0 0 18px;position:sticky;top:0;overflow-x:auto;box-shadow:0 8px 22px #3f2c261f}.tabs button{scroll-snap-align:start;min-width:94px;min-height:58px}.map-layout,.days-section{width:calc(100vw - 20px)}.map-panel,.map-layout>aside{border-radius:16px}.map-panel>header{gap:9px;padding:17px 18px}.map-panel h2,.map-layout aside h2,.days-section h2{font-size:22px}.map-canvas,.map-fallback{touch-action:pan-x pan-y;height:min(58svh,480px);min-height:370px}.map-panel>footer{padding:10px 14px}.map-layout>aside{padding:20px 8px 10px}.stop-scroll{max-height:none;padding-inline:2px;display:block}.stop-scroll button{border-radius:12px;grid-template-columns:92px 48px minmax(0,1fr) 28px;gap:8px;min-height:96px;padding:8px 6px}.stop-scroll button:hover,.stop-scroll button.active{padding-left:6px}.stop-scroll button>img{border-radius:10px;width:92px;height:78px}.stop-scroll strong{font-size:13px}.stop-scroll small{font-size:9px}.days-section{margin-top:65px}.days-section>header{padding-inline:12px}.day-grid{gap:16px}.day-grid article{border-radius:17px;min-height:auto}.day-photo{height:190px}.day-grid li{font-size:12px}.day-grid article>footer{min-height:48px}.site-footer{padding:36px 22px}.site-footer span,.site-footer small{max-width:300px;line-height:1.6}}@media (width<=380px){.stop-scroll button{grid-template-columns:76px 43px minmax(0,1fr) 26px}.stop-scroll button>img{width:76px;height:70px}.hero{min-height:550px}.hero-gallery{height:160px}}@media (width>=681px){.hero-copy{max-width:min(55vw,760px)}.hero h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(44px,5.1vw,76px);line-height:1.12}.hero-copy>div{max-width:620px;line-height:1.7}.hero-gallery{width:min(39vw,560px);top:112px;right:max(3vw,24px)}}@media (width>=681px) and (width<=1120px){.hero{min-height:430px}.hero-copy{max-width:52vw;padding-top:50px}.hero h1{font-size:clamp(40px,5vw,58px)}.hero-gallery{width:40vw;top:126px;bottom:44px}}