:root{--paper:#f7f6f2;--white:#fff;--ink:#171b1c;--muted:#6e7473;--line:#d7d9d5;--accent:#596a5d;--max:1500px;--gutter:64px;--section-space:110px;--hero-height:78svh;--hero-title-size:150px;--hero-title-mobile:66px;--section-title-size:58px;--section-title-mobile:36px;--body-size:16px;--body-leading:2;--works-cols:3;--works-cols-tablet:2;--works-cols-mobile:1;--work-ratio:4 / 3;--work-fit:cover;--work-gap-x:20px;--work-gap-y:56px;--exhibition-ratio:4 / 5;--card-radius:0px;--hero-position:center center}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}body[data-font="serif"]{font-family:Georgia,"Noto Serif CJK SC","SimSun",serif}body[data-font="modern"]{font-family:"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;padding:10px;background:#fff}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.brand span{font-size:23px;letter-spacing:.08em;font-weight:650}.brand small{font-size:11px;letter-spacing:.18em}.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,38px);margin-left:auto;margin-right:30px}.nav a{font-size:12px;letter-spacing:.08em;color:#454b49;transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--accent)}.language{border:1px solid var(--ink);background:none;color:var(--ink);padding:8px 10px;font-size:11px;letter-spacing:.12em;min-width:45px}.hero{min-height:min(900px,var(--hero-height));position:relative;display:flex;align-items:end;overflow:hidden;background:#333}.hero-image{position:absolute;inset:0;background-position:var(--hero-position);background-size:cover;filter:brightness(.65)}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.33),transparent 45%);z-index:1}.hero-content{position:relative;z-index:2;color:white;padding:0 var(--gutter) clamp(100px,10vh,150px);max-width:1000px}.eyebrow,.section-index,.heading-note,.writing-no{font-size:10px;letter-spacing:.18em;font-weight:600}.hero h1{font-size:var(--hero-title-size);font-weight:400;letter-spacing:.08em;line-height:1;margin:25px 0 12px}.hero-line{font-size:clamp(17px,2.5vw,32px);font-weight:300;letter-spacing:.12em}.hero-scroll{position:absolute;z-index:2;bottom:30px;right:var(--gutter);color:white;font-size:12px;display:flex;align-items:center;gap:16px}.hero-scroll::first-letter{font-size:22px}.section-pad{padding:var(--section-space) var(--gutter);max-width:calc(var(--max) + 2 * var(--gutter));margin:auto}.section-index{color:var(--accent);margin:0 0 30px}.intro{padding-top:120px;padding-bottom:145px}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(60px,9vw,150px)}.intro h2{font-size:clamp(32px,4vw,66px);font-weight:400;line-height:1.36;letter-spacing:.04em;margin:0;max-width:800px}.intro-grid>div{padding-top:8px}.intro p:not(.section-index){font-size:var(--body-size);line-height:var(--body-leading);letter-spacing:.03em;margin:0 0 28px}.muted{color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;border-bottom:1px solid var(--ink);padding-bottom:28px}.section-heading .section-index{margin-bottom:14px}.section-heading h2{font-size:var(--section-title-size);font-weight:400;line-height:1;margin:0;letter-spacing:.05em}.heading-note{color:var(--muted);padding-bottom:5px}.exhibitions{padding-top:90px}.exhibition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.exhibition-card{position:relative;overflow:hidden;border-radius:var(--card-radius);display:block;text-align:left;border:none;background:#e5e6e1;padding:0}.exhibition-card img{display:block;width:100%;aspect-ratio:var(--exhibition-ratio);height:auto;object-fit:cover;transition:transform .6s ease,filter .5s}.exhibition-card:hover img{transform:scale(1.025);filter:brightness(.88)}.exhibition-card .card-info{position:absolute;left:0;right:0;bottom:0;padding:48px 32px 30px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.67))}.exhibition-card small{font-size:10px;letter-spacing:.16em}.exhibition-card strong{display:block;font-size:clamp(25px,3vw,46px);font-weight:400;margin:12px 0}.exhibition-card span{font-size:12px}.progression{display:flex;align-items:center;gap:22px;padding:35px 0 0;margin-top:20px}.progression-line{height:1px;background:var(--accent);width:70px;flex:none}.progression p{font-size:14px;color:var(--muted);line-height:1.8;max-width:800px}.works{padding-top:80px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}.filters button{border:1px solid var(--line);padding:11px 18px;background:transparent;color:#555c59;font-size:11px;letter-spacing:.08em}.filters button.active,.filters button:hover{background:var(--ink);border-color:var(--ink);color:white}.works-grid{display:grid;grid-template-columns:repeat(var(--works-cols),minmax(0,1fr));column-gap:var(--work-gap-x);row-gap:var(--work-gap-y)}.work-card{display:block;text-align:left;border:0;background:transparent;padding:0;min-width:0}.work-frame{display:block;aspect-ratio:var(--work-ratio);background:#ecece8;overflow:hidden;border-radius:var(--card-radius)}.work-frame img{width:100%;height:100%;object-fit:var(--work-fit);display:block;transition:transform .45s,filter .45s}.work-card:hover img{transform:scale(1.035);filter:brightness(.94)}.work-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:14px}.work-title{display:block;font-size:16px;line-height:1.5}.work-year{color:var(--muted);font-size:11px}.work-subtitle{display:block;font-size:11px;color:var(--muted);padding-top:3px;line-height:1.45}.writings{background:#e9ebe6;max-width:none}.writings>*{max-width:var(--max);margin-left:auto;margin-right:auto}.writings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.writing-card{position:relative;text-align:left;border:1px solid #bdc5bd;background:rgba(255,255,255,.32);min-height:295px;padding:32px;display:flex;flex-direction:column;transition:background .2s,transform .2s}.writing-card:hover{background:#fff;transform:translateY(-3px)}.writing-card strong{font-size:clamp(24px,2.8vw,42px);font-weight:400;margin:auto 0 18px}.writing-card>span:last-of-type{font-size:13px;color:var(--muted)}.writing-card i{position:absolute;right:30px;top:25px;font-size:22px;font-style:normal}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,10vw,160px)}.about-copy .large{font-size:clamp(20px,2.2vw,30px);line-height:1.7;margin:0 0 35px;font-weight:400}.about-copy .muted{font-size:15px;line-height:2}.timeline h3{font-size:13px;letter-spacing:.1em;font-weight:500;margin:0 0 23px}.timeline>div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:17px 0;gap:15px}.timeline b{font-size:12px;font-weight:600}.timeline p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.contact{border-top:1px solid var(--line);margin-top:30px}.contact-grid{display:flex;justify-content:space-between;align-items:baseline;gap:25px}.contact h2{font-size:clamp(35px,5vw,70px);font-weight:400;margin:0}.contact a{font-size:clamp(18px,2.5vw,30px);border-bottom:1px solid var(--ink);padding-bottom:7px}.contact a span{font-size:.7em;margin-left:15px}.footer{padding:24px var(--gutter) 32px;background:#202625;color:#d7dbd7;display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.1em}.footer a:hover{text-decoration:underline}.modal{width:min(1060px,calc(100vw - 36px));max-height:min(90vh,1000px);border:0;padding:0;background:#fafaf8;color:var(--ink);box-shadow:0 25px 80px rgba(0,0,0,.3)}.modal::backdrop{background:rgba(13,17,17,.82)}.modal-close{position:sticky;display:block;top:12px;margin:12px 12px -50px auto;z-index:3;background:#fff;border:1px solid var(--line);width:38px;height:38px;font-size:28px;font-weight:300;line-height:1}.modal-body{padding:34px}.modal-gallery{display:grid;grid-template-columns:1fr;gap:16px}.modal-gallery img{width:100%;max-height:70vh;object-fit:contain;background:#efefeb}.modal-detail{padding:28px 4px 8px}.modal-detail .section-index{margin-bottom:14px}.modal-detail h2{font-size:clamp(26px,4vw,50px);font-weight:400;margin:0 0 6px}.modal-detail .en-title{color:var(--muted);font-size:17px;margin:0 0 30px}.modal-detail p{font-size:14px;line-height:1.9;margin:10px 0}.essay-modal{width:min(900px,calc(100vw - 36px))}.essay-body{padding:60px clamp(25px,7vw,75px)}.essay-body h2{font-size:clamp(28px,4vw,45px);font-weight:400;margin:0 0 10px}.essay-subtitle{color:var(--muted);font-size:14px;margin-bottom:35px}.essay-content{white-space:pre-wrap;font-size:15px;line-height:2.1;letter-spacing:.02em}.essay-figures{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.essay-figures figure{margin:0}.essay-figures img{width:100%;display:block}.essay-figures figcaption{font-size:10px;color:var(--muted);padding:7px 0 18px}@media(max-width:590px){.site-header{height:67px}.nav{gap:13px;margin-right:13px}.nav a{font-size:11px}.brand small{display:none}.hero{min-height:70svh}.section-pad{padding-top:80px;padding-bottom:80px}.intro-grid,.about-grid{grid-template-columns:1fr;gap:26px}.intro h2{max-width:650px}.exhibition-card img{height:52vw}.works-grid{grid-template-columns:repeat(var(--works-cols-tablet),minmax(0,1fr))}}@media(max-width:590px){.site-header{height:62px}.brand span{font-size:18px}.nav{gap:10px;margin-left:auto}.nav a{font-size:10px}.nav a:nth-child(3){display:none}.language{padding:6px;min-width:35px;font-size:10px}.hero{min-height:70svh}.hero-content{padding-bottom:95px}.hero h1{font-size:var(--hero-title-size)}.hero-scroll{bottom:20px}.section-heading{align-items:start}.section-heading h2{font-size:var(--section-title-size)}.heading-note{display:none}.exhibition-grid,.writings-grid{grid-template-columns:1fr}.exhibition-card img{height:105vw;max-height:600px}.works-grid{grid-template-columns:repeat(var(--works-cols-mobile),minmax(0,1fr))}.work-title{font-size:13px}.work-subtitle{font-size:10px}.work-year{font-size:9px}.work-meta{gap:5px}.work-frame{aspect-ratio:var(--work-ratio)}.contact-grid{display:block}.contact a{display:inline-block;margin-top:40px}.footer{flex-wrap:wrap}.essay-figures{grid-template-columns:1fr}.modal-body{padding:17px}}
/* 2026 minimal gallery refinement */
:root{--hero-line-size:24px;--hero-line-mobile:17px;--hero-eyebrow-size:10px;--header-height:64px;--nav-size:11px;--intro-title-size:58px;--intro-title-mobile:34px;--body-spacing:.02em;--section-title-weight:400;--image-saturation:.82;--image-brightness:.82;--work-title-size:15px;--card-title-size:40px;--about-lead-size:28px}
body{font-family:Inter,"Helvetica Neue",Arial,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;letter-spacing:var(--body-spacing);background:var(--paper)}
.site-header{height:var(--header-height);border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px);padding-inline:var(--gutter)}
.brand span{font-size:19px;font-weight:500;letter-spacing:.12em}.brand small{font-size:9px;letter-spacing:.22em;color:var(--muted)}
.nav{gap:clamp(18px,2.6vw,44px)}.nav a{font-size:var(--nav-size);color:var(--ink);letter-spacing:.12em}.language{border:0;border-bottom:1px solid var(--ink);padding:5px 1px;background:transparent}
.hero{min-height:min(980px,var(--hero-height));background:#242424}.hero-image{filter:brightness(var(--image-brightness)) saturate(var(--image-saturation));transform:scale(1.002)}.hero::before{background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 58%),linear-gradient(0deg,rgba(0,0,0,.22),transparent 42%)}
.hero-content{padding-bottom:clamp(72px,8vh,108px);max-width:900px}.eyebrow{font-size:var(--hero-eyebrow-size);font-weight:500}.hero h1{font-weight:300;letter-spacing:.045em;margin:14px 0 12px}.hero-line{font-size:var(--hero-line-size);letter-spacing:.1em;font-weight:300}
.section-pad{padding-top:var(--section-space);padding-bottom:var(--section-space)}.section-index,.heading-note,.writing-no{font-weight:500;color:var(--muted);letter-spacing:.2em}
.intro{padding-top:calc(var(--section-space) * 1.15);padding-bottom:calc(var(--section-space) * 1.25)}.intro-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(70px,11vw,180px)}.intro h2{font-size:var(--intro-title-size);line-height:1.28;font-weight:300;letter-spacing:.01em;text-align:var(--intro-align,left)}body[data-intro-align="center"] .intro h2{text-align:center}body[data-intro-align="right"] .intro h2{text-align:right}.intro p:not(.section-index){letter-spacing:var(--body-spacing)}
.section-heading{border-bottom:0;border-top:1px solid color-mix(in srgb,var(--ink) 30%,transparent);padding-top:20px;padding-bottom:0;margin-bottom:46px;align-items:start}.section-heading h2{font-weight:var(--section-title-weight);letter-spacing:.02em}.heading-note{padding-top:8px}
.exhibition-grid{grid-template-columns:1.08fr .92fr;gap:clamp(18px,2vw,34px)}.exhibition-card{background:#e7e6e2}.exhibition-card img{filter:saturate(var(--image-saturation));transition:opacity .45s ease}.exhibition-card:hover img{transform:none;filter:saturate(var(--image-saturation));opacity:.9}.exhibition-card .card-info{padding:80px 34px 30px;background:linear-gradient(transparent,rgba(0,0,0,.58))}.exhibition-card strong{font-size:var(--card-title-size);font-weight:300;letter-spacing:.02em}
.progression{margin-top:30px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.progression-line{width:42px}
.filters{gap:22px;margin-bottom:44px}.filters button{border:0;border-bottom:1px solid transparent;padding:7px 0;background:transparent!important;color:var(--muted)!important}.filters button.active,.filters button:hover{border-bottom-color:var(--ink);color:var(--ink)!important}
.work-frame{background:#e8e7e3}.work-frame img{filter:saturate(var(--image-saturation));transition:opacity .35s}.work-card:hover img{transform:none;filter:saturate(var(--image-saturation));opacity:.86}.work-meta{padding-top:12px}.work-title{font-size:var(--work-title-size);font-weight:400}.work-subtitle{letter-spacing:.04em}
.writings{background:transparent;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.writing-card{min-height:250px;border:0;border-top:1px solid var(--ink);background:transparent;padding:26px 0}.writing-card:hover{background:transparent;transform:none}.writing-card strong{font-size:clamp(26px,3vw,var(--card-title-size));font-weight:300}.writing-card i{right:0;top:22px}
.about-copy .large{font-size:var(--about-lead-size);line-height:1.65;font-weight:300}.timeline>div{border-color:color-mix(in srgb,var(--ink) 14%,transparent)}
.contact{border-color:color-mix(in srgb,var(--ink) 18%,transparent)}.contact h2{font-weight:300}.contact a{font-weight:300}
.footer{background:var(--paper);color:var(--ink);border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding-top:30px;padding-bottom:34px}
.modal{background:var(--paper)}.modal::backdrop{background:rgba(15,15,15,.88)}
@media(max-width:590px){.exhibition-grid{grid-template-columns:1fr 1fr}.intro h2{font-size:var(--intro-title-size)}}
@media(max-width:590px){.site-header{height:var(--header-height)}.nav a:nth-child(3){display:none}.hero-line{font-size:var(--hero-line-size)}.intro-grid{gap:44px}.intro h2{font-size:var(--intro-title-size)}.exhibition-grid{grid-template-columns:1fr}.exhibition-card .card-info{padding-inline:22px}.writing-card{min-height:210px}}
/* videos and conversations */
.videos{border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,40px)}.video-card{border:0;background:transparent;padding:0;text-align:left}.video-frame{position:relative;display:block;aspect-ratio:16/9;background:#dfded9;overflow:hidden}.video-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(var(--image-saturation));transition:opacity .35s}.video-card:hover img{opacity:.86}.play-mark{position:absolute;left:22px;bottom:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.82);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;padding-left:2px}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:28px}.video-meta{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:14px;border-top:1px solid var(--ink)}.video-meta strong{font-size:var(--work-title-size);font-weight:400}.video-meta small{font-size:10px;color:var(--muted)}.empty-state{font-size:12px;color:var(--muted);padding:30px 0;border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}.empty-state[hidden]{display:none}
.writing-tabs{display:flex;gap:28px;margin:-18px 0 42px;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.writing-tabs button{border:0;border-bottom:1px solid transparent;background:transparent;padding:12px 0 11px;color:var(--muted);font-size:11px;letter-spacing:.12em}.writing-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.writing-panel{display:none}.writing-panel.active{display:block}.conversations-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.conversation-card{position:relative;text-align:left;border:0;border-top:1px solid var(--ink);background:transparent;min-height:250px;padding:26px 0;display:flex;flex-direction:column}.conversation-card strong{font-size:clamp(25px,3vw,var(--card-title-size));font-weight:300;margin:auto 0 16px}.conversation-card>span:not(.writing-no){font-size:13px;color:var(--muted)}.conversation-card small{font-size:10px;color:var(--muted);margin-top:12px}.conversation-card i{position:absolute;right:0;top:22px;font-style:normal;font-size:20px}.modal-video{width:100%;max-height:75vh;background:#111}.external-video{display:inline-block;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px}
@media(max-width:590px){.videos-grid,.conversations-grid{grid-template-columns:1fr}.writing-tabs{margin-top:-8px}.conversation-card{min-height:210px}}

@media(max-width:590px){.nav{gap:8px;margin-right:10px;overflow-x:auto}.nav a,.nav a:nth-child(3){display:block!important;font-size:9px}.language{font-size:9px}.brand span{font-size:16px}}

/* Introduction background image */
.intro{position:relative;isolation:isolate;overflow:hidden}
.intro-background{position:absolute;inset:0;z-index:0;background-repeat:no-repeat;background-size:var(--intro-bg-size,cover);background-position:var(--intro-bg-position,center center);opacity:var(--intro-bg-opacity,0);filter:saturate(var(--image-saturation));pointer-events:none}
.intro>.section-index,.intro>.intro-grid{position:relative;z-index:1}

/* More restrained artwork index */
.works-grid{grid-template-columns:repeat(var(--works-cols),minmax(0,1fr));column-gap:clamp(14px,1.4vw,var(--work-gap-x));row-gap:clamp(34px,3.4vw,var(--work-gap-y))}
.work-title{font-size:clamp(11px,.8vw,var(--work-title-size))}.work-subtitle,.work-year{font-size:9px}.work-meta{padding-top:9px}.work-subtitle{padding-top:2px}

/* Recent Notes — handwritten field notes */
@font-face{font-family:"ChenXuHandCN";src:url("assets/fonts/MaShanZheng-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"ChenXuHandEN";src:url("assets/fonts/Caveat-Variable.ttf") format("truetype");font-style:normal;font-weight:400 700;font-display:swap}
.recent-notes{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:clamp(760px,92vh,1060px);padding:clamp(70px,7vw,120px) var(--gutter) clamp(100px,9vw,150px);background:#e8e4dc}
.recent-notes .intro-background{position:absolute;inset:0;z-index:0;background-repeat:no-repeat;background-size:var(--intro-bg-size,cover);background-position:var(--intro-bg-position,center center);opacity:var(--intro-bg-opacity,.72);filter:saturate(.2) contrast(.96);pointer-events:none}
.recent-notes-inner{position:relative;z-index:1;max-width:var(--max);min-height:720px;margin:auto}
.recent-notes .section-index{font-family:Arial,"Microsoft YaHei",sans-serif;margin-bottom:54px;color:#575750}
.recent-notes-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,minmax(220px,auto));gap:clamp(18px,2.8vw,48px);align-items:start}
.recent-note{position:relative;font-family:"ChenXuHandEN","ChenXuHandCN","Segoe Print","STKaiti","KaiTi",cursive;color:#211f1b;padding:10px 12px;background:rgba(255,255,255,.035);transform-origin:center;max-width:100%;min-width:180px;min-height:120px;text-wrap:pretty;text-shadow:.18px .12px rgba(30,25,20,.28);overflow:visible}
.recent-note time{display:block;font:10px/1.4 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.12em;color:#67645d;margin-bottom:12px}
.recent-note h2{font-family:inherit;font-weight:400;line-height:1.2;letter-spacing:.015em;margin:0 0 14px}
.recent-note p{font-family:inherit;font-size:clamp(17px,1.2vw,21px);line-height:1.72;letter-spacing:.015em;margin:0;white-space:pre-wrap}
.recent-note::before,.recent-note::after{content:"";position:absolute;pointer-events:none;opacity:.28}
.recent-note--1::after{width:38%;height:7px;right:6%;bottom:-4px;border-top:1.5px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-1.8deg)}
.recent-note--2::before{width:55px;height:24px;left:-18px;top:52%;border-top:2px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-8deg) skewX(-20deg)}
.recent-note--3::after{width:24px;height:24px;right:-7px;top:18%;border:1.4px solid currentColor;border-radius:47% 53% 45% 55%;transform:rotate(12deg)}
.recent-note--4::before{content:"×  ×";width:auto;height:auto;right:4%;top:-18px;font:25px/1 "ChenXuHandEN","ChenXuHandCN",cursive;letter-spacing:7px;transform:rotate(5deg)}
.recent-note--5::after{content:"↘";width:auto;height:auto;left:-22px;bottom:8px;font:24px/1 "ChenXuHandEN","ChenXuHandCN",cursive;transform:rotate(8deg)}
.recent-note--large{grid-column:2/span 5;grid-row:1}.recent-note--large h2{font-size:clamp(34px,4.2vw,68px)}
.recent-note--medium{grid-column:8/span 4;grid-row:1;margin-top:90px;rotate:-.7deg}.recent-note--medium h2{font-size:clamp(25px,2.5vw,42px)}
.recent-note--small{grid-column:1/span 3;grid-row:2;margin-top:72px;rotate:.8deg}.recent-note--small h2{font-size:clamp(20px,1.8vw,30px)}
.recent-note--wide{grid-column:4/span 5;grid-row:2;margin-top:14px;rotate:.25deg}.recent-note--wide h2{font-size:clamp(26px,3vw,46px)}
.recent-note--tiny{grid-column:9/span 3;grid-row:2;margin-top:104px;rotate:-.45deg}.recent-note--tiny h2{font-size:clamp(18px,1.55vw,26px)}
.notes-history-open{position:absolute;right:0;bottom:0;border:0;border-bottom:1px solid #3d3b36;background:transparent;padding:9px 0;color:#302e29;font-family:"Segoe Print","Bradley Hand","Comic Sans MS","KaiTi","STKaiti",cursive;font-size:14px;display:flex;gap:18px;align-items:center}.notes-history-open i{font-style:normal;font-family:Arial,sans-serif}.notes-history-open:hover{opacity:.6}
.notes-history-modal{font-family:"Segoe Print","Bradley Hand","Comic Sans MS","KaiTi","STKaiti",cursive;width:min(920px,calc(100vw - 32px));background:#efebe2}.notes-history-body{padding:clamp(45px,7vw,82px)}.notes-history-body>.section-index{font-family:Arial,"Microsoft YaHei",sans-serif}.notes-history-body>h2{font-family:inherit;font-size:clamp(36px,5vw,64px);font-weight:400;margin:0 0 46px}.notes-history-list{border-top:1px solid rgba(38,36,31,.45)}.notes-history-entry{display:grid;grid-template-columns:110px 1fr 32px;gap:24px;padding:25px 0 30px;border-bottom:1px solid rgba(38,36,31,.28)}.notes-history-entry time{font:10px/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.1em}.notes-history-entry h3{font-family:inherit;font-size:24px;font-weight:400;margin:0 0 10px}.notes-history-entry p{font-family:inherit;font-size:15px;line-height:1.9;margin:0;white-space:pre-wrap}.notes-history-entry>span{font:10px/1.5 Arial,sans-serif;color:#77736b;text-align:right}
@media(max-width:590px){.recent-notes-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:auto}.recent-note--large{grid-column:1/span 4}.recent-note--medium{grid-column:4/span 3}.recent-note--small{grid-column:1/span 2}.recent-note--wide{grid-column:2/span 4}.recent-note--tiny{grid-column:5/span 2}.recent-notes-inner{min-height:820px}}
@media(max-width:590px){.recent-notes{min-height:auto;padding-bottom:120px}.recent-notes-inner{min-height:auto}.recent-notes-grid{display:block}.recent-note{width:auto!important;height:auto!important;margin:0 0 50px!important;transform:none!important;padding-inline:0;min-height:0}.recent-note h2{font-size:30px}.recent-note p{font-size:18px}.notes-history-open{position:relative;margin:40px 0 0 auto}.notes-history-entry{grid-template-columns:1fr}.notes-history-entry>span{display:none}}

/* Recent Notes — restrained typewriter layout on ruled paper */
.recent-notes{padding-top:var(--space-notes-top);padding-bottom:var(--space-notes-bottom)}
.recent-notes::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 27px,rgba(58,56,50,.16) 27px 28px,transparent 28px 42px);background-position:0 0;mix-blend-mode:multiply}
.recent-notes .section-index{line-height:42px;margin-bottom:42px}
.recent-notes-grid{grid-template-rows:repeat(2,minmax(252px,auto));gap:42px 34px}
.recent-note{font-family:"Courier New","Nimbus Mono PS","Noto Sans Mono CJK SC","FangSong","STFangsong","SimSun",monospace;background:rgba(244,241,232,.1);padding:0 10px;text-shadow:none;letter-spacing:.01em;rotate:0deg!important}
.recent-note::before,.recent-note::after{display:none!important}
.recent-note time{font-family:"Courier New","Noto Sans Mono CJK SC","FangSong","SimSun",monospace;font-size:10px;line-height:42px;letter-spacing:.08em;margin:0;color:#605e58}
.recent-note h2,.recent-note p{font-family:inherit;line-height:42px;margin:0;letter-spacing:.015em}
.recent-note h2{font-size:clamp(19px,1.45vw,25px);font-weight:700;text-transform:none}
.recent-note p{font-size:clamp(13px,.92vw,16px);font-weight:400}
.recent-note--large h2,.recent-note--medium h2,.recent-note--small h2,.recent-note--wide h2,.recent-note--tiny h2{font-size:clamp(19px,1.45vw,25px)}
.recent-note--medium{margin-top:84px}.recent-note--small{margin-top:42px}.recent-note--wide{margin-top:0}.recent-note--tiny{margin-top:84px}
.notes-history-open,.notes-history-modal{font-family:"Courier New","Noto Sans Mono CJK SC","FangSong","SimSun",monospace}
.notes-history-entry h3,.notes-history-entry p{font-family:inherit}

/* Independent vertical rhythm for every progressive section */
.exhibitions{padding-top:var(--space-exhibitions-top);padding-bottom:var(--space-exhibitions-bottom)}
.works{padding-top:var(--space-works-top);padding-bottom:var(--space-works-bottom)}
.videos{padding-top:var(--space-videos-top);padding-bottom:var(--space-videos-bottom)}
.writings{padding-top:var(--space-writings-top);padding-bottom:var(--space-writings-bottom)}
.about{padding-top:var(--space-about-top);padding-bottom:var(--space-about-bottom)}
.contact{padding-top:var(--space-contact-top);padding-bottom:var(--space-contact-bottom)}
@media(max-width:590px){.recent-note{margin-bottom:42px!important}.recent-note time,.recent-note h2,.recent-note p{line-height:34px}.recent-note h2{font-size:20px}.recent-note p{font-size:13px}}

/* 2026-10 refinement: smaller work index, horizontal exhibitions and clean notes */
.works-grid{column-gap:var(--work-gap-x);row-gap:var(--work-gap-y);justify-items:center}
.work-card{width:calc(100% * var(--work-card-scale,.66));justify-self:center}
.work-subtitle{display:none!important}
.work-meta{padding-top:8px}.work-title{font-size:clamp(10px,.72vw,var(--work-title-size))}
.exhibition-grid{display:flex!important;grid-template-columns:none!important;gap:clamp(24px,3vw,58px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 0 22px;overscroll-behavior-inline:contain}
.exhibition-card{flex:0 0 var(--exhibition-card-width,34%);scroll-snap-align:start;min-width:0}
.exhibition-card img,.exhibition-placeholder{display:block;width:100%;aspect-ratio:var(--exhibition-ratio);height:auto!important;object-fit:cover;background:#deded9}
.exhibition-card .card-info{padding:54px 22px 20px}.exhibition-card strong{font-size:clamp(18px,2vw,var(--card-title-size))}
.recent-notes::after{display:none!important}
.recent-notes .intro-background{opacity:var(--intro-bg-opacity,.84);filter:saturate(.15) contrast(.98)!important}
.recent-note{background:transparent!important;box-shadow:none!important;border:0!important}
.timeline>div{grid-template-columns:92px 1fr}.timeline b{letter-spacing:.08em;font-weight:500}
.contact-links{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:clamp(18px,2.2vw,38px);white-space:nowrap}.social-icon{display:grid!important;place-items:center;width:34px;height:34px;margin:0!important;border:0!important;padding:0!important}.social-icon svg{display:block;width:100%;height:100%;overflow:visible}.social-icon rect,.social-icon circle{fill:none;stroke:currentColor;stroke-width:1.6}.social-icon .icon-dot{fill:currentColor;stroke:none}.social-icon.xhs-icon{width:34px}.social-icon.xhs-icon rect{fill:currentColor;stroke:none}.social-icon.xhs-icon text{fill:var(--paper);font:700 5px/1 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.1px}.social-icon.is-unset{display:none!important}
.contact #contact-email{font-size:clamp(13px,1.15vw,18px);margin:0!important}
.writing-card{overflow:hidden}.writing-card strong,.writing-card>span:not(.writing-no):not(.essay-card-thumb){position:relative;z-index:2;max-width:calc(100% - 150px)}.essay-card-thumb{position:absolute;right:30px;bottom:28px;width:118px;height:82px;display:none;overflow:hidden;background:#deded8}.essay-card-thumb.has-image{display:block}.essay-card-thumb img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(var(--image-saturation));transition:opacity .3s}.writing-card:hover .essay-card-thumb img{opacity:.82}
@media(max-width:590px){.exhibition-card .card-info{padding-inline:18px}.work-card{width:calc(100% * var(--work-card-scale,.82))}}
@media(max-width:590px){.work-card{width:calc(100% * var(--work-card-scale,1))}.contact-links{align-items:center;justify-content:flex-start;margin-top:0;gap:10px}.contact #contact-email{font-size:10.5px}.social-icon{width:27px;height:27px}.social-icon.xhs-icon{width:27px}.exhibition-grid{gap:18px}.essay-card-thumb{width:86px;height:62px;right:18px;bottom:22px}.writing-card strong,.writing-card>span:not(.writing-no):not(.essay-card-thumb){max-width:calc(100% - 102px)}}

/* Borderless section rhythm and single-line contact */
.site-header,.section-heading,.videos,.contact{border-top:0!important;border-bottom:0!important}
.contact{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(30px,8vw,140px)}
.contact>.section-index{margin:0;align-self:center}.contact-grid{display:flex!important;align-items:center;justify-content:flex-end;min-width:0}.contact-grid>h2{display:none}.contact-links{margin:0}
@media(max-width:590px){.contact{grid-template-columns:auto minmax(0,1fr);column-gap:12px}.contact>.section-index{font-size:8px;letter-spacing:.12em}.contact-grid{justify-content:flex-end}.contact-links{justify-content:flex-end}}

/* Compact editorial sections without long rules */
.writings{background:var(--paper)!important}
.writing-tabs,.writing-card,.timeline>div,.video-meta{border-top:0!important;border-bottom:0!important}
.writing-tabs{margin-top:-8px;margin-bottom:24px}
.writing-card{min-height:220px;padding:22px 0}
.section-heading{margin-bottom:24px;padding-bottom:12px}
.about-grid{padding-top:0}.timeline>div{padding-top:10px;padding-bottom:10px}
section,.section-pad{border-left:0!important;border-right:0!important}

/* Consistent inset dividers between chapters */
.progression-line{display:none!important}
main>.section-pad{position:relative}
main>.section-pad::before{content:"";position:absolute;top:0;left:var(--gutter);right:var(--gutter);height:1px;background:rgba(21,22,22,.13);z-index:2;pointer-events:none}

/* Minimal folded-sheet essay cards */
.writing-card{min-height:260px;padding:96px 24px 24px!important;border:0!important;background:transparent!important;overflow:hidden}
.writing-card::before{content:"";position:absolute;left:0;right:0;top:68px;bottom:0;border:1px solid rgba(21,22,22,.55);pointer-events:none}
.writing-card::after{content:"";position:absolute;right:-1px;top:67px;width:32px;height:32px;background:linear-gradient(225deg,var(--paper) 0 47%,rgba(21,22,22,.55) 48% 51%,transparent 52%);pointer-events:none}
.writing-card i{left:20px;right:auto;top:84px;font-size:20px;z-index:3}
.writing-card .writing-no{position:absolute;left:0;top:22px}
.essay-card-thumb{right:24px;bottom:24px}
@media(max-width:590px){.writing-card{min-height:235px;padding:84px 18px 20px!important}.writing-card::before{top:58px}.writing-card::after{top:57px;width:28px;height:28px}.writing-card i{left:16px;top:72px}.writing-card .writing-no{top:17px}.essay-card-thumb{right:18px;bottom:20px}}

/* Arrow nested inside the folded paper corner */
.writing-card::after{right:0;top:68px;width:38px;height:38px;background:rgba(21,22,22,.035);clip-path:polygon(0 0,100% 0,100% 100%);filter:drop-shadow(-1px 1px 0 rgba(21,22,22,.58));z-index:2}
.writing-card i{left:auto;right:5px;top:73px;width:20px;height:20px;display:grid;place-items:center;font-size:12px;line-height:1;z-index:4}
@media(max-width:590px){.writing-card::after{top:58px;width:34px;height:34px}.writing-card i{left:auto;right:4px;top:62px;width:19px;height:19px;font-size:11px}}

/* Conversations share the same folded-sheet system */
.conversation-card{min-height:260px;padding:96px 24px 24px!important;border:0!important;background:transparent!important;overflow:hidden}
.conversation-card::before{content:"";position:absolute;left:0;right:0;top:68px;bottom:0;border:1px solid rgba(21,22,22,.55);pointer-events:none}
.conversation-card::after{content:"";position:absolute;right:0;top:68px;width:38px;height:38px;background:rgba(21,22,22,.035);clip-path:polygon(0 0,100% 0,100% 100%);filter:drop-shadow(-1px 1px 0 rgba(21,22,22,.58));z-index:2;pointer-events:none}
.conversation-card .writing-no{position:absolute;left:0;top:22px}.conversation-card i{left:auto;right:5px;top:73px;width:20px;height:20px;display:grid;place-items:center;font-size:12px;line-height:1;z-index:4}.conversation-card strong,.conversation-card>span:not(.writing-no),.conversation-card small{position:relative;z-index:3}
@media(max-width:590px){.conversation-card{min-height:235px;padding:84px 18px 20px!important}.conversation-card::before{top:58px}.conversation-card::after{top:58px;width:34px;height:34px}.conversation-card .writing-no{top:17px}.conversation-card i{left:auto;right:4px;top:62px;width:19px;height:19px;font-size:11px}}

/* Bottom-right folded paper corner shared by essays and conversations */
.writing-card::after,.conversation-card::after{left:auto!important;right:0!important;top:auto!important;bottom:0!important;width:42px!important;height:42px!important;background:rgba(21,22,22,.035)!important;clip-path:polygon(0 100%,100% 0,100% 100%)!important;filter:drop-shadow(-1px -1px 0 rgba(21,22,22,.58))!important;z-index:2!important}
.writing-card i,.conversation-card i{left:auto!important;right:4px!important;top:auto!important;bottom:4px!important;width:22px!important;height:22px!important;display:grid!important;place-items:center;font-size:12px!important;line-height:1;z-index:4}
@media(max-width:590px){.writing-card::after,.conversation-card::after{width:35px!important;height:35px!important}.writing-card i,.conversation-card i{right:3px!important;bottom:3px!important;width:19px!important;height:19px!important;font-size:10px!important}}

/* Denser ruled notebook surface aligned with note typography */
:root{--notes-rule:34px}
.recent-notes::after{display:block!important;content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--notes-rule) - 1px),rgba(52,50,45,.17) calc(var(--notes-rule) - 1px) var(--notes-rule));mix-blend-mode:multiply}
.recent-notes .intro-background{opacity:.58!important;filter:saturate(.12) contrast(.94)!important}
.recent-notes .intro-background{opacity:.74!important;filter:sepia(.18) saturate(.18) contrast(.98)!important}
.recent-notes::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.27;mix-blend-mode:multiply;
  background-image:
    radial-gradient(ellipse at 11% 18%,rgba(91,72,48,.2) 0,rgba(91,72,48,.08) 7%,transparent 19%),
    radial-gradient(ellipse at 82% 34%,rgba(108,88,61,.15) 0,rgba(108,88,61,.06) 8%,transparent 21%),
    radial-gradient(ellipse at 47% 78%,rgba(101,80,54,.13) 0,rgba(101,80,54,.05) 9%,transparent 24%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  background-size:auto,auto,auto,180px 180px;background-repeat:no-repeat,no-repeat,no-repeat,repeat
}
.recent-notes-inner{z-index:2!important}
.recent-note{rotate:var(--note-rotation,0deg)!important;background:transparent!important}
.recent-note time,.recent-note h2,.recent-note p{line-height:var(--notes-rule)!important}
.recent-note h2{font-size:calc(var(--note-font-size,14px) + 6px)!important}
.recent-note p{font-size:var(--note-font-size,14px)!important}
.recent-note[data-note-font="typewriter"]{font-family:"Courier New","Noto Sans Mono CJK SC","FangSong","SimSun",monospace!important}
.recent-note[data-note-font="serif"]{font-family:Georgia,"Noto Serif CJK SC","Songti SC","SimSun",serif!important}
.recent-note[data-note-font="sans"]{font-family:"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif!important}
.recent-note[data-note-font="hand"]{font-family:"Segoe Print","Bradley Hand","KaiTi","STKaiti",cursive!important}
.notes-history-open{right:calc(-1 * var(--gutter) + 18px)!important;bottom:8px!important;padding:0 0 2px!important;gap:8px!important;font-size:12px!important;line-height:1.05!important}
@media(max-width:590px){:root{--notes-rule:30px}.recent-notes{padding-bottom:92px}.notes-history-open{position:absolute!important;right:calc(-1 * var(--gutter) + 6px)!important;bottom:4px!important;margin:0!important;padding-bottom:1px!important;font-size:11px!important}.recent-note time,.recent-note h2,.recent-note p{line-height:var(--notes-rule)!important}}

/* Align every chapter divider with the text column instead of the viewport edge */
.site-header{border-bottom:0!important;position:sticky}
.site-header::after{content:"";position:absolute;left:max(var(--gutter),calc((100% - var(--max))/2));right:max(var(--gutter),calc((100% - var(--max))/2));bottom:0;height:1px;background:rgba(21,22,22,.13);pointer-events:none}
.writings,.videos{border-top:0!important;border-bottom:0!important}
main>.section-pad::before{left:max(var(--gutter),calc((100% - var(--max))/2))!important;right:max(var(--gutter),calc((100% - var(--max))/2))!important}

/* Smaller, more detached moving-image covers */
.videos-grid{grid-template-columns:repeat(2,minmax(0,540px))!important;justify-content:space-between;column-gap:clamp(56px,8vw,150px)!important;row-gap:68px;max-width:1160px;margin-inline:auto}
.video-frame{aspect-ratio:16/9}
.play-mark{width:34px;height:34px;left:16px;bottom:14px;font-size:10px}

/* Flatter folded sheets with less unused space */
.writing-card,.conversation-card{min-height:220px!important;padding:76px 22px 18px!important}
.writing-card::before,.conversation-card::before{top:54px!important}
.writing-card .writing-no,.conversation-card .writing-no{top:13px!important}
.writing-card strong{margin:auto 0 10px}
.conversation-card strong{margin:auto 0 10px}
.essay-card-thumb{right:20px;bottom:18px;width:108px;height:74px}
@media(max-width:590px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none;column-gap:28px!important}.writing-card,.conversation-card{min-height:205px!important}}
@media(max-width:590px){.videos-grid{grid-template-columns:minmax(0,1fr)!important;max-width:440px;justify-content:start;row-gap:46px}.writing-card,.conversation-card{min-height:190px!important;padding:68px 17px 16px!important}.writing-card::before,.conversation-card::before{top:48px!important}.writing-card .writing-no,.conversation-card .writing-no{top:10px!important}.essay-card-thumb{right:16px;bottom:16px;width:80px;height:56px}}

/* White paper sheets on the warm gallery background */
.writing-card::before,.conversation-card::before{background:#fff!important;border:1px solid rgba(40,40,36,.18)!important;clip-path:polygon(0 0,calc(100% - 48px) 0,100% 48px,100% 100%,0 100%)!important;filter:drop-shadow(0 8px 11px rgba(32,30,25,.16));z-index:0}
.writing-card::after,.conversation-card::after{left:auto!important;right:0!important;top:54px!important;bottom:auto!important;width:48px!important;height:48px!important;background:linear-gradient(225deg,#fff 0 46%,#efefec 48% 100%)!important;clip-path:polygon(0 0,100% 0,100% 100%)!important;filter:drop-shadow(-4px 5px 5px rgba(32,30,25,.18))!important;z-index:2!important}
.writing-card i,.conversation-card i{left:auto!important;right:5px!important;top:59px!important;bottom:auto!important;width:22px!important;height:22px!important;color:#1b1b19!important;z-index:4!important}
.writing-card strong,.writing-card>span:not(.writing-no):not(.essay-card-thumb),.essay-card-thumb,.conversation-card strong,.conversation-card>span:not(.writing-no),.conversation-card small{position:relative;z-index:3}
@media(max-width:590px){.writing-card::before,.conversation-card::before{clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,0 100%)!important}.writing-card::after,.conversation-card::after{top:48px!important;width:38px!important;height:38px!important}.writing-card i,.conversation-card i{right:3px!important;top:51px!important;width:18px!important;height:18px!important}}

/* Quarter-size video index; one click starts the media */
.videos-grid{grid-template-columns:repeat(auto-fit,minmax(210px,270px))!important;justify-content:start!important;column-gap:56px!important;row-gap:54px!important;max-width:none!important;margin-inline:0!important}
.video-card{width:270px;max-width:100%}.video-frame{width:100%;aspect-ratio:16/9}.inline-video{display:block;width:100%;height:100%;object-fit:contain;background:#111}.video-card.playing .play-mark{display:none}

/* More tactile curled paper, without the flat arrow icon */
.writing-card i,.conversation-card i{display:none!important}
.writing-card::before,.conversation-card::before{background:linear-gradient(135deg,#fff 0%,#fff 58%,#fbfbf9 82%,#f4f3ef 100%)!important;border-color:rgba(42,40,35,.14)!important;filter:drop-shadow(0 3px 2px rgba(35,32,25,.09)) drop-shadow(0 12px 15px rgba(35,32,25,.16))!important}
.writing-card::after,.conversation-card::after{background:linear-gradient(225deg,var(--paper) 0 45%,#fff 47% 62%,#e3e1dc 78%,#fafafa 100%)!important;filter:drop-shadow(-5px 6px 5px rgba(35,32,25,.23))!important}
.essay-card-thumb,.conversation-card-thumb{position:absolute!important;right:20px;bottom:18px;width:108px;height:74px;display:block;overflow:hidden;background:#e5e4df;z-index:3}
.essay-card-thumb img,.conversation-card-thumb img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(var(--image-saturation))}
.writing-card strong,.writing-card>span:not(.writing-no):not(.essay-card-thumb),.conversation-card strong,.conversation-card>span:not(.writing-no):not(.conversation-card-thumb),.conversation-card small{max-width:calc(100% - 150px)}
@media(max-width:590px){.videos-grid{grid-template-columns:minmax(0,270px)!important;column-gap:0!important}.video-card{width:100%}.essay-card-thumb,.conversation-card-thumb{right:16px;bottom:16px;width:80px;height:56px}.writing-card strong,.writing-card>span:not(.writing-no):not(.essay-card-thumb),.conversation-card strong,.conversation-card>span:not(.writing-no):not(.conversation-card-thumb),.conversation-card small{max-width:calc(100% - 98px)}}

/* Let the paper and curled corner cast visible shadows outside the card */
.writing-card,.conversation-card{overflow:visible!important;isolation:isolate}
.writing-card::before,.conversation-card::before{filter:drop-shadow(0 4px 3px rgba(31,29,24,.13)) drop-shadow(0 14px 18px rgba(31,29,24,.22))!important}
.writing-card::after,.conversation-card::after{background:linear-gradient(225deg,var(--paper) 0 43%,#fff 46% 58%,#d8d5cf 76%,#f8f8f6 100%)!important;filter:drop-shadow(-7px 8px 6px rgba(31,29,24,.32)) drop-shadow(-2px 2px 1px rgba(31,29,24,.2))!important}

/* Robust visible paper depth: ordinary shadow is not clipped by the folded shape */
.writing-card::before,.conversation-card::before{clip-path:none!important;background:#fff!important;filter:none!important;box-shadow:0 3px 7px rgba(28,25,20,.18),0 16px 30px rgba(28,25,20,.28)!important;border-color:rgba(38,35,30,.2)!important}
.writing-card::after,.conversation-card::after{top:54px!important;width:62px!important;height:62px!important;background:linear-gradient(225deg,var(--paper) 0 44%,rgba(76,70,62,.28) 45% 47%,#fff 48% 66%,#cbc7bf 86%,#f8f8f5 100%)!important;clip-path:polygon(0 0,100% 0,100% 100%)!important;filter:drop-shadow(-9px 10px 8px rgba(28,25,20,.38))!important}
@media(max-width:590px){.writing-card::after,.conversation-card::after{top:48px!important;width:48px!important;height:48px!important}}

/* Reference-style paper: a real surface layer with a large curled corner */
.writing-card::before,.writing-card::after,.conversation-card::before,.conversation-card::after{content:none!important}
.writing-card,.conversation-card{overflow:visible!important;padding:0!important;background:transparent!important}
.paper-sheet{position:absolute!important;left:0;right:0;top:54px;bottom:0;max-width:none!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 150px 22px 32px;background:linear-gradient(135deg,#fff 0%,#fefefe 62%,#faf9f7 100%);border:1px solid rgba(42,39,34,.14);box-shadow:0 4px 8px rgba(26,24,20,.16),0 18px 30px rgba(26,24,20,.27);overflow:visible;z-index:1!important}
.paper-sheet::before{content:"";position:absolute;right:-2px;top:-2px;width:112px;height:98px;background:var(--paper);clip-path:polygon(0 0,100% 0,100% 100%);z-index:4;pointer-events:none}
.paper-sheet::after{content:"";position:absolute;right:-1px;top:-1px;width:112px;height:98px;background:linear-gradient(145deg,#fff 0%,#fdfdfc 52%,#e2dfd8 82%,#faf9f6 100%);clip-path:polygon(0 0,100% 100%,18% 78%);filter:drop-shadow(-8px 10px 7px rgba(28,25,20,.4));z-index:5;pointer-events:none}
.paper-sheet>strong,.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.paper-sheet>small{position:relative;z-index:2}
.paper-sheet>strong{margin:0 0 12px!important}.paper-sheet>small{margin-top:10px}
.essay-card-thumb,.conversation-card-thumb{right:30px!important;bottom:22px!important;width:118px!important;height:82px!important;z-index:3!important}
@media(max-width:590px){.paper-sheet{top:48px;padding:18px 100px 16px 18px;box-shadow:0 3px 6px rgba(26,24,20,.16),0 13px 22px rgba(26,24,20,.25)}.paper-sheet::before,.paper-sheet::after{width:76px;height:66px}.essay-card-thumb,.conversation-card-thumb{right:16px!important;bottom:16px!important;width:76px!important;height:54px!important}}

/* Folded corner follows the sketch: the original tip is removed under the flap */
.paper-sheet{clip-path:polygon(0 0,calc(100% - 112px) 0,100% 98px,100% 100%,0 100%)!important;box-shadow:0 2px 4px rgba(26,24,20,.08),0 6px 9px rgba(26,24,20,.11)!important}
.paper-sheet::before{display:none!important}
.paper-sheet::after{right:0!important;top:0!important;width:112px!important;height:98px!important;background:linear-gradient(145deg,#fff 0%,#fff 48%,#f3f2ef 74%,#e3e0db 100%)!important;clip-path:polygon(0 0,100% 100%,100% 0)!important;filter:drop-shadow(-3px 4px 3px rgba(35,32,27,.22))!important;z-index:5!important}
@media(max-width:590px){.paper-sheet{clip-path:polygon(0 0,calc(100% - 76px) 0,100% 66px,100% 100%,0 100%)!important}.paper-sheet::after{width:76px!important;height:66px!important}}

/* Exhibition covers are portrait 2:3 thumbnails */
:root{--exhibition-ratio:2 / 3!important}
.exhibition-card img,.exhibition-placeholder{aspect-ratio:2 / 3!important;height:auto!important}

/* Compact essay and conversation paper cards to half-size proportions */
.writing-card,.conversation-card{min-height:150px!important}
.paper-sheet{top:34px!important;bottom:0!important;padding:12px 78px 12px 18px!important}
.paper-sheet::after{width:56px!important;height:49px!important}
.paper-sheet{clip-path:polygon(0 0,calc(100% - 56px) 0,100% 49px,100% 100%,0 100%)!important;box-shadow:0 1px 2px rgba(26,24,20,.06),0 3px 5px rgba(26,24,20,.09)!important}
.paper-sheet>strong{font-size:clamp(16px,1.5vw,22px)!important;margin-bottom:5px!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:11px!important}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:59px!important;height:41px!important;right:12px!important;bottom:10px!important}
.writing-card .writing-no,.conversation-card .writing-no{top:12px!important}
.writings-grid,.conversations-grid{gap:18px}
@media(max-width:590px){.writing-card,.conversation-card{min-height:130px!important}.paper-sheet{top:30px!important;padding:10px 55px 10px 12px!important}.paper-sheet::after{width:38px!important;height:33px!important}.paper-sheet{clip-path:polygon(0 0,calc(100% - 38px) 0,100% 33px,100% 100%,0 100%)!important}.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:38px!important;height:27px!important;right:8px!important;bottom:8px!important}}

/* Compact rectangular essay and conversation cards with a paperclip accent */
.writings-grid,.conversations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-items:start!important;column-gap:24px!important;row-gap:20px!important}
.writing-card,.conversation-card{width:100%!important;max-width:calc((100% - 24px)/2)!important;min-height:150px!important}
.writing-card .paper-sheet,.conversation-card .paper-sheet{left:0!important;right:auto!important;top:34px!important;bottom:0!important;width:100%!important;clip-path:none!important;border-radius:0!important;padding:12px 78px 12px 18px!important;box-shadow:0 1px 2px rgba(26,24,20,.05),0 3px 5px rgba(26,24,20,.08)!important}
.paper-sheet::after{content:none!important;display:none!important}
.paper-sheet>strong{font-size:clamp(15px,1.25vw,19px)!important;line-height:1.35!important;margin:0 0 5px!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:10px!important;line-height:1.45!important}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{position:absolute!important;right:12px!important;bottom:10px!important;width:58px!important;height:40px!important}
.paperclip{position:absolute;right:12px;top:24px;width:18px;height:37px;border:2px solid #aeb1b0;border-radius:10px 10px 8px 8px;transform:rotate(8deg);z-index:6;pointer-events:none;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.22))}
.paperclip::before{content:"";position:absolute;left:3px;top:4px;width:8px;height:24px;border:1.5px solid #d2d4d3;border-radius:7px}
.paper-sheet{isolation:isolate}
.paper-sheet .paperclip{z-index:8}
.writing-card .writing-no,.conversation-card .writing-no{top:10px!important}
@media(max-width:590px){.writings-grid,.conversations-grid{grid-template-columns:1fr!important}.writing-card,.conversation-card{max-width:100%!important;min-height:132px!important}.writing-card .paper-sheet,.conversation-card .paper-sheet{top:30px!important;padding:10px 56px 10px 12px!important}.paper-sheet>strong{font-size:15px!important}.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:38px!important;height:27px!important;right:8px!important;bottom:8px!important}.paperclip{right:9px;top:21px;transform:scale(.85) rotate(8deg)}}

/* Two offset sheets with a small, soft shadow; no paperclip */
.paperclip{display:none!important}
.writings-grid,.conversations-grid{column-gap:12px!important}
.writing-card,.conversation-card{max-width:calc((100% - 12px)/2)!important}
.paper-sheet{box-shadow:0 1px 2px rgba(28,26,22,.06),0 4px 7px rgba(28,26,22,.10)!important;z-index:2!important}
.paper-sheet::before{content:""!important;display:block!important;position:absolute;inset:5px -7px -6px 5px;background:#fff;border:1px solid rgba(42,39,34,.11);box-shadow:0 2px 5px rgba(28,26,22,.08);z-index:1;pointer-events:none}
@media(max-width:590px){.writings-grid,.conversations-grid{column-gap:12px!important}.writing-card,.conversation-card{max-width:100%!important}}

/* Keep card typography readable within the narrower paper footprint */
.paper-sheet{align-items:flex-start!important;justify-content:center!important;min-width:0;padding-left:16px!important;padding-right:84px!important}
.paper-sheet>strong{display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(13px,1.05vw,16px)!important;line-height:1.35!important;letter-spacing:0!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){display:block!important;width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;line-height:1.4!important}
@media(max-width:590px){.paper-sheet{padding-left:12px!important;padding-right:56px!important}.paper-sheet>strong{font-size:14px!important}.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:9px!important}}

/* Fresh folded-page design: one white sheet with a clean top-right dog-ear */
.writing-card,.conversation-card{overflow:visible!important}
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  position:absolute!important;left:0!important;right:auto!important;top:34px!important;bottom:0!important;width:100%!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  min-width:0!important;padding:18px 82px 16px 18px!important;overflow:hidden!important;
  background:#fff!important;border:1px solid #dededb!important;border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 46px) 0,100% 46px,100% 100%,0 100%)!important;
  box-shadow:none!important;filter:drop-shadow(0 3px 5px rgba(35,33,29,.12))!important;isolation:isolate!important;z-index:1!important
}
.paper-sheet::before{content:none!important;display:none!important}
.paper-sheet::after{
  content:""!important;display:block!important;position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:auto!important;
  width:46px!important;height:46px!important;clip-path:polygon(0 0,100% 100%,100% 0)!important;
  background:linear-gradient(135deg,#f7f7f5 0%,#ececea 82%,#e4e4e1 100%)!important;
  border:0!important;filter:drop-shadow(-1px 2px 1px rgba(0,0,0,.12))!important;z-index:2!important;pointer-events:none!important
}
.paper-sheet>strong,.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.paper-sheet>small{position:relative!important;z-index:3!important;max-width:100%!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.paper-sheet>strong{width:100%!important;font-size:clamp(14px,1.2vw,18px)!important;line-height:1.35!important;letter-spacing:0!important;margin:0 0 6px!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){width:100%!important;font-size:10px!important;line-height:1.45!important}
.paper-sheet>small{font-size:9px!important;margin-top:4px!important}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{position:absolute!important;right:13px!important;bottom:12px!important;width:56px!important;height:40px!important;z-index:3!important}
.paper-sheet .paperclip{display:none!important}
@media(max-width:590px){
  .writing-card,.conversation-card{min-height:132px!important}
  .writing-card .paper-sheet,.conversation-card .paper-sheet{top:30px!important;padding:12px 56px 12px 12px!important;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)!important}
  .paper-sheet::after{width:34px!important;height:34px!important}
  .paper-sheet>strong{font-size:14px!important}
  .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:9px!important}
  .paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{right:8px!important;bottom:8px!important;width:38px!important;height:27px!important}
}

/* Keep the folded page entirely white; show only a fine crease, no clip-like mark */
.paper-sheet .paperclip,.paperclip{display:none!important;visibility:hidden!important;opacity:0!important}
.paper-sheet::after{
  background:linear-gradient(135deg,#fff 0%,#fff 48.8%,#e8e8e5 49.5%,#fff 50.4%,#fff 100%)!important;
  filter:none!important;box-shadow:none!important
}

/* User refinement: a completely white fold, with larger thumbnails aligned to the text block */
.paper-sheet::after{background:#fff!important;filter:none!important;box-shadow:none!important}
.writing-card .paper-sheet,.conversation-card .paper-sheet{padding-right:112px!important}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{
  right:14px!important;top:50%!important;bottom:auto!important;width:84px!important;height:60px!important;
  transform:translateY(-50%)!important
}
@media(max-width:590px){
  .writing-card .paper-sheet,.conversation-card .paper-sheet{padding-right:68px!important}
  .paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{right:8px!important;top:50%!important;bottom:auto!important;width:52px!important;height:38px!important;transform:translateY(-50%)!important}
}

/* Match the image height to the title/subtitle stack */
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:96px!important;height:46px!important}
@media(max-width:590px){
  .paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:64px!important;height:40px!important}
  .writing-card .paper-sheet,.conversation-card .paper-sheet{padding-right:82px!important}
}

/* Use one authored paper illustration as the complete card surface */
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  background:transparent url('./paper-file-bg.svg') center center / 100% 100% no-repeat!important;
  border:0!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important;filter:none!important;
  overflow:visible!important;padding:18px 138px 16px 22px!important
}
.paper-sheet::before,.paper-sheet::after{content:none!important;display:none!important}
.paper-sheet .paperclip{display:none!important;visibility:hidden!important}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{
  width:110px!important;height:62px!important;right:22px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important
}
@media(max-width:590px){
  .writing-card .paper-sheet,.conversation-card .paper-sheet{padding:12px 96px 12px 14px!important}
  .paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:72px!important;height:46px!important;right:12px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}
}

/* Use the supplied realistic folded sheet as one raster background layer */
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  background:transparent!important;border:0!important;clip-path:none!important;box-shadow:none!important;filter:none!important;overflow:visible!important
}
.paper-sheet::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:url('./paper-file-bg.png') center center / 105% 114% no-repeat!important
}
.paper-sheet::after{content:none!important;display:none!important}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{z-index:3!important}
.paper-sheet>strong,.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.paper-sheet>small{z-index:3!important}
@media(max-width:590px){
  .writing-card .paper-sheet,.conversation-card .paper-sheet{padding:12px 96px 12px 14px!important}
  .paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:72px!important;height:46px!important;right:12px!important}
}

/* Keep the paper, copy, and thumbnail in one predictable card coordinate system */
.writings-grid,.conversations-grid{
  display:grid!important;grid-template-columns:repeat(2,270px)!important;column-gap:clamp(40px,30vw,290px)!important;
  row-gap:28px!important;justify-content:start!important;justify-items:start!important
}
.writing-card,.conversation-card{
  position:relative!important;display:block!important;width:270px!important;max-width:270px!important;min-width:0!important;
  min-height:0!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;text-align:left!important
}
.writing-card>.writing-no,.conversation-card>.writing-no{position:absolute!important;left:0!important;top:0!important;right:auto!important}
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  display:flex!important;box-sizing:border-box!important;width:100%!important;height:150px!important;min-height:150px!important;
  margin-top:26px!important;padding:16px 128px 16px 20px!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important
}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{
  position:absolute!important;right:18px!important;top:50%!important;bottom:auto!important;width:100px!important;height:62px!important;
  transform:translateY(-50%)!important
}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important}
  .writing-card,.conversation-card{width:100%!important;max-width:100%!important}
}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important;row-gap:20px!important}
  .writing-card,.conversation-card{width:100%!important;max-width:420px!important;min-height:0!important}
  .writing-card .paper-sheet,.conversation-card .paper-sheet{height:140px!important;min-height:140px!important;margin-top:24px!important;padding:12px 102px 12px 14px!important}
  .paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:78px!important;height:50px!important;right:12px!important}
}

/* Match the source paper's long, narrow proportions and keep all content inside it */
.writings-grid,.conversations-grid{
  grid-template-columns:repeat(2,minmax(0,400px))!important;column-gap:clamp(40px,18vw,220px)!important
}
.writing-card,.conversation-card{width:400px!important;max-width:400px!important}
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:2.9/1!important;
  margin-top:26px!important;padding:18px 138px 18px 22px!important
}
.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{
  right:20px!important;top:50%!important;width:112px!important;height:64px!important;transform:translateY(-50%)!important
}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important}
  .writing-card,.conversation-card{width:100%!important;max-width:100%!important}
}
@media(max-width:590px){
  .writing-card,.conversation-card{width:100%!important;max-width:420px!important}
  .writing-card .paper-sheet,.conversation-card .paper-sheet{height:auto!important;min-height:0!important;aspect-ratio:2.9/1!important;margin-top:24px!important;padding:12px 102px 12px 14px!important}
  .paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{width:78px!important;height:50px!important;right:12px!important}
}

/* Simple return to text-only cards with a fine gray rectangular frame */
.writings-grid,.conversations-grid{
  grid-template-columns:repeat(2,minmax(0,400px))!important;column-gap:clamp(40px,18vw,220px)!important;
  row-gap:28px!important;justify-content:start!important;justify-items:start!important
}
.writing-card,.conversation-card{
  position:relative!important;display:block!important;width:400px!important;max-width:400px!important;min-width:0!important;
  height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;text-align:left!important
}
.writing-card>.writing-no,.conversation-card>.writing-no{position:absolute!important;left:0!important;top:0!important;right:auto!important}
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  display:flex!important;box-sizing:border-box!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  width:100%!important;height:136px!important;min-height:136px!important;aspect-ratio:auto!important;margin-top:26px!important;
  padding:22px!important;border:1px solid #c8c8c4!important;border-radius:0!important;background:#fff!important;
  clip-path:none!important;box-shadow:none!important;filter:none!important;overflow:hidden!important
}
.paper-sheet::before,.paper-sheet::after{content:none!important;display:none!important}
.paper-sheet .paperclip,.paper-sheet .essay-card-thumb,.paper-sheet .conversation-card-thumb{display:none!important}
.paper-sheet>strong{width:100%!important;font-size:20px!important;line-height:1.4!important;margin:0 0 8px!important;color:#191a1a!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){width:100%!important;font-size:12px!important;line-height:1.5!important;color:#687080!important}
.paper-sheet>small{margin-top:8px!important;font-size:10px!important;color:#777!important}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:24px!important}
  .writing-card,.conversation-card{width:100%!important;max-width:100%!important}
}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:minmax(0,1fr)!important;column-gap:0!important;row-gap:20px!important}
  .writing-card,.conversation-card{width:100%!important;max-width:420px!important}
  .writing-card .paper-sheet,.conversation-card .paper-sheet{height:124px!important;min-height:124px!important;margin-top:24px!important;padding:17px!important}
}

/* Smaller left-aligned copy and a shaded white folded corner */
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  align-items:flex-start!important;text-align:left!important;padding:20px 58px 20px 20px!important;
  clip-path:none!important;overflow:visible!important
}
.paper-sheet>strong{font-size:16px!important;line-height:1.4!important;margin:0 0 6px!important;text-align:left!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:10px!important;line-height:1.5!important;text-align:left!important}
.paper-sheet>small{font-size:9px!important;text-align:left!important}
.paper-sheet::before{
  content:""!important;display:block!important;position:absolute!important;right:0!important;top:0!important;left:auto!important;bottom:auto!important;
  width:42px!important;height:42px!important;z-index:5!important;pointer-events:none!important;
  clip-path:polygon(0 0,100% 100%,100% 0)!important;
  background:linear-gradient(135deg,#fff 0%,#fff 48%,#f1f1ee 100%)!important;
  filter:drop-shadow(-2px 3px 3px rgba(30,29,26,.24))!important
}
@media(max-width:590px){
  .writing-card .paper-sheet,.conversation-card .paper-sheet{padding:17px 48px 17px 17px!important}
  .paper-sheet::before{width:32px!important;height:32px!important}
  .paper-sheet>strong{font-size:15px!important}
}

/* Reuse the notebook paper texture from Recent Notes; no folded corner */
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  background:#f1eee6 url('./assets/recent-notes-paper-v10.jpg') center center / auto 780px no-repeat!important;
  border:1px solid #bdb9b0!important;box-shadow:none!important;clip-path:none!important
}
.paper-sheet::before,.paper-sheet::after{content:none!important;display:none!important}
.paper-sheet>strong{color:#292822!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){color:#5d5a52!important}

/* Denser ruled paper and three narrower file cards per desktop row */
.writing-card .paper-sheet,.conversation-card .paper-sheet{background-size:auto 500px!important}
.writings-grid,.conversations-grid{
  grid-template-columns:repeat(3,minmax(0,267px))!important;justify-content:space-between!important;
  column-gap:24px!important;row-gap:28px!important
}
.writing-card,.conversation-card{width:267px!important;max-width:267px!important}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:repeat(2,minmax(0,267px))!important;justify-content:space-between!important;column-gap:24px!important}
  .writing-card,.conversation-card{width:267px!important;max-width:100%!important}
}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:minmax(0,267px)!important;justify-content:center!important;column-gap:0!important}
  .writing-card,.conversation-card{width:100%!important;max-width:267px!important}
}

/* Deep-purple copy aligned to the ruled-paper rhythm */
.writing-card .paper-sheet,.conversation-card .paper-sheet{align-items:flex-start!important;text-align:left!important}
.paper-sheet>strong{
  align-self:flex-start!important;width:100%!important;text-align:left!important;color:#39264f!important;
  font-size:16px!important;line-height:26px!important;margin:0!important
}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){
  align-self:flex-start!important;width:100%!important;text-align:left!important;color:#49365f!important;
  font-size:10px!important;line-height:26px!important
}
.paper-sheet>small{align-self:flex-start!important;text-align:left!important;color:#49365f!important;line-height:26px!important}

/* Shared typography and position controls for essay and conversation files */
.paper-sheet>strong{font-size:var(--writing-title-size,16px)!important;transform:translate(var(--writing-copy-x,0px),var(--writing-copy-y,0px))!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.paper-sheet>small{font-size:var(--writing-subtitle-size,10px)!important;transform:translate(var(--writing-copy-x,0px),var(--writing-copy-y,0px))!important}

/* Essays: right-aligned title, subtitle and year, retaining the existing notebook texture. */
.writing-card .paper-sheet,.conversation-card .paper-sheet{flex-direction:column!important;flex-wrap:nowrap!important;justify-content:center!important;align-content:flex-start!important;align-items:flex-start!important;gap:0!important;text-align:left!important}
.writing-card .paper-sheet>strong,.conversation-card .paper-sheet>strong,
.writing-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.conversation-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),
.writing-card .paper-sheet>small,.conversation-card .paper-sheet>small{
  display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;text-align:left!important
}
.writing-card .paper-sheet>strong,.conversation-card .paper-sheet>strong{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.writing-card .paper-sheet>strong,.conversation-card .paper-sheet>strong{margin:0!important;line-height:var(--writing-text-leading,40px)!important}
.writing-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.conversation-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){margin:0!important}
.writing-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.conversation-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){line-height:var(--writing-text-leading,40px)!important}
.writing-card .paper-sheet>small,.conversation-card .paper-sheet>small{margin:0!important;font-size:var(--writing-subtitle-size,10px)!important;line-height:var(--writing-text-leading,40px)!important;color:#49365f!important}

/* Widen the file cards and reserve enough room for every text line. */
.writings-grid,.conversations-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important;column-gap:24px!important;row-gap:28px!important}
.writing-card,.conversation-card{width:100%!important;max-width:none!important;overflow:visible!important}
.writing-card .paper-sheet,.conversation-card .paper-sheet{left:0!important;right:0!important;padding:18px 24px 16px 24px!important;overflow:visible!important}
.writing-card .paper-sheet>strong,.conversation-card .paper-sheet>strong,
.writing-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.conversation-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),
.writing-card .paper-sheet>small,.conversation-card .paper-sheet>small{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px!important}
}
@media(max-width:590px){
  .writings-grid,.conversations-grid{grid-template-columns:minmax(0,1fr)!important;justify-content:stretch!important;column-gap:0!important}
  .writing-card .paper-sheet,.conversation-card .paper-sheet{padding:14px 20px!important}
}

/* Videos: three equal columns with balanced outer margins. */
.videos-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:stretch!important;gap:clamp(22px,3vw,44px)!important;max-width:1260px!important;margin-inline:auto!important}
.video-card{width:100%!important;max-width:none!important;min-width:0}
@media(max-width:590px){.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:590px!important;gap:32px 24px!important}}
@media(max-width:590px){.videos-grid{grid-template-columns:minmax(0,1fr)!important;max-width:440px!important;gap:36px!important}.video-card{width:100%!important}}

