:root{color-scheme:light;--ink:#14253b;--muted:#516075;--blue:#1c56b1;--navy:#112946;--pale:#edf4ff;--bg:#f5f7fb;--white:#fff;--line:#dbe2eb;--orange:#ffd16f;--radius:17px;font-family:system-ui,"Microsoft YaHei","PingFang SC",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55}p,h1,h2,h3{margin:0}a{color:var(--blue);text-underline-offset:.22em}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cc7200;outline-offset:3px}[hidden]{display:none!important}img{display:block;width:100%;object-fit:cover}.shell{width:min(1180px,calc(100% - 56px));margin-inline:auto}.skip{position:fixed;top:-100px;left:12px;z-index:10;padding:12px;background:var(--white)}.skip:focus{top:12px}
.top{background:#fff;border-bottom:1px solid var(--line)}.top-inner{height:67px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;white-space:nowrap}.logo span{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:white;border-radius:9px;font-weight:800}.top nav{display:flex;gap:25px}.top nav a{color:var(--muted);font-size:.9rem;text-decoration:none}.top nav a[aria-current=page]{color:var(--blue);font-weight:750}.edition{font-size:.78rem;background:var(--pale);color:var(--blue);border-radius:99px;padding:4px 11px;white-space:nowrap}
.hero{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;min-height:355px;overflow:hidden;border-radius:22px;background:var(--navy);color:white}.hero-copy{padding:34px clamp(24px,4.2vw,62px) 38px}.eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.12em;color:#cddcf2}.eyebrow span{color:var(--orange);margin:0 4px}.hero h1{font-size:clamp(2.6rem,5.5vw,5.5rem);line-height:1.02;letter-spacing:-.055em;margin:15px 0}.hero-copy>p:last-of-type{color:#e1e8f3;max-width:32em;font-size:.96rem}.hero-image{position:relative;min-width:0;min-height:100%}.hero-image img{position:absolute;height:100%;object-position:center 47%}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11294638,transparent 40%);pointer-events:none}.hero-image small{position:absolute;z-index:1;bottom:13px;right:13px;background:#14253bd9;color:white;padding:3px 7px;border-radius:5px;font-size:.68rem}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:21px}.button{display:inline-flex;align-items:center;gap:9px;font-size:.88rem;padding:.68em .95em;border-radius:9px;font-weight:750;text-decoration:none}.orange{background:var(--orange);color:#17263a}.outline{border:1px solid #91a5c0;color:white}.button:hover{filter:brightness(.94)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin:14px 0 23px;padding:13px 0}.facts>div{padding:4px 15px 4px 20px;border-right:1px solid var(--line)}.facts>div:last-child{border:0}.facts small,.facts strong{display:block}.facts small{font-size:.76rem;color:var(--muted);margin-bottom:3px}.facts strong{font-size:.98rem}
.view-nav{display:flex;gap:21px;overflow:auto;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:4}.view-nav a{color:var(--muted);text-decoration:none;flex-shrink:0;padding:12px 4px 11px;border-bottom:3px solid transparent;font-weight:650}.view-nav a[aria-current=page]{border-color:var(--blue);color:var(--blue)}.view{padding-top:20px;scroll-margin-top:55px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:17px}.section-head h2{font-size:clamp(1.65rem,3.6vw,2.55rem);letter-spacing:-.045em;line-height:1.12;margin-bottom:6px}.section-head p,.muted{color:var(--muted);font-size:.92rem}.segmented{display:flex;flex-wrap:wrap;gap:4px;background:#e7ecf4;border:1px solid #dfe5ef;border-radius:10px;padding:3px;flex-shrink:0}.segmented button{border:0;background:transparent;border-radius:7px;padding:5px 9px;font-size:.81rem}.segmented button[aria-pressed=true]{background:#fff;color:var(--blue);font-weight:750;box-shadow:0 1px 3px #132b5220}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.card .body{padding:14px}.card h3{font-size:1.17rem;margin:5px 0 6px;line-height:1.22}.card p{font-size:.88rem}.card img{height:145px;object-position:center 39%}.card .text-link{font-size:.85rem}.badge{display:inline-block;padding:3px 7px;background:var(--pale);color:#164993;border-radius:6px;font-size:.72rem;font-weight:730}.badge.warm{background:#fff0d7;color:#774708}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.78rem}.text-link,.link-button{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:.22em}.link-button{background:transparent;border:0;padding:7px 0}.card .row{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:3px}.card .card-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin-top:6px}.card .card-actions a{align-self:center}.practical{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.practical>div{padding:17px;background:var(--pale);border-radius:13px}.practical h3{font-size:1rem;margin-bottom:5px}.practical p,.practical a{font-size:.87rem}.practical a{display:inline-block;margin-top:6px}
.map-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(0,1fr);gap:15px;align-items:start}.map-card,.map-side{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.map-frame{position:relative;aspect-ratio:650/410;background:#e7ede6}.map-frame svg{display:block;width:100%;height:100%}.pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:3px solid white;background:var(--blue);color:white;font-weight:850;box-shadow:0 3px 9px #173c6d52;line-height:1}.pin[aria-pressed=true]{background:var(--orange);color:var(--navy);box-shadow:0 0 0 4px #c5711347,0 3px 9px #173c6d52;z-index:1}.map-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:.78rem;color:var(--muted)}.map-caption a{white-space:nowrap}.map-side{padding:14px}.map-stops{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.map-stops button{border:1px solid var(--line);background:white;border-radius:99px;padding:5px 8px;font-size:.8rem}.map-stops button[aria-pressed=true]{background:var(--pale);color:var(--blue);border-color:#a8c1ed;font-weight:750}.detail-copy h3{font-size:1.45rem;line-height:1.2;margin:6px 0 8px}.detail-copy p{font-size:.92rem;margin:8px 0}.detail-copy .tip{background:var(--pale);padding:10px;border-radius:8px}.detail-copy img{height:160px;border-radius:10px;margin-bottom:11px;object-position:center 43%}.detail-copy .text-link{font-size:.86rem}
.photo-grid,.outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.photo-grid .card img,.outfit-grid .card img{height:clamp(135px,20vw,240px);object-position:center 36%}.outfit-grid .card img{object-position:center 42%}.swatches{display:flex;gap:5px;margin:9px 0}.swatches i{width:27px;height:12px;border-radius:2px;background:var(--sw);border:1px solid #0001}.outfit p+p{margin-top:6px}.check-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:15px;background:white;border:1px solid var(--line);padding:17px;border-radius:var(--radius);margin-top:16px}.check-panel h3{font-size:1.25rem}.check-panel p{font-size:.89rem;color:var(--muted)}.check-panel .count{font-size:2rem;font-weight:850;color:var(--blue)}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:6px}.checklist label{display:flex;align-items:center;min-height:42px;gap:6px;background:var(--bg);padding:5px 8px;border-radius:6px;cursor:pointer;font-size:.84rem}.checklist input{accent-color:var(--blue)}.checklist input:checked+span{text-decoration:line-through}.check-panel .link-button{font-size:.8rem}
.footer{margin-top:38px;padding:20px 0 30px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;background:#eef2f8}.footer p{margin:4px 0}.sources{display:flex;gap:5px 13px;flex-wrap:wrap}.footer a{color:inherit}dialog{width:min(540px,calc(100% - 24px));padding:0;max-height:calc(100% - 26px);border:0;border-radius:18px;color:var(--ink);box-shadow:0 12px 60px #102c5b66}dialog::backdrop{background:#10213a91}.dialog-inner{padding:20px;position:relative}.close{position:absolute;right:25px;top:25px;z-index:2;border:1px solid var(--line);background:white;border-radius:50%;width:36px;height:36px;font-size:1.3rem;line-height:1}.dialog-inner img{height:220px}.dialog-inner .detail-copy{padding-right:3px}.dialog-inner .detail-copy h3{padding-right:35px}
@media(max-width:900px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:310px}.hero-copy{padding:25px}.top nav{gap:16px}.map-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(max-width:640px){.shell{width:calc(100% - 24px)}.top-inner{height:52px;gap:8px}.top nav{gap:12px}.top nav a{font-size:.8rem}.logo{font-size:.83rem;gap:5px}.logo span{width:26px;height:26px;font-size:.75rem}.edition{display:none}.hero{margin-top:12px;grid-template-columns:1fr 0.65fr;min-height:0;border-radius:15px}.hero-copy{padding:17px 12px}.hero h1{font-size:clamp(1.9rem,8vw,3rem);margin:11px 0}.eyebrow{font-size:.65rem;letter-spacing:.05em}.hero-copy>p:last-of-type{font-size:.79rem}.actions{gap:5px;margin-top:10px}.button{font-size:.74rem;padding:.52em .62em}.hero-image img{object-position:46% center}.hero-image small{right:4px;bottom:4px;font-size:.58rem}.facts{grid-template-columns:repeat(2,1fr);padding:4px;margin:8px 0 10px;border-radius:10px}.facts>div{padding:5px 7px 6px 10px}.facts>div:nth-child(2){border-right:0}.facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.facts strong{font-size:.86rem}.view-nav{gap:13px}.view-nav a{padding:8px 1px;font-size:.82rem}.view{padding-top:14px;scroll-margin-top:41px}.section-head{display:block;margin-bottom:11px}.segmented{display:inline-flex;margin-top:9px}.plan-grid{gap:7px}.card .body{padding:9px}.card .row{flex-wrap:wrap}.card img{height:116px}.card h3{font-size:1rem}.card .card-actions{justify-content:start;gap:0 7px}.card .card-actions .text-link{font-size:.76rem}.practical{grid-template-columns:1fr;gap:6px}.practical>div{padding:11px}.map-layout{grid-template-columns:1fr;gap:8px}.pin{width:34px;height:34px;font-size:.76rem}.map-caption{font-size:.7rem;padding:7px}.photo-grid,.outfit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.photo-grid .card img,.outfit-grid .card img{height:125px}.check-panel{display:block;padding:12px}.check-panel .count{font-size:1.3rem}.dialog-inner{padding:13px}.dialog-inner img{height:175px}.close{right:17px;top:17px}}
.lane-visual{height:145px;background-color:#e6f0fe;background-image:linear-gradient(135deg,transparent 43%,#f8fbff 43%,#f8fbff 58%,transparent 58%),linear-gradient(25deg,transparent 42%,#c3daf3 42%,#c3daf3 49%,transparent 49%);display:flex;align-items:center;justify-content:center;gap:5px;color:#173d77;font-size:.78rem;white-space:nowrap}.lane-visual span,.lane-visual b{background:#fff;padding:4px 6px;border-radius:6px}.lane-visual b{background:#215cbe;color:white}.lane-visual i{width:clamp(10px,3vw,37px);border-top:2px dashed #215cbe}.photo-grid .lane-visual{height:clamp(135px,20vw,240px)}
@media(max-width:640px){.lane-visual{height:116px}.photo-grid .lane-visual{height:125px}}