:root{--bg: #f3efe8;--bg-panel: rgba(255, 252, 247, .92);--bg-panel-strong: rgba(255, 255, 255, .98);--line: rgba(25, 30, 35, .1);--line-strong: rgba(25, 30, 35, .18);--text: #171c21;--text-muted: #5c656e;--heading: #0d1116;--accent: #d65e45;--accent-soft: rgba(214, 94, 69, .1);--accent-blue: #627081;--accent-green: #6c7e71;--accent-red: #be6957;--shadow: 0 10px 30px rgba(18, 21, 26, .045);--radius: 18px;--content-width: 1160px;--font-sans: "IBM Plex Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Source Han Sans SC", sans-serif;--font-serif: "Source Serif 4", "Noto Serif SC", "Source Han Serif SC", serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", "SFMono-Regular", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:linear-gradient(180deg,#f7f4ee,#f3efe8 56%,#ece7de);font-family:var(--font-sans);line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%}code,pre{font-family:var(--font-mono)}pre{overflow-x:auto;border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem;background:#f6f3ee}code{font-size:.95em}:not(pre)>code{padding:.16rem .38rem;border-radius:.45rem;background:#12151912}.site-bg{position:fixed;inset:0;z-index:-1;background-image:radial-gradient(circle at 12% 10%,rgba(214,94,69,.08),transparent 18%),radial-gradient(circle at 88% 6%,rgba(78,92,110,.07),transparent 22%),linear-gradient(rgba(27,32,37,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(27,32,37,.032) 1px,transparent 1px);background-size:auto,auto,26px 26px,26px 26px;opacity:.8}.container{width:min(calc(100% - 2rem),var(--content-width));margin:0 auto}.page-main{padding:1rem 0 2.6rem}.shell-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel-strong);backdrop-filter:blur(6px);box-shadow:var(--shadow)}.shell-card:before{display:none}.shell-card--dense{padding:.78rem 1rem}.site-header{padding:.8rem 0 .3rem;position:sticky;top:0;z-index:10}.header-inner{display:flex;gap:.85rem;align-items:center;justify-content:space-between;border-radius:22px;border-color:#191e2314;background:#fffcf7e0}.brand-block{display:inline-flex;align-items:center;gap:.75rem}.brand-block strong{display:block;color:var(--heading);letter-spacing:.02em;font-size:1.08rem;line-height:1.15}.brand-block small{color:var(--text-muted);display:block;font-size:.88rem;line-height:1.3}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border-radius:.85rem;overflow:hidden;border:1px solid rgba(214,94,69,.22);background:#fffffff5}.brand-mark img,.profile-avatar{width:100%;height:100%;object-fit:cover}.main-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.52rem .76rem;border-radius:.8rem;border:1px solid rgba(25,30,35,.04);color:var(--text-muted);transition:.16s ease;background:transparent;font-size:.95rem;line-height:1.15}.nav-link:hover{color:var(--heading);border-color:#191e230f;background:#1115190a}.nav-link.is-active{color:#fff;border-color:#111519eb;background:#111519f0}.nav-link__icon{display:inline-flex;align-items:center;justify-content:center;width:.95rem;height:.95rem}.nav-link__icon svg{width:.95rem;height:.95rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.nav-link__label{line-height:1}.page-grid{display:grid;gap:1.35rem}.hero{padding:2.4rem;display:grid;gap:1.7rem;background:var(--bg-panel-strong)}.hero:after,.page-header:after,.article-shell:after{display:none}.hero h1,.hero h2,.section-heading h2,.article-header h1{margin:0;color:var(--heading);font-weight:700;line-height:1.15}.hero h1{font-size:clamp(1.9rem,3.1vw,2.7rem);max-width:12ch;letter-spacing:-.03em}.hero p,.section-description,.article-intro,.article-content p{color:var(--text-muted)}.hero-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);align-items:stretch}.hero-home{grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);align-items:start;gap:1.2rem}.hero-home__copy,.hero-home__stage{min-width:0}.hero-home__lead{margin:0;max-width:58ch;font-size:1rem}.profile-panel{display:grid;gap:1rem;padding:1.3rem 1.35rem}.profile-panel__head{display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:center;padding-right:.1rem}.profile-avatar{width:5rem;height:5rem;border-radius:1rem;border:1px solid rgba(214,94,69,.2);background:#fffffff5}.profile-info h2{margin:0 0 .35rem;color:var(--heading)}.profile-info p{margin:0;color:var(--text-muted);max-width:24ch}.profile-badges{display:flex;flex-wrap:wrap;gap:.6rem}.profile-stats{padding:.25rem 0 .1rem}.home-page{gap:1rem}.home-intro{position:relative;padding:1.85rem 1.95rem;background:linear-gradient(180deg,#fffffffa,#fffffff5),radial-gradient(circle at 82% 22%,rgba(214,94,69,.08),transparent 18%)}.home-intro__copy{min-width:0;max-width:40rem;position:relative;z-index:1}.home-intro:after{content:"";position:absolute;top:1.55rem;right:1.7rem;bottom:1.55rem;width:min(17rem,28%);border:1px solid rgba(25,30,35,.08);border-radius:1rem;background:linear-gradient(180deg,#f3eee8ad,#ffffff70),repeating-linear-gradient(180deg,transparent 0 34px,rgba(25,30,35,.04) 34px 35px);opacity:.9}.home-intro h1{margin:0 0 .9rem;max-width:13ch;color:var(--heading);font-size:clamp(2rem,3.1vw,2.75rem);line-height:1.12;letter-spacing:-.03em}.home-intro__lead{margin:0;max-width:56ch;font-size:1rem;color:var(--text-muted)}.home-feed{padding:1.4rem 1.55rem 1.55rem}.home-feed .section-heading{margin-bottom:1.15rem}.home-feed .section-heading h2{font-size:1.45rem}.home-empty{display:grid;gap:.8rem;padding:1.8rem 1.4rem;border:1px dashed rgba(25,30,35,.12);border-radius:1rem;background:#f4f0eab8}.home-empty h2,.home-empty p{margin:0}.home-empty__count{display:inline-flex;align-items:center;width:fit-content;padding:.18rem .55rem;border-radius:999px;background:#111519eb;color:#fff;font-size:.84rem;letter-spacing:.06em}.hero-visual{position:relative;min-height:39rem;isolation:isolate;background:linear-gradient(180deg,rgba(17,21,25,.08),transparent 40%),linear-gradient(145deg,#ffffff70,#f4f0ebd1),radial-gradient(circle at 82% 24%,rgba(224,122,74,.24),transparent 18%),#f5f1ecf0}.hero-visual__art,.hero-visual__art img{position:absolute;inset:0;width:100%;height:100%}.hero-visual__art{pointer-events:none;padding:.9rem 0 0}.hero-visual__art img{object-fit:contain;object-position:18% bottom;opacity:1;filter:saturate(1.02) contrast(1.12) brightness(.96);transform:translate(-7%,-6%) scale(1.18)}.hero-visual__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f6f2ec05,#f6f2ec0a 48%,#f6f2ecbd 84%,#f6f2ecf0),linear-gradient(90deg,rgba(246,242,236,.24),transparent 12%,transparent 90%,rgba(246,242,236,.18))}.hero-visual__label{position:absolute;top:1.15rem;right:1.15rem;z-index:1;width:min(13.5rem,calc(100% - 2.3rem));padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(28,33,37,.1);background:#fcf9f4bd;backdrop-filter:blur(10px);box-shadow:0 16px 36px #12151a14}.hero-visual__label strong{display:block;color:var(--heading);font-size:.98rem;line-height:1.6}.hero-dossier{position:absolute;right:1.2rem;bottom:1.2rem;z-index:1;width:min(17.75rem,calc(100% - 2.4rem));background:linear-gradient(145deg,#ffffffb3,#f8f5efe6),#faf8f4d1;box-shadow:0 22px 52px #12151a1f;backdrop-filter:blur(12px)}.hero-actions,.stat-grid,.card-grid,.tag-row,.footer-links,.meta-grid,.article-links,.cta-actions,.content-grid,.panel-grid{display:flex;gap:.6rem;flex-wrap:wrap}.hero-action,.inline-link{display:inline-flex;align-items:center;gap:.4rem;padding:.56rem .82rem;border-radius:.78rem;border:1px solid rgba(25,30,35,.1);background:#fffffff5;color:var(--heading);font-size:.94rem;line-height:1.2;transition:.16s ease}.hero-action.is-primary{background:#111519f0;border-color:#111519f0;color:#fff}.hero-action:hover,.inline-link:hover{border-color:#191e2329;background:#f5f2edf5}.hero-action.is-primary:hover{background:#111519db;border-color:#111519db}.stats-panel,.info-panel,.contact-card,.search-panel,.post-card,.route-card,.project-card,.toc,.archive-year,.tag-cluster,.article-shell,.article-content,.article-aside,.empty-state{padding:1.1rem 1.2rem}.stat-grid>div,.info-panel__list li,.meta-item,.tag-summary-card{min-width:0}.stats-panel{display:grid;gap:1rem}.status-panel{padding-top:.6rem;border-top:1px dashed rgba(28,33,37,.14)}.status-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.status-list li{display:grid;gap:.2rem;padding:.62rem .74rem;border-radius:.85rem;background:#ffffffeb;border:1px solid rgba(25,30,35,.08)}.status-list strong{color:var(--heading);font-size:.96rem}.status-list span{color:var(--text-muted);font-size:.92rem}.stat-grid>div{flex:1 1 10rem}.stat-grid strong{display:block;font-size:1.25rem;color:var(--heading)}.stat-grid span{color:var(--text-muted);font-size:.94rem}.eyebrow{margin:0 0 .5rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.section-heading{position:relative;padding-left:.85rem;margin:0 0 1rem}.section-heading:before{content:"";position:absolute;left:0;top:.4rem;bottom:.45rem;width:2px;border-radius:999px;background:var(--accent)}.section-heading p{margin:.35rem 0 0;max-width:58ch}.grid-two{display:grid;gap:1.2rem;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{display:grid;gap:1.2rem;grid-template-columns:repeat(3,minmax(0,1fr))}.post-card__meta,.route-card__meta,.project-card__meta,.article-meta,.search-result__meta,.tag-summary-card small,.footer-copy,.breadcrumbs span,.breadcrumbs a{color:var(--text-muted);font-size:.94rem}.post-card__meta,.route-card__meta,.project-card__meta,.article-meta{display:flex;gap:.9rem;flex-wrap:wrap}.post-card__meta span,.route-card__meta span,.project-card__meta span,.article-meta span{display:inline-flex;align-items:center;padding:.14rem .42rem;border-radius:999px;background:#f4f0eaeb}.post-card h3,.route-card h3,.project-card h3,.search-result h3,.tag-summary-card h3,.article-shell h2,.article-shell h3{margin:.7rem 0 .5rem;color:var(--heading)}.post-card p,.route-card p,.project-card p,.search-result p,.tag-summary-card p{margin:0}.post-card,.route-card,.project-card,.tag-summary-card,.search-result,.info-panel,.contact-card{transition:transform .18s ease,border-color .18s ease,background .18s ease}.post-card:hover,.route-card:hover,.project-card:hover,.tag-summary-card:hover,.search-result:hover,.info-panel:hover,.contact-card:hover{transform:none;border-color:#191e2329;background:#fffcf7fa}.tag-row{margin-top:1rem}.tag-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.28rem .56rem;border-radius:999px;border:1px solid transparent;font-size:.84rem;background:#f4f0eaeb;color:var(--heading)}.tag-chip small{color:var(--text-muted);padding:.02rem .34rem;border-radius:999px;background:#fffc}.tag-chip.is-orange{border-color:#e07a4a47;background:#e07a4a1f}.tag-chip.is-teal{border-color:#47847a47;background:#47847a17}.tag-chip.is-slate{border-color:#505a6438;background:#505a6414}.tag-chip.is-green{border-color:#607d6242;background:#607d6214}.tag-chip.is-blue{border-color:#4f708747;background:#4f708714}.tag-chip.is-red{border-color:#be695747;background:#be69571a}.breadcrumbs{margin:1rem 0 .4rem}.breadcrumbs ol{list-style:none;padding:0;margin:0;display:flex;gap:.6rem;flex-wrap:wrap}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:.6rem;color:var(--text-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:1.25rem;align-items:start}.article-shell{padding:1.8rem}.article-header{display:grid;gap:.9rem;margin-bottom:1.4rem}.article-intro{margin:0;max-width:64ch}.article-content{padding:1.8rem}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:6rem;color:var(--heading)}.article-content blockquote{margin:1.2rem 0;padding:.9rem 1rem;border-left:3px solid var(--accent);background:#ffffffa3;color:var(--text-muted)}.article-aside{position:sticky;top:6rem;display:grid;gap:1rem}.toc-title,.footer-title,.search-label{margin:0 0 .6rem;color:var(--heading);font-weight:700}.toc ol{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.toc .depth-3{padding-left:1rem}.toc a{color:var(--text-muted)}.toc a:hover{color:var(--heading)}.panel-list,.info-panel__list,.archive-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.info-panel__list li{padding:.68rem .82rem;border-radius:.85rem;border:1px solid var(--line);background:#ffffffeb}.search-input{width:100%;padding:.76rem .92rem;border:1px solid var(--line-strong);border-radius:.85rem;background:#ffffffe6;font:inherit}.search-count{color:var(--text-muted)}.search-results{display:grid;gap:.9rem}.search-result{padding:.92rem 1rem;border-radius:.9rem;border:1px solid var(--line);background:#ffffffeb}.search-result__tags{font-size:.92rem;color:var(--text-muted)}.page-header{padding:1.55rem 1.65rem;display:grid;gap:.72rem;margin-bottom:1.1rem;background:var(--bg-panel-strong)}.page-header h1{margin:0;font-size:clamp(1.7rem,2.7vw,2.45rem);color:var(--heading);letter-spacing:-.025em}.page-header p{margin:0;max-width:64ch;color:var(--text-muted)}.tag-cluster h3,.archive-year h2{margin-top:0}.tag-summary-card{padding:1rem 1.1rem;border-radius:.95rem;border:1px solid var(--line);background:#fffffff0}.archive-year{display:grid;gap:1rem}.archive-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;padding:.72rem .88rem;border-radius:.9rem;border:1px solid var(--line);background:#ffffffeb}.contact-card strong,.cta-panel strong{color:var(--heading)}.empty-state{display:grid;gap:.9rem}.empty-state h2{margin:0;color:var(--heading)}.empty-state p{margin:0;color:var(--text-muted);max-width:64ch}.cta-panel{padding:1.3rem 1.4rem}.oldblog-linked-title{margin:.65rem 0 .45rem}.oldblog-linked-title a{display:inline-flex;align-items:center;gap:.35rem}.oldblog-linked-title a:after{content:"↗";color:var(--text-muted);font-size:.82em}.oldblog-linked-title a:hover{color:var(--accent)}.oldblog-insights{gap:.9rem}.oldblog-panel,.oldblog-search{padding:1.02rem 1.06rem}.oldblog-panel{display:grid;gap:.72rem}.oldblog-panel__title{margin:0;color:var(--heading)}.oldblog-panel__description{margin:0;color:var(--text-muted);font-size:.95rem}.oldblog-yearchart-shell{position:relative;min-height:18rem;padding:.15rem 0 .1rem}.oldblog-yearchart{width:100%;height:100%;display:block}.oldblog-category-cloud{display:flex;gap:.42rem;flex-wrap:wrap;align-content:flex-start}.oldblog-filter-chip{display:inline-flex;align-items:center;gap:.32rem;min-height:1.72rem;padding:.16rem .48rem;border:1px solid rgba(25,30,35,.1);border-radius:999px;background:#f5f1ebeb;color:var(--heading);font:inherit;font-size:.82rem;line-height:1.1;cursor:pointer;transition:.16s ease}.oldblog-filter-chip small{padding:.02rem .24rem;border-radius:999px;background:#ffffffd6;color:var(--text-muted);font-size:.72rem}.oldblog-filter-chip:hover{border-color:#191e2329;background:#fffffff5}.oldblog-search{display:grid;gap:1rem;overflow:visible}.oldblog-filter-grid{display:grid;gap:.75rem;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr))}.oldblog-field{display:grid;gap:.4rem}.oldblog-field span{color:var(--text-muted);font-size:.9rem}.oldblog-filter-grid .search-input{width:100%;min-height:2.7rem;padding:.68rem .9rem;border-radius:.85rem;border:1px solid var(--line-strong);background:#fffffff5;color:var(--heading);font:inherit}.oldblog-filter-grid .search-input:focus{outline:none;border-color:#d65e4542;box-shadow:0 0 0 3px #d65e4514}.oldblog-listbox{position:relative}.oldblog-listbox__button{width:100%;min-height:2.7rem;padding:.68rem .9rem;border:1px solid var(--line-strong);border-radius:.85rem;background:#fffffff5;color:var(--heading);display:flex;align-items:center;justify-content:space-between;gap:.7rem;font:inherit;line-height:1.2;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.oldblog-listbox__button:hover,.oldblog-listbox__button[data-headlessui-state~=open]{border-color:#191e2329;background:#fffffffc}.oldblog-listbox__button:focus-visible{outline:none;border-color:#d65e4542;box-shadow:0 0 0 3px #d65e4514}.oldblog-listbox__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oldblog-listbox__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--text-muted)}.oldblog-listbox__icon svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.oldblog-listbox__button[data-headlessui-state~=open] .oldblog-listbox__icon{color:var(--accent)}.oldblog-listbox__options{position:absolute;z-index:24;top:calc(100% + .4rem);left:0;width:100%;max-height:16rem;margin:0;padding:.36rem;overflow:auto;list-style:none;border:1px solid rgba(25,30,35,.1);border-radius:.95rem;background:#fffcf7fa;box-shadow:0 20px 40px #12151a14}.oldblog-listbox__option{display:flex;align-items:center;justify-content:space-between;gap:.7rem;min-height:2.1rem;padding:.5rem .7rem;border-radius:.72rem;color:var(--heading);line-height:1.2;cursor:pointer;transition:background .16s ease,color .16s ease}.oldblog-listbox__option small{flex:0 0 auto;padding:.06rem .32rem;border-radius:999px;background:#ffffffe6;color:var(--text-muted);font-size:.72rem}.oldblog-listbox__option.is-active{background:#1115190f}.oldblog-listbox__option.is-selected{background:#d65e451a;color:var(--accent)}.oldblog-listbox-enter-active,.oldblog-listbox-leave-active{transition:opacity .14s ease,transform .14s ease}.oldblog-listbox-enter-from,.oldblog-listbox-leave-to{opacity:0;transform:translateY(-4px)}.oldblog-search__meta,.oldblog-search__footer{display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.oldblog-search__count,.oldblog-search__hint{margin:0;color:var(--text-muted)}.oldblog-results{display:grid;gap:.85rem}.oldblog-result{padding:1rem 1.05rem;border:1px solid var(--line);border-radius:.95rem;background:#ffffffeb;display:grid;gap:.65rem}.oldblog-result__head{display:grid;gap:.55rem}.oldblog-result__summary{margin:0;color:var(--text-muted)}.oldblog-result__tags{margin-top:0}.oldblog-result--empty{min-height:8.5rem;place-content:center}.oldblog-result--empty h3,.oldblog-result--empty p{margin:0}.site-footer{padding:0 0 2rem}.footer-inner{padding:1rem 1.15rem;display:flex;gap:1rem;align-items:center;justify-content:space-between}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--heading)}@media(max-width:960px){.hero-grid,.hero-home,.home-hero,.grid-two,.grid-three,.article-layout,.profile-panel__head{grid-template-columns:1fr}.article-aside{position:static}.footer-inner,.header-inner{flex-direction:column;align-items:flex-start}.oldblog-filter-grid{grid-template-columns:1fr 1fr}.oldblog-field--wide{grid-column:1 / -1}.main-nav{justify-content:flex-start}}@media(max-width:640px){.site-header{position:static}.hero,.page-header,.article-shell,.article-content{padding:1.3rem}.hero h1{max-width:12ch;font-size:clamp(1.8rem,8vw,2.45rem)}.main-nav{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap}.container{width:min(calc(100% - 1rem),var(--content-width))}.home-intro,.home-feed{padding-left:1.1rem;padding-right:1.1rem}.oldblog-filter-grid{grid-template-columns:1fr}.oldblog-panel,.oldblog-search{padding:1rem 1.05rem}.home-intro:after{display:none}}