:root{--bg:#0A0B0D;--bg-elev:#101114;--bg-inset:#08090B;--bg-hover:#16181C;--fg:#E8EAED;--fg-strong:#F5F7F9;--fg-muted:#9BA1AA;--fg-subtle:#767D87;--line:#1D2025;--line-soft:#15171B;--line-strong:#2C3138;--accent:#4CC2FF;--accent-deep:#0B93D5;--accent-ink:#04121B;--accent-a12:rgba(76, 194, 255, .12);--accent-a20:rgba(76, 194, 255, .20);--accent-2:#7C8CFF;--accent-2-a14:rgba(124, 140, 255, .14);--ok:#3FD6A4;--warn:#F5B544;--err:#F06A6A;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Text",
               "Segoe UI", "PingFang SC", "Hiragino Sans GB",
               "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans SC",
               "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono",
               "Segoe UI Mono", "Roboto Mono", Menlo, Consolas,
               "Liberation Mono", "Courier New", monospace;--wrap:1120px;--wrap-read:700px;--radius:12px;--radius-sm:8px;--radius-xs:6px;--t-fast:150ms;--t-base:200ms;--ease:cubic-bezier(.32, .72, 0, 1);--bg-veil:rgba(10, 11, 13, .82);--bg-veil-strong:rgba(10, 11, 13, .92);--shadow-1:0 1px 2px rgba(0, 0, 0, .40);--cat-java:#5B9DFF;--cat-bigdata:#B197FC;--cat-php:#7C6CE0;--cat-web:#FF9F43;--cat-site:#2BC4A8;--cat-chat:#F76C9B;--cat-life:#63D471;--cat-share:#F2C744;--shadow-2:0 8px 24px -8px rgba(0, 0, 0, .60);--glow:0 0 0 1px var(--accent-a20), 0 8px 32px -12px var(--accent-a20)}:root[data-theme=light]{--bg:#FBFBFC;--bg-elev:#FFFFFF;--bg-inset:#F4F5F7;--bg-hover:#EFF1F4;--fg:#1A1D21;--fg-strong:#0C0E11;--fg-muted:#565D68;--fg-subtle:#6B7280;--line:#E4E7EB;--line-soft:#EEF0F3;--line-strong:#CFD5DC;--accent:#0B6FA4;--accent-deep:#085A87;--accent-ink:#FFFFFF;--accent-a12:rgba(11, 111, 164, .10);--accent-a20:rgba(11, 111, 164, .18);--accent-2:#4A56C4;--accent-2-a14:rgba(74, 86, 196, .12);--ok:#0C7B58;--warn:#9A6100;--err:#C0342F;--bg-veil:rgba(251, 251, 252, .82);--bg-veil-strong:rgba(251, 251, 252, .93);--shadow-1:0 1px 2px rgba(16, 20, 26, .06);--cat-java:#1D6FD0;--cat-bigdata:#6D42D9;--cat-php:#5442B8;--cat-web:#9E4F00;--cat-site:#0A6E60;--cat-chat:#B03060;--cat-life:#1E7A3C;--cat-share:#8A6100;--shadow-2:0 8px 24px -10px rgba(16, 20, 26, .14);--glow:0 0 0 1px var(--accent-a20), 0 8px 28px -14px var(--accent-a20)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.78;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"tnum" 1}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(80% 50% at 50% -10%,var(--accent-a12),transparent 60%),radial-gradient(50% 40% at 85% 0%,var(--accent-2-a14),transparent 60%),linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:100% 100%,100% 100%,64px 64px,64px 64px;opacity:.5}:root[data-theme=light] body::before{opacity:.35}img,svg,video{max-width:100%;height:auto}img{display:block;background:var(--bg-elev)}a{color:var(--accent);text-decoration:none;transition:color var(--t-fast)var(--ease),border-color var(--t-fast)var(--ease)}a:hover{color:var(--accent-deep)}h1,h2,h3,h4,h5{color:var(--fg-strong);line-height:1.32;font-weight:640;letter-spacing:-.012em;margin:2.2em 0 .7em}h1{font-size:1.8125rem;letter-spacing:-.02em}h2{font-size:1.4375rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.9375rem;color:var(--fg-muted)}p,ul,ol,blockquote,pre,table,figure{margin:0 0 1.3em}p:last-child,ul:last-child,ol:last-child{margin-bottom:0}hr{border:0;height:1px;margin:3rem 0;background:linear-gradient(90deg,transparent,var(--line),transparent)}blockquote{margin-left:0;padding:.75em 1.1em;border-left:2px solid var(--accent);border-radius:0 var(--radius-xs)var(--radius-xs)0;background:var(--bg-elev);color:var(--fg-muted)}blockquote>:last-child{margin-bottom:0}code,kbd,samp,time,.mono{font-family:var(--font-mono)}:not(pre)>code{font-size:.875em;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-xs);padding:.1em .38em;color:var(--fg-strong);word-break:break-word}pre{background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--radius-sm);padding:1em 1.1em;overflow-x:auto;font-size:.84375rem;line-height:1.65;tab-size:2}pre code{background:0 0;border:0;padding:0;font-size:inherit;color:inherit}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:0 0}pre::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}kbd{font-size:.8125rem;background:var(--bg-elev);border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:var(--radius-xs);padding:.1em .4em}table{width:100%;border-collapse:collapse;font-size:.875rem;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:.55em .75em;text-align:left}th{background:var(--bg-elev);font-weight:620;color:var(--fg-strong)}td{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--accent-a20);color:var(--fg-strong)}button,.btn,.nav a,.tag{min-height:44px;display:inline-flex;align-items:center}@media(pointer:fine){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--line-strong)}}@media(min-width:768px){body{font-size:17px}h1{font-size:2.25rem}h2{font-size:1.625rem}}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 1.25rem;position:relative;z-index:1}.wrap--read{max-width:calc(var(--wrap-read) + 2.5rem)}.site-header{position:sticky;top:0;z-index:50;background:var(--bg-veil);backdrop-filter:blur(14px)saturate(160%);border-bottom:1px solid transparent;transition:border-color var(--t-base)var(--ease),background var(--t-base)var(--ease)}.site-header.is-scrolled{border-bottom-color:var(--line);background:var(--bg-veil-strong)}.site-header__inner{display:flex;align-items:center;gap:1.25rem;height:64px}.brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:680;font-size:1.0625rem;letter-spacing:-.02em;color:var(--fg-strong);flex-shrink:0}.brand:hover{color:var(--fg-strong)}.brand__mark{width:22px;height:22px;flex-shrink:0;display:block;filter:drop-shadow(0 4px 12px var(--accent-a20));transition:transform var(--t-fast)var(--ease)}.brand:hover .brand__mark{transform:translateY(-1px)}.nav{display:none}.nav ul{display:flex;gap:.125rem;list-style:none;margin:0;padding:0}.nav a{color:var(--fg-muted);font-size:.90625rem;font-weight:500;padding:0 .75rem;border-radius:var(--radius-sm);min-height:36px;align-items:center;transition:color var(--t-fast)var(--ease),background var(--t-fast)var(--ease)}.nav a:hover{color:var(--fg-strong);background:var(--bg-elev)}.nav a[aria-current=page]{color:var(--accent);background:var(--accent-a12)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.25rem}.icon-btn{width:40px;height:40px;min-height:40px;justify-content:center;background:0 0;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;padding:0;transition:color var(--t-fast)var(--ease),background var(--t-fast)var(--ease),border-color var(--t-fast)var(--ease)}.icon-btn:hover{color:var(--fg-strong);background:var(--bg-elev);border-color:var(--line)}.icon-btn svg{width:17px;height:17px}main{padding:3rem 0 5rem}.site-footer{border-top:1px solid var(--line);padding:2.25rem 0;color:var(--fg-subtle);font-size:.84375rem}.site-footer__row{display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:center}.site-footer a{color:var(--fg-muted)}.site-footer a:hover{color:var(--accent)}.site-footer .sep{color:var(--line-strong)}.sec-head{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1.25rem;padding-bottom:.625rem;border-bottom:1px solid var(--line)}.sec-head__idx{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.04em;flex-shrink:0}.sec-head__title{margin:0;font-size:1.0625rem;font-weight:620;letter-spacing:-.01em;color:var(--fg-strong)}.sec-head__more{margin-left:auto;font-size:.8125rem;font-family:var(--font-mono);color:var(--fg-subtle);white-space:nowrap}.sec-head__more:hover{color:var(--accent)}.hero{position:relative;padding:2.5rem 0 3rem}.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle);letter-spacing:.02em;padding:.25rem .625rem;margin-bottom:1.25rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev)}.hero__dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.hero h1{margin:0 0 1rem;font-size:clamp(1.875rem,6.5vw,3rem);line-height:1.15;letter-spacing:-.035em;color:var(--fg-strong)}.hero h1 em{font-style:normal;background:linear-gradient(96deg,var(--accent) 10%,var(--accent-2) 90%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.hero__lead{color:var(--fg-muted);max-width:52ch;margin:0 0 2rem;font-size:1.0625rem}.stats{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden;width:fit-content;max-width:100%}.stats>li{padding:.875rem 1.5rem;border-right:1px solid var(--line);min-width:104px}.stats>li:last-child{border-right:0}.stats dt{font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle);letter-spacing:.08em;text-transform:uppercase}.stats dd{margin:.25rem 0 0;font-family:var(--font-mono);font-size:1.375rem;font-weight:600;color:var(--fg-strong);font-variant-numeric:tabular-nums}.grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.grid--feature{grid-template-columns:repeat(2,1fr)}.grid--feature>.card--feature{grid-column:span 2;grid-row:span 2}}@media(min-width:1024px){.grid--feature{grid-template-columns:repeat(3,1fr)}.grid--feature>.card--feature{grid-column:span 2;grid-row:span 2}}.card--feature .card__cover{aspect-ratio:21/9}.card--feature .card__body{padding:1.5rem;gap:.75rem}.card--feature .card__title{font-size:1.375rem;line-height:1.4;letter-spacing:-.02em}.card--feature .card__desc{-webkit-line-clamp:3;font-size:.9375rem}.card{position:relative;display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color var(--t-base)var(--ease),transform var(--t-base)var(--ease),box-shadow var(--t-base)var(--ease)}.card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform var(--t-base)var(--ease);z-index:2}.card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:var(--shadow-2)}.card:hover::before{transform:scaleX(1)}.card[data-cat=java]{--cat:var(--cat-java)}.card[data-cat=bigdata]{--cat:var(--cat-bigdata)}.card[data-cat=php]{--cat:var(--cat-php)}.card[data-cat=web]{--cat:var(--cat-web)}.card[data-cat=site]{--cat:var(--cat-site)}.card[data-cat=chat]{--cat:var(--cat-chat)}.card[data-cat=life]{--cat:var(--cat-life)}.card[data-cat=share]{--cat:var(--cat-share)}.card[data-cat]::before{transform:scaleX(1);opacity:.55;background:var(--cat,var(--accent))}.card[data-cat]:hover::before{opacity:1;background:linear-gradient(90deg,var(--cat,var(--accent)),var(--accent-2))}.meta__cat{color:var(--cat,var(--fg-muted))}.card[data-cat] .card__cover--blank{background:linear-gradient(135deg,var(--bg-inset) 0%,var(--bg-elev) 100%)}@supports(background:color-mix(in srgb,red 10%,blue)){.card[data-cat] .card__cover--blank{background:linear-gradient(135deg,color-mix(in srgb,var(--cat,var(--accent)) 9%,var(--bg-inset)) 0%,var(--bg-elev) 100%)}}.card[data-cat] .card__cover-mark{color:var(--cat,var(--fg-subtle));opacity:.85}.card__cover{aspect-ratio:16/9;object-fit:cover;width:100%;border-bottom:1px solid var(--line)}.card__hit{position:absolute;inset:0;z-index:1}.card__title{position:relative;z-index:2}.card:hover{cursor:pointer}.card__cover--blank{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--bg-inset) 0%,var(--bg-elev) 100%)}.card__cover--blank::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient( 135deg,transparent 0 7px,var(--line) 7px 8px);opacity:.5}.card__cover-mark{position:relative;z-index:1;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;color:var(--fg-subtle);opacity:.75}.card__body{padding:1.125rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card__title{margin:0;font-size:1rem;line-height:1.5;font-weight:620}.card__title a{color:var(--fg-strong)}.card__title a:hover{color:var(--accent)}.card__desc{margin:0;color:var(--fg-muted);font-size:.875rem;line-height:1.68;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;flex-wrap:wrap;gap:.375rem .875rem;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle);align-items:center;font-variant-numeric:tabular-nums}.meta a{color:var(--fg-subtle)}.meta a:hover{color:var(--accent)}.meta .dot{color:var(--line-strong)}.tags{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.tag{min-height:26px;font-size:.75rem;font-family:var(--font-mono);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:0 .625rem;color:var(--fg-muted);transition:border-color var(--t-fast)var(--ease),color var(--t-fast)var(--ease)}.tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-a12)}.badge{font-family:var(--font-mono);font-size:.6875rem;padding:.125rem .5rem;border-radius:999px;border:1px solid var(--line-strong);color:var(--fg-muted);background:var(--bg-inset)}.badge--accent{border-color:var(--accent-a20);color:var(--accent);background:var(--accent-a12)}.post-header{margin-bottom:2rem}.post-header h1{margin:0 0 .875rem;line-height:1.25}.post-header__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:.78125rem;color:var(--fg-subtle)}.post-cover{width:100%;border-radius:var(--radius);border:1px solid var(--line);margin:0 0 2rem;box-shadow:var(--shadow-1)}.post-body{font-size:1.0625rem;line-height:1.82}@media(min-width:768px){.post-body{font-size:1.09375rem}}.post-body>*{max-width:100%}.post-body img{border-radius:var(--radius-sm);margin:1.75em auto;border:1px solid var(--line)}.post-body h2{margin-top:2.75em;padding-top:.25em;font-size:1.4375rem}.post-body h2::before{content:"#";font-family:var(--font-mono);font-weight:400;color:var(--accent);opacity:.55;margin-right:.45em}.post-body h3{margin-top:2.25em}.post-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--line-strong);transition:text-decoration-color var(--t-fast)var(--ease),color var(--t-fast)var(--ease)}.post-body a:hover{text-decoration-color:var(--accent)}.post-body ul,.post-body ol{padding-left:1.5em}.post-body li{margin:.35em 0}.post-body li::marker{color:var(--fg-subtle)}.post-body [style*="text-align: center"] img{margin-left:auto;margin-right:auto}.post-body [style*="text-align:center"] img{margin-left:auto;margin-right:auto}.post-body .exp-image-wraper{display:inline-block}.breadcrumb{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle);margin-bottom:1.25rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0}.breadcrumb a{color:var(--fg-subtle)}.breadcrumb a:hover{color:var(--accent)}.breadcrumb li+li::before{content:"/";margin-right:.375rem;color:var(--line-strong)}.pager{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--line)}@media(min-width:640px){.pager{grid-template-columns:1fr 1fr}}.pager a{display:block;padding:.875rem 1rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--fg);font-size:.9375rem;line-height:1.5;transition:border-color var(--t-base)var(--ease),background var(--t-base)var(--ease)}.pager a:hover{border-color:var(--line-strong);background:var(--bg-hover);color:var(--fg-strong)}.pager__label{display:block;font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle);margin-bottom:.375rem;letter-spacing:.04em}.pager a[rel=next]{text-align:right}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;font-family:var(--font-mono);font-size:.8125rem}.pagination a,.pagination span{padding:.5rem .875rem;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--fg-muted);transition:border-color var(--t-fast)var(--ease),color var(--t-fast)var(--ease)}.pagination a:hover{border-color:var(--line-strong);color:var(--fg-strong)}.pagination .active{border-color:var(--accent);color:var(--accent);background:var(--accent-a12)}.comments{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--line)}.comments h2{margin-top:0;font-size:1.125rem}.comments__fallback{color:var(--fg-subtle);font-size:.875rem}.comment{padding:1.125rem 0;border-bottom:1px solid var(--line)}.comment:last-child{border-bottom:0}.comment__head{display:flex;gap:.625rem;align-items:baseline;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle)}.comment__author{font-weight:600;color:var(--fg-strong);font-family:var(--font-sans);font-size:.875rem}.comment__body{margin:.5rem 0 0;font-size:.9375rem}.comment__reply{margin-top:.75rem;padding:.75rem .9375rem;background:var(--bg-elev);border-left:2px solid var(--accent);border-radius:0 var(--radius-xs)var(--radius-xs)0;font-size:.90625rem}.comments input,.comments textarea{width:100%;padding:.625rem .75rem;background:var(--bg-inset);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--fg);font-family:inherit;font-size:.9375rem;transition:border-color var(--t-fast)var(--ease)}.comments input:focus,.comments textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-a12)}.comments input::placeholder,.comments textarea::placeholder{color:var(--fg-subtle)}.gallery{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:1.75rem 0}.gallery figure{margin:0}.gallery img{border-radius:var(--radius-sm);border:1px solid var(--line)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mono-sm{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle)}.read-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:60;transition:width 80ms linear}@media(min-width:768px){.nav{display:block}}.search{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem}.search[hidden]{display:none}.search__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}:root[data-theme=light] .search__backdrop{background:rgba(20,24,30,.34)}.search__panel{position:relative;width:100%;max-width:620px;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius);box-shadow:var(--shadow-2);overflow:hidden}.search__bar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--line)}.search__bar svg{width:18px;height:18px;color:var(--fg-subtle);flex-shrink:0}.search__bar input{flex:1;background:0 0;border:0;outline:none;color:var(--fg-strong);font-family:inherit;font-size:1rem;min-width:0}.search__bar input::placeholder{color:var(--fg-subtle)}.search__bar kbd{font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle);border:1px solid var(--line);border-radius:4px;padding:.1em .4em}.search__results{list-style:none;margin:0;padding:.5rem;max-height:56vh;overflow-y:auto}.search__results li{margin:0}.search__results a{display:block;padding:.625rem .75rem;border-radius:var(--radius-sm);color:var(--fg);transition:background var(--t-fast)var(--ease)}.search__results a:hover,.search__results a[aria-selected=true]{background:var(--bg-hover);color:var(--fg-strong)}.search__results b{color:var(--accent);font-weight:620}.search__results .r-title{font-size:.9375rem;line-height:1.5}.search__results .r-meta{font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle);margin-top:.2rem}.search__hint{margin:0;padding:.75rem 1rem 1rem;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle)}.search__hint[hidden]{display:none}.to-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:55;width:44px;height:44px;min-height:44px;justify-content:center;padding:0;cursor:pointer;background:var(--bg-elev);color:var(--fg-muted);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-1);transition:color var(--t-fast)var(--ease),border-color var(--t-fast)var(--ease),transform var(--t-fast)var(--ease)}.to-top[hidden]{display:none}.to-top:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.to-top svg{width:18px;height:18px}.nav-toggle{display:inline-flex}@media(min-width:768px){.nav-toggle{display:none}}.nav .has-sub{position:relative}.nav .has-sub>a{gap:.3rem}.nav .caret{width:13px;height:13px;transition:transform var(--t-fast)var(--ease)}.nav .has-sub:hover .caret,.nav .has-sub:focus-within .caret{transform:rotate(180deg)}.nav .submenu{position:absolute;top:calc(100% + 6px);left:0;min-width:11rem;padding:.375rem;display:block;flex-direction:column;gap:0;background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--t-fast)var(--ease),transform var(--t-fast)var(--ease),visibility var(--t-fast)var(--ease);z-index:60}.nav .has-sub:hover .submenu,.nav .has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}.nav .submenu li{margin:0}.nav .submenu a{display:block;padding:.5rem .625rem;min-height:36px;border-radius:var(--radius-xs);font-size:.875rem;white-space:nowrap}.nav .submenu a:hover{background:var(--bg-hover);color:var(--fg-strong)}.drawer{position:fixed;inset:0;z-index:90}.drawer[hidden]{display:none}.drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}:root[data-theme=light] .drawer__backdrop{background:rgba(20,24,30,.32)}.drawer__panel{position:relative;width:min(84vw,320px);height:100%;background:var(--bg-elev);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;animation:drawer-in var(--t-base)var(--ease)}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--line)}.drawer__head .mono-sm{letter-spacing:.1em}.drawer__list,.drawer__sub{list-style:none;margin:0;padding:0}.drawer__list{padding:.5rem}.drawer__list>li>a{display:block;padding:.625rem .75rem;min-height:44px;color:var(--fg-strong);font-weight:560;border-radius:var(--radius-xs)}.drawer__list>li>a:hover{background:var(--bg-hover)}.drawer__sub{padding:0 0 .375rem .75rem;border-left:1px solid var(--line);margin-left:.75rem}.drawer__sub a{display:block;padding:.5rem .625rem;min-height:40px;color:var(--fg-muted);font-size:.90625rem;border-radius:var(--radius-xs)}.drawer__sub a:hover{background:var(--bg-hover);color:var(--accent)}.drawer__foot{margin-top:auto;padding:1rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-family:var(--font-mono);font-size:.75rem}.drawer__foot a{color:var(--fg-subtle)}.drawer__foot a:hover{color:var(--accent)}.i-moon{display:none}:root[data-theme=light] .i-sun{display:none}:root[data-theme=light] .i-moon{display:block}.lightbox{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center}.lightbox[hidden]{display:none}.lightbox__stage{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}:root[data-theme=light] .lightbox__stage{background:rgba(12,14,18,.86)}.lightbox__figure{position:relative;max-width:min(94vw,1280px);max-height:88vh;display:flex;flex-direction:column;gap:.625rem;align-items:center}.lightbox__img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--bg-inset)}.lightbox__cap{font-family:var(--font-mono);font-size:.75rem;color:#c8ccd2;text-align:center;max-width:100%}.lightbox__count{position:absolute;top:1rem;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:.75rem;color:#c8ccd2}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;justify-content:center;padding:0;cursor:pointer;background:rgba(255,255,255,6%);color:#e6e8eb;border:1px solid rgba(255,255,255,.14);border-radius:999px;transition:background var(--t-fast)var(--ease),border-color var(--t-fast)var(--ease)}.lightbox__nav:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}.lightbox__nav svg{width:20px;height:20px}.lightbox__nav--prev{left:1rem}.lightbox__nav--next{right:1rem}.lightbox__close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;justify-content:center;padding:0;cursor:pointer;background:rgba(255,255,255,6%);color:#e6e8eb;border:1px solid rgba(255,255,255,.14);border-radius:999px}.lightbox__close:hover{background:rgba(255,255,255,.14)}.lightbox__close svg{width:18px;height:18px}.gallery img,.post-body img{cursor:zoom-in}@media(max-width:640px){.lightbox__nav{width:40px;height:40px}.lightbox__nav--prev{left:.5rem}.lightbox__nav--next{right:.5rem}}.site-footer .gongan{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.site-footer .gongan img{width:16px;height:16px;display:block;filter:brightness(1.06)}[data-theme=light] .site-footer .gongan img{filter:none}.friends-page{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.875rem;justify-content:center}.friends-page>li{width:min(100%,17rem)}.friends-page__card{display:flex;align-items:flex-start;gap:.75rem;height:100%;padding:.875rem 1rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg);transition:border-color var(--t-fast)var(--ease),transform var(--t-fast)var(--ease)}.friends-page__card:hover{border-color:var(--accent);transform:translateY(-2px);color:var(--fg-strong)}.friends-page__avatar{flex-shrink:0;width:2.25rem;height:2.25rem;display:grid;place-items:center;background:var(--accent-a12);border:1px solid var(--accent-a20);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:1rem;font-weight:600;color:var(--accent)}.friends-page__body{display:flex;flex-direction:column;gap:.125rem;min-width:0}.friends-page__name{font-weight:560;font-size:.9375rem;color:var(--fg-strong)}.friends-page__desc{font-size:.8125rem;color:var(--fg-muted);line-height:1.5}.friends-page__host{font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-page__cta{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--line);text-align:center;color:var(--fg-muted);font-size:.875rem}.post-header--center{text-align:center}.post-header--center .post-header__lead{color:var(--fg-muted);margin-top:.5rem}.post-header--center .breadcrumb{justify-content:center}.friends{margin-top:3.5rem}.friends__list{list-style:none;margin:0;padding:0;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}.friends__list>li{max-width:22rem}.friends__list a{display:block;padding:.75rem .875rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--fg);transition:border-color var(--t-fast)var(--ease),transform var(--t-fast)var(--ease)}.friends__list a:hover{border-color:var(--accent);transform:translateY(-2px);color:var(--fg-strong)}.friends__name{display:block;font-weight:560;font-size:.9375rem}.friends__desc{display:block;margin-top:.15rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle)}.friends-entry{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem;padding:.875rem 1rem;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);color:var(--fg-muted);font-size:.875rem;transition:border-color var(--t-fast)var(--ease)}.friends-entry:hover{border-color:var(--accent)}.friends-entry__label{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);letter-spacing:.04em;flex-shrink:0}.friends-entry__names{flex:1;min-width:0;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-entry__more{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle);flex-shrink:0}.friends-entry:hover .friends-entry__more{color:var(--accent)}.tl{list-style:none;margin:0;padding:0;position:relative}.tl::before{content:"";position:absolute;left:.4375rem;top:.5rem;bottom:.5rem;width:1px;background:var(--line)}.tl__item{position:relative;padding:0 0 2rem 1.75rem}.tl__item:last-child{padding-bottom:0}.tl__dot{position:absolute;left:0;top:.4375rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.tl__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.tl__date{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle)}.tl__level{font-family:var(--font-mono);font-size:.6875rem;padding:.0625rem .375rem;border-radius:var(--radius-xs);border:1px solid var(--line-strong);color:var(--fg-muted)}.tl__level--nat{border-color:var(--accent-a40,rgba(91,157,255,.45));color:var(--accent)}.tl__title{font-size:1rem;font-weight:600;color:var(--fg-strong);margin:0;flex-basis:100%}.tl__meta{margin:.25rem 0 0;font-size:.8125rem;color:var(--fg-muted);line-height:1.6}.tl__photos{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tl__photo{display:block;width:8.5rem;aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-xs);overflow:hidden;background:var(--bg-inset);transition:border-color var(--t-fast)var(--ease),transform var(--t-fast)var(--ease)}.tl__photo:hover{border-color:var(--accent);transform:translateY(-2px)}.tl__photo img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:480px){.tl__photo{width:calc(50% - .25rem)}}.tl__post{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.75rem;padding:.625rem .875rem;background:var(--bg-elev);border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--radius-xs);transition:border-color var(--t-fast)var(--ease)}.tl__post:hover{border-color:var(--accent)}.tl__post-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--accent);flex-shrink:0}.tl__post-title{flex:1;min-width:0;font-size:.875rem;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl__post-more{font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle);flex-shrink:0}.tl__post:hover .tl__post-more{color:var(--accent)}.tl__nopost{margin:.75rem 0 0;font-size:.8125rem;color:var(--fg-subtle);font-style:italic}.nf{list-style:none;margin:0;padding:0}.nf__day{position:sticky;top:0;z-index:5;padding:.5rem 0 .375rem;margin-top:1.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle);background:var(--bg);border-bottom:1px solid var(--line)}.nf__day:first-child{margin-top:0}.nf__item{padding:.875rem 0;border-bottom:1px solid var(--line)}.nf__item:last-child{border-bottom:0}.nf__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.nf__src{font-family:var(--font-mono);font-size:.6875rem;padding:.0625rem .375rem;border-radius:var(--radius-xs);background:var(--bg-elev);color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.nf__time{font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle)}.nf__title{margin:0;font-size:1rem;font-weight:600;line-height:1.5}.nf__title a{color:var(--fg-strong)}.nf__title a:hover{color:var(--accent)}.nf__desc{margin:.375rem 0 0;font-size:.84375rem;color:var(--fg-muted);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nf__origin{display:inline-block;margin-top:.375rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--fg-subtle)}.nf__origin:hover{color:var(--accent)}.card__desc--chips{font-family:var(--font-mono);font-size:.75rem;color:var(--fg-subtle);letter-spacing:.01em}.comments__msg{margin:.5rem 0 0;font-size:.8125rem;min-height:1.2em}.comments__msg--ok{color:var(--accent)}.comments__msg--err{color:#e5534b}