:root{color-scheme:light;--bg:#fbfcfa;--paper:#fff;--ink:#202b27;--muted:#6d7771;--line:#e1e6e0;--accent:#17574a;--soft:#edf3ef;--error:#a33d31;--reader-size:21px;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.65}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{border:0;background:none;color:inherit}input,textarea{border:1px solid var(--line);background:var(--paper);border-radius:5px;color:var(--ink);padding:12px 13px;width:100%;outline-offset:1px}textarea{resize:vertical;line-height:1.75}input::placeholder,textarea::placeholder{color:#9aa39c}label{display:block;font-size:13px;font-weight:600;margin:17px 0 7px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--accent);color:white;padding:12px 21px;border-radius:5px;font-weight:600;white-space:nowrap}.primary:hover{filter:brightness(1.13)}.primary.small{font-size:13px;padding:9px 15px;gap:15px}.subtle,.text-button{padding:7px 9px;border-radius:4px}.subtle:hover,.text-button:hover{background:var(--soft)}.text-button{color:var(--accent)}.muted{color:var(--muted)}.caption{font-size:12px;color:var(--muted);line-height:1.8}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:650;color:var(--accent);margin:0 0 11px}.error{color:var(--error);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.app{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:35px 23px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper)}.brand{text-decoration:none;font-family:"Songti SC","SimSun",serif;font-size:33px;letter-spacing:3px;font-weight:700;padding-left:13px;line-height:1.2}.brand span{display:block;font-family:system-ui,sans-serif;font-size:10px;letter-spacing:3px;font-weight:400;color:var(--muted);margin-top:10px}.sidebar nav{display:grid;gap:6px;margin-top:60px}.nav-item{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 13px;border-radius:5px;font-size:13px}.nav-item span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.nav-item.active{background:var(--soft);color:var(--accent);font-weight:650}.nav-item.active span{color:var(--accent)}.nav-item:hover{background:var(--soft)}.sidebar-bottom{margin-top:auto;display:grid;gap:6px}.sidebar-bottom button{text-align:left;font-size:12px;padding-left:13px}.sidebar-foot{border-top:1px solid var(--line);margin-top:19px;padding:17px 13px 0;font-size:10px;color:var(--muted)}#main{min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);margin:0 52px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:16px}.library-view{padding:49px 52px 70px;max-width:1240px;margin:auto}.page-heading h1{font-family:"Songti SC","SimSun",serif;font-size:40px;letter-spacing:1px;line-height:1.25;margin:0 0 16px}.page-heading p.muted{font-size:13px;margin:0}.filters{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:39px;padding-bottom:24px}.search-box{max-width:330px;flex:1}.search-box input{font-size:12px;background:transparent}.date-filters{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);white-space:nowrap}.date-filters label{margin:0 4px 0 0;font-size:11px;font-weight:400}.date-filters input{width:135px;font-size:11px;padding:10px 7px;background:transparent}.list-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding:17px 0 4px}.article-row{display:grid;grid-template-columns:88px minmax(0,1fr) 74px;gap:23px;padding:27px 0;position:relative}.article-row+.article-row{border-top:1px solid var(--line)}.article-date{font-size:11px;color:var(--muted);padding-top:4px;font-variant-numeric:tabular-nums}.article-date strong{display:block;font-size:25px;color:var(--ink);font-family:Georgia,serif;font-weight:400;line-height:1.2;margin:1px 0 6px}.article-info{min-width:0;cursor:pointer}.article-publication{font-size:10px;color:var(--accent);font-weight:600;letter-spacing:.3px;margin-bottom:8px}.article-info h2{font-family:Georgia,"Noto Serif SC","Songti SC","SimSun",serif;font-weight:600;font-size:23px;line-height:1.45;margin:0 0 7px}.article-info:hover h2{color:var(--accent)}.article-original{font-family:Georgia,serif;font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 12px}.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.article-meta .state{color:var(--accent)}.article-meta .state.failed{color:var(--error)}.row-actions{display:flex;align-items:flex-start;justify-content:flex-end;padding-top:3px}.favorite-button{font-size:11px;color:var(--muted);padding:5px 8px;border-radius:4px;white-space:nowrap}.favorite-button.on{color:var(--accent);background:var(--soft)}.empty{padding:60px 20px;text-align:center;max-width:450px;margin:10px auto}.empty .empty-mark{font-family:Georgia,serif;font-size:62px;color:var(--line);line-height:1;margin-bottom:20px}.empty h2{font-family:"Songti SC","SimSun",serif;font-size:25px;font-weight:600}.empty p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:25px}.queue-banner{margin:0 0 16px;padding:12px 16px;border-left:3px solid var(--accent);background:var(--soft);display:flex;justify-content:space-between;align-items:center;font-size:12px}.queue-banner button{padding:2px 0;white-space:nowrap}
.reader-view{padding:0 52px 90px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;padding:23px 0;gap:15px;background:var(--bg);position:sticky;top:0;z-index:2}.reader-toolbar>button{font-size:12px;padding-left:0}.reader-tools{display:flex;align-items:center;gap:8px}.segmented{display:inline-flex;background:var(--soft);border-radius:5px;padding:3px;gap:2px}.segmented button{padding:6px 12px;border-radius:3px;font-size:12px;color:var(--muted);white-space:nowrap}.segmented button.selected{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #0000000c}.reader-tools>.subtle{font-family:Georgia,serif;font-size:13px}#article-content{max-width:760px;margin:36px auto 0}.article-header .article-publication{font-size:11px;margin-bottom:18px}.article-header h1{font-family:Georgia,"Noto Serif SC","Songti SC","SimSun",serif;font-size:40px;line-height:1.38;letter-spacing:-.4px;margin:0 0 15px;font-weight:600}.article-header .english-title{font-family:Georgia,serif;font-size:20px;line-height:1.55;color:var(--muted);margin:0 0 24px}.byline{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px;padding:16px 0 22px;border-bottom:1px solid var(--line)}.article-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0 8px;font-size:11px}.article-controls button,.article-controls a{padding:5px 8px;color:var(--muted);text-decoration:none}.article-controls .active{color:var(--accent)}.article-controls .push-right{margin-left:auto}.translation-notice{padding:14px 17px;background:var(--soft);border-radius:4px;font-size:12px;margin:20px 0 10px;color:var(--accent);line-height:1.8}.translation-notice.failed{color:var(--error);background:color-mix(in srgb,var(--error) 7%,var(--paper))}.translation-notice button{color:inherit;text-decoration:underline;margin-left:12px}.article-body{padding-top:24px;font-family:Georgia,"Noto Serif SC","Songti SC","SimSun",serif;font-size:var(--reader-size);line-height:1.95;overflow-wrap:anywhere}.paragraph{margin:0 0 1.4em}.paragraph p{margin:0}.paragraph .en{color:var(--muted);font-family:Georgia,serif;font-size:calc(var(--reader-size) - 2px);line-height:1.8}.paragraph .zh+.en{margin-top:14px}.paragraph .en+.zh{margin-top:17px}.article-body.en-only .en{color:var(--ink);font-size:var(--reader-size)}.paragraph .pending-translation{font:12px/1.6 system-ui,sans-serif;color:var(--muted);margin-bottom:7px}.reading-end{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);text-align:center;font:12px/1.8 system-ui,sans-serif;color:var(--muted)}.reading-end strong{font-family:"Songti SC","SimSun",serif;font-size:21px;color:var(--ink);font-weight:500;display:block;margin-bottom:8px}.bilingual .paragraph{padding-bottom:22px;border-bottom:1px solid var(--line)}
dialog{width:min(570px,calc(100vw - 30px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:9px;padding:29px 32px;background:var(--paper);color:var(--ink);box-shadow:0 22px 80px #15251e26}dialog::backdrop{background:#15251e55;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.dialog-head h2{font-family:"Songti SC","SimSun",serif;font-size:27px;font-weight:600;margin:0}.dialog-head .eyebrow{font-size:9px;margin-bottom:8px}.close-dialog{font-size:26px;color:var(--muted);line-height:1;padding:0 0 10px 14px}.import-tabs{margin-bottom:23px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;border:1px dashed #a6b8ac;background:var(--bg);border-radius:5px;padding:35px 15px;cursor:pointer;margin:0}.dropzone strong{font-size:15px;font-weight:550}.dropzone span{font-weight:400;font-size:12px;color:var(--muted)}.dropzone small{font-weight:400;font-size:10px;color:var(--muted)}.dropzone input{position:absolute;opacity:0;width:1px;height:1px}.dropzone.dragging{background:var(--soft);border-color:var(--accent)}.import-tip{margin-top:26px;border-top:1px solid var(--line);padding-top:22px;font-size:12px}.import-tip p{color:var(--muted);line-height:1.9}.import-tip button{padding-left:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form>.primary{width:100%;margin-top:22px}.checkbox{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:400;margin-top:25px}.checkbox input{width:16px;height:16px;accent-color:var(--accent)}.settings-divider{height:1px;background:var(--line);margin-top:24px}.dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.bookmarklet{display:inline-block;padding:13px 26px;border-radius:5px;text-decoration:none;background:var(--accent);color:white;font-weight:600;margin:15px 0}.instructions{padding-left:22px;margin:18px 0 25px;font-size:13px;line-height:2.4}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:var(--ink);color:var(--paper);border-radius:5px;padding:12px 22px;max-width:90vw;font-size:13px;box-shadow:0 5px 20px #0002}
.login-view{min-height:100dvh;padding:35px 8vw 25px;display:flex;flex-direction:column}.login-brand{font-family:"Songti SC","SimSun",serif;font-size:30px;letter-spacing:3px}.login-brand span{font-family:system-ui,sans-serif;font-size:9px;letter-spacing:2px;display:inline-block;margin-left:20px;vertical-align:middle;color:var(--muted)}.login-paper{width:100%;max-width:435px;margin:auto;padding:65px 0}.login-paper h1{font-family:"Songti SC","SimSun",serif;font-weight:600;line-height:1.4;font-size:47px;margin:14px 0 18px;letter-spacing:1px}.login-paper>.muted{font-size:13px;margin:0 0 32px}.login-paper form>.primary{justify-content:space-between}.login-paper .caption{margin-top:20px}.login-footer{font-size:10px;color:var(--muted);text-align:center;margin:0}.login-paper .eyebrow{letter-spacing:2px;font-size:11px}
body.dark{color-scheme:dark;--bg:#171d1a;--paper:#1d2520;--ink:#e3e9e2;--muted:#97a49a;--line:#344038;--accent:#95c8ae;--soft:#27372e;--error:#e99a8c}body.dark .primary,body.dark .bookmarklet{color:#142a1e}body.dark dialog::backdrop{background:#050a0780}body.dark .toast{background:#dce8df;color:#15231a}
@media(min-width:1450px){.library-view{padding-left:80px;padding-right:80px}.topbar{margin-left:80px;margin-right:80px}}
@media(max-width:1100px){.app{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-left:15px;padding-right:15px}.topbar{margin:0 30px}.library-view{padding:35px 30px 65px}.reader-view{padding-left:30px;padding-right:30px}.filters{align-items:flex-start;flex-direction:column;gap:12px}.search-box{width:100%;max-width:none}.article-row{grid-template-columns:65px minmax(0,1fr) 52px;gap:16px}.article-info h2{font-size:21px}.reader-toolbar{flex-wrap:wrap}.article-header h1{font-size:34px}}
@media(max-width:700px){.app{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px 21px 0}.brand{font-size:27px;padding:0;letter-spacing:2px;display:flex;align-items:center;gap:14px}.brand span{margin:0;font-size:9px;letter-spacing:2px}.sidebar nav{display:flex;gap:0;margin-top:23px;justify-content:space-between}.nav-item{font-size:12px;gap:7px;padding:9px 10px;border-radius:4px 4px 0 0}.nav-item:first-child{padding-left:8px}.nav-item span{font-size:10px}.sidebar-bottom{position:absolute;top:19px;right:15px;display:block}.sidebar-bottom button{font-size:11px;padding:6px}.sidebar-bottom #clipper-open,.sidebar-foot{display:none}.topbar{height:64px;margin:0 21px}.topbar>div{gap:8px}.topbar .primary{font-size:11px;padding:7px 11px;gap:6px}.topbar>span{font-size:10px}.library-view{padding:33px 21px 55px}.page-heading h1{font-size:34px}.page-heading .eyebrow{font-size:9px}.filters{margin-top:28px;padding-bottom:19px}.date-filters{width:100%;gap:5px;flex-wrap:wrap}.date-filters label{font-size:10px}.date-filters input{min-width:0;flex:1;width:110px}.date-filters .subtle{padding:5px}.list-heading{font-size:9px}.article-row{grid-template-columns:47px minmax(0,1fr);gap:15px;padding:23px 0}.article-date{font-size:9px}.article-date strong{font-size:22px}.article-info h2{font-size:20px;line-height:1.5}.article-original{font-size:12px}.article-publication{font-size:9px}.article-meta{font-size:9px;gap:9px}.row-actions{grid-column:2;justify-content:flex-start;padding:0;margin-top:-8px}.favorite-button{font-size:10px;padding:0 4px}.queue-banner{font-size:11px;gap:10px}.queue-banner button{font-size:10px}.reader-view{padding:0 21px 65px}.reader-toolbar{padding:15px 0;gap:8px}.reader-toolbar>button{font-size:11px}.reader-tools{gap:3px;width:100%;justify-content:space-between}.segmented button{padding:5px 10px;font-size:11px}#article-content{margin-top:25px}.article-header h1{font-size:29px;line-height:1.45}.article-header .english-title{font-size:17px}.article-header .article-publication{font-size:10px}.byline{font-size:10px;gap:12px}.article-controls{gap:1px;font-size:10px}.article-controls button,.article-controls a{padding:5px}.article-body{font-size:calc(var(--reader-size) - 1px);line-height:1.95}.article-body .en{font-size:calc(var(--reader-size) - 2px)}dialog{padding:23px 21px;max-height:92dvh}.dialog-head h2{font-size:24px}.dialog-head .eyebrow{font-size:8px}.dropzone{padding:28px 8px}.form-row{gap:12px}.login-view{padding:25px 25px}.login-brand span{font-size:8px;margin-left:12px}.login-paper{max-width:390px;padding:50px 0}.login-paper h1{font-size:40px}.login-paper .eyebrow{font-size:10px}.toast{bottom:17px;width:max-content;max-width:90vw;text-align:center}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s}.article-info h2{transition:color .15s}dialog[open]{animation:dialog-in .14s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

.article-info h2,.article-header h1,.article-original{overflow-wrap:anywhere}