@import url("/assets/atb/5899f6d795f817563c3e.css");
.ap-batch4 .ap-hero{min-height:0;padding-bottom:40px}
.ap-batch4 .ap-hero h1{font-size:clamp(44px,4.4vw,72px);line-height:1.06;text-wrap:balance}
.ap-batch4 .ap-reading p{font-size:24px}
.ap-batch4 .ap-hero-layout{padding-top:40px;padding-bottom:5px}
.ap-batch4 .ap-chronology{margin-top:0}
.ap-batch4 .ap-chronology b{overflow-wrap:normal}
.ap-batch4 .ap-size-story{gap:18px}
.ap-batch4 .ap-quarter figcaption{min-width:96px}
.ap-batch4 .ap-detail-copy p{font-size:16px;line-height:1.45}
.ap-batch4 .ap-place-copy p:not(.ap-kicker){line-height:1.5}
html[lang='zh-CN'] .ap-batch4 .ap-hero h1{font-size:clamp(39px,4vw,64px);line-height:1.2;letter-spacing:-.025em}
html[lang='zh-CN'] .ap-batch4 .ap-detail-copy p{line-height:1.65}
html[lang='zh-CN'] .ap-batch4 .ap-place-copy p:not(.ap-kicker){line-height:1.75}


.ap-batch4.ap-shore-pillar .ap-hero-layout{grid-template-columns:1.1fr 1fr;gap:25px 7vw}
.ap-batch4.ap-shore-pillar .ap-hero-copy{grid-column:1;grid-row:1}
.ap-batch4.ap-shore-pillar .ap-hero-coin{grid-column:2;grid-row:1/3;max-width:475px}
.ap-batch4.ap-shore-pillar .ap-reading{grid-column:1;grid-row:2;padding:16px 0 0;border-top:1px solid #b8a38690}
.ap-batch4.ap-shore-pillar .ap-window{height:130px;border-radius:4px}
.ap-batch4.ap-shore-pillar .ap-place-layout{grid-template-columns:1.4fr .7fr}
.ap-batch4.ap-shore-pillar .ap-chronology{display:block;background:none;border:0;border-left:1px solid var(--ap-line);padding-left:30px}
.ap-batch4.ap-shore-pillar .ap-chronology li{padding:14px 0;border:0}


.ap-batch4.ap-cave-traverse .ap-hero-layout{grid-template-columns:1fr .6fr 1.15fr}
.ap-batch4.ap-cave-traverse .ap-reading p{font-size:22px}
.ap-batch4.ap-cave-traverse .ap-anatomy{grid-template-columns:1.1fr 1fr}
.ap-batch4.ap-cave-traverse .ap-whole{max-width:395px}
.ap-batch4.ap-cave-traverse .ap-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ap-line);padding-top:28px}
.ap-batch4.ap-cave-traverse .ap-window{width:115px;height:95px;border-radius:0}
.ap-batch4.ap-cave-traverse .ap-detail-row{grid-template-columns:115px 1fr}
.ap-batch4.ap-cave-traverse .ap-chronology{background:none}


