:root{--ink:#23372f;--muted:#72796d;--line:#dddfd4;--paper:#f7f7ef;--green:#37664e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:inherit;text-underline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding:0 36px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header a{text-decoration:none;font-size:13px}.brand{font-family:Georgia,serif;font-size:22px;font-weight:bold}.brand span{color:#9b7846}.intro{padding:74px 0 48px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--green)}h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:1px;margin:16px 0}.intro p{color:var(--muted);font-size:16px}.edition{display:flex;align-items:center;gap:9px;margin-top:28px;font-size:12px}.dot{height:7px;width:7px;background:var(--green);border-radius:50%}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.section-head h2{font-size:18px;font-weight:500;margin:0}.section-head>span{font-size:11px;color:var(--muted);letter-spacing:1px}.subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subject{text-align:left;border:1px solid var(--line);background:#fffefa;padding:22px;cursor:pointer;color:var(--ink);border-radius:4px;position:relative;min-height:154px;transition:background .15s}.subject:hover{background:#ecefe3}.subject[aria-pressed=true]{background:#e5ecdf;border-color:#69816b}.subject .code{font-size:11px;letter-spacing:1px;color:var(--green)}.subject .zh{display:block;font-size:20px;margin-top:10px;font-family:Georgia,"Songti SC",serif}.subject .en{display:block;font-size:12px;color:var(--muted)}.subject .total{position:absolute;right:20px;top:20px;font-size:12px}.reading{margin-top:52px}.toolbar{display:flex;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}input,select{font:inherit;color:var(--ink);background:transparent;border:0;max-width:100%;font-size:13px}input:focus,select:focus{outline:2px solid #69816b;outline-offset:4px}.search{flex:1;display:flex;gap:12px;align-items:center}.search input{width:100%;padding:7px}.toolbar>label{font-size:12px;white-space:nowrap}#status{font-size:13px;color:var(--muted)}.paper{border-bottom:1px solid var(--line);padding:25px 0}.paper-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--muted)}.tag{background:#e7eadf;padding:1px 7px;border-radius:3px}.paper h3{font:500 22px/1.4 Georgia,"Times New Roman",serif;margin:10px 0}.paper h3 a{text-decoration:none}.paper h3 a:hover{text-decoration:underline}.authors{font-size:13px;color:var(--muted);margin:6px 0 12px}.links{display:flex;gap:20px;font-size:12px}.paper details{margin-top:13px;font-size:14px}.paper summary{cursor:pointer;color:var(--green);font-size:13px}.abstract{white-space:pre-line;overflow-wrap:anywhere;color:#49544a;max-width:900px}aside{margin:52px 0 60px;border-left:2px solid #9aab86;padding-left:22px;color:var(--muted);max-width:840px;font-size:12px}aside h2{font-size:14px;color:var(--ink);font-weight:500}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:24px;padding-bottom:30px;font-size:11px;color:var(--muted)}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}@media(max-width:700px){header,main,footer{padding-left:20px;padding-right:20px}.intro{padding-top:44px}.subjects{grid-template-columns:repeat(2,1fr)}.subject{padding:16px;min-height:158px}.subject .total{position:static;display:block;margin-top:8px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%}.paper h3{font-size:20px}footer{gap:18px}.section-head>span{letter-spacing:0}}@media(max-width:370px){.subjects{grid-template-columns:1fr}}

.intro h1{margin-bottom:0}.intro .verse-second{font-family:Georgia,"Songti SC",serif;font-size:clamp(26px,3.5vw,40px);line-height:1.5;color:var(--ink);margin:4px 0 18px;letter-spacing:2px}.intro .verse-source{font-size:12px;letter-spacing:2px;color:var(--muted);margin-top:18px}

/* A quiet spring landscape, drawn as a local SVG; the reading surface stays opaque. */
:root{--ink:#343e55;--muted:#69748b;--line:#dce0ed;--paper:#f8f9fd;--green:#647ca2}
body{background:linear-gradient(180deg,transparent 650px,#f8f9fd 1060px),url('assets/spring-landscape.svg') center top / max(100%, 1200px) auto no-repeat,#f8f9fd}
header{border-bottom-color:#ffffff80}header a{color:#505b75}.brand span{color:#ba82a2}
.intro{position:relative;padding:78px 0 58px;min-height:390px}
.intro:before{content:"";position:absolute;inset:18px 25% 8px -35px;background:radial-gradient(ellipse at 30% 45%,#f9f9ffde 10%,#f9f9ff66 48%,transparent 73%);pointer-events:none;z-index:-1}
.eyebrow{color:#657997;letter-spacing:3.5px;font-size:10px}
.intro h1,.intro .verse-second{text-shadow:0 2px 18px #fff,0 0 40px #fff9;letter-spacing:3px}
.intro .verse-source{color:#6c7186}
.edition{display:inline-flex;padding:7px 14px;border:1px solid #ffffffc9;border-radius:30px;background:#ffffff91;color:#5c6881;box-shadow:0 3px 16px #8294b009}
.dot{background:#92a8bd;box-shadow:0 0 0 4px #a4b7ce19}
.subjects{gap:16px}.subject{background:#ffffffd9;border:1px solid #ffffffef;border-radius:14px;box-shadow:0 6px 26px #677b9d0b;transition:transform .2s,box-shadow .2s,background .2s;overflow:hidden}
.subject:after{content:"";position:absolute;width:90px;height:90px;right:-27px;bottom:-43px;border-radius:50%;border:1px solid #adc0d94d;box-shadow:0 0 0 12px #c4d1e61a,0 0 0 25px #c4d1e610;pointer-events:none}
.subject:nth-child(2n):after{border-color:#d8b8d85c;box-shadow:0 0 0 12px #ead0e51c,0 0 0 25px #ead0e510}
.subject:hover{background:#fffffff5;transform:translateY(-3px);box-shadow:0 10px 26px #6c7c9c1a}
.subject[aria-pressed=true]{background:#edf0fb;border-color:#a5b5d3;box-shadow:0 5px 20px #8a9cc41a}
.subject .zh{color:#424a64}.subject .code{color:#6b7d9c}.subject .total{color:#7c819d}
.reading{background:#fffffff2;padding:28px 32px;border:1px solid #e6e9f3;border-radius:18px;box-shadow:0 8px 35px #7486a009}
.tag{background:#f0f1f8;color:#727c97;border-radius:5px}.paper summary,.links{color:#667b9c}.abstract{color:#4c566a}
aside{border-left-color:#c2b2ce}footer{border-top-color:#e0e4ef}
@media(max-width:700px){body{background-size:auto,auto 860px;background-position:center top,right -170px top}.intro{min-height:360px;padding-top:60px;padding-bottom:44px}.subjects{gap:12px}.subject{border-radius:12px}.reading{padding:22px 18px;margin-left:-4px;margin-right:-4px;border-radius:14px}.edition{font-size:11px}.intro h1{font-size:clamp(27px,6vw,38px)}.intro .verse-second{font-size:clamp(25px,5.5vw,34px)}.paper h3{overflow-wrap:anywhere}.toolbar{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.subject{transition:none}.subject:hover{transform:none}}
.update-status{font-size:12px;line-height:1.8;background:#ffffffc9;border:1px solid #fff;border-radius:12px;padding:12px 16px;margin:0 0 28px;color:#596980}.update-status a{white-space:nowrap}.filters{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:16px 0;font-size:12px}.filters label{display:flex;gap:8px;align-items:center}.reading button,.import-label{font:inherit;font-size:12px;color:#586d91;cursor:pointer;background:#f4f5fb;border:1px solid #dce2ef;border-radius:7px;padding:6px 11px}.reading button:hover{background:#e8edf9}.reading button[aria-pressed=true]{background:#e6eafa;border-color:#b0bddd}.preferences{font-size:12px;padding:12px 15px;background:#f7f8fc;border-radius:10px;margin:0 0 16px}.preferences summary{cursor:pointer;color:#63799c}.preferences p{color:#69748b}.preferences textarea{display:block;width:100%;margin:8px 0;font:inherit;color:var(--ink);border:1px solid #dce2ef;border-radius:6px;padding:10px;background:#fff}.data-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.import-label{display:inline-block}.import-label input{display:block;max-width:210px;font-size:11px}.links{align-items:center;flex-wrap:wrap;gap:10px 18px}.match-reason,.history-entry{font-size:12px;color:#74819a}.interest{background:#f5eaf3}#load-more{display:block;margin:24px auto 0;padding:10px 30px}#load-more[hidden]{display:none}.paper{scroll-margin-top:20px}@media(max-width:700px){.filters{align-items:flex-start;gap:12px}.filters label{flex-wrap:wrap}.preferences{padding:12px}.update-status{font-size:11px}.toolbar select{max-width:170px}}
.intro h1.foreign-quote{font-size:clamp(24px,3vw,38px);line-height:1.5;letter-spacing:.3px;max-width:820px;overflow-wrap:anywhere;text-wrap:pretty}.intro .verse-second.quote-translation{font-size:clamp(16px,2vw,21px);line-height:1.8;letter-spacing:1px;max-width:790px;margin-top:14px;color:#535f76}.verse-source a{text-decoration:none}.verse-source a:hover{text-decoration:underline}.quote-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:10px;color:#77839a}.quote-tools button{border:1px solid #ffffffc9;background:#ffffff9c;border-radius:20px;padding:5px 13px;color:#63738d;font:inherit;font-size:11px;cursor:pointer}.quote-tools button:hover{background:#fff}.quote-tools button[hidden]{display:none}.intro .edition{margin-top:24px}@media(max-width:700px){.intro h1.foreign-quote{font-size:26px;line-height:1.5}.intro .verse-second.quote-translation{font-size:17px;line-height:1.7}}

.subject .en{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.35;color:#424a64;margin-top:16px;padding-bottom:5px}@media(max-width:700px){.subject .en{font-size:19px;margin-top:14px}}