/* Recent Notes use the same aged ruled-paper artwork as the essay cards. */
.recent-notes{background:#f1eee6 url('./assets/recent-notes-paper-v10.jpg') center center/cover no-repeat!important}
.recent-notes .intro-background{display:none!important}
.recent-notes::before,.recent-notes::after{content:none!important;display:none!important}
.recent-note{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}

/* Use a consistent medium gray for all work labels and years. */
.work-meta,.work-meta *{color:#777570!important}

/* Quiet, stained ruled paper for Recent Notes; keep texture behind the writing. */
.recent-notes{--notes-rule:36px;background:#dedbd3!important}
.recent-notes .intro-background{display:none!important}
.recent-notes::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:0;pointer-events:none;background:url('./assets/recent-notes-paper-3.jpg') center center/cover no-repeat;filter:grayscale(.72) saturate(.22) brightness(.78) contrast(.9);opacity:.92;mix-blend-mode:multiply}
.recent-notes::after{content:""!important;display:block!important;position:absolute;inset:0;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--notes-rule) - 1px),rgba(57,55,49,.14) calc(var(--notes-rule) - 1px) var(--notes-rule)),radial-gradient(ellipse at 12% 20%,rgba(86,69,48,.15),transparent 19%),radial-gradient(ellipse at 79% 68%,rgba(74,63,48,.13),transparent 21%),radial-gradient(ellipse at 47% 92%,rgba(92,75,55,.11),transparent 18%);background-size:auto,auto,auto,auto;background-repeat:repeat,no-repeat,no-repeat,no-repeat;mix-blend-mode:multiply;opacity:.76}
.recent-notes-inner{z-index:2!important}
@media(max-width:590px){.recent-notes{--notes-rule:30px}}

