:root{--ink:#202124;--muted:#8b8e93;--line:#eee;--blue:#6daac1;--page:#f5f5f5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-width:320px;background:var(--page);color:var(--ink);font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#4c9ab8}.site-header{position:relative;background:#fff;z-index:4}.site-top{height:59px;border-bottom:1px solid #f1f1f1}.top-inner,.category-inner{width:min(1180px,100%);margin:auto;display:flex;align-items:center}.top-inner{height:59px;padding:0 22px}.brand{display:inline-flex;align-items:center;gap:7px;flex:none;color:#66727a}.brand-mark{display:grid;width:25px;height:25px;place-items:center;font:italic 700 24px/1 Georgia,serif;color:#80bad2;background:linear-gradient(135deg,transparent 30%,#d8edf4 31%,#8bc2d9 61%,transparent 62%);clip-path:polygon(0 100%,25% 0,49% 58%,71% 0,100% 100%,75% 100%,50% 45%,28% 100%)}.brand-name{font-size:21px;font-weight:600;letter-spacing:-1px}.top-nav{margin-left:28px}.top-nav ul{display:flex;margin:0;padding:0;list-style:none}.top-nav li{white-space:nowrap}.top-nav a{display:block;padding:18px 15px;font-size:15px;color:#272727}.search-form{position:relative;width:43px;height:43px;margin-left:15px}.search-form input{position:absolute;right:39px;top:6px;width:0;height:31px;border:0;background:#f7f7f7;border-radius:16px;opacity:0;outline:0;transition:.25s;padding:0}.search-form:focus-within input{width:185px;padding:0 12px;opacity:1}.search-form button{position:absolute;right:0;top:4px;width:35px;height:35px;padding:8px;border:0;border-radius:50%;background:#f2f3f5;cursor:pointer}.search-form svg{width:19px;height:19px;fill:none;stroke:#262a2e;stroke-width:2}.login-link{margin-left:auto;color:#333;font-size:14px;white-space:nowrap}.category-nav{height:48px;border-bottom:1px solid #e9e9e9;box-shadow:0 3px 7px rgba(0,0,0,.02)}.category-inner{height:48px;padding:0 22px;gap:27px;overflow:auto;scrollbar-width:none}.category-inner::-webkit-scrollbar{display:none}.category-inner a{position:relative;display:block;height:48px;line-height:48px;white-space:nowrap;color:#767b80;font-size:14px}.category-inner a.active,.category-inner a:hover{color:#4b5a63}.category-inner a.active:after{position:absolute;left:0;right:0;bottom:0;height:2px;background:#547886;content:""}.feed-shell{width:min(860px,100%);margin:17px auto 0;background:#fff;min-height:calc(100vh - 125px);border-top:1px solid #f3f3f3}.article-feed{border-top:1px solid #f8f8f8}.feed-item{padding:21px 29px 17px;border-bottom:1px solid #ececec}.feed-author{display:flex;align-items:center;gap:7px;min-height:19px;color:#93979b;font-size:12px}.feed-author>a{color:#74777b}.feed-author i{margin:0 3px;color:#a7aaad;font-style:normal}.author-avatar,.avatar-fallback{width:21px;height:21px;border-radius:50%;flex:none;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#87c4de,#638ca9);color:#fff;font-size:11px}.feed-item h2{margin:7px 0 4px;font-size:17px;line-height:1.45;font-weight:700;letter-spacing:-.2px}.feed-item h2 a:hover{text-decoration:underline;color:#151515}.feed-intro{margin:0 0 7px;color:#7e8388;font-size:13px;line-height:1.6}.feed-actions{display:flex;align-items:center;gap:5px;color:#9a9fa3;font-size:12px}.feed-actions .eye-icon{font-size:12px;color:#a7adaf;transform:scaleX(1.35);margin-right:1px}.action-link{margin-left:27px;color:#93989c}.heart-icon{font-size:21px;line-height:10px;vertical-align:-2px;margin-right:4px}.comment-icon{font-size:17px;line-height:10px;vertical-align:-1px;margin-right:4px}.archive-title{padding:23px 29px 14px;border-bottom:1px solid var(--line);font-size:18px;font-weight:700}.empty-state{padding:100px 24px;text-align:center;color:#85898d}.empty-state h1{color:#32363a}.empty-state a{display:inline-block;margin-top:13px;color:#6396aa}.pagebar{display:flex;justify-content:center;gap:6px;padding:28px;background:#fff}.pagebar a,.pagebar span{min-width:30px;padding:4px 9px;text-align:center;border:1px solid #e5e5e5;border-radius:2px}.pagebar .current{background:#6fa8bd;border-color:#6fa8bd;color:#fff}.reading-shell{width:min(900px,100%);margin:17px auto 0;background:#fff;min-height:calc(100vh - 125px)}.reading-article{padding:27px 36px 60px}.reading-header{margin-bottom:26px}.reading-author{display:flex;align-items:center;gap:10px;min-height:43px}.author-avatar-large,.avatar-large{width:48px;height:48px}.avatar-large{font-size:20px}.reading-author>div>a{display:block;font-size:16px;line-height:20px;font-weight:700;color:#464a4d}.reading-time{color:#7d8287;font-size:12px;line-height:20px}.follow-button{margin-left:auto;padding:5px 15px;border:1px solid #ddd;border-radius:3px;background:#fff;color:#555;font-size:13px;cursor:pointer}.reading-header h1{margin:26px 0 0;font-size:27px;line-height:1.42;letter-spacing:-.5px}.reading-content{font-size:16px;line-height:2;color:#292c2f}.reading-content>*:first-child{margin-top:0}.reading-content h1{margin:27px 0 18px;padding-bottom:5px;border-bottom:1px solid #61a0b5;color:#5b9eb5;font-size:21px;line-height:1.55}.reading-content h2{margin:31px 0 13px;font-size:20px;line-height:1.5}.reading-content h3{margin:26px 0 11px;font-size:18px}.reading-content p{margin:0 0 18px}.reading-content ul,.reading-content ol{margin:0 0 18px;padding-left:25px}.reading-content blockquote{margin:24px 0;padding:16px 22px;border:1px dashed #68a5b6;background:#fbfefe;color:#478095;font-size:17px;font-weight:600}.reading-content pre{overflow:auto;padding:15px;border-radius:3px;background:#f5f5f5;font:13px/1.6 Consolas,monospace}.reading-content img{display:block;max-width:100%;height:auto;margin:22px auto}.reading-content a{color:#5495ac;text-decoration:underline}.article-footer{display:flex;gap:18px;margin-top:38px;padding-top:17px;border-top:1px solid var(--line);color:#888;font-size:13px}.article-footer a{color:#5793aa}.site-footer{padding:22px;text-align:center;color:#a0a0a0;font-size:12px;background:#fff;border-top:1px solid #eee}.comments-area{margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}.comments-area h2{font-size:19px}.comment-item{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #f1f1f1}.comment-item>img{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-item strong{margin-right:8px;font-size:13px}.comment-item time{color:#999;font-size:12px}.comment-text{margin:5px 0;color:#555}.comment-item a{font-size:12px;color:#6d9cad}.comment-children{padding-left:12px}.comment-form{margin-top:20px}.comment-form input,.comment-form textarea{width:100%;margin-bottom:9px;padding:8px 10px;border:1px solid #ddd;border-radius:3px;font:14px inherit;outline:0}.comment-form>div{display:flex;gap:8px}.comment-form button{padding:7px 15px;border:0;border-radius:3px;background:#6fa8bd;color:#fff;cursor:pointer}@media(max-width:640px){.site-top,.top-inner{height:59px}.top-inner{padding:0 29px}.brand-name{font-size:20px}.top-nav{margin-left:14px}.top-nav a{padding:18px 9px}.search-form{margin-left:11px}.login-link{font-size:13px}.category-inner{padding:0 29px;gap:25px}.feed-shell,.reading-shell{margin-top:17px}.feed-item{padding:21px 29px 17px}.feed-intro{display:none}.reading-article{padding:27px 25px 45px}.reading-header h1{font-size:24px;margin-top:26px}.reading-content{font-size:16px;line-height:2}.reading-content h1{font-size:20px}.reading-content h2{font-size:19px}.article-footer{display:block}.article-footer span{display:block;margin-bottom:6px}.site-footer{padding:18px}.search-form:focus-within input{width:125px}.comment-form>div{display:block}}@media(max-width:410px){.top-inner{padding:0 18px}.login-link{font-size:12px}.top-nav a{padding-left:7px;padding-right:7px}.category-inner,.feed-item{padding-left:18px;padding-right:18px}.reading-article{padding-left:18px;padding-right:18px}}