@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;900&family=Noto+Serif+SC:wght@600;700;900&display=swap");

:root{--ink:#12352f;--orange:#ed6432;--lime:#d6df3f;--cream:#f2eee4;--paper:#fffdf8;--muted:#70817c;--line:#d8ddd4;--shadow:0 22px 65px #12352f18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer}nav{width:min(1220px,calc(100% - 48px));height:84px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #12352f2a}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:900;letter-spacing:.08em}.brand>b{width:39px;height:39px;display:grid;place-items:center;border-radius:50% 50% 50% 8px;background:var(--orange);color:#fff;font-family:"Noto Serif SC",serif}.brand span{display:flex;flex-direction:column}.brand small{margin-top:2px;color:var(--muted);font-size:7px;letter-spacing:.18em}.navMeta{display:flex;align-items:center;gap:28px;font-size:11px}.navMeta span{color:var(--muted)}.navMeta a{padding-bottom:3px;border-bottom:1px solid;color:var(--ink);text-decoration:none;font-weight:700}.hero{width:min(1220px,calc(100% - 48px));min-height:620px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.heroCopy{padding:70px 0}.eyebrow{margin:0 0 15px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.22em}.hero h1{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(55px,7vw,92px);line-height:1.05;letter-spacing:-.07em}.hero h1 em{color:var(--orange);font-style:normal}.lead{max-width:630px;margin:28px 0;color:var(--muted);font-size:15px;line-height:1.9}.cta{display:inline-flex;align-items:center;gap:55px;margin-top:12px;padding:16px 20px;background:var(--ink);color:white;text-decoration:none;font-size:12px;font-weight:700}.cta span{color:var(--lime)}.heroArt{height:500px;position:relative;overflow:hidden;background:var(--ink)}.heroArt:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-80px;height:230px;border-radius:50% 50% 0 0;background:var(--orange)}.sun{width:190px;height:190px;position:absolute;right:38px;top:38px;border-radius:50%;background:var(--lime)}.tower{position:absolute;z-index:2;left:65px;top:85px;color:white;font-family:"Noto Serif SC",serif;font-size:112px;font-weight:900;line-height:.84;letter-spacing:-.14em}.ferry{position:absolute;z-index:3;right:105px;bottom:98px;width:120px;height:48px;display:grid;place-items:center;border-radius:50% 50% 12px 12px;background:var(--paper);color:var(--orange);font-size:22px}.artNote{position:absolute;z-index:3;left:28px;bottom:22px;color:#fff;font-size:8px;font-weight:700;letter-spacing:.18em;line-height:1.8}.proof{width:min(1220px,calc(100% - 48px));margin:0 auto 95px;display:grid;grid-template-columns:repeat(3,150px) 1fr;border-block:1px solid var(--line)}.proof div{padding:22px 15px;border-right:1px solid var(--line)}.proof strong,.proof span{display:block}.proof strong{font-family:"Noto Serif SC",serif;font-size:27px}.proof span{margin-top:4px;color:var(--muted);font-size:9px}.proof>p{margin:auto 0;padding-left:35px;color:var(--muted);font-size:11px;line-height:1.8}.planner,.result{width:min(1220px,calc(100% - 48px));margin:0 auto 100px}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.sectionHead h2,.resultTop h2{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(34px,4vw,50px);letter-spacing:-.05em}.sectionHead>span{color:var(--muted);font-size:10px}.plannerGrid{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:28px;align-items:start}.controls{padding:42px;background:var(--paper);box-shadow:var(--shadow)}.controlRow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.controls label>span,fieldset legend{display:block;margin-bottom:11px;font-size:11px;font-weight:700}.stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#fff}.stepper button{width:45px;height:46px;border:0;background:transparent;font-size:18px}.stepper b{font-size:12px}fieldset{margin:29px 0 0;padding:28px 0 0;border:0;border-top:1px solid var(--line)}fieldset legend{float:left;width:100%;margin-bottom:15px}fieldset legend small,.textField small{margin-left:7px;color:#9aa6a2;font-weight:400}.segments{display:grid;grid-template-columns:repeat(3,1fr);clear:both}.segments button{padding:13px 8px;border:1px solid var(--line);border-right:0;background:white;font-size:10px}.segments button:last-child{border-right:1px solid var(--line)}.segments button.active{background:var(--ink);color:white}.themeGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;clear:both}.themeGrid button{min-height:72px;padding:13px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;text-align:left}.themeGrid button.active{border-color:var(--orange);background:#fff8f2}.themeGrid i{color:#a2aca8;font-size:8px;font-style:normal}.themeGrid span{flex:1}.themeGrid b,.themeGrid small{display:block}.themeGrid b{font-size:11px}.themeGrid small{margin-top:4px;color:var(--muted);font-size:8px}.themeGrid em{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eef0e8;color:var(--muted);font-size:10px;font-style:normal}.themeGrid .active em{background:var(--orange);color:white}.textField{display:block;margin-top:28px;padding-top:25px;border-top:1px solid var(--line)}.textField input{width:100%;padding:14px;border:1px solid var(--line);outline:0;background:#fff;font-size:11px}.textField input:focus{border-color:var(--orange)}.generate{width:100%;margin-top:23px;padding:17px 20px;display:flex;justify-content:space-between;border:0;background:var(--orange);color:white;font-size:12px;font-weight:800;box-shadow:0 10px 25px #ed643238}.generate:disabled{opacity:.4}.mapCard{position:sticky;top:22px;padding:28px;background:var(--ink);color:white;box-shadow:var(--shadow)}.mapShape{height:295px;position:relative;margin:-28px -28px 28px;overflow:hidden;background:var(--lime)}.mapShape:before,.mapShape:after{content:"";position:absolute;border-radius:45% 55% 50% 40%;background:var(--ink);transform:rotate(-12deg)}.mapShape:before{width:230px;height:140px;left:55px;top:40px}.mapShape:after{width:180px;height:90px;left:-25px;bottom:25px;background:var(--orange)}.mapShape span{position:absolute;z-index:2;color:white;font-size:9px;font-weight:700}.mapShape span:nth-child(1){top:85px;left:135px}.mapShape span:nth-child(2){top:150px;left:155px}.mapShape span:nth-child(3){bottom:55px;left:55px}.mapShape span:nth-child(4){right:22px;bottom:23px;color:var(--ink)}.mapCard .eyebrow{color:var(--lime)}.mapCard h3{margin:0;font-family:"Noto Serif SC",serif;font-size:25px}.mapCard>p:last-child{color:#a8b7b3;font-size:10px;line-height:1.8}.result{padding-top:15px}.resultTop{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.resultTop>div:first-child>p:last-child{color:var(--muted);font-size:11px}.budget{text-align:right}.budget span,.budget small{display:block;color:var(--muted);font-size:9px}.budget strong{display:block;margin:5px 0;font-family:"Noto Serif SC",serif;font-size:32px;color:var(--orange)}.days{border-top:1px solid var(--line)}.days article{display:grid;grid-template-columns:95px 1fr 125px;gap:25px;padding:34px 0;border-bottom:1px solid var(--line)}.dayNo span,.dayNo b{display:block}.dayNo span{color:var(--muted);font-size:8px;letter-spacing:.2em}.dayNo b{font-family:"Noto Serif SC",serif;font-size:43px}.dayTitle span{display:inline-block;padding:4px 8px;border-radius:20px;background:#e7ebc9;color:#627011;font-size:8px}.dayTitle h3{margin:8px 0 19px;font-family:"Noto Serif SC",serif;font-size:23px}.dayBody ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);list-style:none}.dayBody li{padding:0 12px;border-left:1px solid var(--line)}.dayBody li i,.dayBody li b,.dayBody li span{display:block}.dayBody li i{color:var(--orange);font-size:8px;font-style:normal}.dayBody li b{margin:8px 0;font-size:11px}.dayBody li span{color:var(--muted);font-size:7px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px;padding-top:18px;border-top:1px dashed var(--line)}.notes p{margin:0;color:var(--muted);font-size:8px;line-height:1.6}.notes b{display:block;margin-bottom:4px;color:var(--ink);font-size:9px}.dayCost{text-align:right}.dayCost span{display:block;color:var(--muted);font-size:8px}.dayCost strong{font-size:17px}.downloadBar{margin-top:32px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:white}.downloadBar b,.downloadBar span{display:block}.downloadBar b{font-family:"Noto Serif SC",serif;font-size:18px}.downloadBar span{margin-top:4px;color:#9fb0ac;font-size:9px}.downloadBar button{padding:13px 18px;border:0;background:var(--lime);font-size:10px;font-weight:800}footer{width:min(1220px,calc(100% - 48px));margin:auto;padding:32px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer p{max-width:530px;color:var(--muted);font-size:9px;text-align:right}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0}.heroArt{height:380px}.proof{grid-template-columns:repeat(3,1fr)}.proof>p{grid-column:1/-1;padding:20px 0}.plannerGrid{grid-template-columns:1fr}.mapCard{position:static}.mapShape{height:220px}.resultTop{align-items:flex-start;gap:25px;flex-direction:column}.budget{text-align:left}.days article{grid-template-columns:70px 1fr}.dayCost{grid-column:2;text-align:left}.dayBody ol{grid-template-columns:repeat(2,1fr);gap:15px}}@media(max-width:600px){nav,.hero,.proof,.planner,.result,footer{width:calc(100% - 28px)}nav{height:70px}.navMeta span{display:none}.heroCopy{padding:48px 0}.hero h1{font-size:48px}.heroArt{height:315px}.tower{left:35px;top:58px;font-size:82px}.sun{width:140px;height:140px}.proof{margin-bottom:65px}.proof div{padding:17px 8px}.controls{padding:27px 18px}.controlRow,.themeGrid,.notes{grid-template-columns:1fr}.sectionHead{align-items:flex-start;gap:20px;flex-direction:column}.segments button{font-size:9px}.days article{grid-template-columns:52px 1fr;gap:10px}.dayNo b{font-size:31px}.dayBody ol{grid-template-columns:1fr}.dayBody li{padding:10px 0;border-left:0;border-top:1px solid var(--line)}.downloadBar{align-items:flex-start;gap:18px;flex-direction:column}footer{align-items:flex-start;gap:20px;flex-direction:column}footer p{text-align:left}}