.ap-batch4.ap-lake-mosaic .ap-hero{background:#163d37}
.ap-batch4.ap-lake-mosaic .ap-details{grid-template-columns:1fr}
.ap-batch4.ap-lake-mosaic .ap-detail-row{display:grid;grid-template-columns:112px 1fr}
.ap-batch4.ap-lake-mosaic .ap-window{width:112px;height:95px;margin:0}
.ap-batch4.ap-lake-mosaic .ap-place-layout{grid-template-columns:1.4fr .8fr}
.ap-batch4.ap-lake-mosaic .ap-chronology{display:block;background:none;border:0;border-left:1px solid #c8bda6}
.ap-batch4.ap-lake-mosaic .ap-chronology li{border:0;padding:15px 0}


.ap-batch4.ap-marsh-edge .ap-hero{background:#e5e9df;color:var(--ap-ink)}
.ap-batch4.ap-marsh-edge .ap-hero-layout{grid-template-columns:1.1fr 1fr .55fr}
.ap-batch4.ap-marsh-edge .ap-reading{align-self:end;border-top:1px solid var(--ap-line);padding-top:20px}
.ap-batch4.ap-marsh-edge .ap-window{border-radius:50%;width:118px;height:118px}
.ap-batch4.ap-marsh-edge .ap-detail-row{grid-template-columns:118px 1fr}
.ap-batch4.ap-marsh-edge .ap-place-layout{grid-template-columns:1.25fr .75fr}
.ap-batch4.ap-marsh-edge .ap-chronology{display:block;background:none;border:0;border-left:1px solid var(--ap-line);padding-left:28px}
.ap-batch4.ap-marsh-edge .ap-chronology li{border:0;padding:14px 0}


.ap-batch4.ap-loom-process .ap-anatomy{background:#eee8dd}
.ap-batch4.ap-loom-process .ap-window{width:125px;height:125px}
.ap-batch4.ap-loom-process .ap-detail-row{grid-template-columns:125px 1fr}
.ap-batch4.ap-loom-process .ap-detail-row:nth-child(2) .ap-window{border-radius:50%}
.ap-batch4.ap-loom-process .ap-place{background:#e2daca;color:var(--ap-ink)}
.ap-batch4.ap-loom-process .ap-place .ap-kicker,.ap-batch4.ap-loom-process .ap-credit{color:#78512d}
.ap-batch4.ap-loom-process .ap-chronology{background:none}


.ap-batch4.ap-memorial-space .ap-hero-layout{grid-template-columns:1.05fr 1fr;gap:24px 7vw}
.ap-batch4.ap-memorial-space .ap-hero-coin{grid-column:2;grid-row:1/3}
.ap-batch4.ap-memorial-space .ap-reading{grid-column:1;grid-row:2}
.ap-batch4.ap-memorial-space .ap-window{width:110px;height:125px}
.ap-batch4.ap-memorial-space .ap-detail-row{grid-template-columns:110px 1fr}
.ap-batch4.ap-memorial-space .ap-place{grid-template-columns:1fr 1.05fr}
.ap-batch4.ap-memorial-space .ap-chronology{display:flex;grid-column:1/-1}
.ap-batch4.ap-memorial-space .ap-chronology b{font-size:48px}


.ap-batch4.ap-landing-shore .ap-hero{background:#193540;color:var(--ap-ivory)}
.ap-batch4.ap-landing-shore .ap-anatomy{grid-template-columns:1.1fr 1fr;gap:25px 5vw}
.ap-batch4.ap-landing-shore .ap-design-copy{grid-column:1/-1;max-width:900px}
.ap-batch4.ap-landing-shore .ap-whole{grid-column:1;grid-row:2;max-width:460px}
.ap-batch4.ap-landing-shore .ap-details{grid-column:2;grid-row:2;grid-template-columns:1fr;border:0;padding:0}
.ap-batch4.ap-landing-shore .ap-window{width:135px;height:104px}
.ap-batch4.ap-landing-shore .ap-detail-row{grid-template-columns:135px 1fr}
.ap-batch4.ap-landing-shore .ap-chronology{background:none}
.ap-batch4.ap-landing-shore .ap-chronology li{display:block}
.ap-batch4.ap-landing-shore .ap-chronology span{margin-top:7px}


.ap-batch4.ap-river-corridor .ap-hero-layout{grid-template-columns:1.2fr 1fr;gap:25px 6vw}
.ap-batch4.ap-river-corridor .ap-hero-coin{grid-column:2;grid-row:1/3}
.ap-batch4.ap-river-corridor .ap-reading{grid-column:1;grid-row:2;border-top:1px solid var(--ap-line);padding-top:18px}
.ap-batch4.ap-river-corridor .ap-anatomy{grid-template-columns:1fr 1.1fr}
.ap-batch4.ap-river-corridor .ap-design-copy{grid-column:2}
.ap-batch4.ap-river-corridor .ap-whole{grid-column:1;grid-row:1;max-width:420px}
.ap-batch4.ap-river-corridor .ap-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ap-line);padding-top:25px}
.ap-batch4.ap-river-corridor .ap-window{border-radius:0;width:118px;height:96px}
.ap-batch4.ap-river-corridor .ap-detail-row{grid-template-columns:118px 1fr}
.ap-batch4.ap-river-corridor .ap-place{background:#143832}

@media(max-width:1100px){
 .ap-batch4 .ap-anatomy{gap:24px}
 .ap-batch4 .ap-detail-row{display:block}
 .ap-batch4 .ap-window{margin-bottom:15px}
 .ap-batch4 .ap-detail-copy p{font-size:15px}
 .ap-batch4.ap-lake-mosaic .ap-detail-row{grid-template-columns:95px 1fr}
 .ap-batch4.ap-lake-mosaic .ap-window{width:95px}
 .ap-batch4.ap-memorial-space .ap-place{gap:30px}
}
@media(max-width:850px){
 .ap-batch4 .ap-hero-layout{grid-template-columns:1fr 1fr!important;gap:25px}
 .ap-batch4.ap-cave-traverse .ap-hero-copy{grid-column:1}
 .ap-batch4.ap-cave-traverse .ap-hero-coin{grid-column:2}
 .ap-batch4 .ap-place-layout{grid-template-columns:1fr!important}
 .ap-batch4 .ap-chronology{margin-top:25px}
 .ap-batch4.ap-memorial-space .ap-place{grid-template-columns:1fr}
 .ap-batch4.ap-memorial-space .ap-chronology{grid-column:1}
 .ap-batch4.ap-memorial-space .cp-context-panels{grid-template-columns:1fr 1fr}
 .ap-batch4.ap-lake-mosaic .ap-design-copy{grid-column:2;grid-row:1}
 .ap-batch4.ap-lake-mosaic .ap-details{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}
 .ap-batch4.ap-lake-mosaic .ap-detail-row{display:block}
 .ap-batch4.ap-lake-mosaic .ap-window{margin-bottom:13px}
}
@media(max-width:600px){
 .ap-batch4 .ap-hero h1{font-size:45px}
 html[lang='zh-CN'] .ap-batch4 .ap-hero h1{font-size:39px}
 .ap-batch4 .ap-hero-layout{display:flex;flex-direction:column;padding-top:28px;gap:27px}
 .ap-batch4 .ap-hero-copy{order:0}
 .ap-batch4 .ap-hero-coin{order:1;width:90%;max-width:335px}
 .ap-batch4 .ap-reading{order:2}
 .ap-batch4 .ap-anatomy{display:flex;flex-direction:column;align-items:stretch}
 .ap-batch4 .ap-design-copy{order:0}
 .ap-batch4 .ap-whole{order:1;width:96%;align-self:center}
 .ap-batch4 .ap-details{order:2;display:grid;grid-template-columns:1fr!important;padding-top:20px;border-top:1px solid var(--ap-line)}
 .ap-batch4 .ap-detail-row{display:grid!important;grid-template-columns:105px 1fr!important;gap:18px}
 .ap-batch4 .ap-window{width:105px!important;height:105px!important;margin:0}
 .ap-batch4 .ap-detail-copy p{font-size:16px}
 .ap-batch4 .ap-chronology{display:block!important;margin-top:26px;padding:0 0 0 20px;border:0;border-left:1px solid var(--ap-line);background:none}
 .ap-batch4 .ap-chronology li{display:block!important;padding:15px 0!important;border:0}
 .ap-batch4 .ap-chronology b{font-size:33px!important}
 .ap-batch4 .ap-chronology span{font-size:12px}
 .ap-batch4.ap-memorial-space .cp-context-panels{grid-template-columns:1fr}
 .ap-batch4 .ap-size-story{gap:18px}
}