:root{--ink:#243c34;--muted:#737970;--paper:#f7f4ed;--line:#e4dfd4;--jade:#244e40;--gold:#ac8246;--serif:'Songti SC','STSong','SimSun',serif;--sans:'PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}a:hover{color:var(--gold)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b28b4d;outline-offset:4px}button:disabled{cursor:default;opacity:.4}.site-header{max-width:1440px;margin:auto;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{background:#984d3e;color:#fff8e4;padding:8px;border:3px double #f1d6b5;font:26px var(--serif);border-radius:2px}.brand strong{font:700 25px var(--serif);letter-spacing:.15em}.brand small{display:block;font-size:11px;color:var(--muted);letter-spacing:.12em;margin-top:4px}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}main{max-width:1344px;padding:0 32px;margin:auto}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:57px 0 50px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--gold);margin:0 0 14px;font-weight:600}h1,h2,h3{font-family:var(--serif)}h1{font-size:clamp(34px,4vw,53px);line-height:1.45;letter-spacing:.05em;margin:0}.intro-copy{font-size:14px;line-height:1.8;color:var(--muted);margin:20px 0 0}.hero-aside{border-left:1px solid #d5cebe;padding-left:48px;display:flex;align-items:center;gap:42px}.hero-aside>p{writing-mode:vertical-rl;line-height:2.5;letter-spacing:.27em;font:20px/2.3 var(--serif);color:#8c9487;height:170px}.collection-stats{display:grid;gap:24px}.collection-stats span{color:var(--muted);font-size:12px;letter-spacing:.1em}.collection-stats strong{display:block;font:36px Georgia,serif;color:var(--jade);letter-spacing:.015em;margin-bottom:6px}.catalogue{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px;padding:32px 0 65px;border-top:1px solid var(--line);min-height:600px}.directory-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:18px}.directory-heading button{border:0;background:none;font-size:12px;color:var(--muted);padding:8px}.dynasty-list{display:grid;gap:4px}.dynasty-list button{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:13px 15px;border:0;background:none;color:#677367;border-radius:4px;font-size:14px}.dynasty-list button small{font:11px Georgia,serif;color:#92998c}.dynasty-list button.active,.dynasty-list button:hover{background:var(--jade);color:#fffaef}.dynasty-list button.active small,.dynasty-list button:hover small{color:#c3d4c3}.directory-note{font:13px/2 var(--serif);letter-spacing:.12em;color:#a1a294;margin:30px 15px}.library{min-width:0}.library-topline{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.library-topline .eyebrow{margin-bottom:8px;font-size:10px}h2{font-size:29px;font-weight:600;letter-spacing:.06em;margin:0}.result-count{font-size:12px;color:var(--muted);margin:0;line-height:1.7;text-align:right}.search-box{display:flex;align-items:center;gap:12px;background:#fffdf9;border:1px solid var(--line);border-radius:5px;padding:0 17px;min-height:49px}.search-box>span:first-child{font:28px Georgia;color:var(--gold)}.search-box input{width:100%;min-width:0;border:0;background:none;outline:0;color:var(--ink);font-size:14px;padding:13px 0}.search-hint{white-space:nowrap;font-size:11px;color:#9a9b91}.section-caption{font-size:12px;color:var(--muted);line-height:1.8;margin:15px 0 20px}.author-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.author-card{display:flex;align-items:center;gap:17px;text-align:left;min-width:0;padding:18px 14px;background:#fffcf6;border:1px solid var(--line);border-radius:5px;transition:border-color .2s,transform .2s}.author-card:hover{border-color:#b2996a;transform:translateY(-2px)}.portrait-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:77px;height:98px;background:#e9e2d1;border-radius:40px 40px 4px 4px;overflow:hidden;border:1px solid #ddd3c0}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;filter:sepia(.16)}.portrait-empty{color:#9b998c;text-align:center;background:#eeeae0}.portrait-empty svg{width:36px;height:36px;display:block;margin:auto;stroke:#9a9c8b;fill:none;stroke-width:1.1}.portrait-empty span{font-size:10px;display:block;line-height:1.5;padding:6px 3px}.author-info{min-width:0}.author-info h3{font-size:23px;font-weight:600;margin:5px 0 7px;letter-spacing:.04em}.author-info .era{font-size:10px;color:var(--gold);letter-spacing:.1em}.author-info p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.author-info .arrow{display:block;color:#9b7844;margin-top:10px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:28px 0 0;color:var(--muted);font-size:12px}.pagination button{border:1px solid var(--line);background:#fffcf6;color:var(--ink);padding:9px 14px;border-radius:4px}.pagination input{width:58px;padding:7px;border:1px solid var(--line);background:#fffdf8}.pagination form{display:flex;gap:6px;align-items:center}.back-button{border:0;background:none;color:var(--gold);padding:0;margin:0 0 20px;font-size:13px}.author-profile{background:#eeeade;padding:26px;display:grid;grid-template-columns:142px 1fr;gap:26px;border-radius:6px}.author-profile .portrait-wrap{width:140px;height:177px;border-radius:65px 65px 5px 5px}.profile-caption{font-size:10px;color:var(--muted);margin:8px 0 0;text-align:center;line-height:1.7}.profile-copy h3{font-size:33px;margin:0 0 9px}.profile-life{color:var(--gold);font-size:12px;margin:0 0 13px}.profile-bio{font:15px/1.95 var(--serif);margin:0;white-space:pre-line;overflow-wrap:anywhere}.profile-copy details{margin-top:12px;font-size:12px;color:var(--muted)}.profile-copy summary{cursor:pointer}.profile-copy details p{line-height:1.8}.profile-source{font-size:11px;color:var(--muted);line-height:1.8}.type-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:22px 0 15px}.type-tabs button{padding:8px 17px;border:1px solid var(--line);background:none;border-radius:30px;color:var(--muted);font-size:13px}.type-tabs button[aria-pressed=true]{background:var(--jade);color:#fff;border-color:var(--jade)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.work-card{display:flex;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-top:2px solid #9baa92;background:#fffdf8;text-align:left;padding:24px;color:var(--ink);border-radius:3px;min-height:205px}.work-card:hover{border-color:#ab8e59}.card-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.work-card h3{font-size:23px;line-height:1.5;margin:18px 0 12px;font-weight:600}.work-excerpt{font:15px/1.9 var(--serif);color:#7d8274;margin:0 0 22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-card .card-meta:last-child{margin-top:auto}.stars{color:var(--gold);letter-spacing:.12em;white-space:nowrap}.empty-state,.error-state{padding:32px;background:#eeeadd;border-radius:4px;font-size:14px;line-height:1.8}.error-state{color:#8a4031}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:36px;padding:50px 0 60px}.about h2{line-height:1.6}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px 35px}.about-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.about-grid strong{display:block;font-size:14px;color:var(--ink);margin-bottom:3px}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--muted)}dialog{width:min(790px,calc(100% - 28px));max-height:90dvh;background:#fffdf7;border:1px solid #d6c9b0;border-radius:8px;padding:42px 46px;color:var(--ink);box-shadow:0 30px 100px #15261f50}dialog::backdrop{background:#1a30266b;backdrop-filter:blur(3px)}.close-dialog{position:sticky;display:block;margin:-23px -29px -12px auto;top:0;border:1px solid var(--line);background:#fffdf7;border-radius:50%;width:36px;height:36px;font-size:24px;color:var(--muted);z-index:1}.dialog-type{font-size:12px;color:var(--gold)}.dialog-title{font-size:34px;line-height:1.5;margin:15px 0}.dialog-author{font-size:13px;color:var(--muted)}.reading-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);margin:24px 0}.reading-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:10px 16px;font-size:14px}.reading-tabs button[aria-pressed=true]{border-bottom-color:var(--gold);color:var(--ink)}.poem-text{white-space:pre-line;font:20px/2.2 var(--serif);letter-spacing:.04em;overflow-wrap:anywhere}.translation-text{white-space:pre-line;font:16px/2 var(--sans);color:#516455}.dialog-note{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted);line-height:1.9}.read-actions{display:flex;gap:10px;margin-top:15px}.read-actions button{border:1px solid var(--line);border-radius:3px;padding:7px 12px;background:transparent;color:var(--muted);font-size:12px}
@media(max-width:1100px){.author-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue{gap:27px;grid-template-columns:165px minmax(0,1fr)}.hero-aside{gap:22px;padding-left:28px}.search-hint{display:none}footer{margin:0 32px}.site-header{padding:18px 32px}}
@media(max-width:700px){main{padding:0 18px}.site-header{padding:16px 18px}.brand small{font-size:9px}.brand strong{font-size:22px}nav{gap:14px;font-size:12px}nav a:nth-child(-n+2){display:none}.intro{display:block;padding:35px 0 28px}.intro h1 br{display:none}h1{font-size:31px;line-height:1.55}.intro-copy{font-size:13px;margin:12px 0 0}.hero-aside{padding:0;border:0;display:block}.hero-aside>p{display:none}.collection-stats{display:flex;gap:36px;margin-top:24px}.collection-stats strong{font-size:29px}.collection-stats span{font-size:10px}.catalogue{display:block;padding-top:21px}.directory{margin-bottom:27px}.directory-heading{margin-bottom:8px}.dynasty-list{display:flex;overflow-x:auto;gap:7px;padding:4px 0 8px}.dynasty-list button{display:block;white-space:nowrap;padding:10px 13px;border:1px solid var(--line);font-size:12px}.dynasty-list button small{display:none}.directory-note{display:none}h2{font-size:25px}.library-topline{align-items:center}.result-count{font-size:10px}.author-grid{gap:10px}.author-card{display:block;padding:16px 12px;text-align:center}.portrait-wrap{width:86px;height:110px;margin:auto}.author-info{margin-top:10px}.author-info h3{font-size:22px;margin:4px 0}.author-info .arrow{margin-top:7px}.author-profile{padding:20px 16px;grid-template-columns:88px 1fr;gap:18px}.author-profile .portrait-wrap{width:86px;height:116px}.profile-copy h3{font-size:29px}.profile-life{font-size:11px}.profile-bio{font-size:14px}.work-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:22px;padding:35px 0}.about h2 br{display:none}.about-grid{grid-template-columns:1fr;gap:20px}footer{margin:0 18px;display:grid}.pagination{gap:10px}.pagination form{width:100%;justify-content:center}dialog{padding:32px 24px}.dialog-title{font-size:29px}.close-dialog{margin:-15px -8px -10px auto}.poem-text{font-size:18px;line-height:2.1}}
.portrait-wrap img{object-position:center top}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.author-card{transition:none}}

