:root{color-scheme:dark;--ink:#f6f3ec;--muted:#c0beb9;--gold:#d0b077;--bg:#0c1015}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}::selection{background:#d0b077;color:#10141b}header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px max(24px,4vw);background:#10151beF;border-bottom:1px solid #ffffff20;backdrop-filter:blur(18px)}header .brand{display:flex;align-items:center;gap:20px}.brand img{width:82px;height:32px;object-fit:contain}.brand span{font-size:15px;color:var(--gold)}nav{display:flex;gap:24px;font-size:15px}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.hero{position:relative;isolation:isolate;overflow:hidden;padding:110px 0 88px;min-height:660px}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,12,18,.95),rgba(7,12,18,.75) 52%,rgba(7,12,18,.35))}h1,h2,h3,p{margin:0}h1{font-size:clamp(48px,5.8vw,82px);line-height:1.07;letter-spacing:-.025em;font-weight:600;max-width:850px}h2{font-size:clamp(32px,4vw,56px);line-height:1.12;letter-spacing:-.025em;font-weight:600}h3{font-size:19px;line-height:1.4;font-weight:600}.lead{max-width:690px;font-size:21px;line-height:1.65;color:#e2dfda;margin:28px 0 34px}.button{display:inline-block;padding:13px 24px;border-radius:99px;background:var(--ink);color:#10151b;font-weight:600}.button:hover{background:#e2d2b7}.text-link{display:inline-block;margin:16px 24px;color:#f3dfbc}.demo{font-size:14px;color:#d0cdc7;margin-top:28px}.section{padding-block:100px}.intro{max-width:720px;color:var(--muted);font-size:19px;margin-top:22px}.planner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;margin-top:46px;align-items:start}.calendar{min-width:0}.calendar h3{margin-bottom:22px}.week,.days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.week{font-size:14px;color:var(--muted);text-align:center;margin-bottom:10px}.day{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:82px;padding:10px 2px;border:1px solid #ffffff1c;border-radius:12px;background:#171e26;color:var(--ink);font-size:15px;transition:background .15s}.day strong{font-size:14px;font-weight:500}.day.weekend{background:#32332d}.day.holiday{border-color:#ab8d59}.day:hover{background:#3a4047}.day[aria-pressed=true]{background:#d0b077;color:#111820;border-color:#d0b077}.day:focus-visible{outline-offset:1px}.legend{margin-top:20px;font-size:14px;color:var(--muted)}.legend span{color:#eed5ac}.detail{padding:28px;background:#19222b;border-radius:20px}.detail #stay-date{color:#e0c391;font-size:16px}.rate-label{margin-top:24px;color:var(--muted);font-size:15px}.rate{font-size:56px;line-height:1.2;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:6px 0 26px}#reason{color:#d1d1cf;margin-top:12px;font-size:16px;min-height:100px}fieldset{border:0;padding:0;margin:26px 0 20px}legend{font-size:16px;margin-bottom:12px}.scenario{display:block;width:100%;border:1px solid #ffffff30;border-radius:99px;background:transparent;color:var(--ink);padding:9px 14px;margin-top:8px;text-align:left;font-size:15px}.scenario[aria-pressed=true]{background:#f2efe8;color:#10151b;border-color:#f2efe8}.status{font-size:14px;color:#e3c89a}.fine{font-size:14px;line-height:1.7;color:#bec3c8;margin-top:14px}.learning{padding:100px 0;background:#14201d}.steps{list-style:none;padding:0;margin:54px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;counter-reset:step}.steps li{border-top:1px solid #78958c;padding-top:20px;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);display:block;color:#c8b48e;font-size:16px;margin-bottom:18px}.steps p{color:#c3cec9;margin-top:14px;font-size:16px}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:60px}.evidence dl{margin:0}.evidence dl div{padding:20px 0;border-bottom:1px solid #ffffff24}.evidence dt{font-weight:600}.evidence dd{margin:8px 0 0;color:var(--muted);font-size:16px}.boundary{grid-column:1/-1;max-width:850px}.closing{padding:40px 0 100px}.closing>p{padding:24px 0;border-block:1px solid #ffffff24;margin-bottom:70px;color:var(--muted)}.closing>p a{color:#e4c48d;display:inline-block;margin-left:12px}.closing .button{margin-top:30px}footer{padding-block:30px;border-top:1px solid #ffffff24;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.wrap{width:calc(100% - 40px)}header{padding:14px 20px;gap:12px}header .brand{gap:10px}.brand span{display:none}nav{gap:16px;font-size:14px}.brand img{width:64px;height:28px}.hero{padding:74px 0 60px;min-height:0}.lead{font-size:18px}.hero:before{background:rgba(7,12,18,.79)}.text-link{margin-left:0;display:block}.section,.learning{padding-block:64px}.planner{grid-template-columns:1fr;gap:30px;margin-top:30px}.day{min-height:64px;gap:6px}.day strong{font-size:12px}.week,.days{gap:4px}.detail{padding:24px}.steps{grid-template-columns:1fr;gap:24px;margin-top:34px}.steps li:before{margin-bottom:8px}.evidence{grid-template-columns:1fr;gap:30px}.intro{font-size:18px}.closing{padding-bottom:64px}.closing>p a{margin:12px 0 0;display:block}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.day{transition:none}}
:root .hero:before{background:linear-gradient(90deg,rgba(7,12,18,.82),rgba(7,12,18,.62) 48%,rgba(7,12,18,.12))}
.planning-team{margin-block:0 100px}
.planning-team img{display:block;width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;object-position:50% 43%;border-radius:16px}
.planning-review{display:block;width:100%;height:auto;margin-top:32px;border-radius:12px}
@media(max-width:800px){:root .hero:before{background:linear-gradient(90deg,rgba(7,12,18,.87),rgba(7,12,18,.66))}.scene{object-position:62% center}.planning-team{margin-bottom:64px}.planning-team img{aspect-ratio:4/3;object-position:75% center}.planning-review{margin-top:24px}}