/* Restore the paper fibers and patina; keep tonal treatment light. */
.recent-notes::before{filter:grayscale(.16) sepia(.08) saturate(.58) brightness(.92) contrast(1.06)!important;opacity:1!important;mix-blend-mode:normal!important;background-image:url('./assets/recent-notes-paper-3.jpg')!important}
.recent-notes::after{background-image:repeating-linear-gradient(to bottom,transparent 0 calc(var(--notes-rule) - 1px),rgba(57,55,49,.12) calc(var(--notes-rule) - 1px) var(--notes-rule)),radial-gradient(ellipse 17% 9% at 8% 19%,rgba(89,67,43,.14) 0 17%,rgba(89,67,43,.08) 40%,transparent 100%),radial-gradient(ellipse 14% 11% at 88% 43%,rgba(85,70,52,.12) 0 15%,rgba(85,70,52,.06) 45%,transparent 100%),radial-gradient(ellipse 21% 8% at 36% 82%,rgba(93,73,49,.12) 0 14%,rgba(93,73,49,.055) 48%,transparent 100%),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")!important;background-size:auto,auto,auto,auto,180px 180px!important;background-repeat:repeat,no-repeat,no-repeat,no-repeat,repeat!important;mix-blend-mode:multiply!important;opacity:.72!important}

/* Scroll-aware purple underline for the section currently at the top. */
.nav a{position:relative;padding:8px 0 10px!important}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;background:#72578b;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.nav a.is-active::after,.nav a[aria-current="location"]::after{transform:scaleX(1)}
.nav a.is-active{color:#72578b!important}

/* Temporarily remove the paper image from Recent Notes while retaining ruled lines. */
.recent-notes{background:var(--paper)!important}
.recent-notes .intro-background,.recent-notes::before{display:none!important;content:none!important}

/* Reset the entire Recent Notes backdrop: no paper, rules, stains, or section fill. */
.recent-notes{background:transparent!important}
.recent-notes .intro-background{display:none!important;background:none!important;opacity:0!important}
.recent-notes::before,.recent-notes::after{display:none!important;content:none!important;background:none!important;opacity:0!important}

/* Recent Notes: selected ruled-paper texture with closer ruling and adjustable note typography. */
.recent-notes{--notes-rule:32px!important;background:#eeeae1!important}
.recent-notes::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;background-image:url('./assets/recent-notes-paper-2.jpg')!important;background-size:100% 650px!important;background-repeat:repeat-y!important;background-position:center top!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.recent-notes::after{content:none!important;display:none!important}
.recent-notes-inner{position:relative!important;z-index:2!important}
.recent-note time,.recent-note h2,.recent-note p{line-height:var(--note-line-height,var(--notes-rule))!important}
.timeline>div{grid-template-columns:150px minmax(0,1fr)!important;align-items:start!important;gap:15px!important}
.timeline b,.timeline p{font-family:inherit!important;color:#3f2b56!important;font-size:14px!important;font-weight:400!important;line-height:1.8!important;letter-spacing:0!important}
.timeline b{display:block!important;white-space:normal!important}
@media(max-width:590px){.timeline>div{grid-template-columns:130px minmax(0,1fr)!important}}
@media(max-width:590px){.recent-notes{--notes-rule:28px!important}.recent-notes::before{background-size:auto 620px!important}.timeline>div{grid-template-columns:1fr!important;gap:5px!important}}

/* About section copy: consistent, smaller type and one deep-purple ink color. */
.about-grid .about-copy p,.about-grid .timeline b,.about-grid .timeline p{font-family:inherit!important;color:#3f2b56!important;font-size:14px!important;font-weight:400!important;line-height:1.9!important;letter-spacing:0!important}
@media(max-width:590px){.about-grid .about-copy p,.about-grid .timeline b,.about-grid .timeline p{font-size:13px!important}}

/* About section: align both columns at the top and refine the editorial rhythm. */
.about-grid{align-items:start!important}
.about-grid>.about-copy,.about-grid>.timeline{align-self:start!important;margin-top:0!important}
.about-grid .about-copy p,.about-grid .timeline b,.about-grid .timeline p{font-size:13px!important;line-height:1.85!important}
.about-copy .large{margin-bottom:24px!important}
.about-copy .muted{border-top:0!important;padding-top:14px!important;margin-top:0!important}
.timeline{border-left:1px solid rgba(63,43,86,.24)!important;padding-left:clamp(18px,2.5vw,36px)!important}
.timeline h3{font-size:11px!important;letter-spacing:.14em!important;color:#3f2b56!important;border-bottom:0!important;padding-bottom:13px!important;margin-bottom:4px!important}
.timeline>div{border-bottom:0!important;padding-top:13px!important;padding-bottom:13px!important}
@media(max-width:590px){.timeline{border-left:1px solid rgba(63,43,86,.24)!important;border-top:0!important;padding:0 0 0 18px!important}.about-copy .muted{padding-top:12px!important}}
@media(max-width:590px){.about-grid .about-copy p,.about-grid .timeline b,.about-grid .timeline p{font-size:12px!important}}

/* About composition: stack intro and CV, center the shared-width blocks, and keep their text edges aligned. */
.about-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:center!important;gap:30px!important;width:min(100%,980px)!important;min-height:clamp(500px,62vh,820px)!important;margin-inline:auto!important}
.about-grid>.about-copy,.about-grid>.timeline{width:100%!important;max-width:none!important;margin:0!important;align-self:auto!important}
.about-copy{padding-left:22px!important}
.timeline{border-left:1px solid rgba(63,43,86,.28)!important;border-top:0!important;padding:0 0 0 22px!important}
.timeline>div{grid-template-columns:120px minmax(0,1fr)!important;gap:8px!important}
@media(max-width:590px){.about-grid{min-height:58vh!important;gap:24px!important}.about-copy{padding-left:18px!important}.timeline{padding-left:18px!important}.timeline>div{grid-template-columns:105px minmax(0,1fr)!important;gap:8px!important}}
@media(max-width:590px){.about-grid{min-height:auto!important;padding-block:24px!important}.about-copy{padding-left:14px!important}.timeline{padding-left:14px!important}.timeline>div{grid-template-columns:1fr!important;gap:4px!important}}

/* Restore the About section's original side-by-side composition. */
.about-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;width:100%!important;max-width:var(--max)!important;min-height:0!important;align-content:start!important;gap:clamp(42px,8vw,120px)!important;padding-block:0!important}
.about-copy{padding-left:0!important}
.timeline{border-left:1px solid rgba(63,43,86,.28)!important;border-top:0!important;padding:0 0 0 clamp(18px,2.5vw,36px)!important}
@media(max-width:590px){.about-grid{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}.timeline{padding:0 0 0 18px!important}}
@media(max-width:590px){.about-copy{padding-left:0!important}.timeline{padding-left:14px!important}}

/* Per-text-box controls in the site editor. */
.about-grid .about-copy p,.about-grid .timeline b,.about-grid .timeline p{font-size:var(--box-font-size,13px)!important;line-height:var(--box-line-height,1.85)!important}
.about-text-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.about-text-control-grid fieldset{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#fafaf7}
.about-text-control-grid label{margin:0}.about-text-control-grid input{width:100%}
@media(max-width:590px){.about-text-control-grid{grid-template-columns:1fr}}

/* Slightly soften yellow saturation in essay photographs. */
.essay-figures img,.essay-card-thumb img{filter:saturate(.78)!important}

/* Slightly mute the ruled paper used by essay and conversation cards.
   NOTE: 不用 mix-blend-mode——iOS/微信内核渲染会在左上角产生幽灵三角（05:21 诊断页实测） */
.writing-card .paper-sheet,.conversation-card .paper-sheet{isolation:isolate!important}
.writing-card .paper-sheet::before,.conversation-card .paper-sheet::before{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:rgba(250,249,246,.28)!important}

/* Independent About section background color. */
#about{background:var(--about-background,#f5f4f0)!important;transition:background-color .2s ease}
.control-grid [data-layout="aboutBackground"]{height:38px;padding:3px;cursor:pointer}
.contact #contact-email{display:inline-flex;align-items:center;gap:5px;width:max-content;font-size:clamp(13px,1.05vw,16px);letter-spacing:-.025em;padding-bottom:2px!important;line-height:1.2}.contact #contact-email .email-mark{display:inline-flex;width:13px;height:11px;margin:0!important;flex:none}.contact #contact-email .email-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.contact #contact-email:hover .email-mark{transform:translateY(-1px)}@media(max-width:590px){.contact #contact-email{font-size:10.5px;gap:4px;padding-bottom:2px!important}.contact #contact-email .email-mark{width:11px;height:9px}}

/* 三端独立标题字号：电脑 / 平板 / 手机，由 app.js 写入对应变量 */
@media(max-width:590px){.hero h1{font-size:var(--hero-title-tablet)}.hero-line{font-size:var(--hero-line-tablet)}.section-heading h2{font-size:var(--section-title-tablet)}.intro h2{font-size:var(--intro-title-tablet)}}
@media(max-width:590px){.hero h1{font-size:var(--hero-title-mobile)}.hero-line{font-size:var(--hero-line-mobile)}.section-heading h2{font-size:var(--section-title-mobile)}.intro h2{font-size:var(--intro-title-mobile)}}

/* 展览卡片信息文字：地点日期与编号小字，三端独立 */
.exhibition-card .card-info>span{font-size:var(--exhibition-info-size,16px)}
.exhibition-card .card-info small{font-size:var(--exhibition-label-size,10px)}
@media(max-width:590px){.exhibition-card .card-info>span{font-size:var(--exhibition-info-size-tablet,16px)}.exhibition-card .card-info small{font-size:var(--exhibition-label-size-tablet,10px)}}
@media(max-width:590px){.exhibition-card .card-info>span{font-size:var(--exhibition-info-size-mobile,16px)}.exhibition-card .card-info small{font-size:var(--exhibition-label-size-mobile,10px)}}

/* 导航与品牌：文字颜色 + 品牌字号，三端独立 */
.nav a{color:var(--nav-color,var(--ink))}
.brand span{font-size:var(--brand-size,19px);color:var(--nav-color,var(--ink))}
.brand small{font-size:var(--brand-sub-size,9px);color:var(--nav-color,var(--muted))}
@media(max-width:590px){.brand span{font-size:var(--brand-size-tablet,18px)}.brand small{font-size:var(--brand-sub-size-tablet,9px)}}
@media(max-width:590px){.brand span{font-size:var(--brand-size-mobile,16px)}.brand small{font-size:var(--brand-sub-size-mobile,9px)}}

/* 品牌名与导航链接颜色分开控制 */
.brand span{color:var(--brand-color,var(--ink))}
.brand small{color:var(--brand-color,var(--muted))}
.nav a{color:var(--nav-color,var(--ink))}

/* EN 语言按钮与导航链接对齐：相同字号、内边距与下划线位置 */
.language{border:0;border-bottom:1px solid var(--ink);padding:8px 0 10px;font-size:var(--nav-size);line-height:normal;background:transparent;min-width:0}

/* 导航字号在平板与手机端同样生效（覆盖旧的固定字号） */
@media(max-width:590px){.nav a{font-size:var(--nav-size)}}
@media(max-width:590px){.nav a{font-size:var(--nav-size)}.language{font-size:var(--nav-size)}}

/* 平板与手机端作品网格间距直接使用设定值（桌面端保留随宽度缩放） */
@media(max-width:590px){.works-grid{column-gap:var(--work-gap-x);row-gap:var(--work-gap-y)}}

/* 作品网格列数：平板与手机端修正（旧基础规则顺序问题导致移动端也用电脑列数） */
@media(max-width:590px){.works-grid{grid-template-columns:repeat(var(--works-cols-tablet),minmax(0,1fr))}}
@media(max-width:590px){.works-grid{grid-template-columns:repeat(var(--works-cols-mobile),minmax(0,1fr))}}

/* 展览封面主标题：三端独立字号（覆盖旧的 clamp 缩放） */
.exhibition-card strong{font-size:var(--card-title-size)}
@media(max-width:590px){.exhibition-card strong{font-size:var(--card-title-size-tablet)}}
@media(max-width:590px){.exhibition-card strong{font-size:var(--card-title-size-mobile)}}

/* 视频区块：画面比例 + 每行个数/间隔/最大宽度，三端独立 */
.video-frame{aspect-ratio:var(--video-ratio,16/9)}
.videos-grid{grid-template-columns:repeat(var(--videos-cols,3),minmax(0,1fr))!important;gap:var(--video-gap,44px)!important;max-width:var(--video-max-width,1260px)!important;margin-inline:auto!important}
@media(max-width:590px){.videos-grid{grid-template-columns:repeat(var(--videos-cols-tablet,2),minmax(0,1fr))!important;gap:var(--video-gap-tablet,28px)!important;max-width:var(--video-max-width-tablet,760px)!important}}
@media(max-width:590px){.videos-grid{grid-template-columns:repeat(var(--videos-cols-mobile,1),minmax(0,1fr))!important;gap:var(--video-gap-mobile,36px)!important;max-width:var(--video-max-width-mobile,440px)!important}}

/* 作品缩略图：默认灰暗，悬停或触碰变亮；程度可调，1=关闭效果 */
.work-frame img{filter:saturate(calc(var(--image-saturation) * var(--work-dim,1))) brightness(var(--work-dim,1));opacity:1}
.work-card:hover img,.work-card.is-lit img{filter:saturate(var(--image-saturation)) brightness(1);opacity:1}
@media(max-width:590px){.work-frame img{filter:saturate(calc(var(--image-saturation) * var(--work-dim-tablet,var(--work-dim,1)))) brightness(var(--work-dim-tablet,var(--work-dim,1)))}}
@media(max-width:590px){.work-frame img{filter:saturate(calc(var(--image-saturation) * var(--work-dim-mobile,var(--work-dim,1)))) brightness(var(--work-dim-mobile,var(--work-dim,1)))}}

/* 个展横向滚动条下方第一条通栏分隔线：移除（保留下方文字） */
.progression{border-top:0!important;padding-top:0}

/* 顶部导航高度：三端独立（覆盖旧的全局 --header-height 用法） */
@media(max-width:590px){.site-header{height:var(--header-height-tablet,var(--header-height))}}
@media(max-width:590px){.site-header{height:var(--header-height-mobile,var(--header-height))}}

/* 笔记区：真实横线纸做底图，横线精确对准文字行（42px 节奏，线落基线 27px 处） */
.recent-notes{background-color:#e8e4dc;background-image:url('assets/recent-notes-paper-4-band.jpg');background-repeat:repeat-y;background-size:100% 42px;background-position:0 calc(var(--space-notes-top) + 27px)}
.recent-notes .intro-background{display:none!important}
.recent-notes::after{display:none!important}
@media(max-width:590px){
  .recent-notes{background-size:100% 34px;background-position:0 calc(var(--space-notes-top) + 22px)}
  .recent-notes .section-index{line-height:34px;margin-bottom:34px}
  .recent-note{margin-bottom:34px!important}
}

/* 笔记区：横线纸底图 v2 —— 全端统一 32px 文字节奏，纸带每 32px 一条线，落在每行文字基线处（覆盖全部历史层） */
.recent-notes{background:#eeeae1 url('assets/recent-notes-paper-4-band.jpg') repeat-y 0 calc(var(--space-notes-top) + 21px)/100% 32px !important}
.recent-notes .intro-background,.recent-notes::before,.recent-notes::after{display:none!important;content:none!important;background:none!important;opacity:0!important}
.recent-notes .section-index{line-height:32px!important;margin-bottom:32px!important}
.recent-notes-grid{grid-template-rows:repeat(2,minmax(256px,auto))!important;gap:64px 34px!important}
.recent-note time,.recent-note h2,.recent-note p{line-height:32px!important}
.recent-note--medium{margin-top:96px!important}
.recent-note--small{margin-top:64px!important}
.recent-note--wide{margin-top:0!important}
.recent-note--tiny{margin-top:96px!important}
@media(max-width:590px){.recent-note{margin-bottom:64px!important}.recent-notes .section-index{line-height:32px!important;margin-bottom:32px!important}}

/* 笔记横线落点：编辑器可调（相对每行文字顶部 0-31px） */
.recent-notes{background-position:0 calc(var(--space-notes-top) + var(--notes-line-offset,21px))!important}

/* 文字类参数三端独立：断点处在目标元素上切换变量（封面小字/作品标题/个人介绍/随笔卡片） */
@media(max-width:590px){
  .eyebrow{font-size:var(--hero-eyebrow-tablet)}
  .work-title,.video-meta strong{font-size:var(--work-title-tablet)}
  .about-copy .large{font-size:var(--about-lead-tablet)}
  .paper-sheet>strong{font-size:var(--writing-title-tablet,16px)!important;transform:translate(var(--writing-copy-x-tablet,0px),var(--writing-copy-y-tablet,0px))!important}
  .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.paper-sheet>small{font-size:var(--writing-subtitle-tablet,10px)!important;transform:translate(var(--writing-copy-x-tablet,0px),var(--writing-copy-y-tablet,0px))!important}
  .writing-card .paper-sheet>strong,.conversation-card .paper-sheet>strong{line-height:var(--writing-leading-tablet,40px)!important}
  .writing-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.conversation-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){line-height:var(--writing-leading-tablet,40px)!important}
  .writing-card .paper-sheet>small,.conversation-card .paper-sheet>small{line-height:var(--writing-leading-tablet,40px)!important}
}
@media(max-width:590px){
  .eyebrow{font-size:var(--hero-eyebrow-mobile)}
  .work-title,.video-meta strong{font-size:var(--work-title-mobile)}
  .about-copy .large{font-size:var(--about-lead-mobile)}
  .paper-sheet>strong{font-size:var(--writing-title-mobile,16px)!important;transform:translate(var(--writing-copy-x-mobile,0px),var(--writing-copy-y-mobile,0px))!important}
  .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.paper-sheet>small{font-size:var(--writing-subtitle-mobile,10px)!important;transform:translate(var(--writing-copy-x-mobile,0px),var(--writing-copy-y-mobile,0px))!important}
  .writing-card .paper-sheet>strong,.conversation-card .paper-sheet>strong{line-height:var(--writing-leading-mobile,40px)!important}
  .writing-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb),.conversation-card .paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){line-height:var(--writing-leading-mobile,40px)!important}
  .writing-card .paper-sheet>small,.conversation-card .paper-sheet>small{line-height:var(--writing-leading-mobile,40px)!important}
}

/* 手机端：关于页简历栏左侧竖线移除 */
@media(max-width:590px){.timeline{border-left:0!important;padding-left:0!important}}

/* 关于页：介绍/个展/群展三段文字与履历标题，字号三端独立、颜色各自可调（压过历史层） */
#about-bio{font-size:var(--about-bio-size)!important;color:var(--about-bio-color)!important}
#about-note{font-size:var(--about-note-size)!important;color:var(--about-note-color)!important}
#cv-solo{font-size:var(--cv-solo-size)!important;color:var(--cv-solo-color)!important}
#cv-group{font-size:var(--cv-group-size)!important;color:var(--cv-group-color)!important}
.about-grid .timeline b{font-size:var(--cv-label-size)!important;color:var(--cv-label-color)!important}
@media(max-width:590px){
  #about-bio{font-size:var(--about-bio-size-tablet)!important}
  #about-note{font-size:var(--about-note-size-tablet)!important}
  #cv-solo{font-size:var(--cv-solo-size-tablet)!important}
  #cv-group{font-size:var(--cv-group-size-tablet)!important}
  .about-grid .timeline b{font-size:var(--cv-label-size-tablet)!important}
}
@media(max-width:590px){
  #about-bio{font-size:var(--about-bio-size-mobile)!important}
  #about-note{font-size:var(--about-note-size-mobile)!important}
  #cv-solo{font-size:var(--cv-solo-size-mobile)!important}
  #cv-group{font-size:var(--cv-group-size-mobile)!important}
  .about-grid .timeline b{font-size:var(--cv-label-size-mobile)!important}
}

/* 「过去的笔记」按钮位置：三端独立微调 */
.notes-history-open{transform:translate(var(--notes-btn-x,0px),var(--notes-btn-y,0px))}
@media(max-width:590px){.notes-history-open{transform:translate(var(--notes-btn-x-tablet,var(--notes-btn-x,0px)),var(--notes-btn-y-tablet,var(--notes-btn-y,0px)))}}
@media(max-width:590px){.notes-history-open{transform:translate(var(--notes-btn-x-mobile,var(--notes-btn-x,0px)),var(--notes-btn-y-mobile,var(--notes-btn-y,0px)))}}

/* 箭号统一为内联 SVG：任何设备/字体下显示一致，不再依赖字符渲染 */
.arr{width:.62em;height:.62em;display:inline-block;vertical-align:-.04em;flex:none}
.arr path{stroke:currentColor;fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}

/* 随笔/对话卡片文字颜色：标题、说明、年份分别可调（选择器与历史层同优先级且更靠后） */
.paper-sheet>strong{color:var(--writing-title-color,#39264f)!important}
.paper-sheet>span:not(.essay-card-thumb):not(.conversation-card-thumb){color:var(--writing-subtitle-color,#49365f)!important}
.writing-card .paper-sheet>small,.conversation-card .paper-sheet>small{color:var(--writing-meta-color,#49365f)!important}

/* 播放按钮：内联 SVG 三角，任何设备/字体下显示一致，不再渲染成 emoji */
.play-icon{width:1em;height:1.16em;display:block}
.play-mark{padding-left:0!important}
.play-mark .play-icon{font-size:11px;margin-left:2px}
.video-placeholder .play-icon{font-size:26px}
@media(max-width:590px){.play-mark .play-icon{font-size:9px;margin-left:1px}}

/* 视频标题颜色：单独可调，未设置时跟随右侧日期（--muted） */
.video-meta strong{color:var(--video-title-color,var(--muted))!important}

/* 最终修复：卡片柔光罩必须是完整矩形。
   之前 660 行的罩层没清 clip-path/宽高，被 239 行的折角三角裁切和 488 行的 32px 手机尺寸污染，
   在手机上渲染成左上角浅色三角块。同时彻底杀掉卡片上的所有折角伪元素。 */
.writing-card .paper-sheet::before,.conversation-card .paper-sheet::before{
  content:""!important;display:block!important;position:absolute!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:auto!important;height:auto!important;
  clip-path:none!important;border:0!important;box-shadow:none!important;filter:none!important;
  background:rgba(250,249,246,0)!important;z-index:1!important;pointer-events:none!important
}
.writing-card .paper-sheet::after,.conversation-card .paper-sheet::after,
.writing-card::after,.conversation-card::after{
  content:none!important;display:none!important
}

/* 终极等宽保险：卡片与纸面在所有端、所有内核下强制撑满轨道，
   杜绝任何 shrink-to-fit / 内联降级导致的宽度随文字变化。 */
.writings-grid,.conversations-grid{justify-items:stretch!important}
.writing-card,.conversation-card{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  justify-self:stretch!important;box-sizing:border-box!important
}
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  display:flex!important;flex-direction:column!important;position:relative!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  left:0!important;right:0!important;box-sizing:border-box!important
}

/* 老式打字机字体：随笔/对话卡片 与 Recent Notes。
   西文与数字用 Special Elite（磨损油墨打字机质感），中文用汇文明朝体（老铅字排版感，Public Domain，已子集化）。 */
@font-face{font-family:"ChenXuType";src:url("assets/fonts/SpecialElite-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"ChenXuTypeCN";src:url("assets/fonts/HuiwenMincho-CN.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
.writing-card .paper-sheet>strong,.writing-card .paper-sheet>span:not(.essay-card-thumb),.writing-card .paper-sheet>small,
.conversation-card .paper-sheet>strong,.conversation-card .paper-sheet>span:not(.conversation-card-thumb),.conversation-card .paper-sheet>small,
.writing-card .writing-no,.conversation-card .writing-no,
.recent-note,.recent-note h2,.recent-note p{
  font-family:"ChenXuType","ChenXuTypeCN","Courier New",Courier,"STFangSong","FangSong","FangSong_GB2312","SimSun",monospace!important
}

/* 「过去的笔记」入口与历史笔记弹窗也统一为打字机/老铅印字体 */
.notes-history-open,.notes-history-open span,.notes-history-modal,.notes-history-list{
  font-family:"ChenXuType","ChenXuTypeCN","Courier New",Courier,"STFangSong","FangSong","FangSong_GB2312","SimSun",monospace!important
}

/* 笔记区文字颜色：编辑器可调（--notes-text-color），默认深墨 */
.recent-note,.recent-note h2,.recent-note p{color:var(--notes-text-color,#211f1b)!important}

/* 统一纸张：随笔卡片跟随 Recent Notes 的自然泛黄纸页。
   笔记区恢复最初的 recent-notes-paper-4-band 原条带；卡片用同一张原始照片色调匹配版（v12），
   底色取条带均值 #c1bcb2，两处同源同调。 */
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  background:#c1bcb2 url('./assets/recent-notes-paper-v13.jpg') center center / auto 500px no-repeat!important
}
.recent-notes{
  background:#eeeae1 url('assets/recent-notes-paper-4-band.jpg') repeat-y 0 calc(var(--space-notes-top) + 21px)/100% 32px !important
}

/* 卡片等宽最终保险（纯 CSS，不依赖 JS）：卡片与纸面永远撑满整行，所有卡片同宽。
   放在文件末尾，优先级最高；与 index.html 里的 fixCards 脚本行为一致。 */
.writing-card,.conversation-card{
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;justify-self:stretch!important
}
.writing-card .paper-sheet,.conversation-card .paper-sheet{
  display:flex!important;flex-direction:column!important;position:relative!important;
  left:0!important;right:0!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important
}

/* ===== build 1101-23 全新笔记照片卡片 =====
   旧 paper-sheet 版式整体弃用。新卡片：固定比例（1536:570）的旧笔记本照片模板，
   宽 100% + aspect-ratio，所有卡片严格同尺寸，宽度不再依赖任何历史规则。 */
.writing-card,.conversation-card{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  padding:0!important;border:0!important;background:none!important;
  min-height:0!important;overflow:visible!important;text-align:left!important;
  position:relative!important;justify-self:stretch!important
}
.writing-card::before,.writing-card::after,
.conversation-card::before,.conversation-card::after,
.writing-card i,.conversation-card i,
.note-photo::before,.note-photo::after{
  content:none!important;display:none!important
}
.writing-card .writing-no,.conversation-card .writing-no{
  position:static!important;display:block!important;margin:0 0 10px!important;
  font-size:10px!important;letter-spacing:.12em!important;color:var(--muted)!important;
  font-family:"ChenXuType","ChenXuTypeCN","Courier New",monospace!important
}
.note-photo{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  aspect-ratio:1536/570!important;height:auto!important;min-height:0!important;max-height:none!important;
  box-sizing:border-box!important;padding:0 8%!important;margin:0!important;
  background:#e5cf9e url('assets/note-card-photo.jpg') center/cover no-repeat!important;
  border:0!important;border-radius:0!important;
  box-shadow:0 2px 8px rgba(60,45,20,.16),0 8px 18px rgba(60,45,20,.12)!important;
  clip-path:none!important;overflow:hidden!important;isolation:isolate!important
}
.note-photo>strong,.note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb),.note-photo>small{
  display:block!important;width:100%!important;max-width:100%!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  position:static!important;margin:0!important;padding:0!important;background:none!important;
  font-family:"ChenXuType","ChenXuTypeCN","Courier New","STFangSong","FangSong",monospace!important
}
.note-photo>strong{font-size:17px!important;font-weight:700!important;line-height:1.6!important;color:#2b241a!important}
.note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:11px!important;line-height:1.6!important;color:#4a3b26!important}
.note-photo>small{font-size:10px!important;line-height:1.6!important;letter-spacing:.08em!important;color:#6b5836!important}
.essay-card-thumb,.conversation-card-thumb{display:none!important}
@media(max-width:590px){
  .note-photo>strong{font-size:15px!important}
  .note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:10px!important}
}

/* ===== build 1101-24：删除照片卡片，文字区回归纯文字条目（无底板、无阴影、无固定比例） ===== */
.note-photo{
  display:block!important;width:100%!important;max-width:100%!important;
  aspect-ratio:auto!important;height:auto!important;min-height:0!important;
  background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
  padding:0 0 26px!important;margin:0!important;overflow:visible!important;clip-path:none!important
}
.note-photo>strong{
  font-size:16px!important;font-weight:600!important;line-height:1.7!important;color:var(--ink)!important
}
.note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb){
  font-size:12px!important;line-height:1.7!important;color:var(--muted)!important
}
.note-photo>small{
  font-size:10px!important;line-height:1.7!important;letter-spacing:.08em!important;color:var(--muted)!important
}

/* ===== build 1101-25：随笔/对话 = 3:1 纸纹宽卡片（与笔记区同一纸带、同一做法），
   底图大小由编辑器「随笔卡片底图大小」统一控制（--note-card-scale，三个设备共用一个值） ===== */
.note-photo{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  width:calc(100% * var(--note-card-scale,1))!important;max-width:100%!important;
  aspect-ratio:3/1!important;min-height:104px!important;height:auto!important;
  box-sizing:border-box!important;padding:14px 7% 10px!important;margin:0!important;
  background:#eeeae1 url('assets/recent-notes-paper-4-band.jpg') repeat-y 0 9px/100% 28px!important;
  box-shadow:0 2px 6px rgba(50,45,35,.14)!important;
  border:0!important;border-radius:0!important;overflow:hidden!important;clip-path:none!important
}
.note-photo>strong{
  font-size:15px!important;line-height:28px!important;color:#2b241a!important
}
.note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb){
  font-size:11px!important;line-height:28px!important;color:#4a3b26!important
}
.note-photo>small{
  font-size:10px!important;line-height:28px!important;color:#6b5836!important
}

/* ===== build 1101-26：纸带整体提亮偏黄（band-v3），笔记区与随笔卡片同步变色；
   随笔卡片高度自由控制（--note-card-height），宽度仍由 --note-card-scale 控制 ===== */
.recent-notes{
  background:#d4cbb0 url('assets/recent-notes-band-v3.jpg') repeat-y 0 calc(var(--space-notes-top) + var(--notes-line-offset,21px))/100% 32px !important
}
.note-photo{
  background:#d4cbb0 url('assets/recent-notes-band-v3.jpg') repeat-y 0 9px/100% 28px!important;
  height:var(--note-card-height,120px)!important;min-height:0!important
}

/* ===== build 1101-27：纸面调色（亮度/泛黄，编辑器「全局·精细字体与图像」面板可控），
   笔记区与随笔卡片同步。纸带移入独立伪元素层，滤镜只作用于纸面，不影响文字。 ===== */
.recent-notes{background:none!important;isolation:isolate!important;position:relative!important}
.recent-notes::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  z-index:-1!important;pointer-events:none!important;mix-blend-mode:normal!important;opacity:1!important;
  background:#d4cbb0 url('assets/recent-notes-band-v3.jpg') repeat-y 0 calc(var(--space-notes-top) + var(--notes-line-offset,21px))/100% 32px!important;
  filter:brightness(var(--paper-bright,1)) sepia(var(--paper-sepia,0))!important
}
.note-photo{background:none!important;isolation:isolate!important}
.note-photo::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  z-index:-1!important;pointer-events:none!important;
  width:auto!important;height:auto!important;clip-path:none!important;border:0!important;box-shadow:none!important;
  background:#d4cbb0 url('assets/recent-notes-band-v3.jpg') repeat-y 0 9px/100% 28px!important;
  filter:brightness(var(--paper-bright,1)) sepia(var(--paper-sepia,0))!important
}

/* ===== build 1101-28：修复笔记区纸面消失——放弃伪元素层，纸带回到元素背景，
   调色用 background-blend-mode 叠加（亮度=screen 白色层，泛黄=multiply 琥珀层），文字不受影响 ===== */
.recent-notes::before,.note-photo::before{content:none!important;display:none!important}
.recent-notes{
  isolation:isolate!important;position:relative!important;
  background:
    linear-gradient(rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1)))),rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1))))),
    linear-gradient(rgba(212,160,64,calc(var(--paper-sepia,0)*.5)),rgba(212,160,64,calc(var(--paper-sepia,0)*.5))),
    #d4cbb0 url('assets/recent-notes-band-v3.jpg') repeat-y 0 calc(var(--space-notes-top) + var(--notes-line-offset,21px))/100% 32px !important;
  background-blend-mode:screen,multiply,normal!important
}
.note-photo{
  background:
    linear-gradient(rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1)))),rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1))))),
    linear-gradient(rgba(212,160,64,calc(var(--paper-sepia,0)*.5)),rgba(212,160,64,calc(var(--paper-sepia,0)*.5))),
    #d4cbb0 url('assets/recent-notes-band-v3.jpg') repeat-y 0 9px/100% 28px !important;
  background-blend-mode:screen,multiply,normal!important
}

