:root{--paper:#faf9f6;--ink:#292e2a;--muted:#81857e;--line:#dedfd7;--green:#526251}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input{outline-offset:5px}a:hover{color:var(--green)}header{max-width:1140px;margin:auto;border-bottom:1px solid var(--line)}header nav{height:142px;display:flex;justify-content:center;align-items:center;gap:100px}header nav>a:not(.wordmark){font-size:12px;letter-spacing:2px}header small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px;color:var(--muted)}.wordmark{font-family:"STSong","SimSun",serif;font-size:27px;font-weight:bold;letter-spacing:5px;text-align:center;line-height:1.15}.wordmark span{display:block}.wordmark small{font-family:Arial,sans-serif;font-weight:normal;font-size:7px;letter-spacing:1.5px}.intro{text-align:center;padding:69px 20px 56px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:500;color:var(--green)}h1,h2,h3{font-family:Georgia,"Noto Serif SC","SimSun",serif}.intro h1{font-size:43px;font-weight:normal;letter-spacing:4px;margin:24px 0 20px}.intro h1 span{color:#89957e}.intro>p:not(.eyebrow){color:#777e75;font-size:13px;letter-spacing:1px;line-height:1.8}.intro-note{display:flex;justify-content:center;align-items:center;gap:16px;font-size:10px;letter-spacing:2px;color:#93998c;margin-top:28px}.line{height:1px;width:28px;background:#b6bdac}.journal{max-width:1140px;margin:auto;padding:20px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:23px}.section-heading h2{font-size:26px;font-weight:normal;margin:10px 0 0}.section-heading sup{font:11px Arial;color:var(--muted);margin-left:10px}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #b8bfb2;padding:10px 0;width:245px}.search span{font-size:26px}.search input{border:0;background:transparent;width:100%;min-width:0;padding:5px;color:var(--ink);font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0 28px}.filters button,#reset{border:1px solid transparent;background:transparent;color:#757c71;padding:7px 14px;cursor:pointer;font-size:12px}.filters button.active{background:var(--green);color:white}.filters button:hover{border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.card{border:1px solid var(--line);background:#fff;transition:transform .25s}.card:hover{transform:translateY(-5px)}.cover{display:block;height:224px;overflow:hidden;position:relative}.cover-0{background:#c4cbbb}.cover-1{background:#c6c5dc}.cover-2{background:#d8cab6}.cover-label{position:absolute;bottom:17px;left:18px;font-size:8px;letter-spacing:2px;color:#3d463d}.cover-number{position:absolute;top:15px;right:18px;font:italic 20px Georgia;color:#ffffffb0}.artwork{height:100%;position:relative;overflow:hidden}.shape{position:absolute;width:118px;height:118px;top:48px;left:calc(50% - 59px);transform:rotate(-28deg) skew(6deg,6deg);background:linear-gradient(145deg,#e7ebdb,#849276);box-shadow:22px 25px 25px #27372333;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.art-0 .shape{background:repeating-linear-gradient(45deg,transparent 0 22px,#5c6b4c40 23px 24px),repeating-linear-gradient(-45deg,#e3e8d6 0 22px,#9daa8e 23px 24px)}.art-1 .shape{border-radius:50%;clip-path:none;transform:rotate(-30deg);background:conic-gradient(from 25deg,#d4b6ef,#779fe7,#a0e7d2,#cda9e7,#d4b6ef);box-shadow:inset -15px -10px 30px #5e51947d,18px 25px 30px #52466c33}.art-1 .orb{position:absolute;width:55px;height:55px;border-radius:50%;left:27%;top:107px;background:linear-gradient(135deg,#eea7cd,#9a82d0 50%,#8dcfd0);box-shadow:8px 10px 20px #50407455}.art-2 .shape{clip-path:none;border-radius:50%;transform:none;background:radial-gradient(circle at 30% 25%,#fffdf3 0,#e2d4bb 12%,#988b75 38%,#443e35 65%,#aaa08f 83%,#e1d9c9);box-shadow:20px 27px 24px #5b4b3655}.grid{position:absolute;inset:0;background:linear-gradient(transparent 49.8%,#ffffff22 50%,transparent 50.2%),linear-gradient(90deg,transparent 49.8%,#ffffff22 50%,transparent 50.2%);background-size:44px 44px;pointer-events:none}.card-body{padding:25px 23px 21px}.card-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:.7px;margin:0 0 16px}.card h2{font-size:23px;font-weight:normal;margin:0 0 16px}.description{font-size:12px;color:#81867d;line-height:2.05;min-height:74px;margin-bottom:24px}.card-bottom{border-top:1px solid #eee;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#81867d}.card-bottom a{color:var(--green)}.end-note{display:flex;gap:19px;justify-content:center;align-items:center;margin:62px 0 69px;color:#989e92;font-size:11px;letter-spacing:2px}.end-note span{height:1px;width:45px;background:var(--line)}footer{max-width:1140px;margin:auto;border-top:1px solid var(--line);padding:36px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top h2{font-size:22px;font-weight:normal;letter-spacing:3px;margin:13px 0}.footer-top p{color:var(--muted);font-size:11px}.back-top{font-size:11px}.legal{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#8b9085;font-size:10px}.legal>div{display:flex;gap:22px}.article-page{max-width:1140px;margin:45px auto 80px}.breadcrumb{font-size:12px;color:var(--muted)}.article-heading{text-align:center;padding:30px 0 50px}.article-heading h1{font-weight:normal;font-size:42px;margin:24px 0}.meta{font-size:12px;color:var(--muted)}.meta span{margin:0 12px}.tags{display:flex;justify-content:center;gap:10px;margin-top:23px}.tags a{font-size:10px;background:#eeeee7;padding:5px 10px}.reading-layout{display:grid;grid-template-columns:210px minmax(0,760px);gap:65px;align-items:start}.reading-layout aside{position:sticky;top:25px;border-top:1px solid var(--line);padding-top:18px}.reading-layout summary{cursor:pointer;font-size:12px;letter-spacing:2px}.reading-layout aside nav{display:flex;flex-direction:column;gap:12px;margin-top:20px}.reading-layout aside a{font-size:11px;line-height:1.6;color:#7e8579}.reading-layout aside .depth-4{padding-left:14px}.prose{font-size:15px;line-height:1.95;min-width:0;overflow-wrap:anywhere}.prose h3{font-size:27px}.prose h4{font-size:21px}.prose h2,.prose h3,.prose h4{margin-top:36px;font-weight:normal}.prose img{max-width:100%;height:auto;display:block;margin:20px auto;border:1px solid var(--line)}.prose a{color:#5a7653;text-decoration:underline;text-underline-offset:4px}.prose blockquote{border-left:3px solid #a7b39a;margin:20px 0;padding:1px 20px;color:#828b7c;background:#f0f1eb}.prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}.prose pre{position:relative;background:#252c27;color:#e2e9db;overflow:auto;padding:45px 25px 25px;font-size:12px;line-height:1.75;tab-size:4}.prose pre code{font-family:Consolas,monospace}.copy-code{position:absolute;right:12px;top:10px;background:#3e4c40;border:0;color:#e2e9db;padding:5px 10px;cursor:pointer}.prose li{padding-left:5px;margin:9px 0}.prose ul,.prose ol{padding-left:26px}.prose table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:8px}.next-article{margin-top:50px;border-top:1px solid var(--line);padding-top:25px}.next-article a{display:block;font-family:"SimSun",serif;font-size:24px;margin-top:12px;text-decoration:none}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;background:white;padding:10px;z-index:10}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#empty{text-align:center;padding:55px 10px;color:var(--muted)}#reset{border-color:var(--line)}@media(min-width:1400px){.intro{padding-top:85px;padding-bottom:70px}.cover{height:245px}}@media(max-width:1200px){header,.journal,footer,.article-page{margin-left:6%;margin-right:6%}.cards{gap:22px}.card-body{padding:21px 17px}.card-bottom{font-size:9px}.reading-layout{gap:35px}}@media(max-width:760px){header nav{height:120px;gap:45px}.intro{padding:47px 18px 40px}.intro h1{font-size:29px;letter-spacing:1px}.intro .eyebrow{font-size:8px}.intro>p:not(.eyebrow){font-size:11px}.cards{grid-template-columns:1fr}.cover{height:250px}.shape{top:62px}.art-1 .orb{top:120px}.card-body{padding:24px}.description{min-height:0}.card-bottom{font-size:11px}.section-heading{gap:15px}.section-heading h2{font-size:23px}.search{width:170px}.filters{gap:3px}.filters button{padding:7px 10px}.legal,.legal>div{flex-direction:column;gap:12px}.end-note{font-size:10px;letter-spacing:1px}.article-heading h1{font-size:30px}.reading-layout{display:block}.reading-layout aside{position:static;margin-bottom:30px}.reading-layout aside nav{max-height:200px;overflow:auto}.prose{font-size:14px}.article-heading{padding-bottom:30px}.meta{font-size:10px}.meta span{margin:0 6px}.footer-top p{max-width:220px;line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
