@font-face{font-family:"Museum Serif SC";src:url("assets/fonts/noto-serif-sc-museum-subset.woff2") format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:"Museum Sans SC";src:url("assets/fonts/noto-sans-sc-museum-subset.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
:root{--deep:#071513;--paper:#ebe5da;--ink:#162126;--copper:#cb7040;--serif:"Museum Serif SC","Noto Serif SC","Source Han Serif SC","Songti SC",STSong,serif;--sans:"Museum Sans SC","Noto Sans SC","Source Han Sans SC","Microsoft YaHei",sans-serif;--ease:cubic-bezier(.22,1,.36,1);--page-progress:0;--chapter-progress:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--deep)}body{margin:0;background:var(--deep);font-family:var(--sans);font-weight:400}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--copper);outline-offset:4px}.skip-link{position:fixed;z-index:300;top:10px;left:10px;padding:10px 14px;color:#000;background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.arts-header{position:fixed;z-index:120;inset:0 0 auto;height:76px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0 5.5vw;color:var(--paper);background:rgba(7,21,19,.94);border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(9px)}.arts-brand{display:flex;align-items:center;gap:17px}.arts-brand b{font-family:var(--serif);font-size:21px;letter-spacing:.15em}.arts-brand>span{display:flex;flex-direction:column;gap:2px;padding-left:17px;border-left:1px solid rgba(255,255,255,.22);font-family:var(--serif);font-size:11px;letter-spacing:.08em}.arts-brand small{font-family:var(--sans);font-size:7px;letter-spacing:.18em;opacity:.5}.arts-header nav{display:flex;gap:clamp(18px,2.2vw,38px)}.arts-header nav a{font-family:var(--serif);font-size:12px;letter-spacing:.05em;opacity:.74;transition:opacity .25s,color .25s}.arts-header nav a:hover{color:#e39a6e;opacity:1}.arts-menu-button{display:none}.arts-mobile-menu{position:fixed;z-index:110;inset:64px 0 0;padding:7vh 7vw;color:var(--paper);background:var(--deep)}.arts-mobile-menu a{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.18)}.arts-mobile-menu b{color:#d98a5b;font-size:10px}.arts-mobile-menu span{font-family:var(--serif);font-size:25px}
.arts-progress{position:fixed;z-index:100;right:22px;top:50%;width:2px;height:42vh;background:rgba(255,255,255,.18);transform:translateY(-42%)}.arts-progress i{display:block;width:2px;height:calc(var(--page-progress)*100%);background:var(--copper)}.arts-progress span{position:absolute;right:10px;bottom:-28px;width:52px;color:rgba(255,255,255,.58);font-size:8px;letter-spacing:.13em;text-align:right}
.arts-hero{position:relative;min-height:100svh;padding:76px 7vw 6vh;color:var(--paper);background:radial-gradient(circle at 68% 37%,rgba(183,98,52,.16),transparent 31%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--deep);background-size:auto,8.33vw 100%,auto;overflow:hidden}.arts-thread{position:absolute;z-index:1;inset:76px 0 0;width:100%;height:calc(100% - 76px);pointer-events:none;filter:drop-shadow(0 0 7px rgba(203,112,64,.25))}.arts-thread path{fill:none;stroke:var(--copper);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;animation:arts-thread-draw 1.8s .28s var(--ease) forwards}.thread-arrival .arts-thread path{stroke-width:2;animation-duration:1.2s}.hero-kicker{position:absolute;z-index:2;left:7vw;top:21vh;margin:0;font-size:10px;letter-spacing:.22em}.arts-hero h1{position:absolute;z-index:2;left:7vw;top:29vh;margin:0;font-family:var(--serif);font-size:clamp(76px,10.2vw,178px);font-weight:500;line-height:.92;letter-spacing:-.07em}.arts-hero h1 span{display:block}.arts-hero h1 span:last-child{margin-left:12vw;color:#d27c4d}.hero-five{position:absolute;right:-.02em;top:2vh;color:rgba(255,255,255,.045);font-family:var(--serif);font-size:min(69vw,980px);line-height:1;letter-spacing:-.12em}.hero-intro{position:absolute;z-index:3;right:8vw;bottom:19vh;width:min(32vw,490px);margin:0;color:rgba(235,229,218,.68);font-family:var(--serif);font-size:14px;line-height:2}.hero-enter{position:absolute;z-index:3;left:7vw;bottom:9vh;display:flex;justify-content:space-between;align-items:center;width:250px;min-height:58px;padding:0 16px;border:1px solid rgba(255,255,255,.3);font-family:var(--serif);font-size:13px}.hero-index{position:absolute;z-index:2;right:8vw;top:18vh;display:flex;gap:25px;margin:0;padding:0;list-style:none;writing-mode:vertical-rl}.hero-index li{display:flex;gap:8px;color:rgba(255,255,255,.44);font-size:9px;letter-spacing:.12em}.hero-index b{color:#df8b5c;font-weight:500}@keyframes arts-thread-draw{to{stroke-dashoffset:0}}
.art-chapter{position:relative;min-height:132vh}.chapter-sticky{position:sticky;top:0;height:100svh;display:grid;grid-template-columns:.9fr 1.12fr;gap:4vw;padding:13vh 7vw 7vh;overflow:hidden;transition:color .65s,background .65s}.chapter-sticky:before{content:"";position:absolute;left:7vw;right:7vw;top:50%;height:1px;background:currentColor;opacity:.18}.chapter-copy{position:relative;z-index:4;align-self:center;padding-right:4vw}.chapter-index{margin:0 0 4vh;font-size:10px;letter-spacing:.22em}.chapter-copy h2{margin:0;font-family:var(--serif);font-size:clamp(54px,6.4vw,108px);font-weight:500;line-height:1;letter-spacing:-.055em}.chapter-thesis{margin:4vh 0 5vh;font-family:var(--serif);font-size:clamp(24px,2.5vw,40px);line-height:1.5;letter-spacing:-.025em}.chapter-copy dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 5vh;border-top:1px solid currentColor}.chapter-copy dl div{padding:13px 10px 13px 0;border-bottom:1px solid currentColor;opacity:.72}.chapter-copy dt{font-size:8px;letter-spacing:.1em}.chapter-copy dd{margin:7px 0 0;font-family:var(--serif);font-size:12px}.chapter-copy>a{display:flex;justify-content:space-between;align-items:center;width:min(100%,300px);min-height:56px;padding:0 15px;border:1px solid currentColor;font-family:var(--serif);font-size:13px;transition:color .25s,background .25s}.chapter-copy>a:hover{color:var(--chapter-bg);background:var(--chapter-fg)}.chapter-image{position:relative;z-index:2;align-self:center;justify-self:center;width:min(38vw,620px);height:75vh;min-height:560px;margin:0;padding:2.2vh;background:rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.2)}.chapter-image img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;background:rgba(255,255,255,.12)}.chapter-image figcaption{position:absolute;z-index:4;right:22px;bottom:18px;display:flex;flex-direction:column;gap:4px;padding:11px 13px;color:var(--chapter-fg);background:var(--chapter-bg);border:1px solid currentColor}.chapter-image figcaption b{font-family:var(--serif);font-size:14px;font-weight:500}.chapter-image figcaption small{font-size:8px;opacity:.65}.material-word{position:absolute;z-index:1;left:-.22em;top:-.15em;color:currentColor;font-family:var(--serif);font-size:23vw;line-height:1;opacity:.055}.chapter-note{position:absolute;z-index:4;right:7vw;bottom:3.5vh;width:min(36vw,570px);margin:0;font-size:9px;line-height:1.7;opacity:.55}
.chapter-related{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid currentColor;font-size:9px;letter-spacing:.08em}.chapter-related>span{opacity:.48}.chapter-related a{position:relative;padding-right:13px;opacity:.72;transition:opacity .2s}.chapter-related a:after{content:"↗";position:absolute;right:0;top:-1px;font-size:8px}.chapter-related a:hover{opacity:1}
.art-woodcut{--chapter-bg:#0b0f0e;--chapter-fg:#ece7dc}.art-woodcut .chapter-sticky{color:var(--chapter-fg);background:var(--chapter-bg)}.art-guohua{--chapter-bg:#d9d1c2;--chapter-fg:#192b2a}.art-guohua .chapter-sticky{color:var(--chapter-fg);background:var(--chapter-bg)}.art-nianhua{--chapter-bg:#7f2822;--chapter-fg:#f4d7a7}.art-nianhua .chapter-sticky{color:var(--chapter-fg);background:var(--chapter-bg)}.art-line{--chapter-bg:#ece8df;--chapter-fg:#1d353a}.art-line .chapter-sticky{color:var(--chapter-fg);background:var(--chapter-bg)}.art-pottery{--chapter-bg:#482c20;--chapter-fg:#e7ad7a}.art-pottery .chapter-sticky{color:var(--chapter-fg);background:var(--chapter-bg)}
.arts-end{position:relative;isolation:isolate;min-height:90vh;display:grid;grid-template-columns:.5fr 1.1fr .7fr;gap:5vw;align-items:center;padding:14vh 8vw;color:var(--paper);background:var(--deep);overflow:hidden}.arts-end>*:not(.arts-handoff-line){position:relative;z-index:2}.arts-handoff-line{position:absolute;z-index:1;left:-12vw;right:-4vw;top:58%;height:1px;background:linear-gradient(90deg,transparent,var(--copper) 18%,var(--copper) 88%,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.35s var(--ease);filter:drop-shadow(0 0 6px rgba(203,112,64,.45))}.arts-handoff-line:after{content:"";position:absolute;right:10vw;top:-5px;width:11px;height:11px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 8px rgba(203,112,64,.1)}.arts-end.is-handoff-visible .arts-handoff-line{transform:scaleX(1)}.end-mark{align-self:start;margin:6px 0 0;color:#d58456;font-size:9px;letter-spacing:.18em;writing-mode:vertical-rl}.arts-end h2{margin:0;font-family:var(--serif);font-size:clamp(52px,6.2vw,100px);font-weight:500;line-height:1.1;letter-spacing:-.055em}.arts-end>p:not(.end-mark){margin:0;color:rgba(235,229,218,.63);font-family:var(--serif);font-size:14px;line-height:2}.arts-end>div{grid-column:2/4;display:flex;gap:14px}.arts-end>div a{display:flex;justify-content:space-between;align-items:center;min-width:240px;min-height:58px;padding:0 16px;border:1px solid rgba(255,255,255,.28);font-family:var(--serif);font-size:13px}
footer{display:grid;grid-template-columns:1fr 1fr auto;gap:5vw;align-items:end;padding:7vh 7vw;color:var(--paper);background:#040c0b;border-top:1px solid rgba(255,255,255,.13)}footer>a:first-child{display:flex;flex-direction:column;gap:7px}footer b{font-family:var(--serif);font-size:16px}footer span,footer p,footer>a:last-child{margin:0;color:rgba(235,229,218,.5);font-size:9px;line-height:1.7}
@media(max-width:1000px){.arts-header nav{display:none}.arts-menu-button{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;color:var(--paper);background:transparent;border:1px solid rgba(255,255,255,.25)}.arts-menu-button i{display:block;width:18px;height:1px;margin:0 auto;background:currentColor}.arts-progress{display:none}.arts-hero h1{font-size:clamp(70px,12vw,108px)}.chapter-sticky{grid-template-columns:.88fr 1.12fr;gap:2vw;padding-inline:5vw}.chapter-copy h2{font-size:56px}.chapter-thesis{font-size:26px}.chapter-copy dl{grid-template-columns:1fr}.chapter-copy dl div{display:grid;grid-template-columns:82px 1fr;gap:10px}.chapter-copy dd{margin:0}.chapter-image{width:43vw}.arts-end{grid-template-columns:.3fr 1fr .8fr;padding-inline:6vw}}
@media(max-width:760px){.arts-header{height:64px;padding:0 20px}.arts-brand b{font-size:19px}.arts-brand>span{display:none}.arts-mobile-menu{inset:64px 0 0}.arts-hero{min-height:100svh;padding:64px 7vw 6vh}.hero-kicker{top:16vh}.arts-hero h1{top:23vh;left:7vw;font-size:clamp(58px,18vw,78px);line-height:1}.arts-hero h1 span:last-child{margin:1vh 0 0}.hero-five{top:22vh;right:-.1em;font-size:96vw}.hero-index{display:none}.hero-intro{right:7vw;bottom:19vh;width:73vw;font-size:12px;line-height:1.85}.hero-enter{bottom:8vh;width:210px}.art-chapter{min-height:auto}.chapter-sticky{position:relative;top:auto;height:auto;min-height:100svh;display:flex;flex-direction:column;padding:12vh 7vw 9vh}.chapter-sticky:before{top:35vh}.chapter-copy{padding:0}.chapter-index{margin-bottom:2.5vh}.chapter-copy h2{font-size:clamp(48px,15vw,68px)}.chapter-thesis{margin:3vh 0;font-size:26px}.chapter-copy dl{margin-bottom:4vh}.chapter-image{order:-1;width:100%;height:54svh;min-height:410px;margin:2vh 0 5vh;padding:12px}.material-word{font-size:62vw}.chapter-note{position:relative;right:auto;bottom:auto;width:auto;margin:4vh 0 0}.arts-end{display:block;min-height:auto;padding:12vh 7vw}.end-mark{writing-mode:initial}.arts-end h2{margin:4vh 0;font-size:clamp(44px,13vw,60px)}.arts-end>div{display:grid;margin-top:6vh}.arts-end>div a{min-width:0}footer{grid-template-columns:1fr;align-items:start;padding:7vh 7vw}}
@media(max-width:760px){.chapter-related{gap:10px 18px;margin-top:24px}.chapter-related>span{flex-basis:100%}}
@media(min-width:761px) and (max-height:950px){.chapter-copy h2{font-size:clamp(48px,5vw,78px)}.chapter-index{margin-bottom:2vh}.chapter-thesis{margin:2.2vh 0 2.6vh;font-size:clamp(22px,2vw,30px);line-height:1.35}.chapter-copy dl{margin-bottom:2.4vh}.chapter-related{margin-top:13px;padding-top:11px}.chapter-image{height:68vh;min-height:480px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.arts-thread path{stroke-dashoffset:0}}

@media(max-width:760px){
  .chapter-copy dt,.chapter-image figcaption small,.chapter-note,.chapter-related,.end-mark,footer span,footer p,footer>a:last-child{font-size:10.5px;line-height:1.7}
}