/* ===== build 1101-29：纸面底色开放编辑器取色（--paper-color），笔记区与随笔卡片同步 ===== */
.recent-notes{
  background:
    linear-gradient(rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1)))),rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1))))),
    linear-gradient(rgba(212,160,64,calc(var(--paper-sepia,0)*.5)),rgba(212,160,64,calc(var(--paper-sepia,0)*.5))),
    var(--paper-color,#d4cbb0) url('assets/recent-notes-band-v3.jpg') repeat-y 0 calc(var(--space-notes-top) + var(--notes-line-offset,21px))/100% 32px !important;
  background-blend-mode:screen,multiply,normal!important
}
.note-photo{
  background:
    linear-gradient(rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1)))),rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1))))),
    linear-gradient(rgba(212,160,64,calc(var(--paper-sepia,0)*.5)),rgba(212,160,64,calc(var(--paper-sepia,0)*.5))),
    var(--paper-color,#d4cbb0) url('assets/recent-notes-band-v3.jpg') repeat-y 0 9px/100% 28px !important;
  background-blend-mode:screen,multiply,normal!important
}

/* ===== build 1101-30：底图饱和度控制（--paper-sat，负值降饱和、正值提饱和，saturation 混合层） ===== */
.recent-notes{
  background:
    linear-gradient(rgba(128,128,128,calc(max(0,0 - var(--paper-sat,0)))),rgba(128,128,128,calc(max(0,0 - var(--paper-sat,0))))),
    linear-gradient(rgba(255,122,0,calc(max(0,var(--paper-sat,0)))),rgba(255,122,0,calc(max(0,var(--paper-sat,0))))),
    linear-gradient(rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1)))),rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1))))),
    linear-gradient(rgba(212,160,64,calc(var(--paper-sepia,0)*.5)),rgba(212,160,64,calc(var(--paper-sepia,0)*.5))),
    var(--paper-color,#d4cbb0) url('assets/recent-notes-band-v3.jpg') repeat-y 0 calc(var(--space-notes-top) + var(--notes-line-offset,21px))/100% 32px !important;
  background-blend-mode:saturation,saturation,screen,multiply,normal!important
}
.note-photo{
  background:
    linear-gradient(rgba(128,128,128,calc(max(0,0 - var(--paper-sat,0)))),rgba(128,128,128,calc(max(0,0 - var(--paper-sat,0))))),
    linear-gradient(rgba(255,122,0,calc(max(0,var(--paper-sat,0)))),rgba(255,122,0,calc(max(0,var(--paper-sat,0))))),
    linear-gradient(rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1)))),rgba(255,247,230,calc(min(.35,max(0,var(--paper-bright,1) - 1))))),
    linear-gradient(rgba(212,160,64,calc(var(--paper-sepia,0)*.5)),rgba(212,160,64,calc(var(--paper-sepia,0)*.5))),
    var(--paper-color,#d4cbb0) url('assets/recent-notes-band-v3.jpg') repeat-y 0 9px/100% 28px !important;
  background-blend-mode:saturation,saturation,screen,multiply,normal!important
}


