.ugm-heritage { --history-paper:#eee7d7; --history-ink:#263b33; --history-copper:#a56640; --history-rule:#a9aa9880; --history-serif:Georgia,'Times New Roman',serif; background:var(--history-paper); color:var(--history-ink); font:16px/1.8 Arial,sans-serif; }
.ugm-heritage * { box-sizing:border-box; }
.ugm-heritage figure { margin:0; }
.ugm-heritage a { color:inherit; text-decoration:none; }
.ugm-heritage a:focus-visible,.ugm-heritage summary:focus-visible { outline:3px solid var(--history-copper); outline-offset:5px; }
.ugm-heritage p { margin:0 0 22px; }
.ugm-heritage-wrap { max-width:1600px; padding:0 5%; margin:auto; }
.ugm-heritage-cover { border-bottom:1px solid var(--history-rule); background:linear-gradient(110deg,#f4eee2 0%,#eee7d7 70%); }
.ugm-heritage-crumbs { display:flex; flex-wrap:wrap; gap:13px; align-items:center; padding:25px 0; color:#677369; font-size:12px; }
.ugm-heritage-cover__grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:7%; padding:35px 0 70px; align-items:center; }
.ugm-heritage .ugm-heritage-eyebrow { font:11px/1.6 Arial,sans-serif; letter-spacing:2.6px; text-transform:uppercase; color:var(--history-copper); margin:0 0 26px; }
.ugm-heritage h1 { color:var(--history-ink); font:400 clamp(45px,5.15vw,80px)/1.04 var(--history-serif); letter-spacing:-2.5px; margin:0 0 30px; }
.ugm-heritage-lead { color:#4d5e53; font-size:19px; line-height:1.6; max-width:470px; }
.ugm-heritage-start { display:inline-flex; align-items:center; justify-content:space-between; min-height:53px; gap:50px; background:var(--history-ink); color:#f4eee2!important; padding:13px 23px; margin-top:12px; font-size:14px; }
.ugm-heritage-start:hover { background:#3b5546; }
.ugm-heritage-cover__archive { position:relative; padding:0 0 22px 34px; border-left:1px solid var(--history-rule); }
.ugm-heritage-cover__archive:before { content:''; position:absolute; inset:0 -12px 0 34px; background-image:linear-gradient(#6c776016 1px,transparent 1px),linear-gradient(90deg,#6c776016 1px,transparent 1px); background-size:28px 28px; pointer-events:none; }
.ugm-heritage-century { position:relative; z-index:1; color:var(--history-copper); font:400 clamp(72px,8.6vw,134px)/.9 var(--history-serif); letter-spacing:-4px; margin:0 0 30px; }
.ugm-heritage-century > span { display:block; font-size:.43em; line-height:1.3; color:#6e7c6c; letter-spacing:-1px; text-align:right; padding-right:18%; }
.ugm-heritage-cover__archive figure { position:relative; max-width:520px; }
.ugm-heritage-cover__archive img { display:block; width:100%; height:auto; border:7px solid #f8f3e8; box-shadow:0 8px 20px #263b3312; }
.ugm-heritage figcaption { display:flex; justify-content:space-between; color:#788171; font:10px/1.5 Arial,sans-serif; letter-spacing:1px; margin-top:10px; }
.ugm-heritage-coordinate { position:absolute; left:-23px; bottom:60px; transform:rotate(-90deg); transform-origin:left center; font:10px/1 Arial,sans-serif; letter-spacing:3px; color:#7c856f; }
.ugm-heritage-ruler { position:sticky; top:0; z-index:900; background:#eee7d7f5; border-bottom:1px solid #a9aa98; }
.ugm-heritage-ruler__inner { max-width:1600px; padding:0 5%; margin:auto; display:flex; align-items:stretch; justify-content:space-between; gap:10px; }
.ugm-heritage-ruler__label { align-self:center; text-transform:uppercase; font-size:10px; letter-spacing:1.4px; color:#748070; margin-right:20px; }
.ugm-heritage-ruler a { display:flex; flex-direction:column; justify-content:center; padding:10px 10px 12px; border-bottom:3px solid transparent; min-height:69px; font-size:14px; white-space:nowrap; }
.ugm-heritage-ruler a small { color:#8c927f; font:9px/1.5 Arial,sans-serif; }
.ugm-heritage-ruler a[aria-current] { border-color:var(--history-copper); color:var(--history-copper); }
.ugm-heritage-ruler a:hover { background:#263b3307; }
.ugm-heritage-progress { position:absolute; height:2px; bottom:-1px; left:0; width:var(--history-progress,0%); background:var(--history-copper); pointer-events:none; }
.ugm-heritage-body { padding-top:70px; padding-bottom:65px; }
.ugm-heritage-chapter { padding-bottom:75px; scroll-margin-top:100px; }
.ugm-heritage-chapter__heading { padding-bottom:38px; margin-bottom:40px; border-bottom:1px solid var(--history-rule); }
.ugm-heritage-chapter__heading > div { display:flex; align-items:flex-end; justify-content:space-between; gap:50px; }
.ugm-heritage-period { color:var(--history-copper); font:400 clamp(55px,7.1vw,108px)/1 var(--history-serif); letter-spacing:-3px; white-space:nowrap; }
.ugm-heritage-chapter h2 { font:400 clamp(28px,3.2vw,46px)/1.14 var(--history-serif); color:var(--history-ink); margin:0; max-width:420px; letter-spacing:-.8px; }
.ugm-heritage-event { position:relative; margin-left:7%; padding:0 0 43px 36px; margin-bottom:43px; border-left:1px solid var(--history-rule); border-bottom:1px solid #a9aa9840; scroll-margin-top:100px; }
.ugm-heritage-event:before { content:''; position:absolute; top:12px; left:-5px; width:9px; height:9px; border-radius:50%; background:var(--history-copper); border:2px solid var(--history-paper); }
.ugm-heritage-event:last-child { margin-bottom:0; }
.ugm-heritage-event--illustrated { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr); gap:8%; align-items:start; }
.ugm-heritage-event h3 { color:var(--history-ink); font:400 38px/1.15 var(--history-serif); letter-spacing:-.5px; margin:0 0 20px; }
.ugm-heritage-event__copy { max-width:800px; }
.ugm-heritage-event__copy p { color:#465c4e; font-size:16px; line-height:1.85; }
.ugm-heritage-event figure { max-width:450px; justify-self:center; padding:8px; border:1px solid #b6b9a6; background:#f8f3e8; }
.ugm-heritage-event img { display:block; width:100%; height:auto; max-height:430px; object-fit:contain; }
.ugm-heritage-event--illustrated:nth-of-type(even) figure { transform:rotate(-1deg); }
.ugm-heritage-event[data-history-id="385"] figure { max-width:290px; }
.ugm-heritage-more summary { list-style:none; display:inline-flex; align-items:center; gap:20px; cursor:pointer; color:var(--history-copper); border-bottom:1px solid #a5664070; font-size:13px; padding:8px 0; margin-bottom:15px; min-height:44px; }
.ugm-heritage-more summary::-webkit-details-marker { display:none; }
.ugm-heritage-more summary:after { content:'+'; font-size:20px; }
.ugm-heritage-more[open] summary:after { content:'−'; }
.ugm-heritage-book { display:grid; grid-template-columns:1fr 1fr; gap:8%; padding:45px; border:1px solid #989f8c; border-top:4px double #989f8c; background:#e5decd; }
.ugm-heritage-book h2 { font:400 clamp(40px,5vw,70px)/1 var(--history-serif); color:var(--history-copper); margin:0; }
.ugm-heritage-book h3 { font:400 32px/1.2 var(--history-serif); margin:0 0 18px; color:var(--history-ink); }
.ugm-heritage-book p:not(.ugm-heritage-eyebrow) { font-size:12px; color:#64715f; }
.ugm-heritage-closing { display:flex; justify-content:space-between; gap:40px; align-items:center; padding-top:35px; }
.ugm-heritage-closing p { font-size:12px; color:#6d7867; margin:0; }
@media(max-width:1100px) {
 .ugm-heritage-ruler__label { display:none; }
 .ugm-heritage-cover__grid { gap:5%; }
 .ugm-heritage h1 { font-size:55px; }
 .ugm-heritage-chapter__heading > div { align-items:flex-start; flex-direction:column; gap:25px; }
 .ugm-heritage-chapter h2 { max-width:100%; }
 .ugm-heritage-event { margin-left:0; }
 .ugm-heritage-event--illustrated { gap:5%; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); }
}
@media(max-width:700px) {
 .ugm-heritage-wrap { padding-left:22px; padding-right:22px; }
 .ugm-heritage-crumbs { font-size:11px; padding:20px 0; }
 .ugm-heritage-cover__grid { grid-template-columns:1fr; gap:40px; padding:18px 0 40px; }
 .ugm-heritage h1 { font-size:clamp(39px,10.5vw,56px); line-height:1.08; letter-spacing:-1.3px; }
 .ugm-heritage-lead { font-size:16px; }
 .ugm-heritage .ugm-heritage-eyebrow { font-size:10px; letter-spacing:1.8px; margin-bottom:20px; }
 .ugm-heritage-cover__archive { padding-left:22px; }
 .ugm-heritage-century { font-size:86px; max-width:360px; }
 .ugm-heritage-century span { font-size:.45em; }
 .ugm-heritage-ruler__inner { overflow-x:auto; justify-content:flex-start; padding:0 14px; gap:10px; scrollbar-width:thin; }
 .ugm-heritage-ruler a { min-height:61px; font-size:12px; padding:8px; }
 .ugm-heritage-body { padding-top:40px; padding-bottom:40px; }
 .ugm-heritage-chapter { padding-bottom:42px; scroll-margin-top:82px; }
 .ugm-heritage-period { font-size:clamp(41px,11vw,70px); letter-spacing:-1.7px; }
 .ugm-heritage-chapter h2 { font-size:32px; }
 .ugm-heritage-event { padding-left:20px; margin-bottom:30px; padding-bottom:30px; scroll-margin-top:85px; }
 .ugm-heritage-event--illustrated { grid-template-columns:1fr; gap:25px; }
 .ugm-heritage-event__copy p { font-size:15px; line-height:1.8; }
 .ugm-heritage-event h3 { font-size:31px; }
 .ugm-heritage-event figure { justify-self:start; max-width:380px; }
 .ugm-heritage-book { grid-template-columns:1fr; gap:30px; padding:25px 20px; }
 .ugm-heritage-book h2 { font-size:43px; letter-spacing:-1px; }
 .ugm-heritage-closing { flex-direction:column; align-items:flex-start; gap:16px; }
}
html[lang="zh-CN"] .ugm-heritage { --history-serif:'Songti SC','SimSun',Georgia,serif; }
html[lang="zh-CN"] .ugm-heritage :is(h1,h2,h3) { line-height:1.3; letter-spacing:0; }
@media(prefers-reduced-motion:reduce) { .ugm-heritage * { scroll-behavior:auto!important; } }