:root{--bg:#f7f5ed;--ink:#203e37;--green:#245e53;--muted:#6d7d74;--line:#dedfd2;--orange:#c8784d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{height:84px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:bold}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-left:26px;color:var(--muted)}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 16px;color:var(--green)}main{max-width:1320px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:40px;padding:62px 0 50px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:600}.hero h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(42px,4.7vw,67px);letter-spacing:-2px;line-height:1.22;font-weight:500;margin:26px 0}.hero h1 span{color:var(--orange)}.hero p{font-size:15px;color:var(--muted)}.pills{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.pills span{padding:5px 12px;border:1px solid var(--line);border-radius:24px;font-size:11px}.primary{background:var(--green);color:white;padding:12px 22px;border:0;display:inline-block;border-radius:5px;font-size:13px}.hero-art{position:relative;overflow:hidden;border-radius:130px 8px 8px 8px}.hero-art svg{display:block;width:100%}.art-caption{position:absolute;top:20px;right:25px;font-size:10px;letter-spacing:2px}.intro{display:flex;align-items:center;gap:35px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro>span:first-child{font-weight:bold;white-space:nowrap;font-size:13px}.intro p{font-size:13px;max-width:640px;margin:0;color:var(--muted)}.small{font-size:11px;color:var(--muted)}.intro .small{margin-left:auto;white-space:nowrap}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:60px 0 24px}h2{font-family:Georgia,"Songti SC",serif;font-size:30px;font-weight:500;line-height:1.35;margin:9px 0 0}.tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;margin-bottom:28px}.tabs button{border:0;background:transparent;padding:16px 23px;font-size:22px;color:var(--muted);border-bottom:3px solid transparent}.tabs button span{font-size:13px;margin-left:8px}.tabs button.active{color:var(--green);border-bottom-color:var(--green)}.planner-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px}.day-intro h3{font-size:19px;margin:0}.day-intro p{font-size:12px;color:var(--muted);margin-bottom:24px}.stop{display:grid;grid-template-columns:65px 1fr;position:relative;margin-bottom:2px}.stop-time{font-size:11px;padding-top:16px;color:var(--muted)}.stop-body{position:relative;padding:14px 0 22px 25px;border-left:1px solid var(--line)}.stop-body:before{content:'';position:absolute;left:-5px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--green);border:2px solid var(--bg)}.stop.active .stop-body:before{background:var(--orange);box-shadow:0 0 0 4px #e9d3bd}.stop-head{display:flex;align-items:center;gap:10px}.stop-head button{font-size:18px;font-weight:600;padding:0;border:0;background:none;color:var(--ink);text-align:left}.stop-head input{accent-color:var(--green);width:15px;height:15px;margin-left:auto}.stop p{font-size:12px;color:var(--muted);margin:7px 0}.meta{font-size:10px;color:var(--orange)}.stop-links{display:flex;gap:17px;font-size:11px;margin-top:9px}.stop-links a{border-bottom:1px solid #b5c7bb}.note{background:#ecefe4;border-radius:6px;font-size:12px;padding:17px 20px;color:#5a6b5b}.map-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fffdf7}.map-top{padding:15px 18px;display:flex;justify-content:space-between;gap:10px;font-size:11px}.map-top button{border:0;background:none;color:var(--green);font-size:11px;padding:0}#map{height:330px;background:#e7eee4;position:relative}#sketch{height:100%}#sketch svg{width:100%;height:100%}.map-bottom{padding:19px}.map-bottom strong{font-size:18px}.map-bottom p{font-size:11px;color:var(--muted);margin:6px 0 17px}.map-actions{display:flex;gap:10px;flex-wrap:wrap}.map-actions a{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:4px}.map-actions a:first-child{background:var(--green);border-color:var(--green);color:#fff}.travel-card{padding:25px 0}.travel-card h3{font-size:16px;margin:7px 0}.travel-card p{font-size:12px;color:var(--muted)}label{display:block;font-size:12px;margin:10px 0 6px}select,input[type=text],#ak{border:1px solid var(--line);padding:8px 10px;color:var(--ink);background:transparent;border-radius:4px}select{width:100%}.filters{display:flex;gap:10px;margin-bottom:23px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);padding:7px 16px;border-radius:20px;font-size:12px;color:var(--muted)}.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}#food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.food-card{background:#eeeee2;padding:22px;border-radius:7px}.food-card>span{font-size:10px;color:var(--orange)}.food-card h3{font-size:16px;line-height:1.5;margin:12px 0 7px}.food-card p{font-size:12px;color:var(--muted);min-height:40px}.food-card a{font-size:11px}.footnote{font-size:11px;color:var(--muted);margin-top:19px}.stay{margin:60px 0 0;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#e8ebdf;padding:38px;border-radius:8px}.stay p{font-size:12px;color:var(--muted)}.stay-options{display:grid;grid-template-columns:1fr 1fr;gap:28px}.stay-options article{border-left:1px solid #c7cebc;padding-left:20px}.stay-options span{font-size:10px;color:var(--orange)}.stay-options h3{font-size:17px}.stay-options a{font-size:11px;text-decoration:underline;cursor:pointer}.before{padding:45px 0}.before h2{font-size:23px}.before p{font-size:12px;color:var(--muted)}#checklist{display:flex;gap:23px;flex-wrap:wrap;margin:20px 0}#checklist label{font-size:12px}input[type=checkbox]{accent-color:var(--green)}footer{border-top:1px solid var(--line);padding:25px 0 40px;font-size:10px;color:var(--muted)}footer>span{letter-spacing:2px}summary{cursor:pointer}footer details{max-width:650px}footer a{text-decoration:underline}dialog{border:0;border-radius:12px;max-width:490px;width:calc(100% - 32px);padding:32px;color:var(--ink);background:var(--bg)}dialog::backdrop{background:#16382c80}dialog p{font-size:12px;color:var(--muted)}dialog h2{font-size:26px}.close{position:absolute;right:17px;top:12px;background:none;border:0;font-size:25px;color:var(--muted)}#ak{width:100%}code{font-size:11px;overflow-wrap:anywhere;display:block;padding:8px;background:#e9edde}.dialog-actions{display:flex;align-items:center;gap:16px;margin-top:20px}.dialog-actions a{font-size:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:9px 16px;background:var(--green);color:white;border-radius:5px;display:none;font-size:12px}a:not([href]){cursor:pointer}@media(min-width:950px){aside{position:sticky;top:20px;align-self:start}}@media(max-width:800px){header{height:74px}.brand{font-size:18px}nav{gap:12px}nav>a{display:none}.hero{gap:20px;padding:35px 0;grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.hero-art{border-top-left-radius:70px}.intro{gap:15px}.intro .small{display:none}.planner-grid{grid-template-columns:1fr;gap:25px}aside{grid-row:1}.travel-card{padding:15px 0}.travel-card h3,.travel-card p:first-of-type{display:none}#food-grid{grid-template-columns:repeat(2,1fr)}.stay{grid-template-columns:1fr;gap:20px}.section-head{margin-top:40px}.section-head>.small{max-width:130px}.tabs button{padding:12px;font-size:18px}.tabs button span{font-size:11px}.map-card #map{height:280px}}@media(max-width:500px){main{padding:0 6%}.hero{grid-template-columns:1fr}.hero-art{max-height:210px}.hero-art svg{margin-top:-55px}.hero h1{font-size:47px}.hero p{font-size:13px}.hero-copy .primary{margin-bottom:5px}.eyebrow{font-size:9px}.intro{align-items:start}.intro p{font-size:11px}.section-head .small{font-size:9px}h2{font-size:27px}.tabs{gap:0}.tabs button{flex:1;text-align:left;padding:12px 7px}.tabs button span{display:block;margin:3px 0}.stay{padding:24px}.stay-options{grid-template-columns:1fr;gap:20px}.food-card{padding:17px}.food-card h3{font-size:14px}}
.flight-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px;background:#ecefe4;border-radius:7px}.flight-form label{margin:0;font-size:11px}.flight-form input{display:block;width:100%;margin-top:6px;border:1px solid #cbd2c3;background:#fffdf7;padding:10px;border-radius:4px;color:var(--ink);min-width:0}.hotel-field{grid-column:span 3}.flight-form button{align-self:end;height:44px}.flight-step{display:grid;grid-template-columns:130px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.flight-step>span{font-size:12px;color:var(--orange);padding-top:3px}.flight-step h3{margin:0;font-size:16px}.flight-step p{font-size:12px;color:var(--muted);margin:5px 0}.flight-step a,.airport-details{font-size:12px}.airport-details{margin-top:17px}.airport-details p{color:var(--muted)}#arrival-advice{margin-top:20px}.weather-refresh{border:1px solid var(--line);background:none;color:var(--green);padding:9px 15px;border-radius:5px;font-size:12px}.weather-refresh:disabled{opacity:.5;cursor:wait}.weather-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.weather-card{background:#e9eee3;padding:25px;border-radius:8px}.weather-card h3{font-size:21px;margin:7px 0}.weather-card strong{font-size:18px;color:var(--green)}.weather-card p{font-size:12px;color:var(--muted)}.weather-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weather-card dt{font-size:10px;color:var(--muted)}.weather-card dd{font-size:14px;margin:0}.address{font-size:11px!important;line-height:1.7}.food-card .stop-links{flex-wrap:wrap}.footnote a{text-decoration:underline}@media(max-width:800px){.flight-form{grid-template-columns:1fr 1fr}.hotel-field{grid-column:span 2}.flight-form button{grid-column:span 2}.flight-step{grid-template-columns:100px 1fr;gap:12px}}@media(max-width:500px){.weather-cards{grid-template-columns:1fr}.flight-form{padding:16px}.flight-step{grid-template-columns:80px 1fr}.weather-card{padding:20px}}
.weather-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.weather-card>a{font-size:12px;text-decoration:underline}.weather-secondary{margin-top:20px;font-size:12px;color:var(--muted)}.weather-secondary .weather-cards{margin-top:16px}.weather-secondary .weather-card{background:#eeeee2}#baidu-weather-status{line-height:1.9}@media(max-width:500px){#weather .section-head{align-items:start;flex-direction:column}.weather-controls .primary{font-size:11px;padding:9px 13px}}
.ticket-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.ticket-strip article{padding:20px 24px;border-right:1px solid var(--line)}.ticket-strip article:last-child{border:0}.ticket-strip span{font-size:10px;color:var(--muted)}.ticket-strip strong{display:block;font-size:22px;font-weight:500;margin:8px 0}.ticket-strip p{font-size:11px;margin:0;color:var(--muted)}.plan-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;background:#ecefe4;border-radius:8px;padding:18px;margin-bottom:25px}.plan-options label{margin:0;font-size:11px}.plan-options select{margin-top:6px;background:#fffdf7}.check-option{align-self:center;display:flex;align-items:center;gap:8px}.stop{grid-template-columns:110px 1fr}.stop-time{font-size:10px;line-height:1.5;padding-top:18px}.transfer .stop-body{background:#edf0e530;border-left-style:dashed;padding-top:13px;padding-bottom:13px}.transfer .stop-body:before{background:#a5b5a6}.transfer .stop-head button{font-size:14px;color:#627b69}.stop-head button{font-size:16px}.location-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center;background:radial-gradient(ellipse at 80% 0,#b4d2c3,transparent 70%),#e7eee4}.pin-icon{font-size:48px;color:var(--orange);line-height:1.2;margin:10px}.location-placeholder h3{margin:4px;font-size:18px}.location-placeholder p{font-size:12px;margin:8px}.location-placeholder>span:last-child{font-size:10px;color:var(--muted)}#copy-address{border:1px solid var(--line);background:transparent;padding:7px 10px;color:var(--green);font-size:11px;border-radius:4px}.text-link{font-size:12px;text-decoration:underline}.food-card>p{min-height:0}#food-grid{grid-template-columns:repeat(3,1fr)}.planner-grid{grid-template-columns:1.35fr 1fr;gap:32px}@media(max-width:800px){.ticket-strip{grid-template-columns:1fr}.ticket-strip article{border-right:0;border-bottom:1px solid var(--line);padding:15px 20px}.ticket-strip strong{font-size:20px;margin:3px 0}.plan-options{grid-template-columns:1fr 1fr}.check-option{grid-column:span 2}.planner-grid{grid-template-columns:1fr}#food-grid{grid-template-columns:1fr 1fr}.stop{grid-template-columns:100px 1fr}}@media(max-width:500px){.stop{grid-template-columns:83px 1fr}.stop-body{padding-left:18px}.stop-time{font-size:9px}.plan-options{grid-template-columns:1fr}.check-option{grid-column:auto}#food-grid{grid-template-columns:1fr}.tabs button span{font-size:10px}}
.personal-kit{margin-top:50px;padding-bottom:50px}.kit-privacy{font-size:12px;color:var(--muted);padding:16px 20px;background:#e9eee2;border-radius:6px}.kit-inline{display:flex;gap:12px;max-width:650px}.kit-inline input,.kit-add input,.kit-edit-form input{border:1px solid var(--line);background:#fffdf7;color:var(--ink);padding:11px;border-radius:5px;min-width:0;flex:1}.kit-inline input{width:100%}.kit-toolbar{display:flex;gap:12px;align-items:center;margin:24px 0}.kit-toolbar>div{margin-right:auto}.kit-toolbar p{margin:3px 0}.kit-toolbar button,.kit-add button,.kit-suggestions button,.kit-item-actions button,.kit-edit-form button{background:transparent;border:1px solid #c4d1bf;border-radius:4px;color:var(--green);padding:7px 10px;font-size:11px}.kit-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kit-panel{background:#eeeee2;border-radius:8px;padding:24px;min-width:0}.kit-panel h3{margin-top:0}.kit-panel h3 span{font-size:12px;font-weight:normal;color:var(--muted);margin-left:10px}.kit-add{display:flex;gap:8px}.reminder-add{display:grid;grid-template-columns:1fr auto}.reminder-add input:first-child{grid-column:span 2}.reminder-add label{grid-column:span 2;font-size:10px;margin:0}.kit-suggestions{display:flex;gap:6px;flex-wrap:wrap;font-size:10px;align-items:center;margin:14px 0}.kit-suggestions button{font-size:10px;padding:4px 8px}.kit-list{list-style:none;margin:16px 0 0;padding:0}.kit-item{border-top:1px solid #d8ddce;padding:13px 0;display:flex;gap:10px;align-items:start}.kit-item label{display:flex;gap:9px;align-items:start;font-size:13px;flex:1;min-width:0;margin:0}.kit-item label span{overflow-wrap:anywhere}.kit-item input[type=checkbox]{margin-top:5px}.kit-item small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.kit-item.done label>span{text-decoration:line-through;opacity:.5}.kit-item-actions{display:flex;gap:5px}.kit-item-actions button{padding:3px 6px;font-size:10px}.kit-empty{font-size:12px;color:var(--muted);padding:12px 0}.kit-edit-form{display:flex;gap:5px;width:100%}.kit-edit-form input{width:100%}#kit-due-banner{padding:13px 18px;background:#f0dec7;border-left:3px solid var(--orange);font-size:12px;border-radius:4px;margin:12px 0}#my-kit button:disabled,#my-kit input:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}@media(max-width:800px){.kit-columns{grid-template-columns:1fr}.kit-toolbar{flex-wrap:wrap}.kit-toolbar>div{width:100%}.kit-inline{flex-direction:column}.kit-inline button{align-self:start}.kit-panel{padding:20px}.kit-item-actions{flex-direction:column}}
.trip-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.overview-day{background:#eeeee2;border:1px solid transparent;border-radius:8px;padding:22px;text-align:left;color:var(--ink);transition:border-color .2s,background .2s}.overview-day:hover,.overview-day.active{border-color:var(--green);background:#e7ecdf}.overview-day>span{font-size:10px;letter-spacing:2px;color:var(--orange)}.overview-day strong{font-size:16px;display:block;margin-top:9px}.overview-day p{font-size:11px;color:var(--muted);min-height:36px;margin-bottom:10px}.overview-day small{font-size:10px;color:var(--muted)}.plan-decisions{margin:20px 0;padding:17px 20px;border:1px solid var(--line);border-radius:8px;font-size:12px}.plan-decisions p{color:var(--muted)}.stay-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:25px;background:#e8ebdf;border-radius:8px}.stay-summary article>span{font-size:10px;color:var(--orange)}.stay-summary h3{font-size:16px}.stay-summary p,.stay-summary a{font-size:12px;color:var(--muted)}.stay-summary a{text-decoration:underline}.stay-form{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;margin-top:20px;align-items:end}.stay-form input{width:100%;display:block;padding:11px;background:#fffdf7;border:1px solid var(--line);border-radius:4px;margin-top:6px;color:var(--ink)}.day-tabs{gap:4px;overflow-x:auto;scrollbar-width:thin}.day-tabs button{white-space:nowrap;font-size:15px;padding:13px 16px;min-width:86px;text-align:center}.day-tabs button b{font-size:16px;font-weight:500}.day-tabs button span{display:block;font-size:10px;margin:4px 0 0}.itinerary-options{grid-template-columns:1.2fr 1fr}.nine-weather{grid-template-columns:repeat(3,1fr)}.nine-weather .weather-card{padding:20px}.nine-weather h3{font-size:21px}.nine-weather strong{font-size:15px}.nine-weather .weather-card dl{gap:8px}.nine-weather .weather-card p{font-size:11px}@media(max-width:800px){.trip-overview{grid-template-columns:repeat(2,1fr)}.stay-summary{grid-template-columns:1fr;gap:15px}.stay-summary h3{margin:6px 0}.stay-form{grid-template-columns:1fr}.stay-form button{justify-self:start}.nine-weather{grid-template-columns:repeat(2,1fr)}.day-tabs button{min-width:80px;flex:0 0 auto}.itinerary-options{grid-template-columns:1fr}.itinerary-options .check-option{grid-column:auto}.overview-day{padding:18px}}@media(max-width:500px){.trip-overview{grid-template-columns:1fr}.overview-day p{min-height:0}.overview-day{padding:16px}.nine-weather{grid-template-columns:1fr}.hero h1{font-size:39px}.day-tabs button{min-width:74px}}