/* ===== build 1101-32：随笔卡片控件换接到 .note-photo（旧规则绑的是已废弃的 .paper-sheet）。
   接通：文字左右位置 --writing-copy-x、上下位置 --writing-copy-y、行距 --writing-text-leading，
   三端独立（tablet/mobile 变量由 app.js 兜底为桌面值）。 ===== */
.note-photo>strong{
  transform:translate(var(--writing-copy-x,0px),var(--writing-copy-y,0px))!important;
  line-height:var(--writing-text-leading,28px)!important
}
.note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb),.note-photo>small{
  transform:translate(var(--writing-copy-x,0px),var(--writing-copy-y,0px))!important;
  line-height:var(--writing-text-leading,28px)!important
}
@media(max-width:590px){
  .note-photo>strong{
    transform:translate(var(--writing-copy-x-tablet,0px),var(--writing-copy-y-tablet,0px))!important;
    line-height:var(--writing-leading-tablet,28px)!important
  }
  .note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb),.note-photo>small{
    transform:translate(var(--writing-copy-x-tablet,0px),var(--writing-copy-y-tablet,0px))!important;
    line-height:var(--writing-leading-tablet,28px)!important
  }
}
@media(max-width:590px){
  .note-photo>strong{
    transform:translate(var(--writing-copy-x-mobile,0px),var(--writing-copy-y-mobile,0px))!important;
    line-height:var(--writing-leading-mobile,28px)!important
  }
  .note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb),.note-photo>small{
    transform:translate(var(--writing-copy-x-mobile,0px),var(--writing-copy-y-mobile,0px))!important;
    line-height:var(--writing-leading-mobile,28px)!important
  }
}


