*,:before,:after{box-sizing:border-box}:root{--color-bg:#f7f5f2;--color-surface:#fffcf8;--color-text:#2c3333;--color-text-secondary:#3d4545;--color-text-muted:#7a8282;--color-border:#e8e2da;--color-border-soft:#f0ebe4;--color-accent:#3d4f4f;--color-accent-hover:#2a3838;--color-warm:#b8956b;--color-hero-overlay:#262c2c47;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--content-width:760px;--home-width:1080px;--radius:12px}html{-webkit-text-size-adjust:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--color-text-secondary);background:var(--color-bg);margin:0;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.container{width:min(100% - 1.5rem, var(--content-width));margin-inline:auto}.container--wide{width:min(100% - 1.5rem, var(--home-width))}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.site-header__brand{color:var(--color-text);white-space:nowrap;letter-spacing:.01em;font-size:1.05rem;font-weight:600;text-decoration:none}.site-header__brand:hover{color:var(--color-text);text-decoration:none}.site-nav{flex-wrap:wrap;gap:.25rem .15rem;display:flex}.site-nav__link{color:var(--color-text-muted);border-radius:6px;padding:.35rem .65rem;font-size:.875rem;text-decoration:none}.site-nav__link:hover{color:var(--color-text);background:var(--color-surface);text-decoration:none}.site-nav__link--active{color:var(--color-text);background:#fffcf88c;font-weight:530}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center;margin-top:4rem;padding:2rem 0 2.5rem;font-size:.85rem}.cover--real{aspect-ratio:16/9;background:var(--color-border-soft);overflow:hidden}.cover__img{object-fit:cover;width:100%;height:100%}.article-header__cover .cover--real{border-radius:var(--radius)}.tag-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--color-border-soft);color:var(--color-text-muted);border-radius:4px;padding:.12rem .5rem;font-size:.75rem;line-height:1.4;display:inline-block}.tag-list--soft .tag,.tag--category{background:var(--color-border-soft);color:var(--color-text-muted)}.home-hero{align-items:center;min-height:clamp(240px,32vw,360px);margin-bottom:2rem;display:flex;position:relative;overflow:hidden}.home-hero__bg{background:linear-gradient(135deg,#d4cfc7 0%,#b8c4bc 45%,#8fa39a 100%);position:absolute;inset:0}.home-hero__img{object-fit:cover;width:100%;height:100%}.home-hero__overlay{background:var(--color-hero-overlay);position:absolute;inset:0}.home-hero__content{z-index:1;color:#f8f6f2;padding:2.5rem 0;position:relative}.home-hero__title{letter-spacing:.02em;text-shadow:0 1px 10px #00000047;margin:0;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:600;line-height:1.35}.home-hero__tagline{opacity:.92;text-shadow:0 1px 8px #00000038;margin:.55rem 0 0;font-size:clamp(.95rem,2.5vw,1.05rem)}.home-hero__hint{opacity:.78;text-shadow:0 1px 8px #0003;margin:.85rem 0 0;font-size:.875rem}.record-list{flex-direction:column;gap:.65rem;display:flex}.record-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:inherit;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,background .15s;display:block}.record-card:hover{color:inherit;background:#fffdf9;border-color:#d5cec4;text-decoration:none}.record-card__type{color:var(--color-warm);letter-spacing:.04em;margin-bottom:.45rem;font-size:.72rem;display:inline-block}.record-card__title{color:var(--color-text);margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.45}.record-card__desc{color:var(--color-text-muted);margin:0 0 .6rem;font-size:.875rem;line-height:1.65}.record-card__date{color:var(--color-text-muted);font-size:.78rem}.empty-state{color:var(--color-text-muted);margin:0;padding:1.25rem 0 .5rem;font-size:.925rem;line-height:1.75}.section-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.section-header__title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.section-header__desc{color:var(--color-text-muted);margin:.2rem 0 0;font-size:.85rem}.section-header__link{color:var(--color-text-muted);flex-shrink:0;font-size:.85rem}.section-header__link:hover{color:var(--color-text);text-decoration:none}.intro{max-width:var(--content-width);padding:0 0 2rem}.intro__line{max-width:36em;color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.85}.intro__line+.intro__line{margin-top:.4rem}.category-nav{grid-template-columns:repeat(2,1fr);gap:.65rem;margin-bottom:2.5rem;display:grid}@media (width>=640px){.category-nav{grid-template-columns:repeat(4,1fr)}}.category-nav__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-direction:column;gap:.25rem;padding:.9rem 1rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.category-nav__item:hover{background:#fffdf9;border-color:#d5cec4;text-decoration:none}.category-nav__title{color:var(--color-text);font-size:.95rem;font-weight:600}.category-nav__desc{color:var(--color-text-muted);font-size:.78rem;line-height:1.45}.card-grid{gap:.85rem;display:grid}.card-grid--projects{grid-template-columns:1fr}@media (width>=640px){.card-grid--projects{grid-template-columns:repeat(2,1fr)}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.card--compact:hover{border-color:#cbd5e1}.card__inner{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.card__inner:hover{color:inherit;text-decoration:none}.card--compact .card__body{padding:1rem 1.1rem}.card__title{color:var(--color-text);margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.45}.card--compact:hover .card__title{color:var(--color-text)}.card__desc{color:var(--color-text-muted);flex:1;margin:0 0 .75rem;font-size:.875rem;line-height:1.65}.card__footer{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-top:auto;display:flex}.card__meta{color:var(--color-text-muted);flex-direction:column;gap:.35rem;font-size:.78rem;display:flex}.card__action{color:var(--color-text-muted);flex-shrink:0;font-size:.8rem}.card--compact:hover .card__action{color:var(--color-text)}.home-section{margin-bottom:2.5rem}.home-split{gap:2rem;display:grid}@media (width>=768px){.home-split{grid-template-columns:1fr 1fr}}.doc-list{flex-direction:column;display:flex}.doc-list--plain .doc-item{border:none;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0}.doc-list--plain .doc-item:last-child{border-bottom:none}.doc-item__link{color:inherit;padding:1rem 0;text-decoration:none;display:block}.doc-item__link:hover{color:inherit;text-decoration:none}.doc-item__title{color:var(--color-text);margin:0 0 .3rem;font-size:1rem;font-weight:600;line-height:1.45}.doc-item:hover .doc-item__title{color:var(--color-text)}.doc-item__desc{color:var(--color-text-muted);margin:0 0 .5rem;font-size:.875rem;line-height:1.65}.doc-item__meta{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.78rem;display:flex}.doc-item__action{display:none}.note-list{flex-direction:column;display:flex}.note-list--plain .note-item{border:none;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0}.note-list--plain .note-item:last-child{border-bottom:none}.note-item__link{color:inherit;gap:.25rem;padding:.85rem 0;text-decoration:none;display:grid}@media (width>=640px){.note-item__link{grid-template-columns:6.5rem 1fr;align-items:start;gap:1rem}}.note-item__link:hover{color:inherit;text-decoration:none}.note-item__date{color:var(--color-text-muted);font-size:.78rem}.note-item__title{color:var(--color-text);margin:0 0 .2rem;font-size:.975rem;font-weight:550;line-height:1.45}.note-item__desc{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.65}.page-header{max-width:var(--content-width);margin:1.5rem 0 2rem}.page-header__title{color:var(--color-text);margin:0 0 .4rem;font-size:1.5rem;font-weight:650}.page-header__desc{color:var(--color-text-muted);margin:0;font-size:.925rem;line-height:1.75}.category-group{margin-bottom:2rem}.category-group__title{color:var(--color-text-muted);letter-spacing:.02em;margin:0 0 .65rem;font-size:.85rem;font-weight:600}.article-page{padding-top:1rem}.article-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem}.article-header__title{color:var(--color-text);margin:0 0 .75rem;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:650;line-height:1.35}.article-header__desc{color:var(--color-text-muted);margin:0 0 1rem;font-size:1rem;line-height:1.75}.article-header__cover{margin-top:1.25rem}.article-meta{flex-direction:column;gap:.5rem;display:flex}.article-meta__times{color:var(--color-text-muted);flex-wrap:wrap;gap:.35rem 1rem;font-size:.82rem;display:flex}.article-meta__tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.prose{color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.8}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin:0 0 1.3em}.prose h2{color:var(--color-text);margin:2em 0 .75em;font-size:1.25rem;font-weight:600;line-height:1.4}.prose h3{color:var(--color-text);margin:1.6em 0 .55em;font-size:1.1rem;font-weight:600}.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.35em}.prose li{margin-bottom:.4em}.prose blockquote{color:var(--color-text-muted);background:#faf7f3;border-left:3px solid #c9bfb0;border-radius:0 6px 6px 0;margin:1.5em 0;padding:.85em 1em}.prose pre{color:#e5e7eb;font-family:var(--font-mono);-webkit-overflow-scrolling:touch;background:#1f2937;border-radius:8px;margin:1.5em 0;padding:1em 1.1em;font-size:.86em;line-height:1.6;overflow-x:auto}.prose code{font-family:var(--font-mono);color:#374151;background:#f3f4f6;border-radius:4px;padding:.12em .4em;font-size:.88em}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;margin:1.5em 0;font-size:.9em;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);text-align:left;white-space:nowrap;padding:.6em .85em}.prose th{background:#f9fafb;font-weight:600}.prose img{border-radius:8px;margin:1.5em auto}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.prose--docs h2{border-bottom:1px solid var(--color-border);padding-bottom:.3em}.prose--notes{font-size:1.075rem;line-height:1.85}.prose--travel img{margin:1.25em 0}.article-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2.5rem;padding-top:1.5rem;display:flex}.article-footer__link{color:var(--color-text-muted);font-size:.875rem}.article-footer__link:hover{color:var(--color-text);text-decoration:none}.back-link{border-top:1px solid var(--color-border);width:100%;color:var(--color-text-muted);margin-top:2.5rem;padding-top:1.5rem;font-size:.875rem;display:inline-block}.back-link:hover{color:var(--color-text);text-decoration:none}.series-nav{border-top:1px solid var(--color-border);margin-top:2rem;padding:1rem 0}.series-nav__title{color:var(--color-text-muted);margin:0 0 .65rem;font-size:.82rem;font-weight:600}.series-nav__list{margin:0;padding:0;list-style:none}.series-nav__item{margin-bottom:.35rem;font-size:.9rem}.series-nav__item--current{color:var(--color-text);font-weight:600}.about-content{max-width:var(--content-width)}.about-content p{color:var(--color-text-secondary);margin:0 0 1.25em;font-size:1.025rem;line-height:1.85}@media (width<=374px){.category-nav{grid-template-columns:1fr}.site-nav__link{padding:.3rem .5rem;font-size:.82rem}}@media (width<=430px){.site-header__brand{font-size:.92rem}.home-hero__content{padding:2rem 0}}