:root{--bg:#f4f4f4;--card:#fff;--text:#333;--text-light:#999;--accent:#2f6fed;--border:#eee;--radius:6px;--shadow:0 1px 3px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{opacity:.85}img{max-width:100%}#nav-menu{z-index:100;-webkit-backdrop-filter:blur(8px);background:#fff3;justify-content:space-between;align-items:center;height:56px;padding:0 24px;transition:background .4s,box-shadow .4s,top .3s;display:flex;position:fixed;top:0;left:0;right:0}#nav-menu.headroom--top{color:#fff}#nav-menu.headroom--top a,#nav-menu.headroom--top .nav-icon-btn{color:#fff;text-shadow:0 1px 3px #0006}#nav-menu.headroom--top .nav-right-list a:hover,#nav-menu.headroom--top .nav-icon-btn:hover{color:#fff;background:#ffffff40}#nav-menu.headroom--top .nav-right-list a.active{color:#fff;background:#ffffff40;border-color:#fff}#nav-menu.headroom--not-top{background:#ffffffeb;box-shadow:0 2px 4px -1px #0000000f,0 4px 5px #0000000f,0 1px 10px #00000014}#nav-menu.headroom--not-top a,#nav-menu.headroom--not-top .nav-icon-btn{text-shadow:none}#nav-menu.headroom--unpinned{top:-56px}#nav-menu.headroom--pinned{top:0}#nav-left{color:var(--text);align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}#nav-left img{object-fit:cover;border-radius:50%;width:34px;height:34px;transition:transform .5s;box-shadow:0 0 6px .5px #ffffffb3}#nav-left a{color:var(--text);align-items:center;gap:10px;display:flex}#nav-left a:hover img{transform:rotate(360deg)}#nav-right{align-items:center;gap:6px;display:flex}.nav-right-list{gap:4px;list-style:none;display:flex}.nav-right-list a{color:#555;border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:14px;transition:color .2s,border-color .2s,background .2s;display:block}.nav-right-list a:hover{color:var(--accent);background:#f0f3f8}.nav-right-list a.active{border-color:var(--accent);color:var(--accent);background:0 0}.nav-icon-btn{cursor:pointer;color:#555;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:inline-flex}.nav-icon-btn:hover{background:#f0f3f8}#nav-vertical{z-index:200;background:#fff;width:280px;height:100%;padding:70px 24px 24px;transition:right .3s;position:fixed;top:0;right:-280px;overflow-y:auto;box-shadow:-2px 0 8px #0000001a}#nav-vertical.open{right:0}#nav-vertical .close{color:#888;cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:14px;right:16px}#nav-avatar{text-align:center;margin-bottom:20px}#nav-avatar img{object-fit:cover;border-radius:50%;width:84px;height:84px}.nav-vertical-list{list-style:none}.nav-vertical-list a{color:#444;border-bottom:1px solid var(--border);border-radius:6px;padding:12px 8px;font-size:15px;display:block}.nav-vertical-list a.active{color:var(--accent);border:1px solid var(--accent);padding:11px 8px}#wrapper{z-index:150;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s;position:fixed;inset:0}#wrapper.open{opacity:1;pointer-events:auto}#header{justify-content:center;align-items:center;height:100vh;min-height:480px;display:flex;position:relative;overflow:hidden}#header.compact{height:70vh;min-height:320px}#background{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}#header:after{content:"";z-index:1;background:#00000038;position:absolute;inset:0}#site-meta{z-index:2;text-align:center;color:#fff;text-shadow:0 2px 8px #00000080;position:relative}#site-name{letter-spacing:2px;margin-bottom:8px;font-size:5rem;font-weight:300}#site-description{opacity:.9;font-size:1.5rem}.animated{animation-duration:.6s;animation-fill-mode:both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animated.fadeInDown{animation-name:fadeInDown}.animated.fadeIn{animation-name:fadeIn;animation-duration:.8s}#nprogress{pointer-events:none;z-index:1031;height:2px;transition:opacity .4s;position:fixed;top:0;left:0;right:0}#nprogress .bar{background:#2f6fed;width:0%;height:2px;transition:width .2s;position:absolute;top:0;left:0;box-shadow:0 0 10px #2f6fed,0 0 5px #2f6fed}#body{padding-bottom:60px}.container{width:61.8%;max-width:1400px;margin:0 auto;padding:0 16px}@media (width<=1200px){.container{width:85%}}@media (width<=768px){.container{width:100%}}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:24px;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;padding:22px 18px 14px;transition:all .5s;display:flex;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 5px 10px 5px #6e6e6e66}.card-thumbnail{background-position:50%;background-size:cover;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:76px;height:76px;margin-bottom:12px;transition:transform .5s;box-shadow:0 2px 6px #0000002e}.card:hover .card-thumbnail{transform:scale(1.06)rotate(6deg)}.card-title{text-align:center;padding:0 4px}.card-title a{color:var(--text);font-size:17px;font-weight:600;line-height:1.4}.card-title .sticky{color:var(--accent);margin-right:6px;font-size:14px;font-weight:400}.card-meta-top{color:var(--text-light);flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 4px 4px;font-size:12.5px;display:flex}.card-meta-cate a{color:var(--text-light)}.card-meta-cate a:hover{color:var(--accent)}.card-body{color:#666;text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;padding:10px 4px 8px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-line{background:var(--border);width:calc(100% - 16px);height:1px;margin:4px 8px}.card-meta-bottom{color:var(--text-light);justify-content:center;align-items:center;gap:14px;width:100%;padding:8px 8px 2px;font-size:12.5px;list-style:none;display:flex}.card-meta-bottom .card-meta-more{margin-left:auto;margin-right:0}.card-meta-bottom .card-meta-more a{color:var(--text-light);letter-spacing:-4px;font-size:18px}.card-meta-bottom .card-meta-more a:hover{color:var(--accent)}#load-more{text-align:center;color:var(--text-light);padding:28px 0 8px;font-size:13px;animation:.6s fadeIn}.post,.page-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:36px 40px 30px}.post-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:18px}.post-title{font-size:26px;line-height:1.4}.post-title a{color:var(--text)}.post-meta{color:var(--text-light);flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;display:flex}.post-content{font-size:15.5px}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin:1.6em 0 .6em;line-height:1.4}.post-content h2{border-bottom:1px solid var(--border);padding-bottom:6px;font-size:22px}.post-content h3{font-size:18px}.post-content p{margin:.9em 0}.post-content ul,.post-content ol{margin:.9em 0;padding-left:2em}.post-content li{margin:.3em 0}.post-content blockquote{border-left:4px solid var(--accent);color:#555;background:#f7f9fc;border-radius:0 4px 4px 0;margin:1em 0;padding:8px 16px}.post-content code{background:#f0f2f5;border-radius:3px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em}.post-content pre{border-radius:6px;margin:1.2em 0;padding:14px 16px;font-size:13.5px;line-height:1.6;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.post-content a{word-break:break-all}.post-content img{border-radius:4px;margin:8px 0}.post-content table{border-collapse:collapse;width:100%;margin:1em 0}.post-content th,.post-content td{border:1px solid var(--border);padding:8px 12px}.post-content th{background:#f7f9fc}.post-content hr{border:none;border-top:1px solid var(--border);margin:1.6em 0}.post-content del{color:var(--text-light)}.post-update{color:var(--text-light);margin-top:28px;font-size:13px}.post-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.post-tags a{color:#555;background:#f0f3f8;border-radius:20px;padding:3px 12px;font-size:13px;display:inline-block}.post-tags a:hover{color:var(--accent)}.nextprev{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;font-size:14px;display:flex}.nextprev a{color:#666;max-width:48%}.nextprev .np-next{text-align:right}.nextprev a:hover{color:var(--accent)}.nextprev .np-label{color:var(--text-light);font-size:12px;display:block}.comments{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:28px 40px}.comments-title{margin-bottom:18px;font-size:17px}.comment-item{border-bottom:1px solid var(--border);padding:14px 0}.comment-item:last-child{border-bottom:none}.comment-author{font-size:14px;font-weight:600}.comment-author a{color:var(--text)}.comment-meta{color:var(--text-light);margin:2px 0 8px;font-size:12px}.comment-text{color:#555;word-break:break-word;font-size:14px}#page-nav{grid-column:1/-1;justify-content:center;margin:30px 0 0;display:flex}#page-nav ul{gap:6px;list-style:none;display:flex}#page-nav a,#page-nav span{text-align:center;background:var(--card);color:#666;min-width:36px;height:36px;box-shadow:var(--shadow);border-radius:4px;padding:0 10px;font-size:14px;line-height:36px;display:inline-block}#page-nav a:hover{color:var(--accent)}#page-nav .page-current span,#page-nav span.current{background:var(--accent);color:#fff}.archive-year{color:var(--text);margin:30px 0 14px;font-size:22px;font-weight:700}.archive-list{list-style:none}.archive-list li{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);align-items:baseline;gap:16px;margin-bottom:8px;padding:10px 16px;display:flex}.archive-list .date{color:var(--text-light);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px}.archive-list a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.archive-list a:hover{color:var(--accent)}.archive-list .count{color:var(--text-light);flex-shrink:0;font-size:12px}.search-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.search-input{border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:12px 16px;font-size:16px}.search-input:focus{border-color:var(--accent)}.search-results{margin-top:20px}.search-hit{border-bottom:1px solid var(--border);padding:14px 0}.search-hit:last-child{border-bottom:none}.search-hit h3{font-size:16px}.search-hit p{color:var(--text-light);margin-top:4px;font-size:13px}.search-empty{color:var(--text-light);text-align:center;padding:30px 0}.term-header{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:20px 24px}.term-header h1{font-size:22px}.term-header p{color:var(--text-light);margin-top:4px;font-size:13px}.link-box{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:1.2em 0;display:grid}.link-item{color:var(--text);background:#f7f9fc;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;transition:all .5s;display:flex}.link-item:hover{opacity:1;background:#eef2f9;transform:translateY(-8px);box-shadow:0 0 8px #d3d3d3}.link-item img{object-fit:cover;border-radius:50%;width:56px;height:56px}.link-item .name{font-size:14px;font-weight:600}.link-item .title{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}#footer{border-top:1px solid var(--border);text-align:center;color:var(--text-light);background:#fff;padding:26px 16px 30px;font-size:13px}#hitokoto{margin-bottom:8px}#footer-info a{color:var(--text-light)}#footer-info a:hover{color:var(--accent)}#go-top{width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;color:#666;z-index:90;opacity:0;pointer-events:none;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:opacity .3s;display:flex;position:fixed;bottom:30px;right:24px}#go-top.show{opacity:1;pointer-events:auto}#go-top:hover{color:var(--accent)}.notfound{text-align:center;padding:80px 0}.notfound h1{color:var(--text-light);font-size:72px}.notfound p{color:var(--text-light);margin-top:12px}@media (width<=768px){#header{height:60vh;min-height:320px}#header.compact{height:40vh;min-height:240px}#site-name{font-size:2.8rem}#site-description{font-size:1.1rem}.nav-right-list{display:none}.post,.page-box,.comments{padding:24px 20px}.post-title{font-size:21px}.card-thumbnail{height:160px}#body{margin-top:0}}@media (width>=769px){#nav-menu-btn{display:none}}