:root{--bg:#FFFFFF;--ink:#1B1714;--mut:#8C8176;--line:#DCD4C8;--accent:#A08A6B;
  --font:"Times New Roman","等线","DengXian","等线 Light","DengXian Light","Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}
body{background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.site-head{display:flex;justify-content:space-between;align-items:baseline;
  padding:34px 5% 26px;border-bottom:1px solid var(--line)}
.brand{font-size:15px;letter-spacing:.18em}
.brand .cn{letter-spacing:.28em}
.head-year{font-size:13px;letter-spacing:.22em;color:var(--mut)}
.hero{padding:12vh 5% 7vh}
.hero-kicker{font-size:12px;letter-spacing:.34em;color:var(--accent);text-transform:uppercase;margin-bottom:34px}
.hero-en{font-size:clamp(30px,6.6vw,56px);font-weight:400;line-height:1.06;letter-spacing:.01em}
.hero-cn{font-size:clamp(16px,2.2vw,23px);color:var(--mut);letter-spacing:.14em;margin-top:20px}
.hero-tag{font-size:clamp(14px,1.5vw,17px);font-style:italic;color:var(--mut);
  max-width:56ch;margin-top:34px;line-height:1.75}
.fig{max-width:1400px;margin:0 auto 9vh;padding:0 5%}
.fig img{width:100%;height:auto;box-shadow:0 1px 14px rgba(0,0,0,.07)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 6%;padding:0 5%}
.item{display:flex;align-items:baseline;gap:16px;padding:15px 0;border-bottom:1px solid var(--line);
  transition:opacity .25s}
.item:hover{opacity:.55}
.item .no{font-size:12px;color:var(--accent);letter-spacing:.16em;min-width:30px}
.item .nm{font-size:clamp(15px,1.5vw,17px);flex:1}
.item .yr{font-size:12px;color:var(--mut);letter-spacing:.14em;white-space:nowrap}
.year-title{padding:9vh 5% 3vh}
.year-title .y{font-size:clamp(26px,3.4vw,40px);letter-spacing:.18em}
.year-title .c{font-size:13px;color:var(--mut);letter-spacing:.2em;margin-top:8px}
.navlink{display:flex;justify-content:space-between;gap:16px;padding:7vh 5% 0;
  font-size:13px;letter-spacing:.16em;color:var(--mut)}
.navlink a:hover{opacity:.55}
.site-foot{border-top:1px solid var(--line);margin-top:14vh;padding:56px 5% 72px;text-align:center}
.site-foot .f1{font-size:12px;letter-spacing:.34em;color:var(--mut);text-transform:uppercase}
.site-foot .f2{font-size:28px;letter-spacing:.5em;margin:18px 0 26px}
.site-foot .f3{font-size:13px;letter-spacing:.12em;color:var(--mut)}
@media(max-width:820px){.grid{grid-template-columns:1fr}.hero{padding:9vh 5% 6vh}}