:root{--ink:#173f35;--ink-deep:#0b2822;--paper:#f4f0e6;--paper-light:#fffdf7;--paper-dark:#e8e1d2;--pine:#315f50;--moss:#8ea38c;--gold:#b58a43;--seal:#a53d2d;--line:rgba(23,63,53,.2);--muted:#65736d;--shadow:0 22px 70px rgba(19,43,36,.12);--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink-deep);font-family:var(--sans);font-size:16px}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:12px;top:12px;z-index:100;background:white;color:var(--ink);padding:10px 14px;border-radius:7px;transform:translateY(-150%)}.skip-link:focus{transform:none}.hero{position:relative;min-height:100svh;color:white;overflow:hidden;background:var(--ink)}.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,22,18,.82) 0%,rgba(6,31,25,.6) 48%,rgba(6,25,21,.2) 76%),linear-gradient(0deg,rgba(5,28,23,.72),transparent 52%)}.hero__contours{position:absolute;right:-8%;top:4%;width:58%;height:80%;opacity:.22;background:repeating-radial-gradient(ellipse at 60% 45%,transparent 0 30px,rgba(255,255,255,.35) 31px 32px,transparent 33px 45px);transform:rotate(-8deg);mask-image:linear-gradient(to left,black,transparent)}.hero__content{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;padding-block:26px 30px}.hero__topline{display:flex;align-items:center;gap:14px}.seal{display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid rgba(255,255,255,.78);color:white;font-family:var(--serif);font-size:27px;line-height:1;transform:rotate(-3deg)}.kicker,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.kicker{opacity:.72}.icon-button{margin-left:auto;border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.16);color:white;border-radius:999px;height:44px;padding:0 16px;display:flex;align-items:center;gap:8px;cursor:pointer;backdrop-filter:blur(10px)}.icon-button svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.icon-button:hover{background:white;color:var(--ink)}.hero__copy{margin:auto 0 58px;max-width:820px}.hero__eyebrow{margin:0 0 20px;font-size:14px;letter-spacing:.28em}.hero h1{font-family:var(--serif);font-size:clamp(56px,10vw,132px);font-weight:500;letter-spacing:-.07em;line-height:.9;margin:0;text-wrap:balance}.hero__lead{font-family:var(--serif);font-size:clamp(17px,2vw,23px);line-height:1.8;margin:32px 0 0;max-width:760px;color:rgba(255,255,255,.87)}.hero__facts{display:grid;grid-template-columns:repeat(4,1fr);width:min(680px,100%);border-top:1px solid rgba(255,255,255,.32);border-bottom:1px solid rgba(255,255,255,.32)}.hero__facts div{display:flex;align-items:baseline;gap:8px;padding:14px 18px 14px 0}.hero__facts strong{font-family:var(--serif);font-size:29px;font-weight:500}.hero__facts span{font-size:11px;opacity:.7}.scroll-cue{position:absolute;right:0;bottom:37px;color:white;text-decoration:none;display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.13em}.scroll-cue i{width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;position:relative}.scroll-cue i:after{content:"";position:absolute;left:50%;top:42%;width:7px;height:7px;border-right:1px solid white;border-bottom:1px solid white;transform:translate(-50%,-50%) rotate(45deg);animation:bob 1.8s ease-in-out infinite}@keyframes bob{50%{top:58%}}
.day-nav{position:sticky;top:0;z-index:30;background:rgba(244,240,230,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.day-nav__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.day-tabs{display:flex;align-self:stretch}.day-tab{position:relative;border:0;background:transparent;color:var(--muted);min-width:84px;padding:0 16px;display:flex;align-items:center;gap:8px;cursor:pointer}.day-tab[aria-disabled=true]{opacity:.38;cursor:not-allowed}.day-tab b{font:500 19px/1 var(--serif)}.day-tab span{font-size:12px}.day-tab:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:3px;background:var(--seal);transform:scaleX(0);transition:transform .25s}.day-tab.is-active{color:var(--ink);font-weight:700}.day-tab.is-active:after{transform:scaleX(1)}.mode-toggle{border:1px solid var(--line);border-radius:999px;background:var(--paper-light);color:var(--ink);height:42px;padding:0 15px;display:flex;align-items:center;gap:9px;cursor:pointer}.mode-toggle__dot{width:24px;height:14px;border-radius:99px;background:var(--paper-dark);position:relative}.mode-toggle__dot:after{content:"";position:absolute;width:10px;height:10px;left:2px;top:2px;background:var(--pine);border-radius:50%;transition:transform .25s}.mode-toggle[aria-pressed=true] .mode-toggle__dot:after{transform:translateX(10px)}.mode-toggle__label{font-size:12px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;padding-block:110px 70px}.section-kicker{color:var(--seal);margin:0 0 12px}.intro h2,.stay-card h2,.before-you-go h2{font:500 clamp(36px,5vw,68px)/1.05 var(--serif);letter-spacing:-.055em;margin:0}.intro>p{font:17px/1.85 var(--serif);color:var(--muted);margin:0;max-width:510px}
.route-day{padding-block:45px 105px}.route-day[hidden]{display:none}.day-heading{display:grid;grid-template-columns:110px 1fr auto;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:24px;margin-bottom:52px}.day-heading__number{font:400 76px/.75 var(--serif);letter-spacing:-.08em;color:var(--seal)}.day-heading p{margin:0 0 8px;color:var(--muted);font-size:12px;letter-spacing:.1em}.day-heading h2{font:500 clamp(30px,4vw,54px)/1 var(--serif);margin:0;letter-spacing:-.04em}.day-heading__theme{font:18px var(--serif);writing-mode:vertical-rl;letter-spacing:.18em}.timeline{position:relative;max-width:1040px;margin:0 auto}.timeline:before{content:"";position:absolute;left:29px;top:18px;bottom:18px;width:1px;background:var(--line)}.stop-card{position:relative;display:grid;grid-template-columns:minmax(290px,42%) 1fr;margin:0 0 30px 74px;background:var(--paper-light);box-shadow:var(--shadow);min-height:340px;overflow:hidden}.stop-card:before{content:"";position:absolute;left:-53px;top:28px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:4px solid var(--pine);box-shadow:0 0 0 8px var(--paper);z-index:3}.stop-card figure{position:relative;margin:0;min-height:340px;overflow:hidden;background:#d9e0d7}.stop-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.stop-card:hover img{transform:scale(1.035)}.stop-card figcaption{position:absolute;left:0;bottom:0;background:var(--ink);color:white;font-size:10px;letter-spacing:.18em;padding:9px 12px}.stop-card__body{padding:34px 36px 29px;display:flex;flex-direction:column}.stop-card__meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.stop-card__meta time,.stop-card__meta span{font-size:11px;padding:6px 9px;border-radius:99px;background:var(--paper);color:var(--muted)}.stop-card__meta time{background:var(--ink);color:white}.stop-card h3{font:500 clamp(27px,3vw,39px)/1.12 var(--serif);letter-spacing:-.035em;margin:0 0 12px}.stop-card__body>p{font:15px/1.85 var(--serif);color:var(--muted);margin:0;max-width:620px}.expand-button{border:0;border-top:1px solid var(--line);background:none;color:var(--ink);margin-top:auto;padding:21px 0 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}.expand-button i{width:18px;height:18px;position:relative}.expand-button i:before,.expand-button i:after{content:"";position:absolute;left:2px;right:2px;top:8px;height:1px;background:currentColor}.expand-button i:after{transform:rotate(90deg);transition:transform .25s}.expand-button[aria-expanded=true] i:after{transform:rotate(0)}.stop-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .3s ease,padding .3s}.stop-card.is-open .stop-details{max-height:180px;opacity:1;padding-top:20px}.stop-details div{border-left:2px solid var(--paper-dark);padding-left:10px}.stop-details b,.stop-details span{display:block}.stop-details b{font-size:11px;margin-bottom:5px}.stop-details span{font:12px/1.55 var(--serif);color:var(--muted)}.transfer{position:relative;margin:0 0 30px 74px;min-height:58px;display:flex;align-items:center;gap:13px;color:var(--muted)}.transfer:before{content:"";position:absolute;left:-49px;top:0;bottom:0;border-left:1px dashed var(--moss)}.transfer>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);font:15px var(--serif)}.transfer p{margin:0;font:13px/1.6 var(--serif)}.notice{display:grid;grid-template-columns:130px 1fr;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:-20px 0 44px}.notice b{color:var(--seal)}.notice p{margin:0;font:14px/1.75 var(--serif);color:var(--muted)}.notice--gold b{color:#8b6328}.food-strip{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0;margin-top:35px;border:1px solid var(--line)}.food-strip>span,.food-strip div{padding:19px}.food-strip>span{background:var(--ink);color:white;font:20px var(--serif)}.food-strip div+div{border-left:1px solid var(--line)}.food-strip b,.food-strip small{display:block}.food-strip small{color:var(--muted);margin-top:5px}.rail-card{display:grid;grid-template-columns:1fr 170px 1fr;gap:18px;align-items:center;background:var(--ink);color:white;padding:34px;margin:0 auto 30px;max-width:1040px}.rail-card>div:first-child{text-align:right}.rail-card small,.rail-card strong,.rail-card span{display:block}.rail-card small{opacity:.55;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.rail-card strong{font:40px var(--serif);margin:4px 0}.rail-card span{font-size:11px;opacity:.7}.rail-card__line{display:flex!important;align-items:center}.rail-card__line i{height:1px;flex:1;background:rgba(255,255,255,.4)}.rail-card__line b{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;font:14px var(--sans)}.rail-card>p{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:18px;margin:3px 0 0;text-align:center;font-size:11px;opacity:.66}.tide-planner{max-width:1040px;margin:0 auto 44px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:55px;background:var(--paper-dark);position:relative;overflow:hidden}.tide-planner:after{content:"潮";position:absolute;right:-10px;bottom:-56px;font:180px var(--serif);color:rgba(23,63,53,.055)}.tide-planner h3{font:500 34px var(--serif);margin:0 0 10px}.tide-planner p{font:13px/1.75 var(--serif);color:var(--muted);margin:0}.tide-control{position:relative;z-index:1}.tide-control label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.tide-control select{width:100%;height:48px;border:1px solid var(--line);background:var(--paper-light);color:var(--ink);padding:0 13px;font:14px var(--sans)}.tide-control output{display:block;margin-top:15px;font:14px/1.7 var(--serif);color:var(--ink)}.stop-card--feature{box-shadow:0 25px 80px rgba(165,61,45,.18)}
.stay-card{margin-bottom:110px;padding:55px;display:grid;grid-template-columns:1.1fr 1fr;gap:80px;background:var(--ink);color:white;position:relative;overflow:hidden}.stay-card:after{content:"一处";position:absolute;right:-18px;bottom:-50px;font:160px var(--serif);color:rgba(255,255,255,.035)}.stay-card .section-kicker{color:#d7b77b}.stay-card h2{font-size:clamp(33px,4vw,58px)}.stay-card__grid{display:grid;grid-template-columns:1fr 1fr;gap:0;position:relative;z-index:1}.stay-card__grid p{padding:16px;border-bottom:1px solid rgba(255,255,255,.17);margin:0}.stay-card__grid b,.stay-card__grid span{display:block}.stay-card__grid b{font:20px var(--serif);margin-bottom:5px}.stay-card__grid span{font-size:11px;opacity:.65}.before-you-go{padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.before-you-go h2{font-size:clamp(34px,4.2vw,60px)}.before-you-go ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.before-you-go li{display:grid;grid-template-columns:52px 1fr;border-bottom:1px solid var(--line);padding:22px 0}.before-you-go li>span{font:24px var(--serif);color:var(--seal)}.before-you-go li p{margin:0;font:14px/1.7 var(--serif);color:var(--muted)}.before-you-go li b{color:var(--ink);display:block;font:20px var(--serif)}.site-footer{background:var(--ink-deep);color:white;padding:75px 0}.site-footer>.shell{display:flex;justify-content:space-between;gap:50px}.site-footer>.shell>div:first-child{display:flex;align-items:start;gap:18px}.seal--small{width:38px;height:38px;font-size:22px}.site-footer p{font:18px/1.75 var(--serif);margin:0;color:rgba(255,255,255,.74)}.site-footer__note{max-width:430px}.site-footer__note b{font-size:12px}.site-footer__note p{font-size:12px;margin:8px 0 15px}.site-footer a{color:white;font-size:11px}.toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,25px);background:var(--ink-deep);color:white;padding:12px 18px;border-radius:4px;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e1ad5f;outline-offset:3px}@media(max-width:820px){.hero__content{padding-top:18px}.hero__copy{margin-top:auto;margin-bottom:36px}.hero h1{font-size:clamp(54px,15vw,86px);max-width:600px;line-height:1}.hero__facts{grid-template-columns:1fr 1fr}.hero__facts div{border-bottom:1px solid rgba(255,255,255,.18)}.scroll-cue{display:none}.day-nav__inner{min-height:68px}.day-tab{min-width:58px;padding:0 8px}.day-tab span{display:none}.day-tab:after{left:8px;right:8px}.intro{grid-template-columns:1fr;padding-block:80px 55px;gap:25px}.day-heading{grid-template-columns:82px 1fr}.day-heading__number{font-size:60px}.day-heading__theme{display:none}.stop-card{grid-template-columns:1fr;margin-left:54px}.timeline:before{left:19px}.stop-card:before{left:-42px}.stop-card figure{min-height:260px;max-height:400px}.stop-card__body{min-height:320px}.transfer{margin-left:54px}.transfer:before{left:-35px}.food-strip{grid-template-columns:1fr 1fr}.food-strip>span{grid-column:1/-1}.food-strip div+div{border-left:0}.food-strip div:nth-child(odd){border-left:1px solid var(--line)}.rail-card{grid-template-columns:1fr 110px 1fr}.tide-planner,.stay-card,.before-you-go{grid-template-columns:1fr;gap:34px}.stay-card{padding:38px}.site-footer>.shell{display:grid}}@media(max-width:560px){.shell{width:min(100% - 24px,1180px)}.hero__shade{background:linear-gradient(0deg,rgba(3,22,18,.9),rgba(6,31,25,.18) 75%),linear-gradient(90deg,rgba(3,22,18,.45),transparent)}.hero__topline .kicker{font-size:9px}.icon-button span{display:none}.icon-button{padding:0;width:44px;justify-content:center}.hero__copy{margin-bottom:24px}.hero__eyebrow{font-size:11px}.hero__lead{font-size:16px;line-height:1.7;margin-top:24px}.hero__facts strong{font-size:24px}.hero__facts span{font-size:9px}.day-nav{overflow-x:auto}.day-nav__inner{width:max-content;min-width:100%;padding:0 12px}.mode-toggle{margin-left:10px}.intro h2{font-size:42px}.route-day{padding-block:36px 76px}.day-heading{grid-template-columns:65px 1fr;padding-bottom:18px;margin-bottom:38px}.day-heading__number{font-size:48px}.day-heading h2{font-size:29px}.timeline:before{left:8px}.stop-card{margin-left:25px;margin-bottom:24px}.stop-card:before{left:-22px;top:21px;width:10px;height:10px;border-width:3px;box-shadow:0 0 0 5px var(--paper)}.stop-card figure{min-height:215px}.stop-card__body{padding:25px 22px;min-height:310px}.stop-card h3{font-size:28px}.stop-card__body>p{font-size:14px}.stop-details{grid-template-columns:1fr}.stop-card.is-open .stop-details{max-height:360px}.transfer{margin-left:25px}.transfer:before{left:-17px}.notice{grid-template-columns:1fr;gap:7px}.food-strip{grid-template-columns:1fr}.food-strip>span{grid-column:auto}.food-strip div{border-left:0!important;border-top:1px solid var(--line)}.rail-card{grid-template-columns:1fr;padding:25px 20px}.rail-card>div:first-child{text-align:left}.rail-card__line{display:none!important}.rail-card>p{grid-column:auto;text-align:left}.tide-planner{padding:26px 22px}.stay-card{width:100%;margin-bottom:85px}.stay-card__grid{grid-template-columns:1fr}.before-you-go{padding-bottom:80px}.site-footer{padding:55px 0}.site-footer>.shell{gap:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}