:root{color-scheme:light;--paper:#f5f0e8;--ink:#242820;--muted:#62675c;--green:#24483c;--gold:#aa8147;--line:#d8d0c0;--serif:Georgia,'Times New Roman','Songti SC','STSong',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.9}html[lang=zh-Hant] body{font-family:Georgia,'Songti TC','PMingLiU',serif}a{color:var(--green);text-underline-offset:.22em}a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}p{margin:0 0 1.2em}h1,h2,h3{font-weight:400;line-height:1.45}h1{font-size:clamp(2.2rem,5vw,3.7rem);margin:18px 0 26px;max-width:20ch}html[lang=en] h1{max-width:23ch}h2{font-size:1.7rem;margin:12px 0 24px}h3{font-size:1.13rem;margin:28px 0 14px}summary{cursor:pointer;padding:13px 0}section[id],h2[id],#main{scroll-margin-top:25px}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--paper);z-index:20}.skip:focus{top:10px}
.aesthetics-header{max-width:1200px;margin:auto;padding:22px 32px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{font-size:1.5rem;text-transform:uppercase;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}.aesthetics-header>nav{display:flex;gap:26px;margin-left:auto;font-family:var(--sans);font-size:.8rem}.aesthetics-header>nav a{text-decoration:none}.language-menu{position:relative;font: .83rem var(--sans);margin-left:12px}.language-menu summary{min-width:100px;list-style:none;border:1px solid var(--line);padding:12px}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary span{float:right;margin-left:12px}.language-menu nav{position:absolute;right:0;top:100%;z-index:10;min-width:165px;background:var(--paper);padding:10px;border:1px solid var(--line);box-shadow:0 5px 20px #00000012}.language-menu a{display:block;padding:12px;text-decoration:none}.language-menu [aria-current]{background:#e8e3d7}
.hub-main{max-width:960px;padding:0 36px;margin:0 auto}.guide-main{max-width:780px;padding:48px 36px 0;margin:0 auto}.hero{padding:68px 0 42px}.guide-main .hero{padding:35px 0 20px}.kicker,.byline,.back{font-family:var(--sans);font-size:.77rem;letter-spacing:.08em}.kicker{color:var(--gold)}.deck{font-size:1.2rem;max-width:38em;color:var(--muted)}.byline{color:var(--muted);margin-top:25px}.back{text-decoration:none}.jump{display:flex;flex-wrap:wrap;gap:12px 28px;font-family:var(--sans);font-size:.85rem;padding:0 0 24px}.jump a{text-decoration:none}.hub-section{padding:42px 0;border-top:1px solid var(--line)}.hub-section>p{max-width:42em}.button{display:inline-block;border:1px solid var(--green);padding:12px 22px;text-decoration:none;margin-top:8px;font-size:.95rem}.button:hover{color:var(--paper);background:var(--green)}.edition-note{font-family:var(--sans);font-size:.85rem;color:var(--muted);line-height:1.8}.paper-map,.archive{margin-top:24px;border-top:1px solid var(--line);font-size:.94rem}.ray-list{padding-left:28px;columns:2;column-gap:35px}.ray-list li{break-inside:avoid;padding:8px}.ray-list span{display:block;font: .72rem var(--sans);color:var(--muted);margin-top:8px}.ray-list a{overflow-wrap:anywhere}.recent-list>a,.archive-list>a{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}.recent-list time,.archive-list time{font:.73rem/2 var(--sans);color:var(--muted)}.recent-list a:hover span,.archive-list a:hover span{text-decoration:underline}.month{padding-left:18px;border-top:1px solid var(--line)}.month summary{font-family:var(--sans);font-size:.84rem}.archive-list{padding:0 12px 15px}.related p{color:var(--muted)}.contents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.85rem;margin:0 0 44px}.contents nav{display:grid;gap:12px;padding:12px 0 20px}.prose{font-size:1.13rem;line-height:2.1}.prose h2{margin:56px 0 26px}.prose p{margin-bottom:1.3em}.source-note{margin-top:55px;padding:26px;border:1px solid var(--line);font-size:.88rem;color:var(--muted)}.source-note h2{font-size:1.1rem}.end-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:38px 0;font-size:.85rem}.aesthetics-footer{max-width:960px;margin:40px auto 0;padding:30px 36px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.aesthetics-footer p{margin-top:15px}
@media(max-width:600px){body{font-size:17px}.aesthetics-header{padding:16px 22px;gap:15px;flex-wrap:wrap}.brand{font-size:1.3rem}.aesthetics-header>nav{order:3;width:100%;margin:0;gap:24px}.language-menu{margin-left:auto}.hub-main,.guide-main{padding-left:23px;padding-right:23px}.guide-main{padding-top:28px}.hero{padding-top:44px}h1{font-size:2.25rem}h2{font-size:1.5rem}.deck{font-size:1.05rem}.hub-section{padding:32px 0}.ray-list{columns:1}.recent-list>a,.archive-list>a{grid-template-columns:1fr;gap:3px;padding:14px 0}.month{padding-left:10px}.prose{font-size:1.08rem}.source-note{padding:20px}.aesthetics-footer{padding-left:23px;padding-right:23px}.jump{gap:12px 20px}}
.ray-essays{display:grid;gap:0;margin:25px 0}.ray-card{border-top:1px solid var(--line);padding:24px 0 12px}.ray-card .kicker{margin:0}.ray-card h3{font-size:1.4rem;margin:10px 0 14px}.ray-card h3 a{text-decoration:none}.ray-card h3 a:hover{text-decoration:underline}.ray-card>p:not(.kicker){font-size:.98rem;color:var(--muted);max-width:42em}.chapter-links{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px 0;border-bottom:1px solid var(--line);margin-bottom:22px;font-size:.9rem}.chapter-links>a:last-child{text-align:right}.chapter-links a{overflow-wrap:anywhere}
@media(max-width:600px){.ray-card h3{font-size:1.2rem}.chapter-links{grid-template-columns:1fr;gap:24px}.chapter-links>a:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}