.brand-mark img[data-v-d8ceffd6]{width:100%;height:100%;object-fit:cover;border-radius:9px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}:root{--bg: #f7f8fa;--bg-elev: #ffffff;--bg-soft: #eef1f6;--text: #1f2430;--text-soft: #5b6474;--text-muted: #8b94a5;--border: #e3e7ee;--accent: #3b6ef6;--accent-hover: #2b58d0;--accent-soft: rgba(59, 110, 246, .1);--shadow-sm: 0 1px 2px rgba(20, 28, 46, .06);--shadow-md: 0 8px 24px rgba(20, 28, 46, .08);--shadow-lg: 0 18px 48px rgba(20, 28, 46, .12);--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--container: 1120px;--header-h: 64px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace;--font-serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", Georgia, serif;--cat-default: #3b6ef6;--cat-1: #3b6ef6;--cat-2: #c1553f;--cat-3: #8a6d3b;--cat-4: #8b5cf6;--cat-5: #2f9e79;--cat-6: #0e8f9e;--cat-misc: #64748b;--transition: .24s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark]{--bg: #12141a;--bg-elev: #1a1d25;--bg-soft: #232733;--text: #e8ebf2;--text-soft: #a8b0c0;--text-muted: #7c8497;--border: #2b2f3b;--accent: #6c9bff;--accent-hover: #8bb2ff;--accent-soft: rgba(108, 155, 255, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .55);--cat-1: #6c9bff;--cat-2: #e0846c;--cat-3: #c2a878;--cat-4: #b39bff;--cat-5: #5fc9a6;--cat-6: #4fc3d4;--cat-misc: #9fb0c4}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);transition:background var(--transition),color var(--transition)}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.3;font-weight:700;letter-spacing:-.01em}p{margin:0 0 1em}ul,ol{padding-left:1.4em}code{font-family:var(--font-mono);font-size:.875em;padding:.15em .42em;border-radius:5px;background:var(--bg-soft);color:var(--accent)}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:#fff}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade-in{opacity:0;transform:translateY(18px)}.fade-in.is-visible{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1)}.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);display:flex;align-items:center;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--transition),background var(--transition)}.site-header.is-scrolled{border-bottom-color:var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;color:var(--text);white-space:nowrap}.brand:hover{color:var(--text)}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:.95rem;font-weight:800}.nav{display:flex;align-items:center;gap:4px}.nav a,.nav .nav-link{padding:8px 12px;border-radius:999px;color:var(--text-soft);font-size:.92rem;font-weight:500}.nav .nav-link{display:inline-flex;align-items:center;gap:3px;border:0;background:none}.nav a:hover,.nav .nav-link:hover{color:var(--text);background:var(--bg-soft)}.nav a.is-active,.nav .nav-link.is-active{color:var(--accent);background:var(--accent-soft)}.nav-item{position:relative}.nav .caret{width:14px;height:14px;transition:transform var(--transition)}.nav-item.is-open .caret,.nav-item:hover .caret{transform:rotate(180deg)}.dropdown{position:absolute;top:calc(100% + 8px);left:50%;z-index:120;min-width:148px;padding:8px;display:flex;flex-direction:column;gap:2px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.dropdown a{padding:9px 14px;border-radius:9px;font-size:.9rem;white-space:nowrap}.nav-item:hover .dropdown,.nav-item.is-open .dropdown{opacity:1;visibility:visible;transform:translate(-50%)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev);color:var(--text-soft);transition:all var(--transition)}.icon-btn:hover{color:var(--accent);border-color:var(--accent)}.icon-btn svg{width:18px;height:18px}html[data-theme=light] .icon-moon,html[data-theme=dark] .icon-sun,.nav-toggle{display:none}.hero{padding:72px 0 56px;text-align:center}.hero-avatar{width:88px;height:88px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),#8b5cf6);box-shadow:var(--shadow-md)}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero h1{font-size:clamp(1.9rem,4.6vw,3rem);margin-bottom:14px}.hero p{max-width:620px;margin:0 auto 28px;color:var(--text-soft);font-size:1.06rem}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1px solid transparent;border-radius:999px;font-size:.95rem;font-weight:600;transition:all var(--transition)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background:var(--bg-elev);border-color:var(--border);color:var(--text-soft)}.btn-ghost:hover{color:var(--accent);border-color:var(--accent)}.btn[disabled],.btn.is-disabled{opacity:.5;pointer-events:none}.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:44px;flex-wrap:wrap}.hero-stats .stat b{display:block;font-size:1.7rem;font-weight:800;color:var(--text)}.hero-stats .stat span{font-size:.85rem;color:var(--text-muted)}.section{padding:48px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.section-head h2{font-size:1.5rem;margin:0}.section-head h2:before{content:"";display:inline-block;width:4px;height:20px;margin-right:12px;vertical-align:-3px;border-radius:3px;background:var(--accent)}.section-head .more{font-size:.9rem;color:var(--text-muted);white-space:nowrap}.posts-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}.post-list{display:flex;flex-direction:column;gap:18px}.post-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;padding:20px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.post-card .cover{height:100px;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.post-card .cover img{width:100%;height:100%;object-fit:cover}.post-card .cover.cover-cat{display:grid;place-items:center;height:100px;font-family:var(--font-serif);font-size:.98rem;letter-spacing:.14em;text-indent:.14em;color:var(--cat, var(--accent));background:color-mix(in srgb,var(--cat, var(--accent)) 15%,var(--bg-soft))}.post-card h3{font-size:1.14rem;margin-bottom:6px}.post-card h3 a{color:var(--text)}.post-card h3 a:hover{color:var(--accent)}.post-card .excerpt{color:var(--text-soft);font-size:.9rem;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:.8rem;color:var(--text-muted)}.meta span{display:inline-flex;align-items:center;gap:5px}.meta svg{width:14px;height:14px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.76rem;font-weight:500;color:var(--accent);background:var(--accent-soft);transition:all var(--transition)}.tag:hover{background:var(--accent);color:#fff}.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:calc(var(--header-h) + 24px)}.widget{padding:22px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.widget h3{font-size:.95rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.widget h3:before{content:"";width:3px;height:15px;border-radius:2px;background:var(--accent)}.profile-widget{text-align:center}.profile-widget .avatar{width:68px;height:68px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;overflow:hidden;font-size:1.5rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),#8b5cf6)}.profile-widget .avatar img{width:100%;height:100%;object-fit:cover}.profile-widget .name{font-weight:700;font-size:1.02rem}.profile-widget .bio{font-size:.84rem;color:var(--text-muted);margin:6px 0 14px}.social-links{display:flex;justify-content:center;gap:10px}.social-links a{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--bg-soft);color:var(--text-soft)}.social-links a:hover{background:var(--accent);color:#fff}.social-links svg{width:16px;height:16px}.search-box{position:relative}.search-box input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color var(--transition)}.search-box input:focus{border-color:var(--accent)}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.hot-list{list-style:none;padding:0;margin:0;counter-reset:hot}.hot-list li{counter-increment:hot;padding:9px 0;border-bottom:1px dashed var(--border);font-size:.88rem}.hot-list li:last-child{border-bottom:0}.hot-list li a{display:flex;gap:10px;color:var(--text-soft)}.hot-list li a:hover{color:var(--accent)}.hot-list li a:before{content:counter(hot);flex:none;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--bg-soft)}.hot-list li:nth-child(-n+3) a:before{background:var(--accent);color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0 8px;flex-wrap:wrap}.pagination a,.pagination span,.pagination button{min-width:38px;height:38px;padding:0 12px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-soft);font-size:.88rem;font-weight:500;transition:all var(--transition)}.pagination a:hover,.pagination button:hover{color:var(--accent);border-color:var(--accent)}.pagination .current{background:var(--accent);border-color:var(--accent);color:#fff}.pagination .disabled{opacity:.45;pointer-events:none}.article-header{padding:56px 0 32px;text-align:center;border-bottom:1px solid var(--border)}.article-header .tags{justify-content:center;margin-bottom:18px}.article-header h1{font-size:clamp(1.6rem,4vw,2.4rem);max-width:780px;margin:0 auto 18px}.article-header .meta{justify-content:center}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:44px;padding:44px 0 64px;align-items:start}.toc{position:sticky;top:calc(var(--header-h) + 24px);font-size:.86rem}.toc h3{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.toc ul{list-style:none;padding:0;margin:0;border-left:2px solid var(--border)}.toc li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--text-muted)}.toc li a:hover{color:var(--text)}.toc li a.is-active{color:var(--accent);border-left-color:var(--accent)}.toc li.depth-3 a{padding-left:28px;font-size:.82rem}.article-body{max-width:720px;min-width:0;font-size:1.02rem}.article-body h2{font-size:1.45rem;margin:2.2em 0 .7em;padding-bottom:.3em;border-bottom:1px solid var(--border);scroll-margin-top:calc(var(--header-h) + 20px)}.article-body h3{font-size:1.16rem;margin:1.8em 0 .6em;scroll-margin-top:calc(var(--header-h) + 20px)}.article-body p{color:var(--text-soft)}.article-body strong{color:var(--text)}.article-body blockquote{margin:1.5em 0;padding:14px 20px;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-soft);color:var(--text-soft)}.article-body blockquote p:last-child{margin-bottom:0}.article-body ul,.article-body ol{color:var(--text-soft)}.article-body li{margin-bottom:.4em}.article-body img{border-radius:var(--radius);margin:1.6em auto;box-shadow:var(--shadow-md)}.article-body hr{margin:2em 0;border:0;border-top:1px solid var(--border)}.code-block{margin:1.6em 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#1e222c}.code-block .code-head{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:#262b37;border-bottom:1px solid #333a48}.code-block .code-head span{font-family:var(--font-mono);font-size:.76rem;color:#9aa4b8;text-transform:uppercase;letter-spacing:.06em}.copy-btn{padding:4px 12px;border:1px solid #3c4354;border-radius:7px;background:transparent;color:#9aa4b8;font-size:.74rem;transition:all var(--transition)}.copy-btn:hover{color:#fff;border-color:#6c9bff}.copy-btn.is-copied{color:#43e97b;border-color:#43e97b}.code-block pre{margin:0;padding:18px;overflow-x:auto;font-family:var(--font-mono);font-size:.86rem;line-height:1.65;color:#d6deeb}.code-block code,.code-block code.hljs{background:none;color:inherit;padding:0;font-size:inherit}.article-body table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.9rem}.article-body th,.article-body td{padding:10px 14px;border:1px solid var(--border);text-align:left}.article-body th{background:var(--bg-soft);font-weight:600;color:var(--text)}.article-body td{color:var(--text-soft)}.post-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:48px 0 32px}.post-nav a{padding:18px 20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);transition:all var(--transition)}.post-nav a:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-nav .label{display:block;font-size:.76rem;color:var(--text-muted);margin-bottom:6px}.post-nav .title{font-size:.94rem;font-weight:600;color:var(--text)}.post-nav .next{text-align:right}.comments{max-width:720px;margin-top:40px;padding-top:32px;border-top:1px solid var(--border)}.comments h2{font-size:1.2rem;margin-bottom:6px}.comments .comments-hint{font-size:.84rem;color:var(--text-muted);margin-bottom:18px}.comment-form{display:flex;flex-direction:column;gap:12px}.comment-form .form-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;font-size:.9rem;outline:none;transition:border-color var(--transition)}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent)}.comment-form textarea{min-height:108px;resize:vertical;line-height:1.7}.comment-form .form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.comment-form .form-actions .hint{font-size:.8rem;color:var(--text-muted)}.comment-list{list-style:none;padding:0;margin:26px 0 0}.comment-item{padding:18px 0;border-top:1px dashed var(--border)}.comment-item:first-child{border-top:0;padding-top:0}.comment-item .comment-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.comment-item .comment-avatar{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),#8b5cf6)}.comment-item .comment-name{font-weight:600;font-size:.9rem}.comment-item .comment-time{font-size:.78rem;color:var(--text-muted)}.comment-item .comment-content{margin:0;color:var(--text-soft);font-size:.94rem;white-space:pre-wrap;word-break:break-word}.comment-children{list-style:none;padding:0 0 0 44px;margin:10px 0 0}.comment-empty{padding:32px 20px;text-align:center;color:var(--text-muted);font-size:.9rem;border:1px dashed var(--border);border-radius:var(--radius)}.page-hero{padding:56px 0 32px;text-align:center}.page-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:10px}.page-hero p{color:var(--text-soft);max-width:620px;margin:0 auto}.timeline{position:relative;padding-left:28px;max-width:780px;margin:0 auto}.timeline:before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-year{position:relative;margin-bottom:34px}.timeline-year>h2{position:relative;font-size:1.2rem;margin-left:-28px;padding-left:28px;margin-bottom:14px}.timeline-year>h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid var(--bg)}.timeline-list{list-style:none;padding:0;margin:0}.timeline-list li{display:flex;gap:16px;padding:10px 0;border-bottom:1px dashed var(--border);font-size:.94rem}.timeline-list li:last-child{border-bottom:0}.timeline-list .date{flex:none;width:90px;color:var(--text-muted);font-family:var(--font-mono);font-size:.82rem}.timeline-list a{color:var(--text-soft)}.timeline-list a:hover{color:var(--accent)}.archive-group{max-width:820px;margin:0 auto 44px}.archive-group:last-child{margin-bottom:0}.archive-list li{align-items:center}.archive-list li>a{flex:1}.archive-list .archive-sub{flex:none;padding:2px 10px;border-radius:999px;font-size:.74rem;color:var(--text-muted);background:var(--bg-soft)}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:760px;margin:0 auto}.tag-cloud a{padding:6px 16px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-soft);font-size:.88rem;transition:all var(--transition)}.tag-cloud a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tag-cloud a .count{color:var(--text-muted);font-size:.78rem;margin-left:4px}.crumbs{font-size:.84rem;color:var(--text-muted);margin-bottom:16px}.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--accent)}.crumbs .sep{margin:0 8px;opacity:.6}.cat-hero{padding:52px 0 26px;border-bottom:1px solid var(--border)}.cat-hero .cat-title{display:flex;align-items:center;gap:12px;font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:10px}.cat-hero .cat-title .dot{width:13px;height:13px;border-radius:50%;background:var(--cat, var(--accent))}.cat-hero p{color:var(--text-soft);max-width:640px;margin:0}.cat-hero .result-count{font-size:.84rem;color:var(--text-muted);margin-top:12px}.tag-index{display:flex;flex-wrap:wrap;gap:12px}.tag-index a.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.about-layout{max-width:820px;margin:0 auto}.about-card{display:flex;gap:28px;align-items:center;padding:32px;border-radius:var(--radius-lg);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.about-card .avatar{flex:none;width:96px;height:96px;border-radius:24px;display:grid;place-items:center;overflow:hidden;font-size:2.2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent),#8b5cf6)}.about-card .avatar img{width:100%;height:100%;object-fit:cover}.about-card h1{font-size:1.6rem;margin-bottom:6px}.about-card .role{color:var(--accent);font-weight:600;font-size:.94rem;margin-bottom:10px}.about-card p{color:var(--text-soft);font-size:.94rem;margin:0}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.skill-item{padding:18px 20px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border)}.skill-item .head{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;margin-bottom:10px}.skill-item .head span:last-child{color:var(--text-muted);font-weight:400;font-family:var(--font-mono);font-size:.82rem}.bar{height:6px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#8b5cf6);width:0;transition:width 1s cubic-bezier(.22,1,.36,1)}.contact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.contact-list a{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);color:var(--text-soft);transition:all var(--transition)}.contact-list a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-list svg,.contact-list img{width:20px;height:20px;flex:none;border-radius:5px;object-fit:cover}.contact-list b{display:block;color:var(--text);font-size:.92rem}.contact-list small{color:var(--text-muted);font-size:.8rem}.site-footer{margin-top:40px;padding:40px 0 32px;border-top:1px solid var(--border);background:var(--bg-elev)}.footer-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:28px}.footer-col h4{font-size:.9rem;margin-bottom:12px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:8px}.footer-col a{color:var(--text-muted);font-size:.86rem}.footer-col a:hover{color:var(--accent)}.footer-col .desc{max-width:280px;color:var(--text-muted);font-size:.86rem;margin:10px 0 0}.footer-bottom{padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--text-muted);font-size:.82rem}.to-top{position:fixed;right:26px;bottom:26px;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev);color:var(--text-soft);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition);z-index:90}.to-top.is-show{opacity:1;visibility:visible;transform:none}.to-top:hover{color:var(--accent);border-color:var(--accent)}.to-top svg{width:18px;height:18px}.cat--1{--cat: var(--cat-1)}.cat--2{--cat: var(--cat-2)}.cat--3{--cat: var(--cat-3)}.cat--4{--cat: var(--cat-4)}.cat--5{--cat: var(--cat-5)}.cat--6{--cat: var(--cat-6)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.cat-grid--main{grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}.cat-card{position:relative;overflow:hidden;display:block;padding:22px 22px 20px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.cat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cat, var(--accent))}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--cat, var(--accent)) 45%,var(--border))}.cat-card .cat-icon{width:44px;height:44px;display:grid;place-items:center;margin-bottom:14px;border-radius:12px;font-size:1.2rem;font-weight:800;color:var(--cat, var(--accent));background:color-mix(in srgb,var(--cat, var(--accent)) 13%,transparent)}.cat-card h3{font-size:1.08rem;margin-bottom:6px;color:var(--text)}.cat-card .cat-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:14px;line-height:1.6}.cat-card .cat-count{position:absolute;top:20px;right:20px;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted)}.cat-card .cat-subs{display:flex;flex-wrap:wrap;gap:6px}.cat-card .cat-subs span{padding:2px 9px;border-radius:999px;font-size:.74rem;color:var(--text-soft);background:var(--bg-soft)}.empty-state{padding:64px 20px;text-align:center;color:var(--text-muted);font-size:.94rem;border:1px dashed var(--border);border-radius:var(--radius)}.skeleton-list{display:flex;flex-direction:column;gap:18px}.skeleton-card{height:142px;border-radius:var(--radius);background:linear-gradient(90deg,var(--bg-soft) 25%,var(--bg-elev) 37%,var(--bg-soft) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.app-toast-container{position:fixed;top:calc(var(--header-h) + 16px);left:50%;z-index:200;display:flex;flex-direction:column;align-items:center;gap:10px;transform:translate(-50%);pointer-events:none}.app-toast{max-width:min(90vw,420px);padding:10px 18px;border-radius:10px;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--text);font-size:.9rem;opacity:0;transform:translateY(-8px);transition:opacity var(--transition),transform var(--transition)}.app-toast.is-show{opacity:1;transform:none}.app-toast--error{color:#e0524a;border-color:#e0524a}@media (max-width: 1080px){.nav a{padding:8px 9px;font-size:.88rem}}@media (max-width: 980px){.posts-layout{grid-template-columns:1fr}.sidebar{position:static}.article-layout{grid-template-columns:1fr}.toc{position:static;padding:18px 20px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border)}.toc ul{border-left:0;display:flex;flex-wrap:wrap;gap:8px}.toc li a{padding:5px 12px;border-left:0;border-radius:999px;background:var(--bg-soft)}.toc li a.is-active{background:var(--accent);color:#fff;border-left-color:transparent}.toc li.depth-3{display:none}}@media (max-width: 760px){.nav{position:fixed;top:var(--header-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:14px 20px 20px;background:var(--bg-elev);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);transform:translateY(-12px);opacity:0;visibility:hidden;transition:all var(--transition)}.nav.is-open{transform:none;opacity:1;visibility:visible}.nav a{padding:12px 16px;border-radius:10px}.nav-toggle{display:grid}.nav-item{position:static}.nav .nav-link{width:100%;justify-content:space-between;padding:12px 16px;border-radius:10px}.nav .dropdown{position:static;min-width:0;padding:4px 0 4px 14px;display:none;gap:4px;border:0;background:none;box-shadow:none;opacity:1;visibility:visible;transform:none}.nav-item.is-open .dropdown{display:flex}.nav .dropdown a{padding:10px 14px;border-radius:9px}.hero{padding:48px 0 36px}.hero-stats{gap:28px}.post-card{grid-template-columns:1fr}.post-card .cover{height:120px}.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left}.about-card{flex-direction:column;text-align:center;gap:18px}.comment-form .form-row{grid-template-columns:1fr}.comment-children{padding-left:20px}.footer-grid{flex-direction:column;gap:24px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}.cat--tech{--cat: var(--cat-1)}.cat--poetry{--cat: var(--cat-2)}.cat--calligraphy{--cat: var(--cat-3)}.cat--lyrics{--cat: var(--cat-4)}.cat--essay{--cat: var(--cat-5)}.cat--tools{--cat: var(--cat-6)}.cat--misc{--cat: var(--cat-misc)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px}.filter-bar .filter-label{font-size:.84rem;color:var(--text-muted);margin-right:4px}.chip{display:inline-block;padding:6px 15px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-soft);font-size:.85rem;transition:all var(--transition);cursor:pointer}.chip:hover{color:var(--cat, var(--accent));border-color:color-mix(in srgb,var(--cat, var(--accent)) 45%,var(--border))}.chip.is-active{background:var(--cat, var(--accent));border-color:var(--cat, var(--accent));color:#fff}.archive-group--sub{margin-bottom:26px}.archive-group--sub:last-child{margin-bottom:0}.archive-subtitle{margin:0 0 10px;font-size:.92rem;font-weight:600;color:var(--text-soft)}.archive-subtitle:before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--cat, var(--accent));vertical-align:middle}.article-body--poetry{max-width:660px;margin:0 auto;font-family:var(--font-serif);text-align:center}.article-body--poetry .poem-head{margin-bottom:44px}.article-body--poetry .poem-title{font-family:var(--font-serif);font-size:clamp(1.8rem,4.4vw,2.4rem);font-weight:700;letter-spacing:.16em;text-indent:.16em;margin:0 0 16px}.article-body--poetry .poem-meta{font-size:.92rem;color:var(--text-muted);letter-spacing:.1em;margin:0}.article-body--poetry .poem-divider{width:42px;height:1px;margin:26px auto 0;background:var(--border)}.article-body--poetry p{font-family:var(--font-serif);font-size:1.3rem;line-height:2.3;letter-spacing:.14em;text-indent:.14em}.article-body--poetry .poem-note{margin-top:48px;padding-top:26px;border-top:1px solid var(--border);font-family:var(--font-sans);font-size:.9rem;line-height:1.9;color:var(--text-muted);text-align:left}.article-body--poetry .poem-note p{font-family:var(--font-sans);font-size:.9rem;line-height:1.9;letter-spacing:normal;text-indent:0;color:var(--text-muted)}.article-body--calligraphy{max-width:820px}.article-body--calligraphy .artwork{margin:0 0 52px}.article-body--calligraphy .artwork:last-child{margin-bottom:0}.article-body--calligraphy .artwork-figure{margin:0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow-md)}.article-body--calligraphy .artwork-figure img{width:100%;margin:0;border-radius:0;box-shadow:none;display:block}.article-body--calligraphy .artwork-caption{margin:12px 0 0;text-align:center;font-size:.82rem;color:var(--text-muted)}.article-body--calligraphy .artwork-info h3{font-family:var(--font-serif);font-size:1.24rem;margin:0 0 12px}.article-body--calligraphy .artwork-text{font-family:var(--font-serif);font-size:1.06rem;line-height:2;letter-spacing:.06em;color:var(--text-soft)}.article-body--calligraphy .artwork-meta{display:flex;flex-wrap:wrap;gap:12px 34px;margin:20px 0 0;padding:18px 0 0;border-top:1px dashed var(--border);list-style:none}.article-body--calligraphy .artwork-meta>div{display:flex;gap:8px;font-size:.86rem}.article-body--calligraphy .artwork-meta dt{color:var(--text-muted)}.article-body--calligraphy .artwork-meta dd{margin:0;color:var(--text)}.post-view[hidden]{display:none}