*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #faf9f7;--color-surface: #ffffff;--color-text: #333333;--color-text-light: #666666;--color-text-muted: #999999;--color-primary: #e8836b;--color-primary-light: #fdf0ed;--color-border: #eeeeee;--color-tag-bg: #f5f5f5;--color-code-bg: #f5f2f0;--color-code-text: #c7254e;--color-pre-bg: #2b2b2b;--color-pre-text: #f8f8f2;--radius: 8px;--max-width: 780px;--max-width-wide: 1060px;--font-sans: "Noto Sans SC", "Hiragino Sans", "PingFang SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", Consolas, monospace}[data-theme=dark]{--color-bg: #1a1a1a;--color-surface: #242424;--color-text: #e0e0e0;--color-text-light: #aaaaaa;--color-text-muted: #777777;--color-primary: #e8836b;--color-primary-light: #3d2a25;--color-border: #333333;--color-tag-bg: #2e2e2e;--color-code-bg: #2e2e2e;--color-code-text: #e8836b;--color-pre-bg: #1e1e1e;--color-pre-text: #d4d4d4}html{font-size:15px;line-height:1.8;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scrollbar-gutter:stable}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-inner{max-width:var(--max-width-wide);margin:0 auto;padding:24px 20px;display:flex;align-items:baseline;justify-content:space-between}.logo{font-size:1.25rem;font-weight:600;color:var(--color-text);letter-spacing:.12em;font-family:"Noto Serif SC","Source Han Serif SC",STSong,serif}.logo:hover{color:var(--color-primary);text-decoration:none}.nav{display:flex;gap:20px}.nav-link{font-size:.88rem;color:var(--color-text-light)}.nav-link:hover{color:var(--color-primary);text-decoration:none}.nav-link.active{color:var(--color-primary)}.hero-bg{display:none}.main{flex:1;max-width:var(--max-width-wide);width:100%;margin:0 auto;padding:40px 20px}.footer{border-top:1px solid var(--color-border)}.footer-inner{max-width:var(--max-width-wide);margin:0 auto;padding:24px 20px;text-align:center;color:var(--color-text-muted);font-size:.78rem}.footer-sep{margin:0 8px}.beian-link{color:var(--color-text-muted);text-decoration:none}.beian-link:hover{color:var(--color-primary);text-decoration:none}.home-content{display:flex;gap:48px;align-items:flex-start}.post-list{flex:1;min-width:0;margin-bottom:0}.sidebar{width:220px;flex-shrink:0;position:sticky;top:90px;padding-top:0;border-top:none}.sidebar-section{margin-bottom:24px}.sidebar-title{font-size:.82rem;font-weight:600;color:var(--color-text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.sidebar-stats{font-size:.8rem;color:var(--color-text-light);line-height:2}.sidebar-stats-item{display:flex;justify-content:space-between}.sidebar-stats-value{color:var(--color-primary);font-weight:500}.post-card{padding:28px 0;border-bottom:1px solid var(--color-border);cursor:pointer}.post-card:first-child{padding-top:0}.post-card:last-child{border-bottom:none}.post-card-header{display:block}.post-card-date-badge{display:none}.post-card-body{display:block}.post-card-title{font-size:1.15rem;font-weight:600;color:var(--color-text);line-height:1.6;margin-bottom:6px;display:flex;align-items:center;gap:8px}.pin-badge{display:inline-block;font-size:.7rem;font-weight:500;color:var(--color-primary);border:1px solid var(--color-primary);padding:0 6px;border-radius:3px;line-height:1.6;flex-shrink:0}.post-card:hover .post-card-title{color:var(--color-primary)}.post-card-summary{font-size:.9rem;color:var(--color-text-light);line-height:1.75;margin-bottom:10px}.post-card-footer{display:flex;align-items:center;gap:16px}.post-card-meta{display:flex;gap:12px}.meta-item{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--color-text-muted)}.meta-item svg{display:none}.post-card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;padding:2px 10px;font-size:.75rem;border-radius:3px;background:var(--color-tag-bg);color:var(--color-text-light);cursor:pointer;-webkit-user-select:none;user-select:none}.tag:hover{background:var(--color-primary-light);color:var(--color-primary)}.tag-active,.tag-active:hover{background:var(--color-primary);color:#fff}.tag-category{background:var(--color-primary-light);color:var(--color-primary)}.tag-label{background:var(--color-tag-bg);color:var(--color-text-light)}.tag-list{margin-bottom:16px}.tag-list-label{display:inline;font-size:.82rem;font-weight:500;color:var(--color-text);margin-right:10px}.tag-list .tag{margin:0 4px 6px 0}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.pagination button{padding:6px 18px;font-size:.82rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-light);cursor:pointer;font-family:var(--font-sans)}.pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:.82rem;color:var(--color-text-muted)}.post-page{display:flex;gap:48px;align-items:flex-start}.post-detail{flex:1;min-width:0;max-width:100%}.post-toc{width:200px;flex-shrink:0;position:sticky;top:90px}.post-toc-title{font-size:.82rem;font-weight:600;color:var(--color-text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.post-toc-list{list-style:none;font-size:.78rem;line-height:1.6;max-height:calc(100vh - 180px);overflow-y:auto;border-left:1px solid var(--color-border);padding-left:0}.post-toc-list::-webkit-scrollbar{width:3px}.post-toc-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.toc-item{margin-bottom:0;position:relative}.toc-link{display:block;padding:4px 0 4px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--color-text-muted);text-decoration:none;cursor:pointer;transition:color .2s,border-color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-link:hover{color:var(--color-primary);text-decoration:none}.toc-link-active{color:var(--color-primary);font-weight:500;border-left-color:var(--color-primary)}.toc-h3{padding-left:24px}.toc-h4{padding-left:36px}.post-detail-breadcrumb{font-size:.8rem;color:var(--color-text-muted);margin-bottom:24px}.breadcrumb-sep{margin:0 2px}.post-detail-header{margin-bottom:36px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.post-detail-header h1{font-size:1.6rem;font-weight:700;line-height:1.5;margin-bottom:14px}.post-detail-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;font-size:.82rem;color:var(--color-text-muted)}.post-detail-meta .meta-item{font-size:.82rem}.post-detail-meta .meta-item svg{display:none}.post-detail-tags{display:flex;flex-wrap:wrap;gap:6px}.post-detail-footer{margin-top:48px;padding-top:20px;border-top:1px solid var(--color-border)}.back-link{font-size:.85rem;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:4px}.back-link svg{width:14px;height:14px}.back-link:hover{color:var(--color-primary);text-decoration:none}.post-detail-content{font-size:.95rem;color:var(--color-text)}.post-detail-content h2{font-size:1.25rem;font-weight:600;margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.post-detail-content h3{font-size:1.08rem;font-weight:600;margin:28px 0 12px}.post-detail-content p{margin-bottom:16px;line-height:1.9}.post-detail-content ul,.post-detail-content ol{padding-left:22px;margin-bottom:16px}.post-detail-content li{margin-bottom:4px;line-height:1.85}.post-detail-content code{font-family:var(--font-mono);font-size:.88em;background:var(--color-code-bg);padding:2px 6px;border-radius:3px;color:var(--color-code-text)}.post-detail-content pre{background:var(--color-pre-bg);color:var(--color-pre-text);padding:18px 20px;border-radius:var(--radius);overflow-x:auto;margin-bottom:20px;line-height:1.6;position:relative}.code-copy-btn{position:absolute;top:10px;right:10px;padding:3px 10px;font-size:.72rem;font-family:var(--font-sans);color:#aaa;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s,color .15s;line-height:1.6}.post-detail-content pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:#fff;background:#ffffff26}.post-detail-content pre code{background:none;padding:0;font-size:.85rem;color:inherit}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a9955}.token.punctuation{color:var(--color-pre-text)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol{color:#b5cea8}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#ce9178}.token.operator,.token.entity,.token.url{color:#d4d4d4}.token.atrule,.token.attr-value,.token.keyword{color:#569cd6}.token.function,.token.class-name{color:#dcdcaa}.token.regex,.token.important,.token.variable{color:#d16969}.post-detail-content blockquote{border-left:3px solid var(--color-primary);padding:10px 18px;margin:18px 0;background:var(--color-primary-light);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text-light)}.post-detail-content blockquote p:last-child{margin-bottom:0}.post-detail-content img{max-width:100%;border-radius:var(--radius);margin:8px 0;cursor:zoom-in}.lightbox-overlay{position:fixed;inset:0;background:#000000bf;z-index:1100;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-img{max-width:90vw;max-height:90vh;border-radius:var(--radius);object-fit:contain;cursor:default}.post-detail-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.post-detail-content hr{border:none;height:1px;background:var(--color-border);margin:36px 0}.post-detail-content table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.88rem}.post-detail-content th,.post-detail-content td{padding:8px 12px;border:1px solid var(--color-border);text-align:left}.post-detail-content th{background:var(--color-tag-bg);font-weight:600}.archive-page{display:flex;gap:48px;align-items:flex-start}.archive{flex:1;min-width:0}.archive-nav{width:180px;flex-shrink:0;position:sticky;top:90px}.archive-nav-title{font-size:.82rem;font-weight:600;color:var(--color-text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.archive-nav-list{list-style:none}.archive-nav-link{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:.82rem;color:var(--color-text-muted);cursor:pointer;transition:color .15s}.archive-nav-link:hover{color:var(--color-primary);text-decoration:none}.archive-nav-link-active{color:var(--color-primary);font-weight:500}.archive-nav-count{font-size:.75rem;color:var(--color-text-muted)}.archive-nav-link-active .archive-nav-count{color:var(--color-primary)}.archive-year-section{margin-bottom:12px}.archive-year-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.archive-header{margin-bottom:32px}.archive-title{font-size:1.3rem;font-weight:700;margin-bottom:4px}.archive-desc{font-size:.85rem;color:var(--color-text-muted)}.archive-timeline{position:relative;padding-left:20px;border-left:2px solid var(--color-border)}.archive-timeline:before{display:none}.archive-group{margin-bottom:28px}.archive-month-badge{font-size:.88rem;font-weight:600;color:var(--color-primary);margin-bottom:8px;position:relative;left:-8px}.archive-list{list-style:none}.archive-item{display:flex;align-items:center;gap:12px;padding:6px 0}.archive-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0;position:relative;left:-24px}.archive-item-content{display:flex;align-items:center;gap:12px;margin-left:-18px;flex:1}.archive-item-content:hover{background:none}.archive-item-title{font-size:.9rem;color:var(--color-text)}.archive-item-title:hover{color:var(--color-primary)}.archive-item-date{font-size:.78rem;color:var(--color-text-muted);flex-shrink:0}.about-page{max-width:var(--max-width)}.about-header{margin-bottom:36px}.about-title{font-size:1.3rem;font-weight:700}.about-section{margin-bottom:36px}.about-section-title{font-size:.82rem;font-weight:600;color:var(--color-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.about-section p{font-size:.92rem;color:var(--color-text-light);line-height:1.85;margin-bottom:10px}.about-contact-list{list-style:none;font-size:.92rem;color:var(--color-text-light);line-height:2}.about-skill-list{list-style:none;font-size:.88rem;color:var(--color-text-light);line-height:2}.about-skill-label{display:inline-block;width:4em;font-weight:500;color:var(--color-text);margin-right:12px}.links-page{max-width:var(--max-width)}.links-header{margin-bottom:36px}.links-title{font-size:1.3rem;font-weight:700;margin-bottom:4px}.links-desc{font-size:.85rem;color:var(--color-text-muted)}.links-group{margin-bottom:36px}.links-group-title{font-size:.82rem;font-weight:600;color:var(--color-text);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.links-list{list-style:none}.links-item{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.links-item:last-child{border-bottom:none}.links-item-name{font-size:.92rem;font-weight:500;color:var(--color-text);flex-shrink:0;text-decoration:none}.links-item-name:hover{color:var(--color-primary);text-decoration:none}.links-item-desc{font-size:.85rem;color:var(--color-text-light);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.links-item-url{font-size:.78rem;color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.loading{display:flex;flex-direction:column;align-items:center;padding:80px;gap:12px;color:var(--color-text-muted);font-size:.88rem}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-tip{text-align:center;padding:60px;color:var(--color-text-muted);font-size:.9rem}.not-found{text-align:center;padding:100px 20px}.not-found-code{font-size:4rem;font-weight:700;color:var(--color-primary);line-height:1.2;margin-bottom:8px}.not-found-title{font-size:1.1rem;color:var(--color-text);margin-bottom:6px}.not-found-desc{color:var(--color-text-muted);margin-bottom:24px;font-size:.88rem}.not-found-link{display:inline-block;padding:8px 20px;border:1px solid var(--color-primary);color:var(--color-primary);border-radius:var(--radius);font-size:.85rem}.not-found-link:hover{background:var(--color-primary);color:#fff;text-decoration:none}.post-error{text-align:center;padding:60px;color:var(--color-text-light)}.nav-search-btn,.nav-theme-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:4px 8px;cursor:pointer;color:var(--color-text-muted);transition:color .15s,border-color .15s}.nav-search-btn:hover,.nav-theme-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.search-overlay{position:fixed;inset:0;background:#0000004d;z-index:1000;display:flex;justify-content:center;padding-top:12vh}.search-modal{width:520px;max-width:90vw;max-height:70vh;background:var(--color-surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001f}.search-input-wrap{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--color-border)}.search-icon{flex-shrink:0;color:var(--color-text-muted)}.search-input{flex:1;border:none;outline:none;font-size:.95rem;font-family:var(--font-sans);color:var(--color-text);background:transparent}.search-input::placeholder{color:var(--color-text-muted)}.search-esc{font-size:.7rem;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:4px;padding:1px 6px;cursor:pointer;flex-shrink:0}.search-results{flex:1;overflow-y:auto;padding:8px 0}.search-tip{text-align:center;padding:24px;color:var(--color-text-muted);font-size:.85rem}.search-result-item{padding:10px 18px;cursor:pointer;transition:background .1s}.search-result-item:hover{background:var(--color-tag-bg)}.search-result-title{font-size:.9rem;font-weight:500;color:var(--color-text);margin-bottom:3px}.search-result-meta{font-size:.78rem;color:var(--color-text-muted);display:flex;gap:12px}.search-result-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.post-nav{display:flex;gap:20px;margin-bottom:20px}.post-nav-item{flex:1;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;transition:border-color .15s;min-width:0}.post-nav-item:hover{border-color:var(--color-primary);text-decoration:none}.post-nav-label{display:block;font-size:.75rem;color:var(--color-text-muted);margin-bottom:4px}.post-nav-next{text-align:right}.post-nav-title{display:block;font-size:.85rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-nav-item:hover .post-nav-title{color:var(--color-primary)}@media(max-width:900px){.home-content{flex-direction:column;gap:0}.sidebar{width:100%;position:static;padding-top:20px;border-top:1px solid var(--color-border)}.post-page{flex-direction:column;gap:0}.post-toc{display:none}.archive-page{flex-direction:column;gap:0}.archive-nav{display:none}}@media(max-width:640px){.header-inner{padding:18px 16px}.main{padding:28px 16px}.post-detail-header h1{font-size:1.3rem}.post-nav{flex-direction:column;gap:10px}.post-nav-next{text-align:left}}