/* ===== build 1101-34：随笔卡片字号/颜色换接到 .note-photo（旧规则绑的是已废弃的 .paper-sheet）。
   接通：标题字号 --writing-title-size、说明字号 --writing-subtitle-size，
   标题/说明/日期颜色 --writing-title-color / --writing-subtitle-color / --writing-meta-color，
   字号三端独立（tablet/mobile 变量由 app.js 兜底为桌面值），颜色三端共用。 ===== */
.note-photo>strong{
  font-size:var(--writing-title-size,16px)!important;
  color:var(--writing-title-color,#2b241a)!important
}
.note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb){
  font-size:var(--writing-subtitle-size,11px)!important;
  color:var(--writing-subtitle-color,#4a3b26)!important
}
.note-photo>small{
  font-size:var(--writing-subtitle-size,10px)!important;
  color:var(--writing-meta-color,#6b5836)!important
}
@media(max-width:590px){
  .note-photo>strong{font-size:var(--writing-title-tablet,16px)!important}
  .note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:var(--writing-subtitle-tablet,11px)!important}
  .note-photo>small{font-size:var(--writing-subtitle-tablet,10px)!important}
}
@media(max-width:590px){
  .note-photo>strong{font-size:var(--writing-title-mobile,15px)!important}
  .note-photo>span:not(.essay-card-thumb):not(.conversation-card-thumb){font-size:var(--writing-subtitle-mobile,10px)!important}
  .note-photo>small{font-size:var(--writing-subtitle-mobile,10px)!important}
}


/* ===== build 1101-40：随笔卡片标题不加粗 ===== */
.note-photo>strong{font-weight:400!important}


/* ===== build 1101-41：简历条目一条一行（app.js 已把分号换成换行，需 pre-line 生效） ===== */
#cv-solo,#cv-group{white-space:pre-line!important}


/* ===== build 1101-42：手机端英文导航自适应——字号/间距收紧；仍放不下时隐藏滚动条（保留滑动） ===== */
@media(max-width:590px){
  .nav{scrollbar-width:none;-ms-overflow-style:none}
  .nav::-webkit-scrollbar{display:none;height:0}
  html[lang="en"] .nav{gap:6px}
  html[lang="en"] .nav a{font-size:calc(var(--nav-size,9px) * .85);letter-spacing:.05em}
}
/* Per-page essay and conversation detail typography and image layout controls. */
#essay-modal-body h2{font-size:var(--wd-title-size,40px)!important;font-weight:var(--wd-title-weight,400)!important;color:var(--wd-title-color,#171b1c)!important}
#essay-modal-body .essay-subtitle{font-size:var(--wd-subtitle-size,15px)!important;font-weight:var(--wd-subtitle-weight,400)!important;color:var(--wd-subtitle-color,#6e7473)!important}
#essay-modal-body .original-link a{text-decoration-line:underline!important;text-decoration-thickness:1px;text-underline-offset:.18em;font-size:var(--wd-link-size,14px)!important;font-weight:var(--wd-link-weight,400)!important;color:var(--wd-link-color,#596a5d)!important}
#essay-modal-body .essay-content{font-size:var(--wd-body-size,15px)!important;font-weight:var(--wd-body-weight,400)!important;color:var(--wd-body-color,#171b1c)!important;line-height:var(--wd-body-line-height,2.1)!important}
#essay-modal-body .essay-figures,#essay-modal-body .conversation-figures{display:flex!important;flex-direction:column!important;align-items:var(--wd-image-align,center)!important;gap:var(--wd-image-gap,18px)!important;margin-top:40px}
#essay-modal-body .essay-figures figure,#essay-modal-body .conversation-figures figure{width:min(var(--wd-image-width,100%),100%);max-width:100%;margin:0;transform:translate(var(--wd-image-offset-x,0px),var(--wd-image-offset-y,0px))}
#essay-modal-body .essay-figures img,#essay-modal-body .conversation-figures img{display:block;width:100%;max-height:var(--wd-image-max-height,75vh);object-fit:var(--wd-image-fit,contain);object-position:center;background:#efefeb}
#essay-modal-body .essay-figures figcaption,#essay-modal-body .conversation-figures figcaption{font-size:var(--wd-caption-size,10px)!important;font-weight:var(--wd-caption-weight,400)!important;color:var(--wd-caption-color,#6e7473)!important;padding:7px 0 18px}
#essay-modal-body .conversation-attribution{width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:42px 0 0 auto;text-align:right;font-size:var(--wd-attribution-size,12px);font-weight:var(--wd-attribution-weight,400);color:var(--wd-attribution-color,#6e7473)}
#essay-modal-body .conversation-attribution p{margin:0;white-space:pre-wrap}
#essay-modal-body .essay-content .essay-period-heading{display:block;width:100%;text-align:center;white-space:pre-wrap}
#essay-modal-body .essay-content .essay-inline-figure{display:flex;flex-direction:column;align-items:var(--wd-image-align,center);width:min(var(--wd-image-width,100%),100%);max-width:100%;margin:var(--wd-image-gap,18px) auto;transform:translate(var(--wd-image-offset-x,0px),var(--wd-image-offset-y,0px));white-space:normal}
#essay-modal-body .essay-content .essay-inline-figure img{display:block;width:100%;max-height:var(--wd-image-max-height,75vh);object-fit:var(--wd-image-fit,contain);object-position:center;background:#efefeb}
#essay-modal-body .essay-content .essay-inline-figure figcaption{font-size:var(--wd-caption-size,10px)!important;font-weight:var(--wd-caption-weight,400)!important;color:var(--wd-caption-color,#6e7473)!important;padding:7px 0 18px}

/* The Mayflies essay follows its source document's paragraphs, figures and endnotes. */
#essay-modal-body .essay-source-text{white-space:normal;overflow-wrap:anywhere}
#essay-modal-body .essay-source-text .essay-source-author{margin:0 0 2.8em;text-indent:0}
#essay-modal-body .essay-source-text .essay-source-heading{font-size:1em;font-weight:600;text-align:center;line-height:1.6;margin:2.8em 0 1.7em}
#essay-modal-body .essay-source-text .essay-source-kicker{font-size:1em;font-weight:600;text-align:left;line-height:1.6;margin:0 0 1.8em}
#essay-modal-body .essay-source-text .essay-source-paragraph{margin:0 0 2.1em;margin-bottom:1lh;text-indent:2em;line-height:inherit}
#essay-modal-body .essay-source-text .essay-plain-paragraph{margin:0 0 2.1em;margin-bottom:1lh;line-height:inherit;text-indent:2em}
#essay-modal-body .essay-source-text .essay-source-quote{font-style:italic;text-indent:2em;margin:1.8em 1.2em;line-height:inherit}
#essay-modal-body .essay-source-text .essay-source-paragraph strong{font-weight:700}
#essay-modal-body .essay-source-text .essay-note-ref{font-size:.68em;vertical-align:super;line-height:0;margin-left:.1em}
#essay-modal-body .essay-source-text .essay-source-figure{width:min(var(--source-figure-width,var(--wd-image-width,100%)),100%);max-width:100%;margin:2.2em auto;transform:translate(var(--wd-image-offset-x,0px),var(--wd-image-offset-y,0px));break-inside:avoid;text-align:center}
#essay-modal-body .essay-source-text .essay-source-media{display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);width:100%}
#essay-modal-body .essay-source-text .essay-source-media img{display:block;width:auto;max-width:100%;max-height:var(--wd-image-max-height,75vh);object-fit:contain;object-position:center}
#essay-modal-body .essay-source-text .essay-source-figure.is-pair img{height:clamp(120px,32vw,285px);width:auto;max-width:calc(50% - 16px);max-height:var(--wd-image-max-height,75vh)}
#essay-modal-body .essay-source-text .essay-source-figure figcaption{font-size:var(--wd-caption-size,10px)!important;font-weight:var(--wd-caption-weight,400)!important;color:var(--wd-caption-color,#6e7473)!important;line-height:1.7;margin-top:10px;padding:0}
#essay-modal-body .essay-source-text .essay-source-notes{border-top:1px solid var(--line);margin-top:3.5em;padding-top:1.3em;font-size:.8em;line-height:1.8}
#essay-modal-body .essay-source-text .essay-source-notes h3{font-size:1.2em;font-weight:500;margin:0 0 1em}
#essay-modal-body .essay-source-text .essay-source-notes ol{margin:0;padding-left:2em}
#essay-modal-body .essay-source-text .essay-source-notes li{padding-left:.4em;margin:0 0 1em;overflow-wrap:anywhere}
.essay-image-insert-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.essay-image-insert-toolbar button{border:1px solid #c9c9c3;background:#f7f6f2;color:#383a38;padding:5px 9px;font:inherit;font-size:12px;cursor:pointer}
.essay-body-field textarea{min-height:220px}

/* Keep captions from shifting thumbnail tops or feeding spacing measurements. */
.works-grid{align-items:start}
.works-grid>.work-card{align-self:start}

.exhibition-rotated-cover{display:block;width:100%;height:auto;aspect-ratio:var(--exhibition-ratio);overflow:hidden}

.exhibition-card .card-info .exhibition-card-title{font-size:var(--own-title-desktop,clamp(18px,2vw,var(--card-title-size)))}
@media(max-width:590px){.exhibition-card .card-info .exhibition-card-title{font-size:var(--own-title-mobile,var(--card-title-size-mobile,18px))}}

/* Explicit thumbnail alignment also avoids native mobile button centering. */
.works-grid>.work-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;align-self:start;height:auto;margin-top:0}
.works-grid .work-frame{width:100%;flex:none}
.works-grid .work-meta{width:100%;flex:none}
.work-year{white-space:nowrap;flex-shrink:0}
@media(max-width:590px){
  #works .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;gap:22px;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:thin}
  #works .filters button{flex:0 0 auto;white-space:nowrap}
  .works-grid .work-meta{display:block}
  .works-grid .work-title{overflow-wrap:anywhere}
  .works-grid .work-year{display:block;margin-top:4px}
}

.article-download button{font:inherit;color:inherit;border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.article-download{margin-top:18px;text-align:right;font-size:14px}
.article-download button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
/* Align exhibition card labels at a shared height, regardless of title length. */
.exhibition-card .card-info{
  top:auto;
  bottom:0;
  height:76%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:0 22px 16px;
}
.exhibition-card .card-info small{display:block;flex:none;line-height:1.45}
.exhibition-card .card-info .exhibition-card-title{display:block;flex:none;margin:20px 0 10px;line-height:1.2}
.exhibition-card .card-info>span{display:block;flex:none}
@media(max-width:590px){.exhibition-card .card-info{padding-inline:18px}}

/* Exhibition caption boxes sit over the full card. */
.exhibition-card .card-info{inset:0;height:100%;padding:0!important;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.57) 100%);display:block}
.exhibition-card .card-info .exhibition-textbox{position:absolute;left:10%;width:80%;max-width:none;margin:0;min-width:0;box-sizing:border-box;overflow-wrap:anywhere;z-index:1}
.exhibition-card .card-info .exhibition-card-label{top:35%}
.exhibition-card .card-info .exhibition-card-title{top:53%}
.exhibition-card .card-info .exhibition-card-venue{top:74%}

