:root{--bg:#fdfcfb;--bg-soft:#f7f5f2;--paper:rgba(255, 255, 255, 0.9);--paper-strong:#ffffff;--line:rgba(0, 0, 0, 0.06);--text:#33302e;--muted:#8c857d;--accent:#a68d7a;--accent-soft:#e2d9d0;--accent-dark:#5c534c;--shadow:0 10px 40px rgba(0, 0, 0, 0.04);--radius-xl:12px;--radius-lg:8px;--radius-md:4px;--site-width:1080px;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif:"Georgia", "Source Han Serif SC", "Noto Serif CJK SC", serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--serif);line-height:1.8;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgba(166,141,122,5%) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(166,141,122,3%) 0px,transparent 50%);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}.site-shell{width:var(--site-width);margin:0 auto;padding:24px 0 56px}.site-header{backdrop-filter:blur(16px)}.site-header,.site-footer,.hero,.page-head,.post-card,.article,.taxonomy-pill,.empty-state,.archive-year,.hero-card{background:var(--paper)}.post-card__cover,.gallery-item__image-wrap,.article img{border:1px solid rgba(0,0,0,5%);box-shadow:inset 0 0 40px rgba(0,0,0,2%);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.gallery-item__image-wrap{position:relative;background-color:#f0f0f0;overflow:hidden}.gallery-item__image-wrap::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 1px rgba(255,255,255,.2);pointer-events:none}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:24px 0;background-color:initial;transition:all .4s cubic-bezier(.16,1,.3,1)}.site-header.is-scrolled{padding:16px 0;background-color:var(--paper);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header__inner{width:var(--site-width);max-width:calc(100vw - 48px);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.site-brand{display:flex;align-items:center}.site-brand__text{font-family:var(--serif);font-size:1.5rem;font-weight:500;color:var(--text);letter-spacing:-.01em}.site-nav{display:flex;gap:32px}.nav-link{font-family:var(--sans);font-size:.95rem;font-weight:400;color:var(--muted);position:relative;padding:4px 0}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--accent);transition:width .3s ease}.nav-link:hover{color:var(--text)}.nav-link:hover::after,.nav-link.is-active::after{width:100%}.nav-link.is-active{color:var(--text)}.site-main{display:grid;gap:28px}.hero,.article,.page-head,.empty-state,.archive-year{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:minmax(0,1.65fr)minmax(280px,.95fr);gap:24px;padding:34px}.hero h1,.page-head h1,.article-header h1,.section-heading h2{margin:0;font-size:clamp(2.2rem,4vw,4.3rem);line-height:1.04;letter-spacing:-.04em}.hero__lead,.page-head__summary,.article-header__summary{margin:12px 0 0;max-width:40rem;color:var(--muted);font-size:1.1rem}.hero__body{margin-top:22px}.hero-card{display:grid;gap:18px;align-content:start;padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(143,63,36,.16);background:linear-gradient(180deg,rgba(255,248,239,.96) 0%,rgba(248,237,219,.96) 100%)}.hero-card h2,.post-card h3,.archive-item h2{margin:0;font-size:1.35rem;line-height:1.2}.metric-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.metric-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px dashed rgba(62,45,29,.15)}.metric-list strong{font-size:1.35rem;color:var(--accent-dark)}.hero-card__links,.section-heading,.post-card__footer,.article-meta,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(143,63,36,.24);background:rgba(255,251,245,.72);color:var(--accent-dark);font-weight:700}.button--primary{background:linear-gradient(135deg,var(--accent) 0%,#be6843 100%);border-color:transparent;color:#fff8ef}.section-heading{padding:0 6px}.section-heading__link,.article-footer a,.archive-item a,.post-card a,.pagination a{color:var(--accent-dark)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 32px;margin-top:40px}.post-card{display:flex;flex-direction:column;background:0 0;border:none;box-shadow:none;padding:0}.post-card__image-wrap{aspect-ratio:3/2;overflow:hidden;margin-bottom:20px;background-color:#fff;border:1px solid var(--line);box-shadow:0 4px 12px rgba(0,0,0,3%);padding:6px;transition:all .4s cubic-bezier(.16,1,.3,1)}.post-card:hover .post-card__image-wrap{transform:translateY(-6px);box-shadow:0 16px 32px rgba(166,141,122,.12)}.post-card__image{width:100%;height:100%;object-fit:cover;filter:saturate(.95)}.post-card__content{display:flex;flex-direction:column;gap:8px}.post-card__meta{display:flex;justify-content:space-between;font-family:var(--sans);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.post-card__category{color:var(--accent);font-weight:600}.post-card__title{font-family:var(--serif);font-size:1.2rem;font-weight:500;line-height:1.4;margin:4px 0;color:var(--text)}.post-card__excerpt{font-family:var(--serif);font-size:.92rem;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.tag-list a,.taxonomy-pill{border:1px solid rgba(143,63,36,.16);background:rgba(255,251,245,.82);color:var(--accent-dark)}.tag-list a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;font-family:var(--sans);font-size:.84rem}.page-head,.article{padding:34px}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.prose{color:var(--text);font-size:1.02rem}.prose>*:first-child{margin-top:0}.prose>*:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre,.prose figure,.prose h2,.prose h3,.prose h4{margin-top:1.1em;margin-bottom:0}.prose h2,.prose h3,.prose h4{line-height:1.2}.prose a{color:var(--accent-dark);text-decoration:underline;text-decoration-color:rgba(143,63,36,.3);text-decoration-thickness:.08em}.prose blockquote{padding:0 0 0 18px;border-left:3px solid rgba(143,63,36,.28);color:var(--muted)}.prose code{padding:2px 6px;border-radius:6px;background:rgba(143,63,36,8%);font-family:cascadia code,consolas,monospace;font-size:.92em}.prose pre{overflow:auto;padding:18px;border-radius:16px;background:#2b211d;color:#f7eee3}.prose pre code{padding:0;background:0 0;color:inherit}.article{display:grid;gap:28px}.article-header{display:grid;gap:14px}.article-cover,.article-figure{margin:0;display:grid;gap:10px}.article-cover img,.article-inline-image,.article-figure img{width:100%;border-radius:var(--radius-lg);background:rgba(255,255,255,.82)}.article-cover figcaption,.article-figure figcaption{color:var(--muted);font-size:.9rem;text-align:center}.article-body{display:grid;gap:18px}.article-body>.article-inline-image,.article-body>.article-figure{margin-top:.4rem}.article-footer{display:grid;gap:20px;padding-top:8px;border-top:1px solid var(--line)}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.post-nav__item{display:grid;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(255,251,245,.76)}.post-nav__item span{color:var(--muted);font-family:var(--sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.taxonomy-cloud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.taxonomy-pill{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:var(--radius-lg)}.archive-list{display:grid;gap:18px}.archive-year{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:26px 28px}.archive-year__label{font-family:var(--sans);color:var(--accent);font-size:1.2rem;font-weight:800}.archive-year__posts{display:grid;gap:14px}.archive-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px dashed rgba(62,45,29,.15)}.archive-item:last-child{padding-bottom:0;border-bottom:0}.empty-state{padding:32px;text-align:center}.pagination{justify-content:center;padding:0 6px}.pagination__pages{display:flex;gap:8px}.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 12px;border:1px solid rgba(143,63,36,.16);border-radius:999px;background:rgba(255,251,245,.76)}.pagination a.is-current{background:var(--accent);border-color:transparent;color:#fff8ef}.site-footer{margin-top:14px;padding:24px 12px 0;color:var(--muted)}.site-footer__meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;font-family:var(--sans);font-size:.88rem}@media(max-width:960px){.site-header,.hero,.section-heading,.site-footer,.archive-year,.article-meta,.post-card__footer{flex-direction:column;align-items:flex-start}.hero,.post-grid,.taxonomy-cloud,.post-nav,.archive-year{grid-template-columns:1fr}.site-header{border-radius:28px}}@media(max-width:640px){.site-shell{width:min(100vw - 20px,1120px);padding-top:12px;padding-bottom:40px}.site-header,.hero,.hero-card,.page-head,.article,.post-card,.archive-year,.empty-state{padding:20px}.site-brand small{max-width:16rem}.button,.site-nav a,.pagination a{width:100%}.hero-card__links,.pagination{width:100%;flex-direction:column}}body{opacity:0;transition:opacity 300ms ease-out}body.is-loaded{opacity:1}.mobile-menu-button{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:0 0;border:none;cursor:pointer;z-index:1001}.mobile-menu-button span{display:block;width:24px;height:2px;background:var(--accent-dark);border-radius:2px;transition:all 280ms cubic-bezier(.4,0,.2,1)}.mobile-menu-button.is-active span:nth-child(1){transform:translateY(7px)rotate(45deg)}.mobile-menu-button.is-active span:nth-child(2){opacity:0}.mobile-menu-button.is-active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:0;width:80vw;max-width:320px;height:100vh;background:var(--paper-strong);backdrop-filter:blur(10px);box-shadow:-8px 0 32px rgba(90,56,30,.2);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(calc(100% + 24px));transition:transform 300ms ease-out,opacity 220ms ease-out,visibility 0s linear 300ms;z-index:1000;overflow-y:auto;contain:layout paint}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition:transform 300ms ease-out,opacity 220ms ease-out}.mobile-menu-nav{display:flex;flex-direction:column;padding:80px 24px 24px;gap:8px}.mobile-menu-nav a{padding:14px 18px;border-radius:var(--radius-md);font-family:var(--sans);font-size:1.1rem;font-weight:500;transition:all 200ms ease-out;opacity:0;transform:translateX(20px)}.mobile-menu.is-open .mobile-menu-nav a{opacity:1;transform:translateX(0)}.mobile-menu.is-open .mobile-menu-nav a:nth-child(1){transition-delay:50ms}.mobile-menu.is-open .mobile-menu-nav a:nth-child(2){transition-delay:100ms}.mobile-menu.is-open .mobile-menu-nav a:nth-child(3){transition-delay:150ms}.mobile-menu.is-open .mobile-menu-nav a:nth-child(4){transition-delay:200ms}.mobile-menu.is-open .mobile-menu-nav a:nth-child(5){transition-delay:250ms}.mobile-menu.is-open .mobile-menu-nav a:nth-child(6){transition-delay:300ms}.mobile-menu-nav a:hover,.mobile-menu-nav a.is-active{background:var(--accent-soft);transform:scale(1.02)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(42,35,28,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 300ms ease-out,visibility 0s linear 300ms;z-index:999;contain:paint}body:not(.menu-open) .mobile-menu,body:not(.menu-open) .mobile-menu-overlay{display:none}.mobile-menu.is-open~.mobile-menu-overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 300ms ease-out}@media(max-width:960px){.mobile-menu-button{display:flex}.site-nav{display:none}}.site-header{transition:all 280ms cubic-bezier(.4,0,.2,1)}.site-header.is-scrolled{padding:12px 18px;box-shadow:0 8px 24px rgba(90,56,30,.18);backdrop-filter:blur(16px)}.site-header.is-scrolled .site-brand small{display:none}.back-to-top{position:fixed;right:24px;bottom:24px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#c86b48 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:all 300ms ease-out;z-index:100}.back-to-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 28px 64px rgba(90,56,30,.2)}.back-to-top:active{transform:translateY(-2px)scale(.95)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-soft) 100%);transform-origin:left;transform:scaleX(0);z-index:9999}.code-copy-button{position:absolute;top:12px;right:12px;padding:6px 12px;background:rgba(255,251,245,.9);border:1px solid rgba(143,63,36,.2);border-radius:8px;font-family:var(--sans);font-size:.8rem;color:var(--accent-dark);cursor:pointer;opacity:.7;transition:all 200ms ease-out}.code-copy-button:hover{opacity:1;transform:translateY(-2px)}.code-copy-button.is-copied{background:var(--accent-soft);color:#fff}.lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;opacity:0;transition:opacity 300ms ease-out}.lightbox.is-open{opacity:1}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(42,35,28,.92);backdrop-filter:blur(8px)}.lightbox-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh}.lightbox-image{max-width:100%;max-height:90vh;border:2px solid var(--paper);border-radius:var(--radius-lg);box-shadow:0 32px 80px rgba(0,0,0,.4);transform:scale(.8);transition:transform 300ms ease-out}.lightbox.is-open .lightbox-image{transform:scale(1)}.lightbox-close{position:absolute;top:-20px;right:-20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--paper);border:none;border-radius:50%;font-size:28px;color:var(--accent-dark);cursor:pointer;box-shadow:var(--shadow);transition:all 200ms ease-out}.lightbox-close:hover{transform:rotate(90deg);background:var(--accent-soft);color:#fff}.post-card{transition:all 280ms cubic-bezier(.4,0,.2,1)}.post-card:hover{transform:translateY(-6px)rotate(-.5deg);border-color:rgba(143,63,36,.32);box-shadow:0 24px 56px rgba(90,56,30,.16)}.post-card__cover{transition:transform 400ms ease-out}.post-card:hover .post-card__cover{transform:scale(1.05)}.post-card .tag-list a{transition:transform 200ms ease-out}.post-card:hover .tag-list a{transform:translateY(-2px)}.button{position:relative;overflow:hidden;transition:all 200ms ease-out}.button:active{transform:translateY(2px)scale(.98);box-shadow:0 8px 20px rgba(90,56,30,8%)}.button::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(143,63,36,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.button:active::after{width:300px;height:300px}.tag-list a{transition:all 200ms ease-out}.tag-list a:hover{transform:scale(1.1)rotate(-2deg);background:var(--accent-soft);z-index:10}.tag-list a:nth-child(3n){transform:rotate(1deg)}.tag-list a:nth-child(3n+1){transform:rotate(-1deg)}.tag-list a:nth-child(3n):hover{transform:scale(1.1)rotate(-1deg)}.tag-list a:nth-child(3n+1):hover{transform:scale(1.1)rotate(1deg)}