:root{--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-display:"Yuanti SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", var(--font-sans);--font-mono:"JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, Menlo, monospace;--sidebar-w:340px;--page-max:1440px;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-pill:999px;--page-pad-left:1.5rem;--page-pad-right:2.25rem;--avatar-offset:5rem;--ease:cubic-bezier(.22, 1, .36, 1);--dur:.35s;color-scheme:dark;--bg:#0a0a0a;--bg-tint:#121212;--surface:#ffffff0b;--surface-solid:#161616;--surface-hover:#ffffff14;--border:#ffffff1f;--border-strong:#ffffff4d;--overlay:#000000a8;--text:#f2f2f2;--text-soft:#b3b3b3;--text-muted:#7a7a7a;--accent:#f2f2f2;--accent-soft:#ffffff14;--accent-2:#a6a6a6;--accent-2-soft:#ffffff0d;--accent-3:#6e6e6e;--on-accent:#0a0a0a;--shadow-1:0 1px 3px #00000080;--shadow-2:0 14px 40px #0009;--glow:0 0 0 4px #ffffff14;--heat-0:#ffffff12;--heat-1:#8a8a8a;--heat-2:#f2f2f2}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);margin:0;font-size:15.5px;line-height:1.75}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(46rem 32rem at 12% -6%, var(--accent-soft), transparent 62%), radial-gradient(40rem 30rem at 88% 4%, var(--accent-2-soft), transparent 60%), radial-gradient(36rem 28rem at 70% 96%, var(--accent-soft), transparent 62%);position:fixed;inset:0}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:var(--accent);color:var(--on-accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(14px)saturate(140%)}.section-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.82rem;font-weight:700;display:flex}.section-title:after{content:"";background:linear-gradient(90deg, var(--border-strong), transparent);flex:1;height:1px}.muted{color:var(--text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);max-width:var(--page-max);align-items:stretch;margin:0 auto;display:grid}.page-hero{padding:2.25rem var(--page-pad-right) .5rem var(--page-pad-left);grid-column:1/-1}.page-hero .page-head{margin-bottom:0}.sidebar{min-width:0;padding:0 1.5rem 3rem}.main{min-width:0;padding:.75rem var(--page-pad-right) 5rem var(--page-pad-right);border-left:1px solid var(--border)}.topbar{z-index:30;padding:.85rem var(--page-pad-right) .85rem var(--page-pad-left);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(16px)saturate(120%);border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:.6rem;display:flex;position:sticky;top:0}.topbar__spacer{flex:1}.topnav{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.nav-btn{border-radius:var(--radius-pill);height:38px;color:var(--text-soft);white-space:nowrap;transition:color var(--dur) var(--ease), background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease);border:1px solid #0000;align-items:center;gap:.4rem;padding:0 .85rem;font-size:.86rem;font-weight:600;display:inline-flex}.nav-btn svg{fill:currentColor;flex:none;width:17px;height:17px}.nav-btn:hover{color:var(--text);background:var(--accent-soft);border-color:var(--border);transform:translateY(-1px)}.nav-btn[aria-current=page]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.nav-btn[aria-current=page]:hover{color:var(--on-accent);background:var(--accent)}.icon-btn{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-soft);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.icon-btn:hover{color:var(--accent);border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-2px)}.icon-btn svg{width:18px;height:18px}.search-trigger{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);min-width:190px;height:38px;color:var(--text-muted);transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease);align-items:center;gap:.6rem;padding:0 1rem 0 .85rem;font-size:.88rem;display:inline-flex}.search-trigger svg{flex:none;width:16px;height:16px}.search-trigger:hover{color:var(--accent);border-color:var(--border-strong);background:var(--surface-hover);box-shadow:var(--glow)}.avatar-block{margin-top:var(--avatar-offset);text-align:center;flex-direction:column;align-items:center;gap:.85rem;display:flex}.avatar{border-radius:50%;flex:none;width:132px;height:132px;position:relative}.avatar__ring{background:conic-gradient(from 0deg, var(--accent), var(--accent-2), var(--accent-3), var(--accent));opacity:.85;border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:-8px}.avatar__ring:after{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:4px}.avatar__img{object-fit:cover;border:3px solid var(--bg);background:var(--bg-tint);width:100%;height:100%;box-shadow:var(--shadow-2);transition:transform var(--dur) var(--ease);border-radius:50%;position:relative}.avatar:hover .avatar__img{transform:scale(1.045)rotate(-1.5deg)}.avatar__status{background:var(--accent);border:3px solid var(--bg);z-index:2;border-radius:50%;width:18px;height:18px;position:absolute;bottom:6px;right:4px}@keyframes spin{to{transform:rotate(360deg)}}.brand__name{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);transition:opacity var(--dur) var(--ease);margin:0;font-size:1.35rem;font-weight:800;display:inline-block}a.brand__name:hover{opacity:.6}.brand__tagline{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.6;display:grid}.brand__tagline__item{opacity:0;transition:opacity .7s var(--ease);grid-area:1/1}.brand__tagline__item:first-child{opacity:1}.brand__tagline.is-live .brand__tagline__item{opacity:0}.brand__tagline.is-live .brand__tagline__item.is-active{opacity:1}.socials{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.15rem;display:flex}.socials__link{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text-soft);backdrop-filter:blur(12px);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.socials__link svg{fill:currentColor;width:20px;height:20px}.socials__link:hover{color:var(--brand,var(--accent));border-color:var(--brand,var(--accent));box-shadow:0 8px 22px color-mix(in srgb, var(--brand,var(--accent)) 32%, transparent);transform:translateY(-4px)scale(1.06)}.socials__link:after{content:attr(data-label);white-space:nowrap;color:var(--text);background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow-1);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), translate .2s var(--ease);border-radius:8px;padding:.25rem .55rem;font-size:.7rem;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px}.socials__link:hover:after{opacity:1;translate:-50%}.side-block{margin-top:1.75rem}.side-block__head{margin-bottom:.7rem}.side-block--last{margin-bottom:.5rem}.sidebar__copyright{text-align:center;color:var(--text-muted);letter-spacing:.05em;margin:1.5rem 0 0;font-size:.7rem}.player{gap:.7rem;padding:.95rem;display:grid;position:relative;overflow:hidden}.player:before{content:"";background:linear-gradient(135deg, var(--accent-soft), var(--accent-2-soft));opacity:.5;pointer-events:none;position:absolute;inset:0}.player>*{position:relative}.player__top{align-items:center;gap:.7rem;display:flex}.player__cover{background:linear-gradient(140deg, var(--accent-soft), var(--accent-2-soft));border:1px solid var(--border);border-radius:12px;flex:none;width:46px;height:46px;position:relative;overflow:hidden}.player__cover-img{border-radius:inherit;background-position:50%;background-size:cover;position:absolute;inset:0}.player__cover--spinning{border-radius:50%;animation:6s linear infinite spin}.player__meta{flex:1;min-width:0}.player__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.88rem;font-weight:600;overflow:hidden}.player__artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.74rem;overflow:hidden}.player__icon-btn{width:28px;height:28px;color:var(--text-muted);border:1px solid var(--border);transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.player__icon-btn svg{fill:currentColor;width:14px;height:14px}.player__icon-btn:hover{color:var(--accent);border-color:var(--border-strong)}.player__icon-btn[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.player__bar{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-muted) 18%, transparent);cursor:pointer;touch-action:none;height:6px;position:relative}.player__bar-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;position:absolute;inset:0 auto 0 0}.player__bar-thumb{background:var(--on-accent);border:2px solid var(--accent);opacity:0;width:12px;height:12px;transition:opacity .2s var(--ease);pointer-events:none;border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.player__bar:hover .player__bar-thumb{opacity:1}.player__time{font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;font-size:.68rem;display:flex}.player__controls{justify-content:center;align-items:center;gap:.5rem;margin-block:.15rem;display:flex}.player__btn{width:34px;height:34px;color:var(--text-soft);transition:background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.player__btn svg{fill:currentColor;width:17px;height:17px}.player__btn:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.player__btn:disabled{opacity:.35;cursor:not-allowed}.player__btn--main{width:46px;height:46px;color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 28%, transparent)}.player__btn--main:hover:not(:disabled){color:var(--on-accent);background:var(--accent);box-shadow:0 8px 26px color-mix(in srgb, var(--accent) 38%, transparent);transform:scale(1.06)}.player__btn--main svg{width:20px;height:20px}.player__hint{color:var(--text-soft);background:var(--bg-tint);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.74rem;line-height:1.5;display:flex}.player__hint svg{fill:currentColor;flex:none;width:14px;height:14px}.player__hint code{font-family:var(--font-mono);font-size:.9em}.player__hint--warn{color:var(--accent);background:var(--accent-soft);border-style:solid}.player__volume{color:var(--text-muted);flex:1;align-items:center;gap:.5rem;min-width:0;font-size:.7rem;display:flex}.player__volume input[type=range]{appearance:none;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-muted) 22%, transparent);height:4px;accent-color:var(--accent);flex:1}.player__volume input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--bg);cursor:pointer;border-radius:50%;width:11px;height:11px}.player__list{gap:2px;max-height:132px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.player__foot{align-items:center;gap:.5rem;display:flex}.player__list-toggle{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-pill);transition:color .2s var(--ease), border-color .2s var(--ease);flex:none;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.7rem;display:inline-flex}.player__list-toggle:hover{color:var(--accent);border-color:var(--accent)}.player__list-toggle svg{fill:currentColor;width:10px;height:10px;transition:transform .25s var(--ease)}.player__list-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.player__list button{text-align:left;width:100%;color:var(--text-soft);transition:background .2s var(--ease), color .2s var(--ease);border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .5rem;font-size:.76rem;display:flex}.player__list button:hover{background:var(--accent-soft);color:var(--accent)}.player__list button[aria-current=true]{color:var(--accent);background:var(--accent-soft);font-weight:600}.player__list-idx{font-family:var(--font-mono);color:var(--text-muted);text-align:right;flex:none;width:1.4em;font-size:.68rem}.player__list-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.player__eq{flex:none;align-items:flex-end;gap:2px;height:12px;display:none}.player__eq span{background:var(--accent);border-radius:1px;width:2px;animation:.9s ease-in-out infinite eq}.player__eq span:nth-child(2){animation-delay:.15s}.player__eq span:nth-child(3){animation-delay:.3s}button[aria-current=true] .player__eq,.player--playing .player__eq{display:flex}@keyframes eq{0%,to{height:3px}50%{height:12px}}.meting-wrap{grid-template-columns:minmax(0,1fr);gap:.6rem;min-width:0;display:grid}meting-js{width:100%;min-width:0;min-height:90px;display:block}.meting-wrap .aplayer{overflow:hidden;background:var(--surface-solid)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;min-width:0!important;box-shadow:var(--shadow-1)!important;color:var(--text)!important;font-family:var(--font-sans)!important;margin:0!important}.meting-wrap .aplayer-music{min-width:0}.meting-wrap .aplayer-title,.meting-wrap .aplayer-author{display:inline}.meting-wrap .aplayer-title{color:var(--text)!important;font-size:.88rem!important;font-weight:600!important}.meting-wrap .aplayer-author{color:var(--text-muted)!important;font-size:.74rem!important}.meting-wrap .aplayer-time,.meting-wrap .aplayer-time-inner{color:var(--text-muted)!important;font-size:.7rem!important}.meting-wrap .aplayer-icon path{transition:fill .2s var(--ease);fill:var(--text-soft)!important}.meting-wrap .aplayer-icon:hover path{fill:var(--accent)!important}.meting-wrap .aplayer-pic .aplayer-button{background:#0000008c!important;border:1px solid #ffffff59!important}.meting-wrap .aplayer-bar,.meting-wrap .aplayer-volume-bar{background:color-mix(in srgb, var(--text-muted) 22%, transparent)!important}.meting-wrap .aplayer-loaded{background:color-mix(in srgb, var(--text-muted) 34%, transparent)!important}.meting-wrap .aplayer-thumb{background:var(--on-accent)!important;box-shadow:0 0 0 1px var(--accent)!important}.meting-wrap .aplayer-lrc:before,.meting-wrap .aplayer-lrc:after{display:none!important}.meting-wrap .aplayer-lrc p{color:var(--text-muted)!important}.meting-wrap .aplayer-lrc-current{color:var(--accent)!important}.meting-wrap .aplayer-list{border-top:1px solid var(--border)!important;background:0 0!important}.meting-wrap .aplayer-list ol li{border-top:1px solid var(--border)!important;color:var(--text-soft)!important;background:0 0!important}.meting-wrap .aplayer-list ol li:hover{background:var(--accent-soft)!important}.meting-wrap .aplayer-list ol li .aplayer-list-index,.meting-wrap .aplayer-list ol li .aplayer-list-author{color:var(--text-muted)!important}.meting-wrap .aplayer-list-title{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:58%;display:inline-block;overflow:hidden}.meting-wrap .aplayer-list-author{text-overflow:ellipsis;white-space:nowrap;max-width:40%;overflow:hidden}.meting-wrap .aplayer-list ol li.aplayer-list-light{background:var(--accent-soft)!important}.meting-wrap .aplayer-list ol li.aplayer-list-light .aplayer-list-title,.meting-wrap .aplayer-list ol li.aplayer-list-light .aplayer-list-index{color:var(--accent)!important}.meting-wrap .aplayer-notice{background:var(--surface-solid)!important;border:1px solid var(--border-strong)!important;border-radius:var(--radius-sm)!important;color:var(--text)!important}.meting-error{color:var(--text-soft);background:var(--bg-tint);border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:flex-start;gap:.5rem;margin:0;padding:.55rem .7rem;font-size:.74rem;line-height:1.6;display:flex}.meting-error[hidden]{display:none}.meting-error svg{fill:currentColor;flex:none;width:14px;height:14px;margin-top:.15rem}.meting-error code{font-family:var(--font-mono);font-size:.9em}.heatmap{gap:.6rem;padding:.95rem;display:grid}.heatmap__scroll{margin:0 -2px;padding-bottom:2px;overflow-x:auto}.heatmap__months{color:var(--text-muted);gap:3px;min-width:max-content;margin-bottom:3px;font-size:.64rem;display:grid}.heatmap__months>span{white-space:nowrap;line-height:1;overflow:visible}.heatmap__grid{grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:3px;min-width:max-content;display:grid}.heatmap__cell{background:var(--heat-0);width:11px;height:11px;transition:transform .15s var(--ease), outline-color .15s var(--ease);border-radius:3px;outline:1px solid #0000;padding:0;display:block}.heatmap__cell[data-level="1"]{background:var(--heat-1)}.heatmap__cell[data-level="2"]{background:var(--heat-2)}.heatmap__cell[data-level]:not([data-level="0"]){cursor:pointer}.heatmap__cell:hover{outline-color:var(--accent);transform:scale(1.35)}.heatmap__cell--today{outline:1px solid var(--accent);outline-offset:1px}.heatmap__foot{color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;display:flex}.heatmap__legend{align-items:center;gap:3px;display:inline-flex}.heatmap__legend i{border-radius:3px;width:11px;height:11px;display:block}.heatmap__tip{z-index:80;pointer-events:none;max-width:240px;color:var(--text);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);opacity:0;transition:opacity .15s var(--ease);padding:.5rem .65rem;font-size:.74rem;line-height:1.55;position:fixed}.heatmap__tip[data-show=true]{opacity:1}.heatmap__tip b{color:var(--accent)}.heatmap__tip ul{margin:.25rem 0 0;padding-left:1rem}.stats{padding:.3rem .95rem .5rem}.stats__list{margin:0}.stats__row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:.75rem;padding:.55rem 0;display:flex}.stats__row:last-child{border-bottom:none;padding-bottom:.35rem}.stats__label{color:var(--text-muted);white-space:nowrap;margin:0;font-size:.78rem}.stats__value{text-align:right;font-family:var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:.8rem;font-weight:600}.stats__value--strong{font-size:.95rem}.stats__sub{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:.02em;margin-top:.1rem;font-size:.68rem;font-weight:400;display:block}.intro{color:var(--text-soft);padding:.95rem;font-size:.82rem;line-height:1.7}.intro__body{padding-right:.15rem}.intro__body :first-child{margin-top:0}.intro__body :last-child{margin-bottom:0}.intro__body p{margin:0 0 .6rem}.intro__body ul{margin:0 0 .6rem;padding-left:1.1rem}.intro__body h2{margin:.8rem 0 .4rem;font-size:.86rem}.intro__body h3{margin:.7rem 0 .35rem;font-size:.82rem}.intro__body code{font-family:var(--font-mono);background:color-mix(in srgb, var(--text-muted) 14%, transparent);border-radius:4px;padding:.1em .3em;font-size:.9em}.intro__body a{color:var(--accent);border-bottom:1px dashed color-mix(in srgb, var(--accent) 45%, transparent)}.intro__more{color:var(--accent);align-items:center;gap:.3rem;margin-top:.55rem;font-size:.76rem;font-weight:600;display:inline-flex}.intro__more:hover{text-decoration:underline}.post-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.post-card{border-radius:var(--radius);transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease);padding:1.15rem 1.35rem;display:block;position:relative;overflow:hidden}.post-card:before{content:"";border-radius:var(--radius-pill);background:linear-gradient(var(--accent), var(--accent-2));opacity:.55;width:3px;transition:opacity var(--dur) var(--ease), top var(--dur) var(--ease), bottom var(--dur) var(--ease);position:absolute;top:1rem;bottom:1rem;left:0}.post-card:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.post-card:hover:before{opacity:1;top:.55rem;bottom:.55rem}.post-card__head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.post-card__title{font-family:var(--font-display);transition:color var(--dur) var(--ease);margin:0;font-size:1.12rem;font-weight:700;line-height:1.45}.post-card:hover .post-card__title{color:var(--accent)}.post-card__desc{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.2rem 0 .7rem;font-size:.87rem;line-height:1.7;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.74rem;display:flex}.post-card__meta svg{fill:currentColor;width:13px;height:13px}.post-card__meta-item{align-items:center;gap:.28rem;display:inline-flex}.post-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-card__meta{z-index:1;position:relative}.post-card__pin{color:var(--text-soft);border-radius:var(--radius-pill);border:1px dashed var(--border-strong);background:var(--bg-tint);align-items:center;gap:.2rem;padding:.12rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.post-list>li{min-width:0;display:block}.type-badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:.28rem;padding:.12rem .55rem;font-size:.7rem;font-weight:600;display:inline-flex}.type-badge svg{fill:currentColor;width:12px;height:12px}.type-badge--tech{color:var(--on-accent);background:var(--accent);border:1px solid var(--accent)}.type-badge--thought{color:var(--text-soft);border:1px solid var(--border-strong);background:0 0}.tag-list{flex-wrap:wrap;gap:.35rem;display:flex}.tag{color:var(--text-soft);background:color-mix(in srgb, var(--text-muted) 10%, transparent);border:1px solid var(--border);border-radius:var(--radius-pill);transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);align-items:center;gap:.25rem;padding:.14rem .6rem;font-size:.72rem;display:inline-flex}.tag:before{content:"#";opacity:.5;font-size:.9em}a.tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.tag__count{color:var(--text-muted);font-size:.66rem}.page-head{margin-bottom:1.5rem}.page-head__eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 .3rem;font-size:.78rem}.page-head__title{font-family:var(--font-display);margin:0 0 .4rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.3}.page-head__desc{color:var(--text-soft);margin:0;font-size:.9rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.35rem;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);transition:all .2s var(--ease);align-items:center;gap:.3rem;padding:.3rem .85rem;font-size:.8rem;display:inline-flex}.chip:hover{color:var(--accent);border-color:var(--border-strong)}.chip[aria-pressed=true]{color:var(--on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 22%, transparent)}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:.9rem}.block{margin-bottom:2.75rem}.block__head{align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.block__title{font-family:var(--font-display);white-space:nowrap;align-items:center;gap:.45rem;margin:0;font-size:1.05rem;font-weight:800;display:inline-flex}.block__title svg{fill:currentColor;width:17px;height:17px}.block__count{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem;font-weight:400}.block__line{background:var(--border);flex:1;min-width:1rem;height:1px}.block__more{color:var(--text-muted);white-space:nowrap;transition:color .2s var(--ease);font-size:.82rem}.block__more:hover{color:var(--accent)}.timeline{margin:0;padding:0;list-style:none}.timeline__item{grid-template-columns:20px minmax(0,1fr);gap:.9rem;display:grid}.timeline__rail{position:relative}.timeline__rail:before{content:"";background:var(--border);width:1px;position:absolute;top:1.35rem;bottom:-.2rem;left:50%;translate:-50%}.timeline__item:last-child .timeline__rail:before{display:none}.timeline__dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;position:absolute;top:.6rem;left:50%;translate:-50%}.timeline__body{min-width:0;padding-bottom:1.75rem}.timeline__date{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;margin:0 0 .2rem;font-size:.72rem}.timeline__title{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.05rem;font-weight:700;line-height:1.5}.timeline__title a{transition:color var(--dur) var(--ease)}.timeline__title a:hover{color:var(--accent)}.timeline__desc{color:var(--text-soft);margin:0 0 .6rem;font-size:.87rem;line-height:1.75}.article{max-width:76ch}.article__head{border-bottom:1px dashed var(--border-strong);margin-bottom:2rem;padding-bottom:1.25rem}.article__title{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(1.6rem,3.4vw,2.25rem);font-weight:800;line-height:1.32}.article__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.9rem;margin-bottom:.85rem;font-size:.78rem;display:flex}.article__meta svg{fill:currentColor;width:14px;height:14px}.article__meta-item{align-items:center;gap:.3rem;display:inline-flex}.prose{color:var(--text);font-size:1rem;line-height:1.95}.prose>*+*{margin-top:1.15em}.prose h2,.prose h3,.prose h4{font-family:var(--font-display);margin-top:2.2em;margin-bottom:.7em;scroll-margin-top:5rem;line-height:1.4}.prose h2{border-left:4px solid var(--accent);padding-left:.7rem;font-size:1.45rem}.prose h3{color:var(--text);font-size:1.2rem}.prose h4{font-size:1.05rem}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);transition:background .2s var(--ease)}.prose a:hover{background:var(--accent-soft);border-bottom-color:var(--accent)}.prose strong{color:var(--accent-2);font-weight:700}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--accent)}.prose blockquote{border-left:4px solid var(--accent-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--accent-2-soft);color:var(--text-soft);margin:1.4em 0;padding:.75rem 1.1rem}.prose blockquote p{margin:0}.prose code{font-family:var(--font-mono);background:color-mix(in srgb, var(--text-muted) 14%, transparent);color:var(--accent);border-radius:5px;padding:.15em .4em;font-size:.88em}.prose pre{border-radius:var(--radius);border:1px solid var(--border);padding:1rem 1.1rem;font-size:.86rem;line-height:1.75;overflow-x:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.prose img{border-radius:var(--radius);border:1px solid var(--border);margin-inline:auto}.prose hr{background:linear-gradient(90deg, transparent, var(--border-strong), transparent);border:none;height:1px;margin:2.4em 0}.prose table{border-collapse:collapse;width:100%;font-size:.88rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:.55rem .8rem}.prose th{background:var(--accent-soft);text-align:left;font-weight:700}.article-footer{border-top:1px dashed var(--border-strong);gap:1rem;margin-top:3rem;padding-top:1.5rem;display:grid}.pager{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;display:grid}.pager__link{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:all var(--dur) var(--ease);padding:.85rem 1rem;display:block}.pager__link:hover{border-color:var(--border-strong);background:var(--surface-hover);transform:translateY(-2px)}.pager__label{letter-spacing:.1em;color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;display:block}.pager__title{color:var(--accent);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;display:-webkit-box;overflow:hidden}.pager__link--next{text-align:right}.search-overlay{z-index:60;background:var(--overlay);backdrop-filter:blur(6px);animation:fade-in .18s var(--ease);place-items:start center;padding:8vh 1rem 1rem;display:grid;position:fixed;inset:0}.search-panel{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-solid);width:min(660px,100%);max-height:76vh;box-shadow:var(--shadow-2);animation:pop-in .22s var(--ease);flex-direction:column;display:flex;overflow:hidden}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}}.search-panel__input-row{border-bottom:1px solid var(--border);align-items:center;gap:.7rem;padding:.95rem 1.1rem;display:flex}.search-panel__input-row svg{fill:none;stroke:currentColor;stroke-width:2px;width:18px;height:18px;color:var(--text-muted);flex:none}.search-panel input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-panel input::placeholder{color:var(--text-muted)}.search-panel__filters{border-bottom:1px solid var(--border);background:var(--bg-tint);flex-wrap:wrap;gap:.35rem;padding:.7rem 1.1rem;display:flex}.search-panel__tags{border-bottom:1px solid var(--border);background:var(--bg-tint);gap:.7rem;padding:.6rem 1.1rem .75rem;display:flex}.search-panel__tags-label{letter-spacing:.08em;color:var(--text-muted);flex:none;padding-top:.22rem;font-size:.7rem}.search-panel__tags-list{overscroll-behavior:contain;flex-wrap:wrap;gap:.35rem;max-height:6.8rem;display:flex;overflow-y:auto}.search-panel__results{margin:0;padding:.5rem;list-style:none;overflow-y:auto}.search-result{text-align:left;border-radius:var(--radius-sm);width:100%;transition:background .15s var(--ease), border-color .15s var(--ease);border:1px solid #0000;padding:.65rem .8rem;display:block}.search-result:hover,.search-result--active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 28%, transparent)}.search-result__title{color:var(--text);margin:0 0 .2rem;font-size:.92rem;font-weight:600}.search-result--active .search-result__title{color:var(--accent)}.search-result__title mark{background:color-mix(in srgb, var(--accent) 32%, transparent);color:inherit;border-radius:3px;padding:0 2px}.search-result__desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .35rem;font-size:.78rem;display:-webkit-box;overflow:hidden}.search-result__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.7rem;display:flex}.search-panel__foot{border-top:1px solid var(--border);background:var(--bg-tint);color:var(--text-muted);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 1.1rem;font-size:.7rem;display:flex}.search-panel__foot kbd{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface-solid);border-radius:5px;padding:.1rem .35rem}.search-panel__empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem;font-size:.86rem}.tag-cloud{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.tag-cloud__item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:all var(--dur) var(--ease);justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:.86rem;display:flex}.tag-cloud__item:hover{border-color:var(--accent);background:var(--surface-hover);box-shadow:var(--shadow-2);transform:translateY(-3px)}.tag-cloud__name{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tag-cloud__count{font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--text-muted) 12%, transparent);flex:none;padding:.1rem .45rem;font-size:.72rem}.about-card{border-radius:var(--radius-lg);padding:1.75rem 2rem}.petals{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.petals span{background:var(--accent);opacity:.07;border-radius:60% 0;width:12px;height:12px;animation:linear infinite fall;position:absolute;top:-6vh}@keyframes fall{0%{transform:translateY(-10vh)rotate(0)}to{transform:translate(6vw,112vh)rotate(420deg)}}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:3rem;padding-top:1.25rem;font-size:.76rem;display:flex}.site-footer a:hover{color:var(--accent)}.pick-section+.pick-section{margin-top:2.4rem}.pick-section__head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:1rem;padding-bottom:.55rem;display:flex}.pick-section__title{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:1.02rem;font-weight:700}.pick-section__eyebrow{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:.64rem}.pick-section__count{color:var(--text-muted);margin-left:auto;font-size:.72rem}.pick-section__desc{color:var(--text-muted);margin:-.45rem 0 1rem;font-size:.8rem}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.pick-card{height:100%;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);gap:.85rem;padding:.85rem;display:flex;position:relative}.pick-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2);transform:translateY(-3px)}.pick-card__cover{border:1px solid var(--border);background-color:color-mix(in srgb, var(--text-muted) 8%, transparent);width:76px;height:106px;font-family:var(--font-display);color:var(--text-muted);transition:border-color var(--dur) var(--ease);background-position:50%;background-size:cover;border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:1.4rem;display:flex;overflow:hidden}.pick-card:hover .pick-card__cover{border-color:var(--border-strong)}.pick-card__body{flex-direction:column;gap:.25rem;min-width:0;display:flex}.pick-card__title{margin:0;font-size:.94rem;font-weight:700;line-height:1.35}.pick-card__title a{color:var(--text)}.pick-card__title a:hover{color:var(--accent)}.pick-card__title a:after{content:"";position:absolute;inset:0}.pick-card__author{color:var(--text-muted);margin:0;font-size:.73rem}.pick-card__note{-webkit-line-clamp:3;color:var(--text-soft);-webkit-box-orient:vertical;margin:.1rem 0 0;font-size:.78rem;line-height:1.6;display:-webkit-box;overflow:hidden}.pick-card__links{z-index:1;flex-wrap:wrap;gap:.3rem;margin-top:auto;padding-top:.55rem;display:flex;position:relative}.pick-card__links .chip{padding:.16rem .5rem;font-size:.68rem}.pick-detail{border-bottom:1px dashed var(--border-strong);align-items:flex-start;gap:1.15rem;margin-bottom:1.7rem;padding-bottom:1.5rem;display:flex}.pick-detail__cover{border:1px solid var(--border);background-color:color-mix(in srgb, var(--text-muted) 8%, transparent);background-position:50%;background-size:cover;border-radius:9px;flex:none;width:132px;height:186px}.pick-detail__meta{flex-direction:column;gap:.7rem;min-width:0;display:flex}.pick-detail__note{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.75}.pick-detail__links{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.pick-detail__links-label{letter-spacing:.1em;color:var(--text-muted);font-size:.72rem}@media (width<=640px){.pick-detail{flex-direction:column}.pick-grid{grid-template-columns:1fr}}.sidebar-toggle,.sidebar__close,.sidebar-scrim{display:none}@media (width<=1080px){:root{--sidebar-w:300px;--page-pad-right:1.5rem}}@media (width<=900px){:root{--page-pad-left:1.25rem;--page-pad-right:1.25rem;--avatar-offset:1.5rem}.app{grid-template-columns:minmax(0,1fr)}.topbar{gap:.4rem}.nav-btn{padding:0 .7rem}.nav-btn__text{display:none}.topnav{flex:none}.sidebar-toggle{flex:none;display:inline-flex}.sidebar{z-index:50;overscroll-behavior:contain;background:var(--bg-tint);border-right:1px solid var(--border);width:min(86vw,340px);height:100dvh;box-shadow:var(--shadow-2);visibility:hidden;transition:transform var(--dur) var(--ease), visibility 0s linear var(--dur);padding:1rem 1.25rem 2rem;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}body.drawer-open .sidebar{visibility:visible;transition:transform var(--dur) var(--ease), visibility 0s linear 0s;transform:none}.sidebar__close{z-index:1;width:34px;height:34px;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.sidebar-scrim{z-index:40;background:var(--overlay);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), visibility 0s linear var(--dur);display:block;position:fixed;inset:0}body.drawer-open .sidebar-scrim{opacity:1;visibility:visible;transition:opacity var(--dur) var(--ease), visibility 0s linear 0s}.main{border-left:none;padding-bottom:3.5rem}.avatar{width:104px;height:104px}.search-trigger{min-width:0}.search-trigger__text{display:none}.search-overlay{padding-top:4vh}}@media (width<=640px){.topbar{flex-wrap:wrap;row-gap:.5rem;padding-top:.7rem;padding-bottom:.7rem}.topbar__spacer{display:none}.topbar astro-island,.topbar .search-trigger{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}