/* Each caption stays at the lower left; solo exhibition cards share one layout setting. */
.exhibition-card .card-info .exhibition-copy{top:auto;bottom:7%;left:7%;width:86%;height:auto;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:clamp(6px,1.2vw,14px);text-align:left}
.exhibition-card .card-info .exhibition-copy>.exhibition-card-label,
.exhibition-card .card-info .exhibition-copy>.exhibition-card-title,
.exhibition-card .card-info .exhibition-copy>.exhibition-card-venue{position:static;display:block;width:100%;max-width:100%;height:auto;margin:0;transform:none;flex:none}

/* Equal mobile margins and balanced body copy in both About languages. */
#about .about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;column-gap:clamp(56px,6vw,108px)!important}
#about .about-copy,#about .timeline{min-width:0}
@media(max-width:1050px){
  #about .about-grid{grid-template-columns:minmax(0,1fr)!important;row-gap:44px!important}
  #about .timeline{border-left:0!important;border-top:1px solid rgba(63,43,86,.24)!important;padding:24px 0 0!important}
}
@media(max-width:590px){
  #about{padding-inline:clamp(24px,6.5vw,32px)!important}
  #about .about-grid,#about .about-copy,#about .timeline{min-width:0;max-width:100%}
  #about .timeline{padding-inline:0!important;border-left:0!important}
  #about .about-copy p{max-width:100%;text-align:justify!important;text-align-last:left;hyphens:auto;overflow-wrap:break-word}
  #about .timeline p{overflow-wrap:break-word}
  #about-bio:empty,#about-note:empty{display:none}
}

