[data-writing-type]{--writing-accent:#b8bde3;--writing-accent-soft:#b8bde317;--writing-accent-border:#b8bde359;--writing-card:#1e1e1e}[data-writing-type=research]{--writing-accent:#87b9c5;--writing-accent-soft:#87b9c517;--writing-accent-border:#87b9c559}[data-theme=light] [data-writing-type]{--writing-accent:#646b9b;--writing-accent-soft:#646b9b12;--writing-accent-border:#646b9b42;--writing-card:#fff}[data-theme=light] [data-writing-type=research]{--writing-accent:#376e7c;--writing-accent-soft:#376e7c12;--writing-accent-border:#376e7c42}.writing-hero{border-bottom:1px solid var(--border);isolation:isolate;background:#242628;width:100%;height:560px;position:relative}.writing-hero>img{object-fit:cover;object-position:center 45%;width:100%;height:100%;display:block}.writing-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 42%,#0a0c0f59);position:absolute;inset:0}.writing-description{z-index:2;border:1px solid var(--border);background:#171717eb;border-radius:8px;width:min(850px,90% - 300px);padding:28px 30px;position:absolute;bottom:42px;right:5%}[data-theme=light] .writing-description{background:#ffffffeb}.writing-description h1{margin-bottom:12px;font:700 28px/1.4 SF Mono,Fira Code,Consolas,monospace}.writing-description p{color:var(--text-secondary);max-width:75ch;font:14px/1.9 SF Mono,Fira Code,Consolas,monospace}.writing-hero-rail{z-index:2;color:#f5f5f5;background:#171717bd;border:1px solid #fff3;border-radius:6px;width:230px;padding:15px 17px;position:absolute;bottom:42px;left:5%}.writing-hero-rail>div{color:#bdbdbd;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;font-size:10px;display:flex}.writing-hero-rail p{color:#bdbdbd;margin:13px 0 5px;font-size:10px}.writing-hero-rail strong{font-size:11px;font-weight:400;line-height:1.75;display:block}.writing-page{width:100%;max-width:1240px;margin:0 auto;padding:34px 20px 80px}.writing-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.writing-toolbar h2{color:var(--writing-accent);letter-spacing:1px;font-size:13px;font-weight:500}.writing-toolbar-end{align-items:center;gap:20px;display:flex}[data-article-count]{color:var(--text-secondary);font-size:11px}.writing-view{border:1px solid var(--border);background:var(--writing-card);border-radius:8px;gap:4px;padding:3px;display:flex}.writing-view button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:6px 9px;display:grid}.writing-view button[aria-pressed=true]{background:var(--writing-accent-soft);color:var(--writing-accent)}.article-filters{flex-wrap:wrap;gap:8px;padding:20px 0 24px;display:flex}.article-filters button{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:4px 13px;font:11px/1.6 SF Mono,Consolas,monospace}.article-filters button[aria-pressed=true]{border-color:var(--writing-accent-border);background:var(--writing-accent-soft);color:var(--writing-accent)}.writing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.writing-card{min-height:300px;color:var(--text);border:1px solid var(--border);background:var(--writing-card);border-radius:8px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.writing-card:hover{border-color:var(--writing-accent-border);transform:translateY(-2px)}.writing-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:24px 24px 0;display:flex}.writing-tag{color:var(--writing-accent);background:var(--writing-accent-soft);border:1px solid var(--writing-accent-border);border-radius:4px;padding:2px 8px;font-size:10px}.writing-date{color:var(--text-secondary);font-size:11px}.writing-card-copy{flex:1;padding:23px 24px 28px}.writing-card-copy h2{text-wrap:pretty;overflow-wrap:anywhere;margin-bottom:15px;font:600 20px/1.65 SF Mono,Fira Code,PingFang TC,Consolas,monospace}.writing-card-copy p{color:var(--text-secondary);overflow-wrap:anywhere;font:13px/1.9 SF Mono,Fira Code,PingFang TC,Consolas,monospace}.writing-card-footer{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;font-size:10px;display:flex}.writing-card-footer>:last-child{color:var(--writing-accent)}.writing-card-state[data-stage]{align-items:center;gap:7px;display:inline-flex}.writing-card-state[data-stage]:before{content:"";border:1px solid var(--writing-accent);border-radius:50%;width:5px;height:5px}.writing-card-state[data-stage=已完成]:before{background:var(--writing-accent)}.research-card-subject{color:var(--writing-accent);background:var(--writing-accent-soft);border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:14px 24px;font-size:10px;display:flex}.writing-grid[data-view=list]{grid-template-columns:1fr}.writing-grid[data-view=list] .writing-card{grid-template-columns:230px 1fr;min-height:0;display:grid}.writing-grid[data-view=list] .writing-card-meta{place-content:start;align-items:start;gap:12px;padding:24px}.writing-grid[data-view=list] .writing-card-copy{padding:20px 24px}.writing-grid[data-view=list] .writing-card-copy h2{margin-bottom:6px;font-size:17px}.writing-grid[data-view=list] .writing-card-footer,.writing-grid[data-view=list] .research-card-subject{grid-column:1/-1}.preview-note{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;font:11px/1.8 SF Mono,Consolas,monospace;display:flex}.preview-note[hidden],.reader-context[hidden]{display:none}.preview-note a{color:inherit;text-underline-offset:4px}.empty-writing{color:var(--text-secondary);grid-column:1/-1;padding:50px 0;font-size:14px}.writing-page :focus-visible{outline:2px solid var(--writing-accent);outline-offset:4px}@media (width<=1050px){.writing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-hero{height:540px}.writing-description{width:calc(90% - 250px);padding:24px}.writing-hero-rail{width:215px}}@media (width<=700px){.writing-hero{background:var(--bg);height:auto;padding-bottom:0}.writing-hero>img{height:300px}.writing-hero:after,.writing-hero-rail{display:none}.writing-description{width:auto;margin:-38px 20px 24px;padding:24px;position:relative;bottom:auto;right:auto}.writing-description h1{font-size:24px}.writing-description p{font-size:12px;line-height:1.9}.writing-page{padding:26px 20px 60px}.writing-grid{grid-template-columns:1fr;gap:16px}.writing-card{min-height:270px}.writing-card-copy h2{font-size:19px}.article-filters button{padding:7px 12px}.writing-grid[data-view=list] .writing-card{display:flex}.writing-grid[data-view=list] .writing-card-meta{padding-bottom:0}.writing-toolbar-end{gap:12px}.writing-view button{min-width:34px;min-height:32px}}@media (prefers-reduced-motion:reduce){.writing-card{transition:none}.writing-card:hover{transform:none}}.article-reader{max-width:800px;margin:auto;padding:50px 30px 100px}.reader-back{color:var(--text-secondary);font-size:13px;text-decoration:none}.reader-meta{color:var(--text-secondary);margin:40px 0 20px;font:12px/1.8 inherit}.reader-title{margin-bottom:24px;font:500 clamp(28px,4vw,42px)/1.5 -apple-system,BlinkMacSystemFont,PingFang TC,sans-serif}.reader-summary{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:35px;padding-bottom:30px;font:18px/1.9 -apple-system,BlinkMacSystemFont,sans-serif}.prose{overflow-wrap:anywhere;font:16px/1.95 -apple-system,BlinkMacSystemFont,PingFang TC,sans-serif}.prose h2,.prose h3,.prose h4{margin:32px 0 14px;line-height:1.5}.prose p,.prose ul{margin:16px 0}.prose ul{padding-left:24px}.prose pre{background:var(--hover);border:1px solid var(--border);padding:20px;font:13px/1.8 Menlo,monospace;overflow:auto}.empty-writing{color:var(--text-secondary);padding:60px 0;font:15px/1.8 -apple-system,sans-serif}.article-reader .preview-note{margin-top:28px;margin-bottom:0}.reader-context{grid-template-columns:auto 1fr;gap:12px 24px;margin:0 0 32px;font:14px/1.8 -apple-system,sans-serif;display:grid}.reader-context dt{color:var(--text-secondary)}.reader-context dd{overflow-wrap:anywhere;margin:0}@media (width<=700px){.article-reader{padding:32px 20px 60px}}.writing-card[hidden],.empty-writing[hidden]{display:none}.prose img{border-radius:8px;max-width:100%;height:auto}.prose a{color:var(--text);text-underline-offset:4px;text-decoration:underline}.prose blockquote{border-left:2px solid var(--border);color:var(--text-secondary);margin:24px 0;padding:4px 20px}.prose table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.prose td,.prose th{border:1px solid var(--border);padding:10px 14px}