.music-section[data-astro-cid-nuxxkkcb]{position:relative}.music-section[data-astro-cid-nuxxkkcb][data-page=compact]{width:0;max-width:none;height:0;min-height:0;margin:0;padding:0;overflow:visible}.music-section[data-astro-cid-nuxxkkcb][data-page=compact]>[data-astro-cid-nuxxkkcb]:not(.music-float){display:none}.music-section__head[data-astro-cid-nuxxkkcb]>div[data-astro-cid-nuxxkkcb]{display:grid;gap:4px}.music-section__head[data-astro-cid-nuxxkkcb] h2[data-astro-cid-nuxxkkcb],.music-section__head[data-astro-cid-nuxxkkcb] a[data-astro-cid-nuxxkkcb]{margin:0}.music-section__head[data-astro-cid-nuxxkkcb] a[data-astro-cid-nuxxkkcb]{color:var(--primary);font-size:var(--fs-sm);font-weight:600;text-decoration:none}.music-section__head[data-astro-cid-nuxxkkcb] a[data-astro-cid-nuxxkkcb]:hover{text-decoration:underline;text-underline-offset:.24em}.music-card[data-astro-cid-nuxxkkcb]{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);align-items:center;column-gap:clamp(24px,5vw,56px);row-gap:14px;padding:clamp(26px,5vw,52px);overflow:hidden;border:1px solid var(--border);border-radius:var(--theme-radius-lg);background:radial-gradient(circle at 15% 25%,var(--panel-accent-soft),transparent 40%),var(--panel-bg-strong);box-shadow:0 22px 55px #0003;backdrop-filter:blur(18px)}.music-card__body[data-astro-cid-nuxxkkcb]{min-width:0}.music-card__controls[data-astro-cid-nuxxkkcb]{grid-column:2;min-width:0}.music-card[data-astro-cid-nuxxkkcb] p[data-astro-cid-nuxxkkcb],.music-card[data-astro-cid-nuxxkkcb] h3[data-astro-cid-nuxxkkcb]{margin:0}.music-card__eyebrow[data-astro-cid-nuxxkkcb]{color:var(--primary);font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.music-card[data-astro-cid-nuxxkkcb] h3[data-astro-cid-nuxxkkcb]{margin-top:10px;color:var(--text-strong);font-size:clamp(1.35rem,1.1rem + .9vw,2rem);line-height:1.2}.music-card__artist[data-astro-cid-nuxxkkcb]{margin-top:8px!important;color:var(--muted);font-size:var(--fs-sm)}.music-card__select[data-astro-cid-nuxxkkcb]{display:grid;gap:6px;margin-top:22px;color:var(--muted);font-size:var(--fs-xs)}.music-card__select[data-astro-cid-nuxxkkcb] select[data-astro-cid-nuxxkkcb]{width:100%;padding:9px 34px 9px 11px;color:var(--text);border:1px solid var(--border);border-radius:10px;background:var(--field-bg)}.music-card[data-astro-cid-nuxxkkcb] audio[data-astro-cid-nuxxkkcb]{display:block;width:100%;color-scheme:light dark}.music-card__status[data-astro-cid-nuxxkkcb]{min-height:1.4em;margin-top:9px!important;color:var(--muted);font-size:var(--fs-xs)}.music-disc[data-astro-cid-nuxxkkcb]{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:50%;background:radial-gradient(circle,#151515 0 18%,#050505 18.5% 62%,#111 63% 64%,#030303 65% 100%);box-shadow:0 18px 38px #0000006b,0 0 0 1px #ffffff1f,inset 0 0 20px #ffffff0d;animation:music-disc-spin 12s linear infinite;animation-play-state:paused}[data-astro-cid-nuxxkkcb][data-playing=true] .music-disc[data-astro-cid-nuxxkkcb]{animation-play-state:running}.music-disc--card[data-astro-cid-nuxxkkcb]{grid-row:1 / span 2;width:min(100%,210px);aspect-ratio:1}.music-disc[data-astro-cid-nuxxkkcb] img[data-astro-cid-nuxxkkcb]{position:absolute;top:50%;left:50%;z-index:2;width:58%;height:58%;display:block;object-fit:cover;border-radius:50%;filter:saturate(.92) brightness(.9);box-shadow:0 0 0 2px #090909,0 0 0 3px #ffffff1f;transform:translate(-50%,-50%)}.music-disc[data-astro-cid-nuxxkkcb]:before{content:"";position:absolute;z-index:1;inset:0;border-radius:inherit;background:conic-gradient(from 18deg,transparent 0 22%,rgba(255,255,255,.08) 27%,transparent 34% 69%,rgba(255,255,255,.05) 75%,transparent 82%),repeating-radial-gradient(circle,transparent 0 4px,rgba(255,255,255,.055) 5px,transparent 6px);box-shadow:inset 0 0 26px #00000080}.music-float[data-astro-cid-nuxxkkcb]{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:30;width:66px;height:66px;padding:0;opacity:0;border:0;border-radius:50%;background:transparent;box-shadow:0 12px 32px #00000061;cursor:pointer;pointer-events:none;transform:translateY(16px) scale(.9);transition:opacity .18s ease,transform .18s ease}.music-float[data-astro-cid-nuxxkkcb].is-ready.is-visible{opacity:1;pointer-events:auto;transform:none}.music-float[data-astro-cid-nuxxkkcb]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.music-disc--float[data-astro-cid-nuxxkkcb]{width:100%;height:100%}.music-float__glyph[data-astro-cid-nuxxkkcb]{position:absolute;top:50%;left:50%;display:grid;width:30px;height:30px;place-items:center;color:#fff;font-size:.78rem;text-shadow:0 1px 5px #000;border-radius:50%;background:#00000094;box-shadow:0 1px 8px #00000073;transform:translate(-50%,-50%)}[data-astro-cid-nuxxkkcb][data-music-pause-icon],[data-astro-cid-nuxxkkcb][data-playing=true] [data-astro-cid-nuxxkkcb][data-music-play-icon]{display:none}[data-astro-cid-nuxxkkcb][data-playing=true] [data-astro-cid-nuxxkkcb][data-music-pause-icon]{display:inline}.music-float__tooltip[data-astro-cid-nuxxkkcb]{position:absolute;top:50%;right:calc(100% + 12px);max-width:min(260px,55vw);padding:7px 10px;overflow:hidden;color:var(--text);font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;opacity:0;border:1px solid var(--border);border-radius:9px;background:var(--modal-bg);pointer-events:none;transform:translate(5px,-50%);transition:opacity .16s ease,transform .16s ease}.music-float[data-astro-cid-nuxxkkcb]:hover .music-float__tooltip[data-astro-cid-nuxxkkcb],.music-float[data-astro-cid-nuxxkkcb]:focus-visible .music-float__tooltip[data-astro-cid-nuxxkkcb]{opacity:1;transform:translateY(-50%)}@keyframes music-disc-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.music-card[data-astro-cid-nuxxkkcb]{grid-template-columns:96px minmax(0,1fr);gap:18px;padding:22px 18px}.music-disc--card[data-astro-cid-nuxxkkcb]{grid-row:auto;width:96px}.music-card[data-astro-cid-nuxxkkcb] h3[data-astro-cid-nuxxkkcb]{font-size:1.14rem}.music-card__select[data-astro-cid-nuxxkkcb]{margin-top:16px}.music-card__controls[data-astro-cid-nuxxkkcb]{grid-column:1 / -1}.music-card__status[data-astro-cid-nuxxkkcb]{margin-top:7px!important}.music-float[data-astro-cid-nuxxkkcb]{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:48px;height:48px}.music-float[data-astro-cid-nuxxkkcb].is-ready.is-visible:not(.is-engaged){opacity:0;pointer-events:none;transform:translateY(16px) scale(.9)}}@media(max-width:340px){.music-card[data-astro-cid-nuxxkkcb]{grid-template-columns:1fr}.music-disc--card[data-astro-cid-nuxxkkcb]{width:88px;justify-self:center}.music-card__body[data-astro-cid-nuxxkkcb],.music-card__controls[data-astro-cid-nuxxkkcb]{grid-column:1;width:100%}}@media(prefers-reduced-motion:reduce){.music-disc[data-astro-cid-nuxxkkcb]{animation:none}.music-float[data-astro-cid-nuxxkkcb],.music-float__tooltip[data-astro-cid-nuxxkkcb]{transition:none}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--theme-bg: var(--bg, #05050b);--theme-surface: var(--surface, rgba(16, 18, 34, .7));--theme-text: var(--text, #e6ecff);--theme-muted: var(--muted, #a0a7c5);--theme-primary: var(--primary, #7cf9ff);--theme-border: var(--border, rgba(124, 249, 255, .2));--theme-radius-sm: 12px;--theme-radius-md: 16px;--theme-radius-lg: 18px;--theme-gap-md: 14px;--theme-gap-lg: 18px}body.theme-default{color:var(--theme-text);background-color:var(--theme-bg)}:root{--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--fs-xs: clamp(.625rem, .6rem + .1vw, .688rem);--fs-sm: clamp(.75rem, .71rem + .15vw, .875rem);--fs-base: clamp(1rem, .95rem + .15vw, 1.125rem);--fs-md: clamp(1.125rem, 1.04rem + .35vw, 1.5rem);--fs-lg: clamp(1.5rem, 1.38rem + .5vw, 2rem);--fs-xl: clamp(2rem, 1.8rem + .8vw, 2.75rem);--fs-2xl: clamp(2.75rem, 2.4rem + 1.2vw, 3.75rem);--fs-3xl: clamp(3.75rem, 3.3rem + 1.7vw, 5.5rem);--lh-tight: 1.15;--lh-body: 1.85;--lh-body-cjk: 1.95;--lh-body-mixed: 1.88;--lh-loose: 2;--lh-code: 1.6;--lh-body-cjk-compact: 1.88;--lh-body-mixed-compact: 1.82;--space-prose: 1.5em;--space-heading-above: 3em;--space-heading-below: .75em;--space-list-item: .4em;--space-block: 2em;--container-pad: clamp(12px, 2vw + 8px, 32px);--container-pad-outer: clamp(10px, 4vw, 8vw)}.post-shell{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start;max-width:100%;box-sizing:border-box}.post-shell:not(:has(>.toc)){grid-template-columns:minmax(0,1fr)}.post-title{font-size:var(--fs-2xl);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.01em}.post-meta{color:var(--muted);margin-top:10px;font-size:var(--fs-sm)}.post-meta a{color:var(--muted);text-decoration:none}.post-meta a:hover{color:var(--primary)}.post-cover-header{padding:0 0 28px;border-bottom:1px solid var(--border);margin-bottom:32px}.post-cover-label{font-size:var(--fs-xs);color:var(--primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px}.post-cover-subtitle{font-size:var(--fs-md);color:var(--muted);font-weight:300;line-height:1.6;margin:0 0 20px;max-width:480px}.post-cover-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:var(--fs-sm);color:var(--muted);padding-top:18px}.post-cover-meta a{color:var(--muted);text-decoration:none}.post-cover-meta a:hover{color:var(--primary)}.post-content{margin-top:22px;color:var(--text);font-size:var(--fs-base);line-height:var(--lh-body);max-width:40rem;margin-inline:auto;box-sizing:border-box;min-width:0;overflow-wrap:anywhere;container-type:inline-size;container-name:article}.post-content>*+*{margin-top:var(--space-prose)}.post-content>p{line-height:var(--lh-computed, var(--lh-body));transition:line-height .15s ease}.post-content>p.cjk-heavy{--lh-computed: var(--lh-body-cjk)}.post-content>p.cjk-mixed{--lh-computed: var(--lh-body-mixed)}.post-content>p.cjk-light{--lh-computed: var(--lh-body-mixed)}.post-content :is(h2,h3,h4){margin-top:var(--space-heading-above);margin-bottom:var(--space-heading-below);line-height:var(--lh-tight);letter-spacing:-.01em}.post-content h2{font-size:var(--fs-xl);font-weight:700}.post-content h3{font-size:var(--fs-lg);color:var(--text-strong);font-weight:600}.post-content h4{font-size:var(--fs-md);color:var(--text-strong);font-weight:500}.post-content :is(h2,h3,h4)+*{margin-top:.5em}.post-content a{color:var(--primary);overflow-wrap:break-word;word-break:normal}.post-content a:hover{filter:brightness(1.1)}.post-content blockquote{position:relative;border-left:3px solid var(--primary);padding:1.25em 1.25em 1.25em 1.5em;margin:var(--space-block) 0;color:var(--text);background:var(--blockquote-bg, rgba(124, 249, 255, .04));border-radius:0 12px 12px 0;font-size:1.05em;font-weight:500;line-height:1.55;overflow:hidden}.post-content blockquote:before{content:"“";font-size:4.5em;position:absolute;left:.15em;top:-.25em;color:var(--primary);opacity:.1;font-family:Georgia,serif;line-height:1;pointer-events:none}.post-content blockquote>*{max-width:100%;overflow-wrap:anywhere}.post-content blockquote>*:first-child{margin-top:0}.post-content blockquote>*:last-child{margin-bottom:0}.post-content blockquote blockquote{border-left-color:var(--muted);background:transparent;margin-top:.75em}.post-content ul,.post-content ol{padding-left:1.5em;margin-top:var(--space-prose);margin-bottom:var(--space-prose)}.post-content li{padding-left:.25em}.post-content li+li{margin-top:var(--space-list-item)}.post-content li>ul,.post-content li>ol{margin-top:var(--space-list-item);margin-bottom:0}.post-content ul>li::marker{color:var(--primary)}.post-content ol>li::marker{color:var(--muted);font-weight:500}.post-content code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);border:1px solid var(--code-border);padding:.15em .4em;border-radius:6px;overflow-wrap:break-word;word-break:normal}.post-content pre{background:var(--pre-bg);border:1px solid var(--code-border);border-radius:16px;padding:14px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-color:var(--code-border) var(--pre-bg);max-width:100%;box-sizing:border-box;min-width:0;font-size:var(--fs-sm);line-height:var(--lh-code);margin-top:var(--space-block);margin-bottom:var(--space-block)}.post-content pre code{background:transparent;border:none;padding:0;font-size:inherit;overflow-wrap:normal;word-break:normal}.post-content pre::-webkit-scrollbar{width:8px;height:8px}.post-content pre::-webkit-scrollbar-track{background:var(--pre-bg)}.post-content pre::-webkit-scrollbar-thumb{background:var(--code-border);border-radius:999px}.post-content pre::-webkit-scrollbar-thumb:hover{background:var(--primary)}.post-content table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin-top:var(--space-block);margin-bottom:var(--space-block)}.post-content table th,.post-content table td{padding:.5em .75em;border:1px solid var(--border);text-align:left;word-break:break-word;overflow-wrap:break-word}.post-content table th{background:var(--surface);font-weight:600}.post-content img,.post-content video,.post-content iframe{max-width:100%;width:auto;height:auto;display:block}.post-content img[src*="/diagrams/"],.post-content img[src*="./diagrams/"]{max-width:86%}.post-content img{margin:18px auto;border-radius:14px;border:1px solid var(--image-border)}.post-content img+em,.post-content figure figcaption{display:block;text-align:center;font-size:var(--fs-sm);color:var(--muted);margin-top:-.5em;margin-bottom:1em;font-style:normal}.post-content hr{border:none;height:1px;background:var(--border);margin:2.5em 0}.toc{position:sticky;top:24px;background:var(--toc-bg);border:1px solid var(--image-border);border-radius:16px;padding:14px;order:-1}.toc>summary{display:none}.toc-title{font-weight:600;color:var(--text-dim-strong);margin-bottom:10px;cursor:default}.toc ol{list-style:none;padding-left:0;display:grid;gap:8px}.toc a{color:var(--muted);text-decoration:none;font-size:var(--fs-sm)}.toc a:hover{color:var(--primary)}.toc li.d3{padding-left:10px}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.post-nav-link{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:var(--theme-radius-sm, 12px);border:1px solid var(--border);text-decoration:none;transition:all .2s ease;background:var(--panel-bg-strong);min-width:0}.post-nav-link:hover{border-color:var(--primary);background:var(--panel-accent-soft)}.post-nav-link--placeholder{visibility:hidden}.post-nav-label{font-size:var(--fs-xs);color:var(--muted);font-weight:500}.post-nav-title{color:var(--text);font-weight:600;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.post-nav-link--prev{text-align:left;align-items:flex-start}.post-nav-link--next{text-align:right;align-items:flex-end}.content-card__desc{transition:line-height .15s ease}.hero-label{font-size:.75rem;color:var(--primary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}.section-head h2{font-size:var(--fs-lg);font-weight:700;margin:0;letter-spacing:-.01em}.section-head-label{font-size:var(--fs-xs);color:var(--primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}.section-head-more{font-size:var(--fs-sm);color:var(--muted);text-decoration:none;font-weight:400}.section-head-more:hover{color:var(--text)}.featured-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--theme-radius-lg);overflow:hidden}.featured-card__cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.03);transition:filter .3s ease,transform .5s ease}.featured-card:hover .featured-card__cover img,.featured-card:focus-within .featured-card__cover img{filter:saturate(.96) contrast(1.04);transform:scale(1.015)}.featured-card__body{padding:28px 28px 28px 0;display:flex;flex-direction:column;justify-content:center}.featured-card__label{font-size:var(--fs-xs);color:var(--primary);letter-spacing:.15em;margin-bottom:10px}.featured-card__title{font-size:var(--fs-xl);font-weight:700;line-height:1.15;margin:0 0 10px}.featured-card__title a{color:var(--text);text-decoration:none}.featured-card__title a:hover{color:var(--primary)}.featured-card__desc{font-size:var(--fs-base);color:var(--muted);line-height:1.6;margin:0 0 14px;font-weight:300}.featured-card__meta{font-size:var(--fs-sm);color:var(--muted)}.featured-card__meta a{color:var(--muted);text-decoration:none}.featured-card__meta a:hover{color:var(--primary)}.writing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.now-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:900px){.now-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.writing-grid,.now-list,.featured-card{grid-template-columns:1fr}.featured-card__body{padding:20px}}.theme-header{padding-bottom:24px;border-bottom:none}.nav-links a{font-weight:500}main{padding-top:0;gap:96px}.content-card{transform:none;max-width:100%;box-sizing:border-box;overflow:hidden;border-radius:var(--theme-radius-md);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.content-card--cover{aspect-ratio:16 / 10;position:relative}.content-card--cover:hover,.content-card--cover:focus-within{transform:translateY(-3px);box-shadow:0 12px 40px #0006}.content-card__cover-link{display:block;width:100%;height:100%;position:relative;text-decoration:none;overflow:hidden;border-radius:var(--theme-radius-md)}.content-card__cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease}.content-card--cover:hover .content-card__cover-img,.content-card--cover:focus-within .content-card__cover-img{transform:scale(1.05);filter:brightness(.6)}#writing-grid .content-card__cover-img,#now-list .content-card__cover-img{filter:saturate(.84) contrast(1.04)}#writing-grid .content-card--cover:hover .content-card__cover-img,#writing-grid .content-card--cover:focus-within .content-card__cover-img,#now-list .content-card--cover:hover .content-card__cover-img,#now-list .content-card--cover:focus-within .content-card__cover-img{transform:scale(1.05);filter:saturate(.92) contrast(1.05) brightness(.62)}.content-card__cover-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.05) 70%,transparent 100%)}.content-card__cover-title{font-size:var(--fs-lg);font-weight:700;line-height:1.2;color:#fff;margin:0 0 6px;text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6),1px 1px 2px rgba(0,0,0,.9);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#writing-grid .content-card__cover-title,#now-list .content-card__cover-title{font-size:clamp(1.05rem,1rem + .45vw,1.35rem)}.content-card__cover-detail{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .3s ease,margin .3s ease}.content-card--cover:hover .content-card__cover-detail,.content-card--cover:focus-within .content-card__cover-detail{max-height:80px;opacity:1;margin-top:4px}.content-card__cover-desc{font-size:var(--fs-sm);color:#ffffffd9;line-height:1.5;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__cover-meta{font-size:var(--fs-xs);color:#fff9}@media(hover:none),(pointer:coarse){.content-card--cover .content-card__cover-detail{max-height:80px;margin-top:4px;opacity:1}}.content-card--text{background:var(--panel-bg-strong, rgba(16, 18, 34, .5));border:1px solid var(--border);transition:border-color .2s ease}.content-card--text:hover{border-color:var(--primary)}.content-card--list{background:var(--panel-bg-strong, rgba(16, 18, 34, .5));border:1px solid var(--border);transition:border-color .2s ease}.content-card--list:hover,.content-card--list:focus-within{border-color:var(--primary)}.content-card__list-link{display:grid;grid-template-columns:160px minmax(0,1fr);gap:0;text-decoration:none;color:inherit;align-items:stretch}.content-card__list-thumb{width:100%;height:150px;object-fit:cover;display:block;border-right:1px solid var(--border);border-radius:var(--theme-radius-md) 0 0 var(--theme-radius-md);transition:transform .4s ease}.content-card--list:hover .content-card__list-thumb,.content-card--list:focus-within .content-card__list-thumb{transform:scale(1.03)}.content-card__list-body{min-width:0;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:4px}.content-card__list-title{font-size:var(--fs-base);font-weight:600;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__list-desc{font-size:var(--fs-sm);color:var(--muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:var(--fs-xs);color:var(--muted);margin-top:4px}.content-card__list-badge{padding:1px 6px;color:var(--primary);font-size:.72rem;line-height:1.4;letter-spacing:.06em;border:1px solid var(--border);border-radius:999px}@media(max-width:640px){.content-card__list-link{grid-template-columns:100px minmax(0,1fr)}}.content-card__body{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:16px}.content-card__title{margin:0;font-size:var(--fs-base);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__title-row{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px}.content-card__title-link{color:var(--theme-text);text-decoration:none;overflow-wrap:anywhere;word-break:break-word}.content-card__title-link:hover{color:var(--primary)}.content-card__badge{color:var(--theme-primary);font-size:var(--fs-xs);letter-spacing:.08em;border:1px solid var(--border);border-radius:4px;padding:1px 6px;white-space:nowrap}.content-card__desc{margin:0;color:var(--theme-muted);font-size:var(--fs-sm);line-height:1.55;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-card__meta{color:var(--theme-muted);font-size:var(--fs-xs);overflow-wrap:anywhere;word-break:break-word;margin-top:auto;padding-top:4px}.content-card__tag-link{color:var(--theme-muted);text-decoration:none}.content-card__tag-link:hover{color:var(--primary)}.content-card__actions{margin-top:2px;display:flex;gap:10px;flex-wrap:wrap}.content-card__read-more{text-decoration:none;font-size:var(--fs-sm);font-weight:500;color:var(--muted)}.content-card__read-more:hover{color:var(--primary)}.tag-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.tag-index-card{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none}.tag-index-card__name{color:var(--theme-text)}.tag-index-card__count{color:var(--theme-muted);font-size:.9rem}.page-heading{align-items:flex-end;margin-bottom:24px}.page-heading>div{display:grid;gap:6px}.page-title{margin:0;font-size:clamp(1.9rem,1.55rem + 1.4vw,2.7rem);line-height:1.1}.page-description,.page-heading>p{margin:0;color:var(--muted);font-size:var(--fs-sm)}.content-list,.archive-group__list{display:grid;gap:16px}.tag-featured{display:grid;gap:14px}.tag-featured h2,.content-archive h2{margin:0;font-size:var(--fs-lg)}.tag-directory,.content-archive{margin-top:28px}.tag-directory>summary,.archive-group>summary{cursor:pointer;color:var(--text);font-weight:600}.tag-directory>summary{padding:12px 0;border-top:1px solid var(--border)}.tag-index-grid--all{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:12px}.tag-index-card--compact{min-width:0;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--panel-bg-strong)}.tag-index-card--compact:hover,.tag-index-card--compact:focus-visible{border-color:var(--primary)}.content-archive{display:grid;gap:10px;padding-top:24px;border-top:1px solid var(--border)}.archive-group{border:1px solid var(--border);border-radius:12px;background:var(--panel-bg-strong)}.archive-group>summary{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;list-style-position:inside}.archive-group>summary:after{content:"＋";color:var(--primary);font-weight:500}.archive-group[open]>summary:after{content:"−"}.archive-group>summary span:last-child{margin-left:auto;color:var(--muted);font-size:var(--fs-xs);font-weight:500}.archive-group__list{padding:0 12px 12px}@media(hover:none){.content-card__cover-img{filter:brightness(.72)}.content-card__cover-detail{max-height:80px;margin-top:4px;opacity:1}}@media(max-width:640px){.page-heading{align-items:flex-start;margin-bottom:20px}.tag-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tag-index-card{min-width:0;padding:12px}}.post-article{max-width:980px}.post-title-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.post-title-plain{margin:0}.post-draft-badge{font-size:.85rem;color:var(--theme-primary);border:1px solid var(--theme-border);border-radius:999px;padding:2px 10px;background:var(--panel-accent-soft, rgba(124, 249, 255, .08))}.post-draft-note{margin-top:10px;color:var(--theme-muted)}.post-back-link{margin-top:18px}.footer-gallery{width:100%;margin:32px 0 18px;padding:var(--theme-gap-lg)}.footer-gallery__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}.footer-gallery__head h2{margin:0;font-size:1.1rem;letter-spacing:.2px;opacity:.92}.footer-gallery__grid{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(3,78px);gap:8px;overflow:hidden;border-radius:var(--theme-radius-lg)}.footer-gallery__img{width:100%;height:100%;object-fit:cover;border-radius:var(--theme-radius-md);border:1px solid var(--theme-border);filter:saturate(1.05) contrast(1.02);background:#ffffff08;transition:transform .18s ease,box-shadow .18s ease}.footer-gallery__img:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000040}.footer-gallery__img.is-wide{grid-column:span 3}.footer-gallery__img.is-wide2{grid-column:span 2}.footer-gallery__img.is-tall{grid-row:span 2}.footer-gallery__img.is-big{grid-column:span 4;grid-row:span 2}.post-content{container-type:inline-size;container-name:article;min-width:0;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;hyphens:auto}.glass{container-type:inline-size;container-name:panel}@media(max-width:900px){.post-shell{grid-template-columns:1fr}.toc{position:relative;top:0;order:-1}.toc>summary{display:block;cursor:pointer;font-weight:600;color:var(--text-dim-strong);padding:2px 0}.toc .toc-title{display:none}.toc ol{margin-top:10px}.footer-gallery__grid{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,80px);gap:8px}.footer-gallery__img.is-wide{grid-column:span 3}.footer-gallery__img.is-wide2{grid-column:span 2}.footer-gallery__img.is-tall{grid-row:span 2}.footer-gallery__img.is-big{grid-column:span 4;grid-row:span 2}}@media(max-width:640px){.nav{flex-direction:column;align-items:flex-start}.nav-right{width:100%;justify-content:space-between}.nav-links{flex-wrap:wrap}.hero-actions,.hero-stats{flex-direction:column;align-items:flex-start}main{padding:0 var(--container-pad-outer) 60px;gap:64px;width:100%}.site-header{padding:24px var(--container-pad-outer) 28px}.site-footer{padding:24px var(--container-pad-outer) 32px}.section{gap:16px;width:100%}.glass{padding:var(--container-pad);border-radius:16px;width:100%;max-width:100%}.post-article{width:100%}.post-content p:has(>.article-diagram--scrollable){overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.post-content p:has(>.article-diagram--scrollable):before{content:"左右滑动查看细节";position:sticky;left:0;z-index:1;display:block;width:max-content;margin-bottom:8px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel-bg-strong);color:var(--muted);font-size:var(--fs-xs);line-height:1.4}.post-content img.article-diagram--scrollable{width:var(--article-diagram-width);max-width:none;margin-left:0;margin-right:0}.post-shell{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%}.toc{display:block!important;margin-bottom:20px}.post-nav{grid-template-columns:1fr;gap:12px}.post-nav-link--prev,.post-nav-link--next{text-align:left;align-items:flex-start}.footer-gallery{padding:14px}.footer-gallery__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:90px;grid-template-rows:none;overflow:visible;gap:8px}.footer-gallery__img.is-wide,.footer-gallery__img.is-wide2{grid-column:span 2}.footer-gallery__img.is-tall{grid-row:span 2}.footer-gallery__img.is-big{grid-column:span 2;grid-row:span 2}}@media(max-width:480px){.post-nav-link{padding:10px}.post-nav-title{font-size:var(--fs-sm);word-break:break-word}.footer-gallery__grid{grid-template-columns:1fr;grid-auto-rows:100px;gap:6px}.footer-gallery__img.is-wide,.footer-gallery__img.is-wide2,.footer-gallery__img.is-big{grid-column:span 1}}@media(max-width:560px){.hero-intro{align-items:flex-start;gap:14px}.hero-avatar{width:82px;height:82px}.hero-subtitle{font-size:.9rem;letter-spacing:0}.hero-title span{display:block}}@media(max-width:340px){.nav{gap:16px}.nav-right{display:grid;grid-template-columns:1fr auto;gap:8px 12px}.nav-links{grid-column:1 / -1;justify-content:space-between;gap:8px}.search-trigger{justify-self:start}.hero-intro{display:grid;grid-template-columns:1fr}}@container article (max-width: 640px){.post-content>*,.post-content li,.post-content td,.post-content th,.post-content blockquote>*,.post-content details>*{max-width:100%;box-sizing:border-box}.post-content p,.post-content li,.post-content :is(h1,h2,h3,h4){width:100%;overflow-wrap:anywhere}.post-content ul,.post-content ol{padding-left:1.2em;overflow-wrap:anywhere}.post-content h2{font-size:var(--fs-lg)}.post-content h3{font-size:var(--fs-md)}.post-content h4{font-size:var(--fs-base);font-weight:600}.post-content img{max-width:100%;width:auto;height:auto;display:block;margin-left:auto;margin-right:auto;border-radius:10px}.post-content pre{width:100%;max-width:100%;margin-left:0;margin-right:0;border-radius:12px;border:1px solid var(--code-border);overflow-x:auto;padding:12px 14px;font-size:var(--fs-sm)}.post-content code{overflow-wrap:break-word;word-break:normal}.post-content table{display:table;width:100%;max-width:100%;font-size:var(--fs-xs)}.post-content table th,.post-content table td{white-space:normal;word-break:break-word;overflow-wrap:break-word;padding:.4em .5em}.post-content blockquote{margin-left:0;margin-right:0;padding:.5em .8em;overflow-wrap:anywhere;width:100%;box-sizing:border-box}.post-content a{word-break:break-word;overflow-wrap:anywhere}.post-content hr{margin:1.5em 0}.post-content>p.cjk-heavy{--lh-computed: var(--lh-body-cjk-compact)}.post-content>p.cjk-mixed{--lh-computed: var(--lh-body-mixed-compact)}.post-content>p.cjk-light{--lh-computed: var(--lh-body-mixed-compact)}}@container article (max-width: 480px){.post-content pre{font-size:clamp(.7rem,.65rem + .2vw,.8rem);padding:10px 12px;border-radius:10px;line-height:1.5}.post-content ul,.post-content ol{padding-left:1em}.post-content img{margin-top:12px;margin-bottom:12px;border-radius:8px}.post-content table{font-size:clamp(.6rem,.55rem + .15vw,.7rem)}.post-content table th,.post-content table td{padding:.3em .4em}.post-content blockquote{padding:.4em .6em;font-size:var(--fs-sm)}.post-content>*+*{margin-top:1em}.post-content :is(h2,h3,h4){margin-top:1.5em;margin-bottom:.4em}}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:var(--space-block);margin-bottom:var(--space-block);background:linear-gradient(to right,var(--surface, transparent) 30%,transparent),linear-gradient(to left,var(--surface, transparent) 30%,transparent),linear-gradient(to right,rgba(0,0,0,.15),transparent 20px),linear-gradient(to left,rgba(0,0,0,.15),transparent 20px);background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:20px 100%,20px 100%,20px 100%,20px 100%;background-attachment:local,local,scroll,scroll}.table-scroll-wrapper>table{margin-top:0;margin-bottom:0}@container panel (max-width: 640px){.post-title{word-break:break-word;overflow-wrap:anywhere;font-size:var(--fs-xl)}.post-meta{word-break:break-word;overflow-wrap:anywhere}}@supports not (container-type: inline-size){@media(max-width:640px){.post-content{overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;hyphens:auto;width:100%;box-sizing:border-box;min-width:0}.post-content>*,.post-content li,.post-content td,.post-content th,.post-content blockquote>*,.post-content details>*{max-width:100%;box-sizing:border-box}.post-content p,.post-content li,.post-content :is(h1,h2,h3,h4){width:100%;box-sizing:border-box;overflow-wrap:anywhere}.post-content ul,.post-content ol{box-sizing:border-box;padding-left:1.2em;overflow-wrap:anywhere}.post-content img{max-width:100%;width:auto;height:auto;display:block;margin-left:auto;margin-right:auto}.post-content pre{width:100%;max-width:100%;margin-left:0;margin-right:0;border-radius:12px;border:1px solid var(--code-border);overflow-x:auto;padding:12px 14px}.post-content code{overflow-wrap:break-word;word-break:normal}.post-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.post-content table th,.post-content table td{white-space:normal;word-break:break-word;overflow-wrap:break-word}.post-content blockquote{margin-left:0;margin-right:0;padding:.5em .8em;overflow-wrap:anywhere;width:100%;box-sizing:border-box}.post-content a{word-break:break-word;overflow-wrap:anywhere}.post-title,.post-meta{word-break:break-word;overflow-wrap:anywhere;width:100%;box-sizing:border-box}}@media(max-width:480px){.post-content pre{font-size:.75rem;padding:10px 12px}.post-content ul,.post-content ol{padding-left:1em}}}