:root{--bg:#0a0a0a;--bg-2:#141414;--bg-3:#1a1a1a;--bg-hover:#242424;--text:#f5f5f5;--text-mute:#a0a0a0;--text-dim:#666;--accent:#f59e0b;--accent-2:#fbbf24;--accent-glow:rgba(245,158,11,0.15);--line:#2a2a2a;--line-2:#3a3a3a;--glass-bg:rgba(20,20,20,0.4);--glass-bg-solid:rgba(20,20,20,0.7);--glass-blur:blur(16px) saturate(180%);--glass-border:1px solid rgba(255,255,255,0.08);--glass-shadow:0 8px 32px rgba(0,0,0,0.35);--glass-hl:inset 0 1px 0 rgba(255,255,255,0.06);--glass-grad:linear-gradient(to bottom,rgba(20,20,20,0.1) 0%,rgba(20,20,20,0.4) 50%,rgba(20,20,20,0.78) 100%);--grad-amber:linear-gradient(135deg,#f59e0b,#d97706);--btn-bg:var(--glass-bg);--btn-border:1px solid var(--line);--btn-radius:var(--r-md);--btn-pad:var(--sp-sm) var(--sp-md);--btn-transition:all .25s ease;--r-sm:6px;--r-md:12px;--r-lg:16px;--r-xl:24px;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--sp-3xl:64px;--glow-sm:0 0 20px rgba(245,158,11,0.1);--glow-md:0 0 40px rgba(245,158,11,0.15);--glow-lg:0 0 60px rgba(245,158,11,0.2);--font-display:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--font-sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--font-mono:'JetBrains Mono','Sarasa Mono SC','Consolas',monospace;--font-serif:'Noto Serif SC','PingFang SC','Georgia',serif;--max-w:1400px;--side-w:320px;--header-h:64px;--gear-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M174 100 L173.77 105.81 L191.02 113.37 L187.81 127.45 L168.99 126.78 L166.67 132.11 L163.95 137.24 L176.21 151.54 L167.21 162.83 L150.54 154.06 L146.14 157.86 L141.46 161.3 L146.3 179.5 L133.29 185.77 L122.08 170.63 L116.47 172.14 L110.76 173.21 L107.22 191.72 L92.78 191.72 L89.24 173.21 L83.53 172.14 L77.92 170.63 L66.71 185.77 L53.7 179.5 L58.54 161.3 L53.86 157.86 L49.46 154.06 L32.79 162.83 L23.79 151.54 L36.05 137.24 L33.33 132.11 L31.01 126.78 L12.19 127.45 L8.98 113.37 L26.23 105.81 L26 100 L26.23 94.19 L8.98 86.63 L12.19 72.55 L31.01 73.22 L33.33 67.89 L36.05 62.76 L23.79 48.46 L32.79 37.17 L49.46 45.94 L53.86 42.14 L58.54 38.7 L53.7 20.5 L66.71 14.23 L77.92 29.37 L83.53 27.86 L89.24 26.79 L92.78 8.28 L107.22 8.28 L110.76 26.79 L116.47 27.86 L122.08 29.37 L133.29 14.23 L146.3 20.5 L141.46 38.7 L146.14 42.14 L150.54 45.94 L167.21 37.17 L176.21 48.46 L163.95 62.76 L166.67 67.89 L168.99 73.22 L187.81 72.55 L191.02 86.63 L173.77 94.19 Z'/%3E%3Ccircle cx='100' cy='100' r='54'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=light]{--bg:#f7f7f8;--bg-2:#fff;--bg-3:#f0f0f2;--bg-hover:#e8e8ea;--text:#1a1a1a;--text-mute:#555;--text-dim:#8a8a8a;--accent:#d97706;--accent-2:#b45309;--accent-glow:rgba(217,119,6,0.18);--line:#e0e0e2;--line-2:#c8c8cc;--glass-bg:rgba(255,255,255,0.45);--glass-bg-solid:rgba(255,255,255,0.75);--glass-border:1px solid rgba(0,0,0,0.06);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--glass-hl:inset 0 1px 0 rgba(255,255,255,0.5);--glass-grad:linear-gradient(to bottom,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0.82) 100%);--gear-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23d97706' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M174 100 L173.77 105.81 L191.02 113.37 L187.81 127.45 L168.99 126.78 L166.67 132.11 L163.95 137.24 L176.21 151.54 L167.21 162.83 L150.54 154.06 L146.14 157.86 L141.46 161.3 L146.3 179.5 L133.29 185.77 L122.08 170.63 L116.47 172.14 L110.76 173.21 L107.22 191.72 L92.78 191.72 L89.24 173.21 L83.53 172.14 L77.92 170.63 L66.71 185.77 L53.7 179.5 L58.54 161.3 L53.86 157.86 L49.46 154.06 L32.79 162.83 L23.79 151.54 L36.05 137.24 L33.33 132.11 L31.01 126.78 L12.19 127.45 L8.98 113.37 L26.23 105.81 L26 100 L26.23 94.19 L8.98 86.63 L12.19 72.55 L31.01 73.22 L33.33 67.89 L36.05 62.76 L23.79 48.46 L32.79 37.17 L49.46 45.94 L53.86 42.14 L58.54 38.7 L53.7 20.5 L66.71 14.23 L77.92 29.37 L83.53 27.86 L89.24 26.79 L92.78 8.28 L107.22 8.28 L110.76 26.79 L116.47 27.86 L122.08 29.37 L133.29 14.23 L146.3 20.5 L141.46 38.7 L146.14 42.14 L150.54 45.94 L167.21 37.17 L176.21 48.46 L163.95 62.76 L166.67 67.89 L168.99 73.22 L187.81 72.55 L191.02 86.63 L173.77 94.19 Z'/%3E%3Ccircle cx='100' cy='100' r='54'/%3E%3C/g%3E%3C/svg%3E")}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f7f7f8;--bg-2:#fff;--bg-3:#f0f0f2;--bg-hover:#e8e8ea;--text:#1a1a1a;--text-mute:#555;--text-dim:#8a8a8a;--accent:#d97706;--accent-2:#b45309;--accent-glow:rgba(217,119,6,0.18);--line:#e0e0e2;--line-2:#c8c8cc;--glass-bg:rgba(255,255,255,0.45);--glass-bg-solid:rgba(255,255,255,0.75);--glass-border:1px solid rgba(0,0,0,0.06);--glass-shadow:0 8px 32px rgba(0,0,0,0.1);--glass-hl:inset 0 1px 0 rgba(255,255,255,0.5);--glass-grad:linear-gradient(to bottom,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.45) 50%,rgba(255,255,255,0.82) 100%);--gear-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23d97706' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M174 100 L173.77 105.81 L191.02 113.37 L187.81 127.45 L168.99 126.78 L166.67 132.11 L163.95 137.24 L176.21 151.54 L167.21 162.83 L150.54 154.06 L146.14 157.86 L141.46 161.3 L146.3 179.5 L133.29 185.77 L122.08 170.63 L116.47 172.14 L110.76 173.21 L107.22 191.72 L92.78 191.72 L89.24 173.21 L83.53 172.14 L77.92 170.63 L66.71 185.77 L53.7 179.5 L58.54 161.3 L53.86 157.86 L49.46 154.06 L32.79 162.83 L23.79 151.54 L36.05 137.24 L33.33 132.11 L31.01 126.78 L12.19 127.45 L8.98 113.37 L26.23 105.81 L26 100 L26.23 94.19 L8.98 86.63 L12.19 72.55 L31.01 73.22 L33.33 67.89 L36.05 62.76 L23.79 48.46 L32.79 37.17 L49.46 45.94 L53.86 42.14 L58.54 38.7 L53.7 20.5 L66.71 14.23 L77.92 29.37 L83.53 27.86 L89.24 26.79 L92.78 8.28 L107.22 8.28 L110.76 26.79 L116.47 27.86 L122.08 29.37 L133.29 14.23 L146.3 20.5 L141.46 38.7 L146.14 42.14 L150.54 45.94 L167.21 37.17 L176.21 48.46 L163.95 62.76 L166.67 67.89 L168.99 73.22 L187.81 72.55 L191.02 86.63 L173.77 94.19 Z'/%3E%3Ccircle cx='100' cy='100' r='54'/%3E%3C/g%3E%3C/svg%3E")}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden;min-height:100vh}.bg-canvas{position:fixed;top:0;left:0;width:480px;height:480px;z-index:0;opacity:1;pointer-events:none}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hl)}::selection{background:var(--accent-glow);color:var(--accent);text-shadow:0 0 10px rgba(245,158,11,.3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-3)}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:var(--accent);text-decoration:none;transition:color .3s,text-shadow .3s}a:hover{color:var(--accent-2);text-shadow:0 0 12px rgba(245,158,11,.5)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:var(--sp-lg);display:flex;gap:var(--sp-xl);position:relative;z-index:1}.content{flex:1;min-width:0}.main{position:relative;z-index:1;min-height:calc(100vh - var(--header-h) - 200px)}.header{position:sticky;top:0;background:rgba(10,10,10,.35);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--line);z-index:1000;transition:background .3s,box-shadow .3s}[data-theme=light] .header{background:rgba(255,255,255,.4)}.header.scrolled{background:rgba(10,10,10,.4);box-shadow:0 2px 12px rgba(0,0,0,.2)}[data-theme=light] .header.scrolled{background:rgba(255,255,255,.5)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:var(--sp-md) var(--sp-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-lg)}.brand{display:flex;align-items:center;gap:var(--sp-sm);font-size:1.25rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.brand-name{font-family:var(--font-display)}.logo{width:32px;height:32px;border-radius:var(--r-sm)}.nav{flex:1}.nav-list{display:flex;list-style:none;gap:var(--sp-lg)}.nav-link{color:var(--text-mute);font-size:.95rem;font-weight:500;padding:var(--sp-xs) 0;position:relative;transition:color .2s}.nav-link.active,.nav-link:hover{color:var(--accent)}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--grad-amber);border-radius:1px;box-shadow:0 0 10px var(--accent-glow)}.header-actions{display:flex;align-items:center;gap:var(--sp-sm)}.icon-btn{background:var(--btn-bg);border:var(--btn-border);cursor:pointer;padding:var(--btn-pad);color:var(--text-mute);border-radius:var(--btn-radius);transition:var(--btn-transition);display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow)}.menu-toggle{display:none;flex-direction:column;gap:4px}.menu-toggle span{width:20px;height:2px;background:currentColor;transition:transform .3s,opacity .3s}.menu-toggle.active span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.search-overlay{position:fixed;inset:0;background:0 0;display:none;align-items:flex-start;justify-content:center;padding-top:120px;z-index:2000;opacity:0;transition:opacity .3s}.search-overlay.active{display:flex;opacity:1}.search-box{width:90%;max-width:600px;padding:var(--sp-xl);border-radius:var(--r-lg);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hl)}.search-form{display:flex;gap:var(--sp-md)}.search-input{flex:1;border:var(--btn-border);outline:0;font-size:1.25rem;padding:var(--sp-md);font-family:var(--font-sans);background:var(--bg-3);color:var(--text);border-radius:var(--btn-radius);transition:var(--btn-transition)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-input::placeholder{color:var(--text-dim)}.search-submit{background:var(--grad-amber);border:none;cursor:pointer;padding:var(--btn-pad);color:#fff;border-radius:var(--btn-radius);transition:var(--btn-transition);flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-submit:hover{transform:translateY(-2px);box-shadow:var(--glow-md)}.search-submit:active{transform:translateY(0)}.search-close{background:var(--bg-3);border:var(--btn-border);cursor:pointer;color:var(--text-mute);padding:var(--btn-pad);border-radius:var(--btn-radius);display:flex;align-items:center;justify-content:center;transition:var(--btn-transition);flex-shrink:0}.search-close:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);transform:rotate(90deg)}.search-results{margin-top:var(--sp-md);max-height:400px;overflow-y:auto}.search-results:empty{display:none}.search-result-item{display:block;padding:var(--sp-md);border-radius:var(--r-md);color:var(--text-mute);transition:background .2s}.search-result-item+.search-result-item{margin-top:var(--sp-sm)}.search-result-item:hover{background:var(--bg-hover)}.search-result-title{display:block;font-weight:600;color:var(--text);margin-bottom:4px}.search-result-item:hover .search-result-title{color:var(--accent)}.search-result-excerpt{display:block;font-size:.875rem;color:var(--text-dim);line-height:1.5}.search-result-empty{padding:var(--sp-lg);text-align:center;color:var(--text-dim);font-size:.95rem}.cards{display:grid;grid-template-columns:1fr;gap:var(--sp-lg);margin-bottom:var(--sp-2xl)}.card{background:var(--glass-grad);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hl);border-radius:var(--r-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;opacity:0;transform:translateY(24px);animation:fadeUp .6s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--i,0) * 60ms);transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(245,158,11,.12),var(--glass-hl)}.card.no-img .card-body{padding:var(--sp-xl) var(--sp-lg)}.card.no-img .card-title{font-size:1.75rem}.card-img-link{display:block;flex-shrink:0;overflow:hidden}.card-img-link:hover .card-img{opacity:.85;transform:scale(1.03)}.card-img{width:100%;height:260px;background:var(--bg-2);background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .6s,opacity .3s}.card-body{padding:var(--sp-lg)}.card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:var(--sp-sm);line-height:1.3;color:var(--text);letter-spacing:-.01em}.card-title a{color:inherit;transition:color .3s}.card-title a:hover{color:var(--accent)}.card-excerpt{color:var(--text-mute);font-size:.95rem;line-height:1.7;margin-bottom:var(--sp-md)}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-md);margin-top:var(--sp-md);font-size:.875rem}.meta-date,.meta-time{color:var(--text-dim)}.read-more{margin-left:auto;color:var(--accent);font-weight:600}.read-more:hover{text-shadow:0 0 12px rgba(245,158,11,.5)}.term,.term-lg,.term-sm{display:inline-flex;align-items:center;gap:var(--sp-xs);color:hsl(var(--h,38),var(--s,92%),var(--l,65%));border:1px solid hsla(var(--h,38),var(--s,92%),var(--l,65%),.5);background:hsla(var(--h,38),var(--s,92%),var(--l,65%),.1);border-radius:20px;transition:all .25s ease;text-decoration:none}.term-lg:hover,.term-sm:hover,.term:hover{background:hsla(var(--h,38),var(--s,92%),var(--l,65%),.2);border-color:hsl(var(--h,38),var(--s,92%),var(--l,65%));transform:translateY(-1px);box-shadow:0 0 16px hsla(var(--h,38),var(--s,92%),var(--l,65%),.2)}.terms-inline{display:inline-flex;gap:var(--sp-xs);flex-wrap:wrap}.term{padding:2px 8px;font-size:.75rem;font-weight:600}.term-sm{padding:2px 8px;font-size:.7rem}.term-lg{padding:2px 8px;font-size:.7rem}.term-count{padding:1px 7px;background:hsla(var(--h,38),var(--s,92%),var(--l,65%),.15);border-radius:10px;font-size:.7rem;color:inherit}.term-lg:hover .term-count{background:hsl(var(--h,38),var(--s,92%),var(--l,65%));color:var(--bg)}.page,.post{background:var(--glass-grad);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hl);border-radius:var(--r-lg);padding:var(--sp-2xl);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeUp .6s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:.1s}.page::before,.post::before{content:'';position:absolute;top:-40px;right:-40px;width:220px;height:220px;background:var(--accent);-webkit-mask-image:var(--gear-svg);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:var(--gear-svg);mask-repeat:no-repeat;mask-position:center;mask-size:contain;opacity:.12;animation:gearSpin 60s linear infinite;pointer-events:none;z-index:0}@keyframes gearSpin{to{transform:rotate(360deg)}}.page-head,.post-head{margin-bottom:var(--sp-xl);position:relative;z-index:1}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-md);margin-top:var(--sp-md);font-size:.95rem}.page-title,.post-title{font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text)}.post-cover{margin-bottom:var(--sp-xl);border-radius:var(--r-md);overflow:hidden;position:relative}.post-cover img{width:100%;aspect-ratio:21/9;object-fit:cover;transition:transform .6s}.post-cover:hover img{transform:scale(1.02)}.entry{font-size:1.1rem;line-height:1.9;position:relative;z-index:1}.entry h2{font-family:var(--font-display);font-size:2rem;font-weight:700;margin:var(--sp-2xl) 0 var(--sp-md);color:var(--text);letter-spacing:-.01em}.entry h3{font-size:1.5rem;margin:var(--sp-xl) 0 var(--sp-md);color:var(--text)}.entry li,.entry p{margin-bottom:var(--sp-md);color:var(--text-mute)}.entry img{border-radius:var(--r-md);margin:var(--sp-md) 0;border:1px solid var(--line)}.entry blockquote{border-left:4px solid var(--accent);padding:var(--sp-md);margin:var(--sp-md) 0;color:var(--text-mute);font-style:italic;background:var(--bg-3);border-radius:var(--r-md)}.entry code{background:var(--bg-3);border:1px solid var(--line);padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.9em;color:var(--accent);transition:border-color .3s,background .3s}.entry code:hover{border-color:var(--accent);background:var(--accent-glow)}.entry pre{margin:var(--sp-md) 0;position:relative;overflow-x:auto;background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-md);padding:var(--sp-md);box-shadow:0 4px 16px rgba(0,0,0,.25)}.entry pre code{background:0 0;border:none;padding:0;border-radius:0;color:var(--text);font-size:.9rem}.entry pre code:hover{background:0 0;border:none}.entry table{width:100%;border-collapse:collapse;margin:var(--sp-xl) 0;background:0 0;border-radius:var(--r-md);overflow:hidden;box-shadow:0 0 0 1px var(--line)}.table-wrap{overflow-x:auto;border-radius:var(--r-md);-webkit-overflow-scrolling:touch}.entry thead{background:var(--bg-hover);border-bottom:2px solid var(--accent)}.entry th{padding:var(--sp-md);text-align:left;font-weight:600;color:var(--text);font-size:.95rem}.entry td{padding:var(--sp-md);border-bottom:1px solid var(--line);color:var(--text-mute);font-size:.95rem;background:0 0}.entry tbody tr{transition:background .2s,box-shadow .2s}.entry tbody tr:hover td{background:var(--accent-glow);color:var(--text)}.entry tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.entry tbody tr:hover{background:var(--accent-glow)}.entry tbody tr:nth-child(2n) td{background:var(--bg-3)}.entry tbody tr:nth-child(2n):hover td{background:var(--accent-glow)}.entry hr{border:none;height:0;margin:var(--sp-xl) 0;background:0 0}.code-copy{position:absolute;top:var(--sp-sm);right:var(--sp-sm);padding:4px 12px;background:var(--accent-glow);border:1px solid var(--accent);border-radius:var(--r-sm);color:var(--accent);font-size:12px;cursor:pointer;opacity:0;transition:opacity .3s;z-index:10}pre:hover .code-copy{opacity:1}.code-copy:hover{background:var(--accent);color:var(--bg)}.post-foot{margin-top:var(--sp-2xl);padding-top:var(--sp-2xl);border-top:1px solid var(--line);position:relative;z-index:1}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}.nav-next,.nav-prev{padding:var(--sp-md);background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-md);transition:all .2s}.nav-next:hover,.nav-prev:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-2px)}.nav-next.disabled,.nav-prev.disabled{opacity:.3;cursor:not-allowed}.nav-next.disabled:hover,.nav-prev.disabled:hover{transform:none;border-color:var(--line)}.nav-label{display:block;font-size:.875rem;color:var(--text-dim);margin-bottom:4px}.nav-title{display:block;font-weight:600;color:var(--text)}.nav-next{text-align:right}.sidebar{width:var(--side-w);flex-shrink:0;display:flex;flex-direction:column;gap:var(--sp-md)}.widget{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hl);border-radius:var(--r-lg);padding:var(--sp-md);transition:border-color .3s;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:calc(var(--i,0) * 80ms + .2s)}.widget:first-child{--i:0}.widget:nth-child(2){--i:1}.widget:nth-child(3){--i:2}.widget:nth-child(4){--i:3}.widget:nth-child(5){--i:4}.widget:hover{border-color:var(--line-2)}.widget-title{font-size:1rem;font-weight:700;margin-bottom:var(--sp-sm);padding-bottom:var(--sp-xs);border-bottom:1px solid var(--line);color:var(--text);position:relative}.widget-title::after{content:'';position:absolute;bottom:-1px;left:0;width:40px;height:1px;background:var(--grad-amber)}.profile{text-align:center;position:relative;overflow:hidden}.profile::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:var(--grad-amber);opacity:.05;animation:rotate 20s linear infinite}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-avatar{width:100px;height:100px;margin:0 auto var(--sp-md);border-radius:50%;overflow:hidden;border:3px solid var(--accent);box-shadow:var(--glow-md);position:relative;z-index:1}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:var(--sp-sm);position:relative;z-index:1}.profile-desc{color:var(--text-mute);font-size:.95rem;margin-bottom:var(--sp-md);position:relative;z-index:1}.profile-stats{display:flex;justify-content:space-around;padding-top:var(--sp-md);border-top:1px solid var(--line);position:relative;z-index:1}.stat{display:flex;flex-direction:column;gap:4px}.stat-num{font-size:1.75rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 10px var(--accent-glow)}.stat-label{font-size:.875rem;color:var(--text-mute)}.widget-list{list-style:none}.widget-list li{margin-bottom:2px}.widget-link{display:flex;justify-content:space-between;align-items:center;padding:6px var(--sp-sm);border-radius:var(--r-sm);color:var(--text-mute);transition:all .2s;font-size:.9rem}.widget-link:hover{background:var(--bg-hover);color:var(--accent);transform:translateX(4px)}.count,.date{background:var(--bg-3);padding:1px 8px;border-radius:10px;font-size:.7rem;color:var(--text-dim);border:1px solid var(--line)}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.tag-item{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:.75rem;color:hsl(var(--h,38),var(--s,92%),var(--l,65%));border:1px solid hsla(var(--h,38),var(--s,92%),var(--l,65%),.5);background:hsla(var(--h,38),var(--s,92%),var(--l,65%),.1);transition:all .25s ease;text-decoration:none}.tag-item:hover{background:hsla(var(--h,38),var(--s,92%),var(--l,65%),.2);border-color:hsl(var(--h,38),var(--s,92%),var(--l,65%));transform:translateY(-1px);box-shadow:0 0 16px hsla(var(--h,38),var(--s,92%),var(--l,65%),.2)}.tag-count{font-size:.65rem;opacity:.7}.widget-toc{position:relative}.widget-toc.sticky{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.toc{list-style:none;padding:0;margin:0}.toc ul{list-style:none;padding-left:0;margin:0}.toc li{margin-bottom:var(--sp-sm)}.toc a{display:block;padding:var(--sp-xs) var(--sp-sm);color:var(--text-mute);font-size:.9rem;border-left:2px solid transparent;transition:all .3s;text-decoration:none}.toc a:hover{color:var(--accent);border-left-color:var(--accent);background:var(--bg-hover)}.toc a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-glow);font-weight:600}.widget-toc.sticky::-webkit-scrollbar{width:4px}.widget-toc.sticky::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.comments{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-hl);border-radius:var(--r-lg);padding:var(--sp-2xl);margin-top:var(--sp-xl);transition:border-color .3s}.comments:hover{border-color:var(--line-2)}.comments-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:var(--sp-xl);color:var(--text);padding-bottom:var(--sp-md);border-bottom:2px solid var(--line);position:relative}.comments-title::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--grad-amber)}.c-list{list-style:none;margin:0;padding:0;margin-bottom:var(--sp-2xl)}.c-item{margin-bottom:var(--sp-md);list-style:none}.c-head{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-md)}.c-head img{width:40px;height:40px;border-radius:50%;border:2px solid var(--accent);flex-shrink:0}.c-name{font-weight:600;color:var(--text);font-style:normal}.c-meta{display:flex;align-items:center;gap:var(--sp-sm);margin-left:auto}.c-date{font-size:.875rem;color:var(--text-dim)}.c-dev{font-size:.75rem;color:var(--text-dim);padding:2px 8px;background:var(--bg-2);border:1px solid var(--line);border-radius:10px}.c-badge{font-size:.75rem;color:var(--accent);padding:2px 8px;background:var(--accent-glow);border:1px solid var(--accent);border-radius:10px}.c-text{line-height:1.8;color:var(--text-mute);margin-bottom:var(--sp-md);padding-left:56px}.c-reply{text-align:right}.c-reply a{font-size:.875rem;color:var(--accent);padding:4px 12px;border:1px solid var(--accent);border-radius:20px;transition:all .3s;display:inline-block}.c-reply a:hover{background:var(--accent);color:var(--bg)}.c-children{margin-left:var(--sp-xl);margin-top:var(--sp-md);padding-left:0;border-left:none}.c-form-wrap{margin-top:var(--sp-2xl);padding-top:var(--sp-2xl);border-top:2px solid var(--line);position:relative}.c-form-wrap::before{content:'';position:absolute;top:-2px;left:0;width:60px;height:2px;background:var(--grad-amber)}.c-form-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:var(--sp-lg);color:var(--text)}.c-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-md);margin-bottom:var(--sp-lg)}.c-input,.c-textarea{width:100%;padding:var(--sp-md);border:1px solid var(--line);border-radius:var(--r-md);font-family:var(--font-sans);font-size:1rem;background:var(--bg-3);color:var(--text);transition:all .3s}.c-input::placeholder,.c-textarea::placeholder{color:var(--text-dim)}.c-input:focus,.c-textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--bg-hover)}.c-textarea{min-height:140px;resize:vertical;margin-bottom:var(--sp-lg)}.c-actions{display:flex;justify-content:flex-end;gap:var(--sp-md);align-items:center}.btn-primary{padding:var(--sp-md) var(--sp-xl);background:var(--grad-amber);color:#fff;border:none;border-radius:var(--btn-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--btn-transition);box-shadow:0 4px 12px rgba(245,158,11,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.3)}.btn-primary:active{transform:translateY(0)}.pager{margin-top:var(--sp-2xl)}.pager-inner{display:flex;justify-content:center;gap:var(--sp-sm);flex-wrap:wrap}.pager-inner a,.pager-inner span{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-md);font-size:.95rem;transition:all .2s;border:1px solid var(--line)}.pager-inner a{color:var(--text-mute);background:var(--bg-2)}.pager-inner a:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.pager-inner .current{background:var(--grad-amber);color:#fff;border-color:var(--accent);box-shadow:var(--glow-sm)}.archive-head{margin-bottom:var(--sp-2xl)}.archive-title{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.archive-desc{color:var(--text-mute);margin-top:var(--sp-sm)}.empty{text-align:center;padding:var(--sp-3xl);color:var(--text-dim)}.tags-page{position:relative;z-index:1}.tags-section{margin-bottom:var(--sp-2xl)}.tags-section:last-child{margin-bottom:0}.tags-section-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin-bottom:var(--sp-lg);color:var(--text);padding-bottom:var(--sp-sm);border-bottom:2px solid var(--line);position:relative}.tags-section-title::after{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--grad-amber)}.tags-cloud{display:flex;flex-wrap:wrap;gap:var(--sp-md)}.footer{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:var(--glass-border);padding:var(--sp-2xl) 0;margin-top:var(--sp-3xl);position:relative;z-index:1}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-md)}.footer-content{display:flex;flex-direction:column;gap:var(--sp-xs)}.footer-content p{color:var(--text-dim);font-size:.875rem}.footer-content a{color:var(--text-mute)}.footer-links{display:flex;gap:var(--sp-sm)}.float-actions{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:12px;z-index:999}.float-btn{width:48px;height:48px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .2s,color .2s,border-color .2s,box-shadow .2s,background .2s;box-shadow:var(--glass-shadow)}.float-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 30px var(--accent-glow)}.float-btn:active{transform:scale(.95)}.float-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.float-btn.magnetic{transform:translate(var(--mx,0),var(--my,0))}.theme-toggle .icon-moon,.theme-toggle .icon-sun{position:absolute;transition:opacity .3s,transform .3s}[data-theme=dark] .icon-sun{opacity:0;transform:rotate(-90deg) scale(0)}[data-theme=dark] .icon-moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .icon-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme=light] .icon-moon{opacity:0;transform:rotate(90deg) scale(0)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .icon-sun{opacity:0;transform:rotate(-90deg) scale(0)}:root:not([data-theme]) .icon-moon{opacity:1;transform:rotate(0) scale(1)}}@media (prefers-color-scheme:light){:root:not([data-theme]) .icon-sun{opacity:1;transform:rotate(0) scale(1)}:root:not([data-theme]) .icon-moon{opacity:0;transform:rotate(90deg) scale(0)}}.back-to-top{opacity:0;transform:translateY(20px);pointer-events:none}.back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.bg-canvas{display:none}}@media (max-width:1023px){.container{flex-direction:column}.sidebar{width:100%}}@media (max-width:767px){html{font-size:15px}.container{padding:var(--sp-md)}.bg-canvas{width:320px;height:320px}.page::before,.post::before{width:160px;height:160px;top:-30px;right:-30px}.nav{display:none;position:fixed;top:var(--header-h);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:var(--sp-md);box-shadow:0 4px 20px rgba(0,0,0,.5)}.nav.active{display:block}.nav-list{flex-direction:column;gap:var(--sp-sm)}.menu-toggle{display:flex}.page-title,.post-title{font-size:2rem}.c-fields{grid-template-columns:1fr}.post-nav{grid-template-columns:1fr}.c-head{flex-wrap:wrap;gap:var(--sp-sm)}.c-head img{width:36px;height:36px}.float-actions{right:16px;bottom:16px;gap:10px}.float-btn{width:42px;height:42px}}.hljs{color:var(--text);background:0 0}.hljs-comment,.hljs-quote{color:var(--text-dim);font-style:italic}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-section,.hljs-selector-tag{color:#f59e0b}.hljs-addition,.hljs-attr,.hljs-string,.hljs-template-tag{color:#84cc16}.hljs-attribute,.hljs-built_in,.hljs-name,.hljs-symbol,.hljs-title,.hljs-type{color:#fbbf24}.hljs-link,.hljs-meta,.hljs-number{color:#f97316}.hljs-function .hljs-title,.hljs-title.function_{color:#fcd34d}.hljs-params{color:var(--text-mute)}.hljs-property,.hljs-template-variable,.hljs-variable{color:#fb923c}.hljs-regexp{color:#e879f9}.hljs-deletion{color:#f87171}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}[data-theme=light] .hljs-keyword,[data-theme=light] .hljs-literal,[data-theme=light] .hljs-selector-tag{color:#b45309}[data-theme=light] .hljs-attr,[data-theme=light] .hljs-string{color:#4d7c0f}[data-theme=light] .hljs-name,[data-theme=light] .hljs-title,[data-theme=light] .hljs-type{color:#92400e}[data-theme=light] .hljs-meta,[data-theme=light] .hljs-number{color:#c2410c}@media (prefers-color-scheme:light){:root:not([data-theme]) .hljs-keyword,:root:not([data-theme]) .hljs-literal,:root:not([data-theme]) .hljs-selector-tag{color:#b45309}:root:not([data-theme]) .hljs-attr,:root:not([data-theme]) .hljs-string{color:#4d7c0f}:root:not([data-theme]) .hljs-name,:root:not([data-theme]) .hljs-title,:root:not([data-theme]) .hljs-type{color:#92400e}:root:not([data-theme]) .hljs-meta,:root:not([data-theme]) .hljs-number{color:#c2410c}}.lightbox{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;cursor:zoom-out}.lightbox.active{opacity:1;visibility:visible;pointer-events:auto}.lightbox img{max-width:92%;max-height:90vh;object-fit:contain;border-radius:var(--r-md);box-shadow:0 20px 60px rgba(0,0,0,.6);transform:scale(.95);transition:transform .3s}.lightbox.active img{transform:scale(1)}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.lightbox-close:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}