*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fb;color:#183044;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.55}.app{width:min(100%,900px);margin:auto;padding:0 16px 48px}.hero{padding:34px 4px 22px}.eyebrow,.kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:#4c8ba8}.hero h1{font-size:clamp(34px,9vw,58px);line-height:1.02;margin:9px 0 6px;letter-spacing:-.04em}.hero p{margin:0;color:#718697;font-size:15px}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.hero-meta span,.place-chip{background:#fff;border:1px solid #e1ebf1;border-radius:999px;padding:7px 11px;font-size:12px}.countdown{background:linear-gradient(135deg,#e8f4f8,#fff);border:1px solid #d7e8ee;border-radius:24px;padding:20px 18px;margin-top:12px;box-shadow:0 12px 30px #163c4d0b}.countdown-label{font-size:12px;color:#718697;margin-bottom:3px}.countdown #countdownValue{font-size:clamp(28px,8vw,46px);font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.countdown small{color:#6e8190}.section{margin-top:30px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-head h2{font-size:23px;margin:2px 0 0;letter-spacing:-.02em}.map-card{overflow:hidden;border-radius:22px;border:1px solid #dce8ee;background:#dfecef;aspect-ratio:16/10;box-shadow:0 12px 28px #163c4d0b}.map-card iframe{width:100%;height:100%;border:0}.place-chips{display:flex;gap:7px;flex-wrap:wrap;margin:11px 0}.place-chip{cursor:pointer}.muted{font-size:12px;color:#81919d}.flight-card,.day,.booking,.transport-card,.hotel{background:#fff;border:1px solid #e1eaf0;border-radius:20px;box-shadow:0 10px 25px #163c4d08}.flight-card{padding:16px;margin-bottom:10px}.flight-title{display:flex;justify-content:space-between;gap:12px;font-weight:800}.segment{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:15px}.airport strong{display:block;font-size:20px}.airport small{color:#778b99}.arrow{text-align:center;color:#6aa3b8}.arrow span{display:block;font-size:11px;color:#8a9aa5}.flight-extra{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{font-size:11px;background:#f1f6f8;border-radius:999px;padding:4px 8px;color:#627784}.timeline{display:grid;gap:10px}.day{overflow:hidden}.day summary{list-style:none;cursor:pointer;padding:15px;display:flex;gap:12px;align-items:center}.day summary::-webkit-details-marker{display:none}.day-num{width:44px;height:44px;border-radius:14px;background:#edf6f8;display:grid;place-items:center;font-size:11px;font-weight:800;color:#4e91a9;flex:none}.day-main{min-width:0;flex:1}.day-date{font-size:11px;color:#82939f}.day-title{font-weight:800}.chevron{transition:.2s;color:#8da0aa}.day[open] .chevron{transform:rotate(180deg)}.day-body{padding:0 15px 16px 71px}.item{display:flex;gap:9px;padding:8px 0;border-top:1px solid #edf1f3}.item-dot{width:8px;height:8px;border-radius:50%;background:#79aebe;margin-top:8px;flex:none}.item-name{font-weight:700;font-size:14px}.item-detail{font-size:12px;color:#7a8b96}.status{display:inline-block;font-size:10px;border-radius:999px;padding:3px 7px;margin-left:5px;background:#fff4df;color:#9a6b1b}.status.ok{background:#eaf7ef;color:#2e7b4d}.checklist{display:grid;gap:9px}.booking{padding:13px 14px;display:flex;align-items:center;gap:12px}.booking input{width:20px;height:20px;accent-color:#4f91a7}.booking-main{flex:1}.booking-name{font-weight:800}.booking-note{font-size:12px;color:#7b8b96}.priority{font-size:10px;padding:4px 7px;border-radius:999px;background:#fff0e8;color:#a95c36}.booking.done .booking-name{text-decoration:line-through;color:#8ba0aa}.progress{font-size:11px;color:#79909d}.transport-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.transport-card{padding:14px}.transport-card .label{font-size:11px;color:#7c8d98}.transport-card .value{font-weight:800;margin-top:3px}.transport-card.warn{background:#fffaf2;border-color:#f1e2c6}.hotel-list{position:relative;display:grid;gap:9px}.hotel{padding:13px 15px;display:flex;align-items:center;gap:13px}.hotel-date{font-size:11px;font-weight:800;color:#5d96aa;width:42px}.hotel-name{font-weight:800}.hotel-city{font-size:11px;color:#81909a}footer{border-top:1px solid #dce7ec;margin-top:36px;padding:18px 4px;color:#84939c;font-size:11px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(min-width:700px){.app{padding-left:24px;padding-right:24px}.transport-grid{grid-template-columns:repeat(4,1fr)}.section{margin-top:42px}}
.selection-note{background:#eef8f5;border:1px solid #d5ebe3;border-radius:20px;padding:14px 15px;margin-bottom:12px}.selection-title{font-weight:800;font-size:14px}.selection-text{font-size:12px;color:#70847e;margin-top:3px}.selected-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.selected-chip{font-size:11px;background:#fff;border:1px solid #d8e8e1;border-radius:999px;padding:5px 8px;color:#416e61}.plan-label{display:flex;align-items:center;justify-content:space-between;margin:2px 0 3px;font-size:11px;font-weight:800;color:#78909b}.plan-label em{font-style:normal;font-weight:600;color:#9aabb4}.optional-label{margin-top:14px;color:#4d8b75}.optional-list{display:grid;gap:8px}.optional-card{display:flex;gap:10px;align-items:flex-start;background:#fbfefd;border:1px dashed #cfe2da;border-radius:16px;padding:11px 12px;cursor:pointer;transition:.18s}.optional-card.selected{background:#f0faf5;border-style:solid;border-color:#8bc5ad;box-shadow:0 7px 18px #3c82620c}.optional-card input{width:20px;height:20px;margin-top:2px;accent-color:#4d9b78;flex:none}.optional-content{min-width:0;flex:1}.optional-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.optional-name{font-weight:800;font-size:14px}.optional-status{font-size:10px;border-radius:999px;padding:3px 7px;background:#edf2f3;color:#7b8b94;white-space:nowrap}.optional-card.selected .optional-status{background:#dff2e7;color:#357a5c}.optional-detail{font-size:12px;color:#72848d;margin-top:2px}.optional-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:10px;color:#8a9aa2;margin-top:7px}.option-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.option-tag{font-size:10px;padding:3px 6px;background:#f1f6f4;color:#648178;border-radius:999px}.optional-chip{border-color:#b9dacb;background:#f0faf5;color:#39765e}.base-item .item-dot{background:#79aebe}.optional-card:has(input:focus){outline:2px solid #b8dccc;outline-offset:1px}@media(max-width:480px){.optional-top{align-items:flex-start}.optional-name{line-height:1.35}.optional-status{font-size:9px}.selection-note{padding:13px}.day-body{padding-left:58px}}