:root{--paper:#f8f6ef;--ink:#292f2b;--muted:#777c73;--accent:#356657;--line:#dfdfd3;--red:#a65443}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .15s,color .15s}button:hover:not(:disabled){filter:brightness(.95)}[hidden]{display:none!important}.masthead{max-width:1280px;margin:auto;padding:28px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:23px;font-weight:700;letter-spacing:3px}.brand small{display:block;font:9px system-ui;letter-spacing:2.8px;color:var(--muted)}.seal{display:grid;place-items:center;width:43px;height:48px;background:var(--red);color:#fff5e4;font-weight:400;font-size:29px;border-radius:4px 1px 4px 1px;letter-spacing:0}.home-link{font-size:12px;color:var(--muted)}main{max-width:1184px;margin:auto;padding:0 0 72px}.hero{padding:62px 0 25px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);margin:0 0 12px}.hero h1{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:44px;letter-spacing:3px;font-weight:500;line-height:1.5;margin:0 0 15px}.intro{color:var(--muted);margin:0;font-size:14px}.mobile-break{display:none}.search-box{display:flex;align-items:center;gap:17px;max-width:780px;background:#fffef9;border:1px solid #c9d0c1;padding:8px 8px 8px 20px;border-radius:5px;box-shadow:0 4px 15px #39473705;margin:12px 0 53px}.search-box>span{font-size:29px;color:var(--accent)}.search-box input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:15px}.search-box button{border:0;background:var(--accent);color:white;border-radius:3px;padding:11px 27px}.layout{display:grid;grid-template-columns:232px 1fr;gap:56px}.aside-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:12px}.aside-title h2{font-size:16px;margin:0}.aside-title span{font-size:11px;color:var(--muted)}#collections{display:flex;flex-direction:column;gap:3px}.collection{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:3px;font-size:14px}.collection small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.collection.active{background:#e4ebdf;color:var(--accent);font-weight:600}.aside-note{margin-top:28px;border-top:1px solid var(--line);padding:22px 12px;color:#969c8e;font-family:serif;font-size:14px;line-height:2.2}.results-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:19px}.results-head h2{font-family:"Songti SC","SimSun",serif;font-size:26px;font-weight:500;margin:0}.results-head .eyebrow{margin-bottom:4px}.muted{color:var(--muted);font-size:12px}#result-count{margin:5px 0 0}.text-button{border:0;background:transparent;color:var(--accent);font-size:12px;padding:5px}.author-controls{display:flex;gap:10px;align-items:center;font-size:12px}.author-controls input{width:160px;border:1px solid var(--line);border-radius:3px;padding:5px 10px;background:#fffdf7;font-size:12px}.small-button{border:1px solid #cdd4c6;background:#fdfcf7;color:var(--accent);border-radius:3px;padding:5px 14px;font-size:12px}.author-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.chip{border:1px solid var(--line);background:transparent;border-radius:20px;padding:3px 12px;color:#656f61;font-size:12px}.chip.active{background:var(--accent);color:white;border-color:var(--accent)}#active-author:empty{display:none}.poem-card{padding:24px 0;border-bottom:1px solid var(--line);display:block}.poem-card:hover h3{color:var(--accent)}.card-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge{color:var(--accent);background:#eaf0e4;padding:1px 7px;border-radius:2px;font-size:10px}.poem-card h3{font:500 23px/1.6 "Songti SC","SimSun",serif;margin:9px 0 7px;transition:color .2s;overflow-wrap:anywhere}.poem-card p{font:16px/1.9 "Songti SC","SimSun",serif;color:#6b7066;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-arrow{float:right;color:#a6b49e;margin-top:5px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:28px;font-size:12px;color:var(--muted)}footer{max-width:1184px;margin:0 auto;padding:24px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}footer a{text-decoration:underline;text-underline-offset:3px}.status{padding:45px 10px;color:var(--muted);text-align:center}.error{color:var(--red)}#reader{max-width:820px;margin:38px auto 0}.back-link{font-size:13px;color:var(--accent)}.reader-head{margin-top:32px;text-align:center;border-bottom:1px solid var(--line);padding-bottom:28px}.reader-head h1{font:500 36px/1.7 "Songti SC","SimSun",serif;margin:15px 0 10px;overflow-wrap:anywhere}.reader-head .card-meta{justify-content:center}.reader-tools{display:flex;justify-content:center;gap:14px;margin-top:20px}.poem-body{padding:35px 32px;font:21px/2.2 "Songti SC","Noto Serif CJK SC","SimSun",serif;overflow-wrap:anywhere}.poem-body p{margin:0 0 15px}.notes{border-top:1px solid var(--line);padding:24px 0;font-size:14px;color:#616c5e;overflow-wrap:anywhere}.notes summary{cursor:pointer;color:var(--accent)}.notes p{margin:9px 0;white-space:pre-wrap}.source{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.reader-nav{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:25px 0;color:var(--accent);font-size:13px}.reader-nav a{max-width:45%}.reader-nav a:last-child{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{padding-top:76px}}
@media(max-width:1250px){main,footer{margin-left:40px;margin-right:40px}.masthead{padding-left:40px;padding-right:40px}}
@media(max-width:760px){.masthead{padding:19px 22px}.brand{font-size:20px}.seal{width:35px;height:41px;font-size:25px}.home-link{font-size:11px}main,footer{margin-left:22px;margin-right:22px}.hero{padding-top:36px}.hero h1{font-size:32px;letter-spacing:1px}.mobile-break{display:block}.intro{font-size:12px}.search-box{margin-bottom:30px;gap:10px;padding-left:12px}.search-box input{font-size:13px}.search-box button{padding:9px 16px;font-size:13px}.layout{display:block}.aside-title{margin-bottom:10px;padding-bottom:10px}#collections{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:15px}.collection{white-space:nowrap;background:#eeeee5;padding:5px 11px;gap:10px}.collection small{display:none}.aside-note{display:none}.results{margin-top:23px}.results-head h2{font-size:24px}.author-chips{max-height:100px;overflow:auto}.poem-card h3{font-size:21px}.poem-card p{font-size:16px}.reader-head h1{font-size:28px}.poem-body{padding:28px 0;font-size:19px}.reader-nav{font-size:12px}footer{flex-direction:column;gap:5px}main{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}


.traffic-panel{padding:20px 0 0;border-bottom:1px solid var(--line);padding-bottom:14px}
.traffic-totals{display:flex;flex-wrap:wrap;gap:28px;color:var(--muted);font-size:12px}
.traffic-totals strong{color:var(--accent);font-size:20px;font-weight:500;margin-left:9px;font-variant-numeric:tabular-nums}
#traffic-note{font-size:11px;margin:5px 0 8px}
.popular-works{font-size:12px;color:var(--accent)}
.popular-works summary{cursor:pointer;width:fit-content}
.popular-works ol{margin:10px 0 0;padding-left:22px;max-width:700px}
.popular-works li{padding:4px 0}
.popular-works li a{overflow-wrap:anywhere;margin-right:18px}
.popular-works li span{white-space:nowrap}
@media(max-width:760px){.traffic-panel{padding-top:16px}.traffic-totals{gap:24px}.traffic-totals strong{font-size:19px}#traffic-note{font-size:10px}}

.commentary{border-top:1px solid #ddd3c4;margin-top:2rem;padding-top:1.5rem;line-height:1.9}
.commentary-line{margin:1.6rem 0}.commentary blockquote{margin:0;padding:.7rem 1rem;border-left:3px solid #9e4338;background:#f7f2e9;white-space:pre-wrap}
.commentary p{white-space:pre-wrap;overflow-wrap:anywhere}.commentary h4{margin-bottom:.2rem}.commentary dt{font-weight:600}.commentary dd{margin:0 0 .6rem 1rem}
