:root{color-scheme:light;--paper:#f1ede4;--ink:#2c3934;--muted:#6d756c;--red:#a94332;--line:#dad9ce}
*{box-sizing:border-box}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--red);outline-offset:6px}
.masthead{max-width:1600px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:center;gap:13px;min-height:44px}
.seal{width:39px;height:43px;display:grid;place-items:center;border:1px solid var(--red);outline:1px solid var(--red);outline-offset:-4px;color:var(--red);font:27px "Songti SC","STSong","SimSun",serif;border-radius:2px}
.brand{font-family:"Songti SC","STSong","SimSun",serif;font-size:20px;letter-spacing:1.5px;line-height:1.2}
.brand-en{display:block;font:9px/1.6 Georgia,serif;letter-spacing:3.3px;margin-top:3px}
.edition{font:13px "Songti SC","STSong","SimSun",serif;letter-spacing:4px;color:var(--muted)}
.domain{font:12px Georgia,serif;letter-spacing:1px;display:flex;gap:20px;align-items:center;min-height:44px}
.domain:hover,.icp:hover{color:var(--red)}
main{max-width:1600px;margin:auto}
.introduction{padding:67px 8% 0;position:relative;display:flex;justify-content:space-between;z-index:1;pointer-events:none}
.eyebrow{margin:0 0 25px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:3px;color:var(--muted)}
.eyebrow>span:first-child{height:5px;width:5px;background:var(--red);border-radius:50%;margin-right:3px}
.english{font:9px Georgia,serif;letter-spacing:2px;border-left:1px solid #c7c9bf;padding-left:14px;margin-left:5px}
h1{font:normal clamp(46px,5.3vw,77px)/1.25 "Songti SC","STSong","SimSun",serif;letter-spacing:6px;margin:0}
h1 span{color:var(--red)}
.description{font-size:13px;line-height:2.1;letter-spacing:2px;color:var(--muted);margin:23px 0 0}
.vertical-note{writing-mode:vertical-rl;font:19px "Songti SC","STSong","SimSun",serif;letter-spacing:9px;align-self:flex-start;margin:8px 12px 0 0;color:#758074}
.vertical-note span{color:#a8ac9e;letter-spacing:5px}
.chapter{position:absolute;right:8%;bottom:-55px;text-align:right;font:12px/2.2 "Songti SC","STSong","SimSun",serif;letter-spacing:4px;color:var(--muted)}
.chapter span{font:8px Georgia,serif;letter-spacing:2px;color:#8b9186}
.city-scene{margin:-177px 0 0;position:relative}
.artwork-link{display:block;position:relative}
picture,img{display:block;width:100%;height:auto}
.view-image{position:absolute;right:8%;bottom:9%;padding:12px 0;font-size:11px;letter-spacing:2px;color:var(--muted);border-bottom:1px solid #bfc4b7;transition:color .2s}
.view-image span{margin-left:20px}
.artwork-link:hover .view-image{color:var(--red);border-color:var(--red)}
figcaption{display:flex;align-items:center;justify-content:space-between;margin:0 8%;padding:0 0 32px;gap:20px;color:var(--muted)}
.caption-name{display:flex;gap:13px;align-items:center;font:13px "Songti SC","STSong","SimSun",serif;letter-spacing:3px}
.caption-line{width:29px;height:1px;background:var(--red)}
.caption-en{font:9px Georgia,serif;letter-spacing:1.7px;color:#80877c}
.art-note{font-size:10px;letter-spacing:1px}
.creation-notes{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;margin:0 8%;padding:48px 0 55px;border-top:1px solid var(--line)}
.notes-heading .eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:2px}
.notes-heading h2{font:normal 30px/1.7 "Songti SC","STSong","SimSun",serif;letter-spacing:3px;margin:0}
.notes-body h3{font:normal 16px/1.7 "Songti SC","STSong","SimSun",serif;letter-spacing:1px;margin:0 0 10px}
.notes-body h3:not(:first-child){margin-top:24px}
.notes-body p{font-size:12px;line-height:2.2;letter-spacing:.7px;color:var(--muted);margin:0}
footer{max-width:1440px;margin:0 auto;padding:25px 3.3%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:11px;color:var(--muted)}
.footer-copy{font-family:"Songti SC","STSong","SimSun",serif;letter-spacing:2px}
.icp{min-height:44px;display:flex;align-items:center;letter-spacing:1px}
.footer-domain{font:9px Georgia,serif;letter-spacing:2px}
@media(min-width:1600px){.city-scene{margin-top:-195px}}
@media(max-width:900px){.masthead{padding:20px 6%}.edition{display:none}.introduction{padding:45px 7% 0}h1{font-size:56px}.city-scene{margin-top:-70px}.chapter{bottom:-25px}.description{font-size:12px;letter-spacing:1px}.english{font-size:8px;letter-spacing:1px}figcaption{margin:0 7%;padding-bottom:25px;align-items:flex-start;flex-direction:column;gap:12px}.view-image{bottom:6%;right:7%;font-size:10px}.footer-domain{display:none}footer{margin:0 6%;padding:15px 0}}
@media(max-width:540px){.masthead{padding:17px 6%}.seal{width:32px;height:36px;font-size:24px}.brand{font-size:20px}.brand-en{font-size:8px}.domain{font-size:10px;gap:10px;letter-spacing:.5px}.introduction{padding-top:38px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:20px}.english{font-size:7px;letter-spacing:1px;padding-left:9px;margin-left:0}.vertical-note{font-size:14px;letter-spacing:7px;margin-right:0}h1{font-size:49px;letter-spacing:3px}.description{font-size:11px;letter-spacing:1px;margin-top:18px}.city-scene{margin-top:0;overflow:hidden}.artwork-link{width:145%;margin-left:-22.5%}.view-image{right:20%;bottom:2%;padding:10px 0;font-size:9px}.chapter{display:none}figcaption{padding-top:18px;margin:0 7%;gap:12px}.caption-name{font-size:12px}.caption-en{font-size:8px}.art-note{font-size:9px;letter-spacing:.5px}.footer-copy{font-size:10px;letter-spacing:1px}.icp{font-size:10px;letter-spacing:.2px}footer{gap:10px}}
@media(max-width:700px){.brand{font-size:16px;letter-spacing:.5px}.brand-en{font-size:8px;letter-spacing:2px}.creation-notes{grid-template-columns:1fr;gap:24px;margin:0 7%;padding:32px 0}.notes-heading h2{font-size:25px;line-height:1.5}.notes-body p{font-size:12px}.notes-heading .eyebrow{margin-bottom:12px}}
@media(max-width:540px){.brand{font-size:14px;letter-spacing:.5px}.brand-en{font-size:7px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}