:root{--bg:#ffffff;--bg-alt:#f5f5f5;--text:#4a4a4a;--text-strong:#34495e;--text-muted:#888;--border:#dbdbdb;--link:#3273dc;--link-hover:#2366d1;--nav-bg:rgba(255,255,255,0.95);--tag-dark-bg:#363636;--tag-dark-text:#fff;--tag-success-bg:#48c78e;--tag-info-bg:#3e8ed0;--tag-warning-bg:#ffe08a;--shadow:0 2px 4px rgba(0,0,0,0.1)}[data-theme=dark]{--bg:#1a1a2e;--bg-alt:#16213e;--text:#c9d1d9;--text-strong:#e6edf3;--text-muted:#8b949e;--border:#30363d;--link:#58a6ff;--link-hover:#79b8ff;--nav-bg:rgba(26,26,46,0.95);--tag-dark-bg:#8b949e;--shadow:0 2px 4px rgba(0,0,0,0.4)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:source sans pro,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;background:var(--bg-alt);color:var(--text)}body{min-height:100vh;display:flex;flex-direction:column}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}h1,h2,h3,h4{color:var(--text-strong)}hr{border:none;border-top:1px solid var(--border);margin:1rem 0}ul{padding-left:1.5rem}.navbar{background:var(--nav-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;height:82px;position:relative;z-index:100}.navbar.is-fixed-top{position:fixed;top:0;left:0;right:0}.navbar-brand{display:flex;align-items:center;flex-shrink:0}.navbar-home-link{display:flex;align-items:center;color:var(--text-strong);font-weight:600;font-size:1rem;text-shadow:1px 1px rgba(127,140,141,.4);gap:8px}.navbar-home-link:hover{text-decoration:none;color:var(--text-strong)}.navbar-menu{display:flex;align-items:center;flex:1}.navbar-start{display:flex;align-items:center;gap:.25rem;margin-left:.5rem}.navbar-tools{display:flex;align-items:center;gap:.5rem;flex-shrink:0;padding:0 .25rem}.navbar-item{display:inline-flex;align-items:center;padding:.5rem .75rem;color:var(--text);border-radius:4px;cursor:pointer;background:0 0;border:none;font-size:1rem;font-family:inherit}.navbar-item:hover{background:var(--bg-alt);text-decoration:none;color:var(--text)}.navbar-burger{display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:.5rem;background:0 0;border:none}.navbar-burger span{display:block;width:22px;height:2px;background:var(--text);transition:all .2s}@media(max-width:768px){.navbar{flex-wrap:nowrap;height:52px;padding:0 1rem}.navbar-menu{display:none}.navbar-burger{display:flex}.vp-search-text,.vp-search-keys{display:none}.vp-search-btn{border:none!important;background:0 0!important;padding:.5rem;height:auto}}.top-menu-spacer{height:82px}.avatar{border:2px solid #fff;border-radius:50%;background:var(--bg-alt);box-shadow:0 0 3px 1px rgba(0,0,0,.25)}.avatar-small{width:30px;height:30px;cursor:pointer}.home-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:.5rem 1rem;min-height:0}.home-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem 2rem}#index-header-title{font-weight:800;font-size:2.5rem;color:var(--text-strong);text-shadow:2px 2px rgba(127,140,141,.4);margin:1.25rem 0}.home-nav{list-style:none;margin-top:1.25rem;padding:0}.home-nav li{padding:4px}.home-nav a{font-size:1rem;color:var(--text)}.home-nav a:hover{color:var(--link);text-decoration:none}.home-beian{text-align:center;padding:1rem;color:var(--text-muted);font-size:.875rem}.home-beian a{color:var(--text-muted)}.latest-posts{width:100%;max-width:960px;margin:0 auto;padding:0 1rem .5rem}.latest-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.latest-posts-grid{grid-template-columns:1fr}}.latest-post-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s}.latest-post-card:hover{box-shadow:var(--shadow);border-color:var(--link);text-decoration:none}.latest-post-thumb{width:100%;aspect-ratio:16/7;object-fit:cover;background:var(--bg-alt);display:block}.latest-post-body{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:.25rem}.latest-post-title{font-size:.95rem;font-weight:600;color:var(--text-strong);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-post-date{font-size:.8rem;color:var(--text-muted);margin-top:auto}.page-fixed-top{padding-top:82px}#main-article{padding:1rem;background:var(--bg);flex:1}#main-article h1{font-size:1.75rem;margin-bottom:.5rem}#main-article h2{font-size:1.4rem;margin:1.5rem 0 .5rem}#main-article h4{font-size:1.1rem;margin:1rem 0 .25rem}#main-article p{margin:.5rem 0;line-height:1.6}#main-article ul{margin:.5rem 0 .5rem 1.5rem}#main-article li{margin:.25rem 0}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:500;line-height:1.5;vertical-align:middle}.tag.is-dark{background:var(--tag-dark-bg);color:var(--tag-dark-text)}.tag.is-success{background:var(--tag-success-bg);color:#fff}.tag.is-info{background:var(--tag-info-bg);color:#fff}.tag.is-warning{background:var(--tag-warning-bg);color:#4a4a4a}.tags-addons{display:inline-flex}.tags-addons .tag:first-child{border-radius:4px 0 0 4px}.tags-addons .tag:last-child{border-radius:0 4px 4px 0}.media{display:flex;gap:1rem;background:var(--bg-alt);border-radius:4px;padding:1rem;margin:.75rem 0}.media-left{flex-shrink:0}.media-content{flex:1}.imageicons img{background:var(--bg);border-radius:4px;box-shadow:var(--shadow);padding:.5rem;width:80px}.contact-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:1.5rem 0}.contact-item{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.contact-item figcaption{font-size:.875rem;color:var(--text-muted)}.contact-item img{max-width:160px}.reading-year{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;padding:.75rem 0;border-bottom:1px solid var(--border)}.reading-year h3{font-size:1.4rem;min-width:4rem}.reading-stats{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.reading-detail-link{margin-left:auto;font-size:.9rem}.recommend-group{margin-bottom:2rem}.recommend-group-header{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-strong);margin-bottom:.75rem}.recommend-items{display:flex;flex-wrap:wrap;gap:1rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.9rem}th{background:var(--bg-alt);color:var(--text-strong);text-align:left;padding:.5rem .75rem;border-bottom:2px solid var(--border)}td{padding:.4rem .75rem;border-bottom:1px solid var(--border)}tr:hover td{background:var(--bg-alt)}.search-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;justify-content:center;align-items:flex-start;padding-top:10vh}.search-overlay.is-active{display:flex}.search-box{background:var(--bg);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);width:min(calc(100vw - 32px),720px);overflow:hidden}.search-box-header{display:flex;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);gap:.5rem}#search-input{flex:1;border:none;outline:none;font-size:1rem;background:0 0;color:var(--text)}.search-close-btn{background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;display:flex;align-items:center}.search-close-btn kbd{border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.75rem;font-family:inherit;cursor:pointer;background:var(--bg-alt);color:var(--text-muted)}.search-results{max-height:400px;overflow-y:auto}.search-result-item{padding:.75rem 1rem;border-bottom:1px solid var(--border);cursor:pointer}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-alt)}.search-result-item a{font-weight:600;font-size:1rem;display:block;margin-bottom:.25rem}.search-result-item p{font-size:.85rem;color:var(--text-muted);line-height:1.4}.search-result-item mark{background:rgba(255,200,0,.3);color:inherit;border-radius:2px}.search-empty{padding:1.5rem;text-align:center;color:var(--text-muted)}footer{text-align:center;padding:1.5rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--text-muted)}footer a{color:var(--text-muted)}footer img{vertical-align:middle;margin-bottom:.5rem}.vp-icon{display:block;width:100%;height:100%;background-color:currentColor;mask-image:var(--icon);mask-size:100%;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:var(--icon);-webkit-mask-size:100%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.vpi-search{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21l-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E")}.vpi-sun{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E")}.vpi-moon{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a6 6 0 0 0 9 9a9 9 0 1 1-9-9'/%3E%3C/svg%3E")}.vp-search-btn{display:inline-flex;align-items:center;gap:8px;padding:0 12px;height:32px;background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-muted);font-size:.875rem;font-family:inherit;white-space:nowrap;transition:border-color .15s,color .15s}.vp-search-btn:hover{border-color:var(--link);color:var(--text)}.vp-search-btn .vp-icon{width:16px;height:16px;flex-shrink:0}.vp-search-text{color:var(--text-muted)}.vp-search-keys{display:flex;align-items:center;gap:2px}.vp-search-keys kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;padding:0 4px;height:18px;font-size:.7rem;font-family:inherit;color:var(--text-muted);background:var(--bg)}.vp-key-cmd{display:none}.vp-key-ctrl{display:none}.mac .vp-key-cmd{display:inline-flex}.non-mac .vp-key-ctrl{display:inline-flex}.vp-switch{display:flex;align-items:center;justify-content:center;width:40px;height:22px;background:var(--text-muted);border-radius:11px;border:none;cursor:pointer;padding:0;transition:background .25s;flex-shrink:0}.vp-switch[aria-checked=true]{background:var(--link)}.vp-switch-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#fff;border-radius:50%;transform:translateX(-9px);transition:transform .25s;overflow:hidden;flex-shrink:0}.vp-switch[aria-checked=true] .vp-switch-check{transform:translateX(9px)}.vp-switch-icon{position:relative;width:14px;height:14px}.vp-switch-icon .vp-icon{position:absolute;top:0;left:0;width:14px;height:14px;color:#555;transition:opacity .25s}.vp-switch-icon .sun{opacity:1}.vp-switch-icon .moon{opacity:0}.vp-switch[aria-checked=true] .sun{opacity:0}.vp-switch[aria-checked=true] .moon{opacity:1}.nav-screen{display:none;position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.nav-screen.is-active{display:block}.nav-screen-container{position:absolute;top:0;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:4rem 1.5rem 1.5rem;animation:slideDown .2s ease}@keyframes slideDown{from{transform:translateY(-100%)}to{transform:translateY(0)}}.nav-screen-menu{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.nav-screen-link{display:block;padding:.75rem .5rem;color:var(--text);font-size:1rem;border-bottom:1px solid var(--border)}.nav-screen-link:hover{color:var(--link);text-decoration:none}.nav-screen-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem}.nav-screen-footer-label{font-size:.875rem;color:var(--text-muted)}.search-footer{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;border-top:1px solid var(--border);background:var(--bg-alt)}.search-footer-item{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-muted)}.search-kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-bottom:2px solid var(--border);border-radius:4px;padding:0 5px;min-width:20px;height:20px;font-size:.7rem;font-family:inherit;color:var(--text-muted);background:var(--bg);line-height:1}@media(max-width:768px){.search-footer{display:none}}.search-result-item.is-active{background:var(--bg-alt);outline:1px solid var(--link);outline-offset:-1px}.mb-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.mb-section h3{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.5rem}.mb-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.mb-item{display:flex;gap:.75rem}.mb-item.is-child{padding-left:2.5rem}.mb-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:var(--border)}.mb-body{flex:1;min-width:0}.mb-meta{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem;font-size:.875rem}.mb-author{font-weight:600;color:var(--text)}.mb-author a{color:var(--link)}.mb-time{color:var(--text-muted);font-size:.75rem}.mb-text{font-size:.9375rem;line-height:1.6;color:var(--text)}.mb-text p{margin:0 0 .5rem}.mb-text p:last-child{margin-bottom:0}.mb-actions{margin-top:.25rem}.mb-reply-btn{background:0 0;border:none;cursor:pointer;font-size:.8rem;color:var(--text-muted);padding:0}.mb-reply-btn:hover{color:var(--link)}.mb-pending{display:inline-block;font-size:.7rem;background:var(--bg-alt);border:1px solid var(--border);border-radius:3px;padding:1px 5px;color:var(--text-muted);margin-left:.25rem}.mb-empty{color:var(--text-muted);font-size:.9rem;padding:1rem 0}.mb-form{margin-top:1.5rem}.mb-form-reply-hint{font-size:.85rem;color:var(--link);margin-bottom:.75rem;display:none}.mb-form-reply-hint.is-active{display:flex;align-items:center;gap:.5rem}.mb-form-reply-cancel{background:0 0;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;padding:0}.mb-form-reply-cancel:hover{color:var(--text)}.mb-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:.5rem}@media(max-width:768px){.mb-fields{grid-template-columns:1fr}}.mb-field{padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.9rem;width:100%;box-sizing:border-box}.mb-field:focus{outline:none;border-color:var(--link)}.mb-textarea{width:100%;min-height:100px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:.9rem;resize:vertical;box-sizing:border-box;font-family:inherit;margin-bottom:.5rem}.mb-textarea:focus{outline:none;border-color:var(--link)}.mb-form-footer{display:flex;align-items:center;gap:.75rem}.mb-submit{padding:.45rem 1.25rem;background:var(--link);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.mb-submit:hover{opacity:.85}.mb-submit:disabled{opacity:.5;cursor:default}.mb-msg{font-size:.85rem;color:var(--text-muted)}.mb-msg.is-error{color:#e05}