@font-face{font-family:Shusong;src:local("方正书宋_GBK"),local("FZShuSong-Z01"),local("FZSSK--GBK1-0");font-display:swap}@font-face{font-family:Fangkai;src:local("方正楷体_GBK"),local("FZKai-Z03"),local("FZKTK--GBK1-0");font-display:swap}:root{--paper:#f7f1e3;--ink:#302c26;--red:#9f3529;--rule:#53473632;color:var(--ink);background:var(--paper);font-family:Shusong,方正书宋_GBK,SimSun,serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0;font-weight:400}.wrap{width:88%;max-width:1700px;margin:auto}header{height:100px;position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 6%;z-index:5}.brand{font-size:22px;display:flex;align-items:center;gap:17px}.brand span{font:9px Georgia;letter-spacing:1.5px}nav{display:flex;gap:40px;font-size:15px}.contact-link{display:flex;align-items:center;gap:18px;font-size:14px}.hero{position:relative;height:100svh;min-height:740px;max-height:1400px;overflow:hidden;background:#fcf9ee}.hero-art{position:absolute;left:0;top:0;bottom:-30px;width:63%;background:url(../assets/background-2.webp) center 37%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent),linear-gradient(#000 90%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent),linear-gradient(#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fcf9ee77,transparent 16%,transparent 85%,#f7f1e3)}.hero-content{position:absolute;left:65%;top:29%;right:6%;z-index:1}.hero-index{font-size:13px;letter-spacing:5px;color:#77634c}.hero h1{font-size:clamp(100px,10vw,190px);letter-spacing:.13em;line-height:1.6;margin-left:-.03em;color:#292820;white-space:nowrap}.hero-author{margin-top:15px;display:flex;align-items:center;gap:25px}.hero-author p{font-size:27px;letter-spacing:4px}.hero-author span{font:15px Fangkai,KaiTi,serif;color:#77634c;white-space:nowrap}.hero-next{display:inline-flex;align-items:center;gap:65px;margin-top:70px;font-size:14px;padding-bottom:14px;border-bottom:1px solid #5a4c3c66}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(transparent,var(--paper));pointer-events:none}.about{padding:100px 0 130px;background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:12%}.section-no{font:italic 14px Georgia;color:var(--red);display:block;margin-bottom:20px}h2{font-size:clamp(38px,3.6vw,65px);letter-spacing:.1em;line-height:1.4}.bio>p{font:21px/1.9 Fangkai,方正楷体_GBK,KaiTi,serif;margin-bottom:20px;max-width:720px}.education{border-top:1px solid var(--rule);margin-top:40px}.education>div{display:grid;grid-template-columns:.9fr 1fr 1.6fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--rule);font-size:13px;align-items:center}.education time{font:12px Georgia;color:#7b6d5c}.education>div>span:last-child{font-family:Fangkai,KaiTi,serif;font-size:15px}.works{position:relative;isolation:isolate;padding:100px 0 120px;background:#f4edda;overflow:hidden}.works:before,.practice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(var(--paper),transparent 100px,transparent calc(100% - 130px),var(--paper))}.works-art{position:absolute;z-index:-2;top:0;left:0;width:100%;height:1150px;background:var(--art,none) left 25%/46% auto no-repeat;-webkit-mask-image:linear-gradient(90deg,#000 25%,transparent 54%),linear-gradient(#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 25%,transparent 54%),linear-gradient(#000 55%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;opacity:.82}.works-intro{margin-left:48%;min-height:330px;padding-top:45px}.filters{display:flex;gap:36px;margin-top:45px;border-bottom:1px solid var(--rule);width:max-content}.filters button{padding:0 0 18px;font-size:18px;position:relative}.filters sup{font:10px Georgia;margin-left:7px;color:#8a7b67}.filters .active{color:var(--red)}.filters .active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:var(--red)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 4%}.work-card{text-align:left;padding:0;min-width:0;background:#fcf8eddd;box-shadow:0 2px 3px #4f3d2010;transition:transform .35s}.work-card:nth-child(2n){transform:translateY(65px)}.work-card:hover{transform:translateY(-5px)}.work-card:nth-child(2n):hover{transform:translateY(60px)}.work-image{aspect-ratio:1.8;overflow:hidden;position:relative}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-card:hover img{transform:scale(1.025)}.open-circle{position:absolute;bottom:16px;right:18px;display:grid;place-items:center;background:#fcf8edeb;width:38px;height:38px;border-radius:50%;color:var(--ink)}.work-info{padding:23px 28px 27px}.work-meta{font:14px/1.5 Fangkai,KaiTi,serif;color:#80705d;display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.work-meta>span:last-child{white-space:nowrap;font:12px Georgia}.work-card h3{font-size:clamp(21px,1.9vw,34px);line-height:1.55}.award{font:14px/1.7 Fangkai,KaiTi,serif;color:var(--red);margin-top:13px}.practice{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);padding:130px 0 80px}.experience-art{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:38%;background:var(--art,none) center center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(transparent,#000 10%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 35%),linear-gradient(transparent,#000 10%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.experience-content{width:57%;padding-right:8%;background:linear-gradient(90deg,var(--paper) 90%,transparent)}.experience-list{margin-top:40px}.experience-list article{padding:23px 0;border-top:1px solid var(--rule)}.experience-list time{display:block;font:12px Georgia;color:#897059;margin-bottom:12px}.experience-list h3{font-size:25px;line-height:1.6}.job{font:16px Fangkai,KaiTi,serif;color:var(--red);display:block;margin-top:6px}.experience-list p{font:18px/1.9 Fangkai,KaiTi,serif;color:#675b4a;margin-top:12px;max-width:540px}.closing-art{height:460px;background:var(--art,none) center 72%/650px auto no-repeat;position:relative;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 85%,transparent)}footer{padding:22px 0;background:var(--paper);border-top:1px solid var(--rule)}.footer-row{display:flex;align-items:center;gap:35px;font-size:13px;line-height:1.8}.footer-row>span{margin-right:auto;color:#8a7863}.footer-row>a:last-child{margin-left:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#2e281b88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:35px}.reader{width:min(850px,100%);max-height:90svh;overflow:auto;background:#fbf6e9;padding:25px 60px 55px;box-shadow:0 20px 100px #21180d33;outline:none}.reader-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:18px;font-size:13px;margin-bottom:35px}.reader-bar button{padding:6px}.reader-tags{font:15px Fangkai,KaiTi,serif;color:#8d7558;margin-bottom:15px}.reader h2{font-size:30px;line-height:1.6;letter-spacing:.03em}.reading-text{font:19px/2 Shusong,方正书宋_GBK,SimSun,serif;margin-top:35px}.reading-text p{margin-bottom:25px}.reading-text.prose p{text-indent:2em;text-align:justify;white-space:normal;overflow-wrap:anywhere}.reading-text.poem p{white-space:pre-wrap;line-height:1.85}.reading-text p:last-child{margin-bottom:0}@media(min-width:1800px){header{padding:0 max(6%,calc((100vw - 1700px)/2))}.hero-content{left:64%}}@media(max-width:1050px){.brand span{display:none}.hero-content{left:60%;right:4%;top:35%}.hero h1{font-size:115px}.hero-author{display:block}.hero-author span{display:block;margin-top:18px}.hero-art{width:65%}.about-grid{gap:5%;grid-template-columns:.8fr 1.5fr}.education>div{grid-template-columns:1fr 1.6fr}.education>div>span:last-child{grid-column:2}.works-intro{margin-left:45%}.experience-content{width:65%;padding-right:10%}.experience-art{left:35%}.bio>p{font-size:19px}}@media(max-width:650px){header{height:75px;padding:0 6%}.brand{font-size:20px}nav{gap:18px;font-size:12px}.contact-link{display:none}.hero{height:92svh;min-height:680px}.hero-art{width:100%;height:80%;bottom:auto;background-position:center 20%;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.hero-art:after{background:linear-gradient(#fcf9ee66,transparent 30%)}.hero-content{left:10%;right:8%;top:auto;bottom:55px;display:grid;grid-template-columns:1fr 1fr;align-items:end}.hero-index{grid-column:1/-1;font-size:11px;letter-spacing:3px}.hero h1{font-size:85px;line-height:1.6}.hero-author{margin:0 0 15px}.hero-author p{font-size:22px}.hero-author span{font-size:11px;margin-top:12px}.hero-next{margin-top:20px;gap:35px;font-size:13px;grid-column:1/-1;justify-self:start}.about{padding:60px 0 65px}.about-grid{display:block}.section-heading{margin-bottom:30px}.section-no{font-size:12px;margin-bottom:12px}h2{font-size:36px}.bio>p{font-size:18px}.education>div{font-size:12px;padding:15px 0}.education>div>span:last-child{font-size:14px}.works{padding:65px 0 100px}.works-art{height:620px;background-size:85% auto;opacity:.45;-webkit-mask-image:linear-gradient(90deg,#000,transparent 95%),linear-gradient(#000 60%,transparent);mask-image:linear-gradient(90deg,#000,transparent 95%),linear-gradient(#000 60%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.works-intro{margin-left:28%;min-height:245px;padding-top:20px}.filters{gap:22px;margin-top:35px}.filters button{font-size:16px}.filters sup{font-size:9px;margin-left:4px}.work-grid{grid-template-columns:1fr;gap:30px}.work-card:nth-child(2n),.work-card:nth-child(2n):hover{transform:none}.work-info{padding:18px 20px 22px}.work-card h3{font-size:23px}.work-meta,.award{font-size:13px}.practice{padding:65px 0 30px}.experience-art{top:0;right:0;bottom:0;left:25%;opacity:.3}.experience-content{width:100%;padding-right:0;background:linear-gradient(90deg,var(--paper),#f7f1e3df)}.experience-list{margin-top:25px}.experience-list h3{font-size:23px}.experience-list p{font-size:17px}.closing-art{height:300px;background-size:450px auto}.footer-row{flex-wrap:wrap;gap:10px 20px;font-size:11px}.footer-row>span{width:100%;margin:0}.footer-row>a:last-child{margin-left:auto}.reader{padding:20px 25px 35px}.modal-backdrop{padding:15px}.reader h2{font-size:25px}.reading-text{font-size:17px;line-height:1.95}.reading-text.poem{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(min-width:651px)and (max-width:1050px){.hero-art{background-size:auto 130%;background-position:left top}}@media(max-width:650px){.hero-art{background-size:auto 130%;background-position:center top}}header{left:63%;right:6%;width:auto;padding:0;gap:24px;justify-content:space-between}header nav{gap:clamp(16px,2vw,36px);white-space:nowrap}header .contact-link{gap:12px;white-space:nowrap}@media(min-width:1800px){header{padding:0;left:64%}}@media(min-width:651px)and (max-width:1050px){header{left:65%;right:4%;gap:12px;flex-wrap:wrap;align-content:center;justify-content:flex-end}header nav{gap:20px;font-size:13px}header .contact-link{font-size:12px}}@media(max-width:650px){header{left:auto;right:6%;padding:0;height:75px}header nav{gap:18px;font-size:12px}}.works-art.is-ready{--art:url(../assets/background-3.webp)}.experience-art.is-ready{--art:url(../assets/background-1.webp)}.closing-art.is-ready{--art:url(../assets/background-4.webp)}@media(max-width:650px){.hero-art{background-image:url(../assets/background-2-small.webp)}.works-art.is-ready{--art:url(../assets/background-3-small.webp)}.experience-art.is-ready{--art:url(../assets/background-1-small.webp)}.closing-art.is-ready{--art:url(../assets/background-4-small.webp)}}.reading-text .prose{text-indent:2em;text-align:justify;white-space:normal;overflow-wrap:anywhere}.reading-text .verse{white-space:pre-wrap;text-indent:0;line-height:1.85}.reading-text .reading-heading{text-align:center;font-size:1.1em;font-weight:700;font-synthesis:weight;line-height:1.8;margin:2em 0 1.2em}.reader-bar{position:sticky;top:-25px;background:#fbf6e9;z-index:2;padding-top:15px}.practice{padding-bottom:12px}.closing-art{height:230px;background-position:center 84%;background-size:650px auto}@media(max-width:650px){.practice{padding-bottom:0}.closing-art{height:170px;background-size:450px auto;background-position:center 84%}.reader-bar{top:-20px}.reading-text .verse{font-size:16px}}