:root{--ink:#202f3c;--muted:#697681;--paper:#f5f4ef;--line:#e1e3df;--accent:#bd5b36;--navy:#182c3d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #cf8054;outline-offset:4px}button,input{font:inherit}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.masthead{background:var(--navy);color:#eef3f5}.top{max-width:1180px;margin:auto;display:flex;align-items:center;padding:28px 24px 24px;gap:26px}.brand{font-size:31px;font-weight:750;letter-spacing:.08em}.brand span{color:#d7a57d}.brand-note{font-size:13px;letter-spacing:.12em;color:#9cabb6}.search-link{margin-left:auto;font-size:14px}.search-link span{margin-left:18px}.masthead nav{max-width:1180px;margin:auto;padding:0 24px;display:flex;gap:32px;border-top:1px solid #ffffff1a;overflow:auto}.masthead nav a{white-space:nowrap;font-size:14px;padding:13px 0}.shell{max-width:1180px;margin:auto;padding:0 24px 70px}.intro{padding:56px 0 42px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:42px;gap:30px}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--accent);font-weight:650}.intro h1{font-size:44px;letter-spacing:-.04em;line-height:1.3;margin:12px 0 20px}.intro p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.9}.intro-index{align-self:center;border-left:1px solid var(--line);padding-left:35px;min-width:220px;display:flex;flex-direction:column}.intro-index strong{font-size:58px;line-height:1.3;font-weight:500;font-family:Georgia,serif}.intro-index span{color:var(--muted);font-size:13px}.intro-index a{font-size:13px;color:var(--accent);margin-top:20px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:15px;margin-bottom:0}.section-heading h2{font-size:19px;margin:0}.section-heading a{font-size:12px;color:var(--muted)}.post-card{padding:28px 0 30px;border-bottom:1px solid var(--line)}.post-date{font-size:12px;color:var(--muted);letter-spacing:.04em;display:flex;align-items:center;gap:16px}.post-date span{color:var(--accent)}.post-card h2{font-size:23px;line-height:1.55;margin:9px 0 10px;font-weight:650}.post-card p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 14px}.read-more{font-size:12px;font-weight:600}.read-more span{margin-left:10px}.sidebar{padding-top:7px}.sidebar h2{font-size:21px;line-height:1.65;margin:13px 0 22px}.side-link{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);font-size:13px}.side-link b{color:#98a5ad;font:italic 15px Georgia,serif}.side-link span{flex:1;font-weight:650}.side-link small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.side-note{margin-top:36px;background:#e9ede9;padding:24px;border-top:3px solid #91a397}.side-note h3{margin:0;font-size:16px}.side-note p{font-size:13px;color:var(--muted);line-height:1.9}.side-note a{font-size:12px;color:var(--accent)}.pagination{display:flex;gap:22px;justify-content:center;padding-top:36px;font-size:13px}.pagination span{color:var(--muted)}.site-footer{border-top:1px solid var(--line);max-width:1132px;margin:auto;padding:26px 0 38px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.site-footer div{display:flex;gap:22px}.archive-header{padding:46px 0 24px;border-bottom:1px solid var(--line);margin-bottom:28px}.archive-header h1{font-size:34px;margin:10px 0}.count{font-size:13px;color:var(--muted)}.reading-layout{display:grid;grid-template-columns:minmax(0,800px) 220px;gap:58px;margin-top:42px}.article{background:#fff;padding:36px 42px;border:1px solid #eceeea;border-radius:5px;min-width:0}.breadcrumbs{display:flex;gap:12px;color:var(--muted);font-size:12px}.article-header{padding:15px 0 28px;border-bottom:1px solid var(--line);margin-bottom:30px}.article h1{font-size:34px;line-height:1.5;font-weight:680;margin:9px 0 20px;overflow-wrap:anywhere}.meta{font-size:12px;display:flex;gap:18px;color:var(--muted)}.article-body{font-size:16px;line-height:1.95;overflow-wrap:anywhere}.article-body p{margin:0 0 1.3em}.article-body h2{font-size:25px;line-height:1.55;margin:2em 0 1em;border-bottom:1px solid var(--line);padding-bottom:10px}.article-body h3{font-size:20px;margin-top:1.8em}.article-body img{max-width:100%!important;height:auto!important;vertical-align:middle}.article-body figure{max-width:100%;margin:28px 0}.article-body figcaption,.article-body .wp-caption-text{font-size:12px;text-align:center;color:var(--muted)}.article-body .wp-caption{max-width:100%!important}.article-body a{color:#276785;text-decoration:underline;text-underline-offset:3px}.article-body pre{white-space:pre;overflow:auto;max-width:100%;padding:20px;background:#f2f5f7;border:1px solid #e4e8eb;font-size:13px;line-height:1.7;border-radius:5px}.article-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em}.article-body :not(pre)>code{background:#f2f4f5;padding:2px 5px;border-radius:3px}.article-body blockquote{margin:25px 0;padding:8px 20px;border-left:3px solid #bd8061;background:#faf7f3;color:#596a76}.article-body table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:14px}.article-body td,.article-body th{border:1px solid #dbe0e2;padding:9px 12px}.article-body iframe,.article-body video{max-width:100%}.article-body .aligncenter{display:block;margin-left:auto;margin-right:auto}.reading-aside{position:sticky;top:25px;align-self:start;font-size:12px;color:var(--muted)}.reading-aside h2{font-size:13px;letter-spacing:.07em}.reading-aside nav{border-left:1px solid var(--line);margin:20px 0 30px;padding-left:15px}.reading-aside nav a{display:block;margin-bottom:10px;line-height:1.6}.tags{display:flex;flex-wrap:wrap;gap:8px;padding:25px 0}.tags a{background:#eef2ee;padding:4px 10px;font-size:12px}.article-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:35px;font-size:12px}.comments{border-top:1px solid var(--line);padding-top:20px}.comments h2{font-size:20px}.comments article{padding:15px 0;border-bottom:1px solid var(--line)}.comments time{font-size:11px;color:var(--muted);margin-left:16px}.comments article div{font-size:14px}.search-page{max-width:760px;min-height:55vh;margin:60px auto}.search-page h1{font-size:36px}.search-page form label{font-size:13px;color:var(--muted);display:block;margin-bottom:9px}.search-page form>div{display:flex;gap:10px}.search-page input{background:#fff;min-width:0;flex:1;border:1px solid #c5cdd0;padding:13px 16px;border-radius:4px}.search-page button,.button{border:0;background:var(--navy);color:white;padding:13px 24px;border-radius:4px;cursor:pointer}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-grid>a{background:white;border:1px solid var(--line);padding:25px}.category-grid h2{font-size:20px}.category-grid span{font-size:12px;color:var(--muted)}.migration-notice{background:#f4f2ed;padding:16px;color:var(--muted);font-size:14px}@media(max-width:850px){.columns{grid-template-columns:minmax(0,1fr);gap:35px}.sidebar{display:none}.reading-layout{grid-template-columns:minmax(0,1fr);margin-top:24px}.reading-aside{display:none}.brand-note{display:none}.intro h1{font-size:36px}.intro-index{min-width:150px;padding-left:25px}.intro-index strong{font-size:42px}.masthead nav{gap:24px}.site-footer{margin:0 24px}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.shell{padding:0 18px 44px}.top{padding:22px 18px}.brand{font-size:27px}.masthead nav{padding:0 18px;gap:22px}.intro{padding:32px 0 28px;margin-bottom:28px}.intro h1{font-size:31px}.intro p:not(.eyebrow){font-size:14px}.intro-index{display:none}.post-card h2{font-size:21px}.article{padding:25px 20px}.article h1{font-size:27px}.article-body{font-size:16px}.article-body h2{font-size:23px}.article-body pre{padding:14px;font-size:12px}.site-footer{flex-direction:column;gap:12px}.category-grid{grid-template-columns:1fr}.search-page{margin:35px auto}.search-page button{padding:10px 16px}.article-bottom{gap:15px}}