/* ===== 2026-11-07 笔记防重叠：按序号独占格子 =====
   旧版按 size 分格，note-1/2/4 同为 large 会堆进同一格，只能靠拖拽像素偏移分开，
   文字长度一变（尤其英文）就重叠。现在每张笔记按序号独占格子，行高随内容自适应。 */
.recent-note--1{grid-column:2/span 5!important;grid-row:1!important;margin-top:0!important}
.recent-note--2{grid-column:8/span 4!important;grid-row:1!important;margin-top:96px!important}
.recent-note--3{grid-column:1/span 4!important;grid-row:2!important;margin-top:64px!important}
.recent-note--4{grid-column:5/span 4!important;grid-row:2!important;margin-top:0!important}
.recent-note--5{grid-column:9/span 4!important;grid-row:2!important;margin-top:96px!important}
.recent-note{min-width:0}
@media(max-width:950px) and (min-width:591px){
  .recent-note--1{grid-column:1/span 6!important}
  .recent-note--2{grid-column:7/span 6!important}
  .recent-note--3{grid-column:1/span 4!important}
  .recent-note--4{grid-column:5/span 4!important}
  .recent-note--5{grid-column:9/span 4!important}
}

/* ===== 2026-11-07 展览卡片标题字号：去掉 2vw 钳制，直接跟随编辑器设置 =====
   旧规则 clamp(18px,2vw,设置值) 在 1440px 下恒为 28.8px，调大无效。 */
.exhibition-card .card-info .exhibition-card-title{font-size:var(--own-title-desktop,var(--card-title-size,40px))!important}
@media(max-width:590px){
  .exhibition-card .card-info .exhibition-card-title{font-size:var(--own-title-mobile,var(--card-title-size-mobile,18px))!important}
}

/* ===== 2026-11-07 文章插图：恰好两张时并列等高 ===== */
#essay-modal-body .essay-figures[data-count="2"],
#essay-modal-body .conversation-figures[data-count="2"]{flex-direction:row!important;align-items:flex-start!important}
#essay-modal-body .essay-figures[data-count="2"] figure,
#essay-modal-body .conversation-figures[data-count="2"] figure{flex:1 1 0;width:auto!important;min-width:0}
#essay-modal-body .essay-figures[data-count="2"] img,
#essay-modal-body .conversation-figures[data-count="2"] img{width:100%;height:clamp(180px,32vw,380px);max-height:none;object-fit:cover}
@media(max-width:590px){
  #essay-modal-body .essay-figures[data-count="2"] img,
  #essay-modal-body .conversation-figures[data-count="2"] img{height:clamp(130px,38vw,240px)}
}

/* 2026-11-07 作品弹窗图片信息：整体右对齐、距右边缘可调、每项字号单独可调 */
#work-modal-body:not([data-exhibition-detail]) .modal-detail{text-align:right;margin-right:var(--wk-edge,12px)}
#work-modal-body:not([data-exhibition-detail]) .modal-detail .section-index{font-size:var(--wk-index-size,10px)}
#work-modal-body:not([data-exhibition-detail]) .modal-detail h2{font-size:var(--wk-title-size,40px)}
#work-modal-body:not([data-exhibition-detail]) .modal-detail .en-title{font-size:var(--wk-en-size,17px)}
#work-modal-body:not([data-exhibition-detail]) .modal-detail .work-meta-line{font-size:var(--wk-meta-size,14px)}
#work-modal-body:not([data-exhibition-detail]) .modal-detail .work-desc{font-size:var(--wk-desc-size,14px)}