/* 公众号橱窗沿用首页黑白、纸色与蓝色，动效仅响应浏览操作。 */
#writing .note-articles{display:flex;flex-direction:column;background:#fafaf7;padding:28px;overflow:visible;}
.article-eyebrow{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:24px;font:10px/1.6 var(--sans,sans-serif);letter-spacing:.1em;color:#676963;}
.article-eyebrow>span:first-child{display:flex;align-items:center;gap:7px;letter-spacing:.03em;}
.article-eyebrow i{width:5px;height:5px;background:#1677ff;border-radius:50%;}
.article-feature{min-width:0;}
.article-cover{display:block;position:relative;isolation:isolate;margin:0 3px 22px;background:#eaece3;aspect-ratio:2.35;box-shadow:0 12px 18px -14px #24281955;}
.article-cover::before,.article-cover::after{content:"";position:absolute;inset:0;border:1px solid #dedfd5;background:#f0f1e9;z-index:-1;transform:translateY(5px) rotate(-2deg);transition:transform .25s ease;}
.article-cover::after{transform:translateY(9px) rotate(1.2deg);z-index:-2;background:#fff;}
.article-cover img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #e4e5dd;}
.article-read-mark{display:grid;place-items:center;position:absolute;right:9px;bottom:9px;width:28px;height:28px;background:#fff;color:#131813;border-radius:50%;box-shadow:0 1px 8px #0001;transition:transform .2s;}
.article-cover:hover .article-read-mark{transform:translate(2px,-2px);}
.article-cover:hover::before{transform:translateY(6px) rotate(-3deg);}
.article-cover-text{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:19px;letter-spacing:.02em;color:#27362d;background:#eaece3;}
.article-cover-text>span{font-size:9px;letter-spacing:.3em;}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font:10px/1.5 var(--sans,sans-serif);color:#70756b;}
.article-meta>span:first-child{color:#145dc8;}
#writing .article-meta time{font:inherit;color:inherit;letter-spacing:0;}
#writing .note-articles h3{margin:9px 0 0;height:4.14em;font-size:clamp(20px,1.7vw,25px);line-height:1.38;letter-spacing:-.03em;}
.note-articles h3 a{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.article-summary{margin:9px 0 0;color:#6c7068;font:13px/1.8 var(--sans,sans-serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em;}
.article-menu{margin-top:18px;border-top:1px solid #dedfd7;}
.article-menu-link{display:flex;align-items:center;gap:10px;min-height:45px;padding:10px 0;border-bottom:1px solid #e3e4dd;color:#65695f;text-decoration:none;font:13px/1.5 var(--sans,sans-serif);transition:color .2s;}
.article-number{flex:none;font-size:9px;font-variant-numeric:tabular-nums;color:#898c82;}
.article-menu-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.article-menu-arrow{flex:none;opacity:.35;transition:transform .2s,opacity .2s;}
.article-menu-link:is(.is-active,:hover,:focus-visible){color:#155ec5;}
.article-menu-link:is(.is-active,:hover,:focus-visible) .article-menu-arrow{opacity:1;transform:translate(2px,-2px);}
.article-browse{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding-top:16px;color:#131813;text-decoration:none;font:600 12px/1.5 var(--sans,sans-serif);}
.article-browse>span:last-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#111;color:white;font-size:17px;transition:transform .2s;}
.article-browse:hover>span:last-child{transform:rotate(45deg);}
.article-empty{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:290px;color:#6c7068;}
.article-empty p{font-size:24px;color:#151c16;}
.article-empty>span{font-size:13px;}
#writing .note-journal{padding-top:22px;padding-bottom:22px;}
#writing .note-journal h3{font-size:21px;}
.article-library-open{overflow:hidden;}
.article-library{box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(850px,92vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fbfbf8;color:#161b17;overflow:auto;overscroll-behavior:contain;font-family:var(--sans,"PingFang SC","Microsoft YaHei",sans-serif);}
.article-library::backdrop{background:#10171066;}
.library-shell{padding:48px 48px 28px;}
.library-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;}
.library-kicker{font-size:10px;line-height:1.7;letter-spacing:.16em;color:#767c70;margin:0 0 13px;}
.library-header h2{font-size:42px;line-height:1.2;letter-spacing:-.055em;margin:0;}
.library-header p:last-child{font-size:13px;color:#70766a;margin:12px 0 0;}
.library-close{flex:none;background:none;border:1px solid #d9ddd2;border-radius:50%;width:44px;height:44px;font-size:27px;line-height:1;cursor:pointer;color:inherit;}
.library-close:hover{background:#e9ede3;}
.library-tools{display:flex;align-items:end;gap:18px;margin-top:35px;}
.library-search{display:block;flex:1;min-width:0;}
.library-search>span,.library-sort>span{display:block;font-size:10px;color:#6b7264;margin-bottom:8px;}
.library-tools input,.library-tools select{box-sizing:border-box;border:0;border-bottom:1px solid #b9bfb0;border-radius:0;background:transparent;color:#161b17;font:inherit;font-size:14px;min-height:44px;}
.library-tools input{width:100%;padding:10px 2px;}
.library-tools select{max-width:130px;padding:10px 15px 10px 0;}
.library-categories{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 24px;}
.library-categories button{min-height:36px;padding:7px 14px;border:1px solid #e1e4db;border-radius:30px;background:transparent;color:#696f61;cursor:pointer;font:inherit;font-size:11px;}
.library-categories button[aria-pressed="true"]{background:#151d15;border-color:#151d15;color:white;}
.library-count{font-size:10px;letter-spacing:.03em;color:#737b69;margin:0;padding-bottom:12px;border-bottom:1px solid #d8ddcf;}
.library-article{display:grid;grid-template-columns:25px minmax(0,1fr) 110px 18px;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid #dfe3d7;text-decoration:none;color:inherit;}
.library-number{align-self:start;padding-top:4px;font-size:10px;color:#909785;font-variant-numeric:tabular-nums;}
.library-article-copy{display:block;min-width:0;}
.library-article strong{display:block;font-size:19px;line-height:1.5;font-weight:550;letter-spacing:-.02em;margin-top:7px;}
.library-summary{display:block;margin-top:7px;font-size:12px;color:#6f7666;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.library-thumb{display:block;width:110px;aspect-ratio:2.35;overflow:hidden;background:#eaece3;}
.library-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.library-thumb .article-cover-text{font-size:8px;gap:4px;}
.library-thumb .article-cover-text>span{font-size:5px;}
.library-arrow{transition:transform .2s;color:#7b8470;font-size:19px;}
.library-article:hover strong{color:#155ec5;}
.library-article:hover .library-arrow{transform:translate(3px,-3px);color:#155ec5;}
.library-message{padding:55px 0;text-align:center;color:#747b6b;font-size:14px;}
.library-message button,.library-message a{display:inline-block;color:#155ec5;border:0;background:none;font:inherit;cursor:pointer;margin:8px;padding:10px;}
.library-footer{display:flex;justify-content:space-between;gap:20px;margin-top:28px;color:#777f6d;font-size:11px;line-height:1.8;}
.library-footer a{color:inherit;}
.note-articles :focus-visible,.article-library :focus-visible,.article-archive :focus-visible{outline:2px solid #1677ff;outline-offset:5px;}
.article-archive-page{margin:0;background:#fbfbf8;color:#161b17;font-family:"PingFang SC","Microsoft YaHei",sans-serif;}
.article-archive{max-width:940px;margin:auto;padding:55px 32px 80px;}
.archive-back{display:inline-block;margin-bottom:55px;color:#59664e;text-decoration:none;font-size:12px;}
.article-archive h1{font-size:clamp(40px,6vw,68px);letter-spacing:-.055em;line-height:1.2;margin:0;}
.archive-intro{font-size:13px;line-height:1.8;color:#707866;margin:24px 0 40px;}
@media(min-width:901px) and (max-width:1250px){
 #writing .note-articles{display:grid;grid-template-columns:1fr .9fr;gap:0 35px;padding:32px 40px;}
 .article-eyebrow{grid-column:1/-1;}.article-feature{grid-column:1;grid-row:2/4;}.article-menu{grid-column:2;grid-row:2;margin-top:0;}.article-browse{grid-column:2;grid-row:3;align-self:end;}.article-menu-link{min-height:60px;}
}
@media(max-width:600px){
 #writing .note-articles{padding:24px;}#writing .note-articles h3{font-size:23px;min-height:0;}.article-eyebrow{margin-bottom:22px;}.article-summary{min-height:0;}.article-menu-link{font-size:13px;min-height:48px;}.article-browse{padding-top:20px;}.article-library{width:100vw;}.library-shell{padding:28px 22px;}.library-header h2{font-size:34px;}.library-tools{margin-top:26px;gap:12px;}.library-categories button{min-height:44px;}.library-article{grid-template-columns:minmax(0,1fr) 78px 12px;gap:12px;padding:22px 0;}.library-number{display:none;}.library-article strong{font-size:16px;}.library-thumb{width:78px;}.library-summary{-webkit-line-clamp:2;font-size:11px;}.library-footer{display:block;}.library-footer a{display:block;margin-top:8px;}.article-archive{padding:30px 22px 60px;}.archive-back{margin-bottom:40px;}
}
@media(prefers-reduced-motion:reduce){.article-cover::before,.article-cover::after,.article-read-mark,.article-menu-link,.article-menu-arrow,.article-browse>span:last-child,.library-arrow{transition:none;}}