@import"https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreenr.css";:root{color:#2b2219;background:#f6f1e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f1e8;font-family:LXGW WenKai Screen R,sans-serif}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-100px;left:16px;padding:8px 16px;background:var(--accent);color:#fff;border-radius:8px;z-index:100;font-size:14px;font-weight:600;transition:top .2s ease}.skip-link:focus{top:8px}--ink: #2b2219; --ink-soft: #5c4d3b; --paper: #f6f1e8; --paper-deep: #efe6d8; --accent: #1f5a5a; --accent-2: #a8411e; --shadow: 0 16px 40px rgba(34, 28, 20, .12); --radius: 36px; --font-body: "LXGW WenKai Screen R", sans-serif; --font-code: "SFMono-Regular", "JetBrains Mono", "Fira Code", monospace; } .page {min-height:100vh;padding:40px 56px 80px;background:var(--paper);font-family:var(--font-body);color:var(--ink)}.site-header{padding:0 56px;height:64px;display:flex;align-items:center;background:transparent;border-bottom:none}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:0 auto;width:100%}.brand{display:flex;flex-direction:column}.brand-main{display:flex;align-items:center;gap:12px}.brand-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(43,34,25,.12)}.brand-mark{font-size:26px;letter-spacing:1px}.brand-sub{font-size:14px;color:var(--ink-soft)}.nav{display:flex;align-items:center;gap:24px;font-size:15px}.nav-links{display:flex;align-items:center;gap:24px}.nav a{padding-bottom:4px;border-bottom:2px solid transparent;transition:border-color .2s ease;color:var(--ink);font-weight:600}.nav a:hover{color:var(--ink-soft)}.nav a.active{border-color:var(--accent)}:is(a,button,input,textarea,.card a,.feature-card a,.tag-list a):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.nav-links a:focus-visible{border-radius:8px}.menu-toggle{display:none}.search-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;border-radius:8px;transition:color .15s ease;flex-shrink:0}.back-to-top{position:fixed;bottom:32px;right:32px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(43,34,25,.14);border-radius:12px;background:var(--paper);color:var(--ink-soft);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;z-index:40}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:#2b22190d;color:var(--ink)}.search-btn:hover,.search-btn:focus-visible{color:var(--accent);background:#2b22190d}.nav .nav-search-desktop{display:flex}.nav .nav-search-mobile{display:none}.nav-search{display:flex;align-items:center;gap:6px}.search-input-wrap{display:flex;align-items:center;gap:0;background:#2b22190d;border:1px solid rgba(43,34,25,.14);border-radius:10px;overflow:hidden;width:0;opacity:0;transition:width .2s ease,opacity .15s ease}.search-input-wrap.open{width:220px;opacity:1}.search-input-wrap input{border:none;outline:none;font-family:inherit;font-size:13px;padding:6px 10px;background:transparent;color:var(--ink);flex:1;min-width:0}.search-input-wrap button{border:none;background:var(--accent);color:#fff;padding:6px 10px;cursor:pointer;font-size:12px;font-weight:700;flex-shrink:0}.content{max-width:1080px;margin:32px auto 0}.hero{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}.home-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,420px);gap:28px;align-items:stretch}.home-hero--plain{grid-template-columns:minmax(0,1fr)}.home-hero-copy{padding:12px 0}.home-lead{font-size:22px;line-height:1.7;max-width:24em;margin:16px 0 8px}.feature-card{background:linear-gradient(145deg,#fffffff2,#efe6d8e6);border-radius:24px;padding:28px;box-shadow:var(--shadow);display:grid;gap:14px}.feature-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.feature-card h2{margin:0;font-size:28px;line-height:1.4}.feature-tag{font-size:12px;color:#fff;background:var(--ink);padding:4px 10px;border-radius:999px}.home-section{margin-top:40px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-head h2{margin:0;font-size:24px}.section-head p{margin:0;color:var(--ink-soft);font-size:14px}.pin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hero-avatar{width:120px;height:120px;border-radius:24px;object-fit:cover;box-shadow:var(--shadow)}.kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--ink-soft)}.hero h1{font-size:44px;margin:8px 0}.sub{color:var(--ink-soft)}.search{display:flex;gap:8px;background:#fff;padding:12px;border-radius:999px;box-shadow:var(--shadow)}.search input{border:none;outline:none;min-width:220px;font-family:inherit}.search button{border:none;background:var(--accent);color:#fff;padding:8px 16px;border-radius:999px;cursor:pointer}.filters{margin-top:24px;display:grid;gap:16px;padding:18px 20px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.filter-group{display:grid;gap:12px;font-size:13px;color:var(--ink-soft)}.filter-list{display:flex;flex-wrap:wrap;gap:8px}.filter{border:1px solid rgba(43,34,25,.15);background:transparent;padding:6px 12px;border-radius:999px;cursor:pointer}.filter.active{background:var(--accent);color:#fff;border-color:transparent}.list{margin-top:32px;display:grid;gap:18px}.home>.hero+.list{max-width:780px;margin-left:auto;margin-right:auto}.card{background:#fff;border-radius:36px;padding:24px 28px;box-shadow:var(--shadow);display:grid;gap:16px;transition:transform .2s ease,box-shadow .2s ease;position:relative}.card-link:after{content:"";position:absolute;inset:0}.card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #221c1433}.card:active,.feature-card:active{transform:translateY(-1px)}.menu-toggle:active{transform:scale(.96)}:is(.nav-search button,.comment-form button,.like-button,.pager button,.notfound a):active{transform:scale(.97)}.cover{width:100%;max-height:220px;object-fit:cover;border-radius:14px}.card-head{display:flex;align-items:center;justify-content:space-between}.card h2{margin:0;font-size:22px}.badge{font-size:12px;color:#fff;background:var(--accent-2);padding:4px 10px;border-radius:999px}.summary{color:var(--ink-soft);margin:0}.meta{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--ink-soft)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list a{border:1px solid rgba(43,34,25,.16);border-radius:999px;color:var(--ink-soft);font-size:12px;padding:4px 10px;text-decoration:none}.tag-list a:hover{border-color:var(--accent);color:var(--accent)}.active-filter{align-items:center;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}.active-filter a{color:var(--accent)}.post-header h1{font-size:clamp(24px,5vw,38px);margin-bottom:12px;line-height:1.3}.breadcrumb{margin-bottom:20px;font-size:13px;display:flex;align-items:center;gap:6px;color:var(--ink-soft)}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{color:#2b22194d}.breadcrumb-current{color:var(--ink)!important;font-weight:500}.post{max-width:760px;margin:0 auto}.post-layout{display:block}.post-body{line-height:1.9;margin-top:24px;font-size:18px}.post-tag-list{margin-top:14px}.post-body img{max-width:100%;height:auto;border-radius:12px}.post-body h2{margin-top:28px}.post-body blockquote{border-left:4px solid var(--accent);padding-left:16px;color:var(--ink-soft)}.post-body code{font-family:var(--font-code);background:#efe6d8;padding:2px 6px;border-radius:6px;word-break:break-word}.post-body pre{max-width:100%;overflow-x:auto;border-radius:8px}.post-body pre code{background:transparent;padding:0;border-radius:0;word-break:normal}.code-block-wrapper{position:relative}.code-lang{position:absolute;top:8px;left:12px;font-size:11px;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-code);z-index:2;pointer-events:none}.code-copy-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:#ffffff1f;color:#ffffffb3;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:2}.code-block-wrapper:hover .code-copy-btn,.code-copy-btn:focus-visible{opacity:1}.code-copy-btn:hover{background:#ffffff40;color:#fff}.about-body{margin-top:24px;line-height:1.8;background:#fff;padding:24px;border-radius:18px;box-shadow:var(--shadow)}.comment{margin-top:48px}.post-actions{margin-top:36px;display:flex;align-items:center;gap:14px}.like-button{border:1px solid rgba(43,34,25,.16);background:#fff;color:var(--ink);padding:10px 18px;border-radius:999px;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,border-color .2s ease}.like-button.liked{background:var(--accent-2);border-color:var(--accent-2);color:#fff}.like-button:disabled{cursor:not-allowed;opacity:.9}.like-count{font-size:14px;color:var(--ink-soft)}.comment-form{display:grid;gap:12px;margin-top:16px}.comment-form input,.comment-form textarea{padding:12px 14px;border-radius:10px;border:1px solid rgba(43,34,25,.2);font-family:inherit}.comment-form button{justify-self:start;border:none;background:var(--accent-2);color:#fff;padding:10px 18px;border-radius:8px;cursor:pointer}.comment-form button:disabled{opacity:.6;cursor:not-allowed}.comment-feedback{margin:0;font-size:13px}.comment-feedback.error{color:#a63f2a}.comment-feedback.success{color:var(--accent)}.comment-item{margin-top:16px;padding:12px 0;border-bottom:1px solid rgba(43,34,25,.1)}.pager{margin-top:24px;display:flex;justify-content:center;gap:16px}.pager button{border:1px solid rgba(43,34,25,.2);background:#fff;padding:8px 14px;border-radius:999px;cursor:pointer}.pager button:disabled{opacity:.5;cursor:not-allowed}.site-footer{text-align:center;margin-top:64px;color:var(--ink-soft)}.empty{margin:32px auto 0;text-align:center;padding:40px 20px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.empty-title{font-size:20px;margin-bottom:8px}.empty-desc{color:var(--ink-soft)}.notfound{text-align:center;padding:80px 20px}.notfound a{display:inline-block;margin-top:12px;padding:8px 16px;border-radius:999px;background:var(--accent);color:#fff}.related-posts{margin-top:48px;padding-top:32px;border-top:1px solid rgba(43,34,25,.08)}.related-posts h2{font-size:18px;margin-bottom:16px}.related-list{display:grid;gap:12px}.related-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:#2b221908;transition:background .15s ease}.related-item:hover{background:#2b22190f}.related-title{font-size:15px;font-weight:500}.related-meta{font-size:12px;color:var(--ink-soft);flex-shrink:0}.skeleton{display:grid;gap:10px}.skeleton-line{height:14px;background:linear-gradient(90deg,#f2ece3,#e6dccd,#f2ece3);border-radius:999px;animation:shimmer 1.4s infinite}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:0% 0}to{background-position:200% 0}}.muted{color:var(--ink-soft)}@media(max-width:900px){.home-hero{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.pin-grid{grid-template-columns:1fr}}@media(max-width:720px){.page{padding:24px}.card{padding:18px 20px}.hero{grid-template-columns:1fr}.home-lead{font-size:18px}.feature-card{padding:22px}.search{width:100%}.menu-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(43,34,25,.14);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;flex-shrink:0}.menu-toggle:hover{background:#2b22190d}.nav{gap:12px}.nav-links{position:absolute;top:100%;left:24px;right:24px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid rgba(43,34,25,.08);border-radius:14px;box-shadow:0 4px 20px #221c140f;padding:12px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;z-index:100}.nav-links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .2s ease,transform .2s ease,visibility 0s linear 0s}.nav-links a{padding:12px 8px;border-bottom:none;border-radius:8px}.nav-links a:hover,.nav-links a:focus-visible{background:var(--paper-deep)}.nav .nav-search-desktop{display:none}.nav .nav-search-mobile{display:flex;margin-top:8px}.nav .nav-search-mobile input{width:auto;max-width:none;flex:1}.site-header{padding:0 24px;height:56px;position:relative;background:transparent}.header-inner{max-width:100%}}@media(prefers-reduced-motion:reduce){.nav-links{transition:none}:is(.card,.feature-card,.menu-toggle,.nav-search button,.comment-form button,.like-button,.pager button,.card a):active{transform:none!important}.nav-links,.nav-links.open,.back-to-top{transition:none!important}}