.portrait-wrap img[data-portrait-name="李清照"]{object-position:center bottom}

.profile-source{overflow-wrap:anywhere}.profile-source summary{cursor:pointer}
.work-variants{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.work-variants summary{cursor:pointer;color:var(--jade);font-size:14px}.work-variants section{margin-top:24px;padding-top:8px}.work-variants h3{font-size:20px;line-height:1.6;overflow-wrap:anywhere}.work-variants .poem-text{font-size:18px}
.reading-notes{margin:26px 0 20px;padding:18px;background:#f0f3ec;border:1px solid #dde5d7;border-radius:6px;text-align:left}.reading-notes h3{margin:0 0 12px;font:600 16px var(--sans);letter-spacing:.05em}.reading-notes-body{font-size:13px;line-height:1.7}.reading-note-list{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}.reading-note-list li{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 9px;padding:8px 11px;max-width:100%;background:#fffcf6;border:1px solid #e1e5db;border-radius:4px}.reading-note-list strong{font:600 19px var(--serif)}.reading-sound{color:#365845;font-size:14px;overflow-wrap:anywhere}.reading-context{color:var(--muted);font-size:11px;max-width:100%;overflow-wrap:anywhere}.reading-alternatives{color:#856833;font-size:10px;border:1px solid #ded3b9;padding:0 4px;border-radius:3px}.reading-note-help{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.reading-notes details{margin-top:12px}.reading-notes summary{cursor:pointer;font-size:12px;color:var(--jade);margin-bottom:10px}.reading-notes-body>button{margin-left:8px;border:1px solid var(--line);border-radius:3px;padding:4px 9px;background:#fffdf9;color:var(--jade)}
@media(max-width:700px){.reading-notes{padding:14px 12px}.reading-note-list{gap:7px}.reading-note-list li{padding:7px 9px}.reading-context{font-size:11px}}