:root{--hue:215;--primary:hsl(var(--hue) 85% 52%);--primary-soft:hsl(var(--hue) 85% 92%);--primary-text:hsl(var(--hue) 80% 40%);--bg:hsl(var(--hue) 20% 97%);--bg-soft:hsl(var(--hue) 20% 94%);--card-bg:#fff;--card-bg-soft:hsl(var(--hue) 20% 95%);--text:hsl(var(--hue) 15% 18%);--text-soft:hsl(var(--hue) 10% 40%);--text-mute:hsl(var(--hue) 10% 58%);--border:hsl(var(--hue) 20% 88%);--shadow:0 2px 10px #0000000d;--shadow-lg:0 8px 30px #00000014;--radius:1rem;--radius-sm:.625rem;--maxw:76rem}:root[data-theme=dark]{--primary:hsl(var(--hue) 85% 62%);--primary-soft:hsl(var(--hue) 40% 24%);--primary-text:hsl(var(--hue) 85% 72%);--bg:hsl(var(--hue) 15% 9%);--bg-soft:hsl(var(--hue) 15% 12%);--card-bg:hsl(var(--hue) 15% 14%);--card-bg-soft:hsl(var(--hue) 15% 18%);--text:hsl(var(--hue) 12% 88%);--text-soft:hsl(var(--hue) 10% 68%);--text-mute:hsl(var(--hue) 10% 50%);--border:hsl(var(--hue) 15% 24%);--shadow:0 2px 10px #0000004d;--shadow-lg:0 8px 30px #00000073}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15.5px;line-height:1.75;transition:background-color .3s,color .3s}img{max-width:100%;display:block}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-text)}ul,ol{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.main-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=900px){.main-grid{grid-template-columns:17rem 1fr;align-items:start}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;transition:box-shadow .25s,transform .25s,border-color .25s}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-2px)}.navbar{z-index:50;background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;height:3.5rem;display:flex}.brand{color:var(--text);letter-spacing:.02em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.brand:hover{color:var(--primary)}.brand-dot{background:var(--primary);width:.55rem;height:.55rem;box-shadow:0 0 0 3px var(--primary-soft);border-radius:50%}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-soft);padding:.35rem .7rem;font-size:.92rem;font-weight:500}.nav-link:hover{background:var(--card-bg-soft);color:var(--primary)}.nav-link.active{background:var(--primary-soft);color:var(--primary-text)}.nav-icon{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-soft);justify-content:center;align-items:center;display:inline-flex}.nav-icon:hover{background:var(--card-bg-soft);color:var(--primary)}.banner{border-radius:var(--radius);width:100%;height:11rem;box-shadow:var(--shadow);margin-top:1rem;position:relative;overflow:hidden}@media (width>=700px){.banner{height:14rem}}.banner img{object-fit:cover;width:100%;height:100%}.banner-title{color:#fff;text-shadow:0 2px 14px #0000008c;position:absolute;bottom:2.5rem;left:2.25rem}.banner-title h1{letter-spacing:.01em;font-size:2.35rem;font-weight:800;line-height:1.25}.banner-title p{opacity:.92;letter-spacing:.06em;margin-top:.15rem;font-size:1rem}@media (width<=600px){.banner-title{bottom:1.5rem;left:1.25rem}.banner-title h1{font-size:1.6rem}.banner-title p{font-size:.85rem}}.profile{text-align:center}.profile-avatar{object-fit:cover;border:3px solid var(--card-bg);width:6.5rem;height:6.5rem;box-shadow:0 0 0 2px var(--primary-soft);border-radius:50%;margin:0 auto .75rem;transition:transform .3s}.profile-avatar:hover{transform:scale(1.06)}.profile-name{color:var(--text);font-size:1.1rem;font-weight:700}.profile-bio{color:var(--text-mute);margin-top:.3rem;font-size:.85rem;line-height:1.6}.profile-links{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.9rem;display:flex}.chip{background:var(--card-bg-soft);color:var(--text-soft);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .7rem;font-size:.8rem;display:inline-flex}.chip:hover{background:var(--primary-soft);color:var(--primary-text);border-color:var(--primary)}.widget-title{color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.8rem;font-weight:700;display:flex}.widget-item{border-radius:var(--radius-sm);color:var(--text-soft);justify-content:space-between;align-items:center;padding:.4rem .6rem;font-size:.9rem;transition:all .2s;display:flex}.widget-item:hover{background:var(--card-bg-soft);color:var(--primary);padding-left:.9rem}.widget-count{background:var(--card-bg-soft);color:var(--text-mute);text-align:center;border-radius:999px;min-width:1.5rem;padding:0 .45rem;font-size:.75rem}.widget-item:hover .widget-count{background:var(--primary-soft);color:var(--primary-text)}.sidebar{flex-direction:column;gap:1rem;display:flex}@media (width>=900px){.sidebar{position:sticky;top:4.5rem}}@media (width<=899px){.sidebar{order:-1}}.post-list{flex-direction:column;gap:1rem;display:flex}.post-card{color:inherit;padding:1.35rem 1.5rem;display:block}.post-card:hover{color:inherit}.post-card h2{color:var(--text);margin-bottom:.4rem;font-size:1.15rem;font-weight:700;line-height:1.45;transition:color .2s}.post-card:hover h2{color:var(--primary)}.post-meta{color:var(--text-mute);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.55rem;font-size:.8rem;display:flex}.post-meta .dot{background:var(--text-mute);opacity:.6;border-radius:50%;width:3px;height:3px}.post-desc{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.7;display:-webkit-box;overflow:hidden}.post-tags{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.tag{background:var(--primary-soft);color:var(--primary-text);border-radius:999px;padding:.12rem .55rem;font-size:.75rem}.pin-badge{background:var(--primary);color:#fff;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.pagination{justify-content:center;gap:.4rem;margin-top:1.5rem;display:flex}.page-num{border-radius:var(--radius-sm);background:var(--card-bg);border:1px solid var(--border);min-width:2.1rem;height:2.1rem;color:var(--text-soft);justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.page-num:hover{border-color:var(--primary);color:var(--primary)}.page-num.active{background:var(--primary);border-color:var(--primary);color:#fff}.prose{color:var(--text);word-wrap:break-word;font-size:.98rem;line-height:1.85}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text);margin:1.9rem 0 .85rem;scroll-margin-top:5rem;font-weight:700;line-height:1.4}.prose h1{font-size:1.6rem}.prose h2{border-bottom:1px solid var(--border);padding-bottom:.35rem;font-size:1.32rem}.prose h3{font-size:1.12rem}.prose h4{font-size:1rem}.prose p{margin:.95rem 0}.prose ul,.prose ol{margin:.95rem 0;padding-left:1.4rem}.prose ul li{list-style:outside}.prose ol li{list-style:decimal}.prose li{margin:.35rem 0}.prose li::marker{color:var(--primary)}.prose strong{color:var(--text);font-weight:700}.prose blockquote{border-left:3px solid var(--primary);background:var(--card-bg-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-soft);margin:1.2rem 0;padding:.75rem 1.1rem}.prose blockquote p{margin:0}.prose code{background:var(--card-bg-soft);color:var(--primary-text);border:1px solid var(--border);border-radius:.35rem;padding:.12rem .38rem;font-family:JetBrains Mono,Cascadia Code,Consolas,Courier New,monospace;font-size:.86em}.prose pre{border-radius:var(--radius-sm);border:1px solid var(--border);margin:1.2rem 0;padding:1rem 1.15rem;font-size:.84rem;line-height:1.7;overflow-x:auto;background:#0d1117!important}.prose pre code{color:#e6edf3;background:0 0;border:none;padding:0;font-size:.84rem}.prose table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.9rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.prose th{background:var(--card-bg-soft);font-weight:700}.prose tr:nth-child(2n) td{background:color-mix(in srgb, var(--card-bg-soft) 55%, transparent)}.prose hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.prose img{border-radius:var(--radius-sm);margin:1.2rem auto}.prose a{text-decoration:underline;text-decoration-color:var(--primary-soft);text-underline-offset:3px}.page-head{margin-bottom:1.25rem}.page-head h1{font-size:1.6rem;font-weight:700}.page-head p{color:var(--text-mute);margin-top:.3rem;font-size:.9rem}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-mute);margin-top:3rem;padding:2rem 0;font-size:.82rem}.footer a{color:var(--text-soft)}.footer a:hover{color:var(--primary)}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:.6rem;display:flex}.archive-year{color:var(--text);align-items:center;gap:.5rem;margin:1.5rem 0 .75rem;font-size:1.05rem;font-weight:700;display:flex}.archive-year:after{content:"";background:var(--border);flex:1;height:1px}.archive-item{border-bottom:1px dashed var(--border);align-items:baseline;gap:.85rem;padding:.45rem 0;display:flex}.archive-date{color:var(--text-mute);font-variant-numeric:tabular-nums;min-width:5.2rem;font-size:.8rem}.archive-item a{color:var(--text-soft);font-size:.93rem}.archive-item a:hover{color:var(--primary)}.about-grid{gap:1.25rem;display:grid}@media (width>=800px){.about-grid{grid-template-columns:15rem 1fr;align-items:start}}.friend-me{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary-soft), var(--card-bg-soft) 72%);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex}.friend-me-who{flex:13rem;align-items:center;gap:.8rem;min-width:0;display:flex}.friend-me-name{color:var(--text);font-size:1rem;font-weight:700}.friend-me-url{color:var(--text-mute);word-break:break-all;margin-top:.1rem;font-size:.78rem}.copy-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text-soft);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-family:inherit;font-size:.8rem;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.copy-btn:hover{border-color:var(--primary);color:var(--primary-text);background:var(--card-bg-soft)}.copy-btn.done{border-color:var(--primary);color:var(--primary-text);background:var(--primary-soft)}.friend-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.friend-card{align-items:center;gap:.85rem;padding:1rem;display:flex}.friend-body{flex:1;min-width:0}.friend-avatar{background:var(--primary-soft);width:3rem;height:3rem;color:var(--primary-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.1rem;font-weight:700;transition:transform .3s;display:grid;position:relative;overflow:hidden}.friend-avatar:after{content:attr(data-initial);text-transform:uppercase}.friend-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.friend-avatar img.is-failed{display:none}.friend-card:hover .friend-avatar{transform:rotate(-6deg)scale(1.08)}.friend-name{color:var(--text);align-items:center;gap:.3rem;font-size:.95rem;font-weight:700;display:flex}.friend-name svg{opacity:.35;flex-shrink:0;transition:opacity .2s,transform .2s}.friend-card:hover .friend-name svg{opacity:.75;transform:translate(1px,-1px)}.friend-desc{color:var(--text-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.8rem;display:-webkit-box;overflow:hidden}.friend-host{color:var(--text-mute);opacity:.72;white-space:nowrap;text-overflow:ellipsis;margin-top:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;overflow:hidden}.friend-slot{border:1.5px dashed var(--border);border-radius:var(--radius);min-height:5.6rem;color:var(--text-mute);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1rem;font-size:.82rem;transition:border-color .25s,color .25s;display:flex}.friend-slot:hover{border-color:var(--primary);color:var(--primary-text)}.friend-slot .slot-plus{opacity:.5;font-size:1.4rem;line-height:1}.friend-steps{gap:.6rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.friend-steps li{color:var(--text-soft);align-items:flex-start;gap:.65rem;font-size:.88rem;line-height:1.6;display:flex}.friend-steps .step-n{background:var(--primary-soft);width:1.35rem;height:1.35rem;color:var(--primary-text);border-radius:999px;flex-shrink:0;place-items:center;margin-top:.12rem;font-size:.72rem;font-weight:700;display:grid}.friend-steps a{color:var(--primary-text)}.post-header{margin-bottom:1.5rem}.post-header h1{font-size:1.75rem;font-weight:800;line-height:1.35}.post-header .post-meta{margin-top:.6rem}.post-nav{border-top:1px solid var(--border);justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;font-size:.88rem;display:flex}.post-nav a{max-width:45%;color:var(--text-soft)}.post-nav a:hover{color:var(--primary)}.empty{text-align:center;color:var(--text-mute);padding:3rem 1rem;font-size:.9rem}.theme-toggle{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--text-soft);justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.theme-toggle:hover{background:var(--card-bg-soft);color:var(--primary)}:root[data-theme=dark] .icon-sun,:root:not([data-theme=dark]) .icon-moon{display:none}