:root{--bg-primary: #fafaf9;--bg-secondary: #f4f4f2;--bg-elevated: #ffffff;--text-primary: #1c1917;--text-secondary: #44403c;--text-tertiary: #78716c;--border-color: #e7e5e4;--border-strong: #d6d3d1;--card-bg: #ffffff;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #dbeafe;--badge-bg: #eff6ff;--badge-text: #1d4ed8;--accent: #6366f1;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .05), 0 1px 2px rgba(15, 23, 42, .03);--shadow-md: 0 6px 20px rgba(15, 23, 42, .08), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .1);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--fs-xs: clamp(.75rem, .72rem + .15vw, .8125rem);--fs-sm: clamp(.8125rem, .78rem + .2vw, .875rem);--fs-base: clamp(.9375rem, .88rem + .3vw, 1rem);--fs-md: clamp(1rem, .94rem + .3vw, 1.0625rem);--fs-lg: clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--fs-xl: clamp(1.25rem, 1.12rem + .6vw, 1.5rem);--fs-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--fs-3xl: clamp(1.75rem, 1.45rem + 1.5vw, 2.5rem);--container-wide: 1100px;--container-narrow: 760px;--container-pad: clamp(1rem, 3vw, 1.75rem);--transition: .18s cubic-bezier(.4, 0, .2, 1);--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro SC", "Inter", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}[data-theme=dark]{--bg-primary: #0b0d10;--bg-secondary: #13161b;--bg-elevated: #181b21;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #262a31;--border-strong: #333843;--card-bg: #13161b;--primary: #60a5fa;--primary-hover: #93c5fd;--primary-soft: #1e3a8a33;--badge-bg: #1e3a8a33;--badge-text: #93c5fd;--accent: #818cf8;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition),color var(--transition)}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-hover)}img,svg{max-width:100%;height:auto;display:block}button{font:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--primary);color:#fff;padding:8px 14px;z-index:9999;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.navbar{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg-primary) 85%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-color)}.navbar-inner{max-width:var(--container-wide);margin:0 auto;padding:var(--space-3) var(--container-pad);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.navbar-brand{font-weight:700;font-size:var(--fs-md);color:var(--text-primary);letter-spacing:-.01em}.navbar-links{display:flex;gap:clamp(1rem,2.5vw,1.5rem);list-style:none;align-items:center}.navbar-links a{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;padding:6px 2px;position:relative}.navbar-links a.active{color:var(--primary)}.navbar-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--primary);border-radius:2px}.navbar-links a:hover{color:var(--primary)}.navbar-actions{display:flex;gap:var(--space-2);align-items:center}.theme-toggle,.menu-toggle{background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:6px 10px;cursor:pointer;font-size:var(--fs-sm);line-height:1;transition:background var(--transition),border-color var(--transition)}.theme-toggle:hover,.menu-toggle:hover{border-color:var(--border-strong);background:var(--bg-secondary)}.menu-toggle{display:none}.mobile-nav{display:none;list-style:none;padding:var(--space-2) var(--container-pad);border-top:1px solid var(--border-color);background:var(--bg-primary)}.mobile-nav.open{display:block}.mobile-nav li{border-bottom:1px solid var(--border-color)}.mobile-nav li:last-child{border-bottom:none}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;color:var(--text-secondary);font-size:var(--fs-md);font-weight:500;min-height:44px;-webkit-tap-highlight-color:transparent;transition:color var(--transition),background var(--transition);border-radius:var(--radius-sm)}.mobile-nav a:hover,.mobile-nav a:active{color:var(--primary);background:var(--bg-secondary)}.mobile-nav a.active{color:var(--primary);font-weight:600}.mobile-nav a.active:before{content:"";display:inline-block;width:3px;height:18px;margin-right:10px;background:var(--primary);border-radius:2px}@media(max-width:768px){.navbar-links{display:none}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.navbar-inner{gap:var(--space-2);padding:var(--space-2) var(--container-pad)}.navbar-brand{font-size:var(--fs-sm)}.navbar-actions{gap:6px}.cmdk-trigger{padding:6px 8px}}.container{max-width:var(--container-wide);margin:0 auto;padding:clamp(1.25rem,4vw,2rem) var(--container-pad)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:clamp(1.25rem,4vw,2rem) var(--container-pad)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:var(--fs-xs);font-weight:500;margin:0 4px 4px 0;line-height:1.6;border:1px solid transparent;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.badge[data-tag]{cursor:pointer;-webkit-tap-highlight-color:transparent}.badge[data-tag]:hover{filter:brightness(.94);transform:translateY(-1px)}[data-theme=dark] .badge[data-tag]:hover{filter:brightness(1.1)}.badge[data-tag]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button.badge{cursor:pointer;border:1px solid transparent}button.badge:hover{background:var(--primary-soft)}button.badge.active{background:var(--primary);color:#fff;border-color:var(--primary)}.search-input{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:var(--fs-sm);font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.page-hero{margin-bottom:var(--space-6)}.page-hero h1{font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.2}.page-hero p{color:var(--text-tertiary);font-size:var(--fs-md)}.toolbar{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5)}.toolbar>*{min-width:0}.tag-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-5)}.post-card{display:block;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,1.5rem);margin-bottom:var(--space-4);color:inherit;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.post-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.post-card:hover:before{transform:scaleX(1)}.post-card h2{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em;margin-bottom:var(--space-2);color:var(--text-primary);line-height:1.35}.post-card .meta{font-size:var(--fs-xs);color:var(--text-tertiary);margin-bottom:var(--space-3);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.post-card .excerpt{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-color)}.post-header .back-link{font-size:var(--fs-sm);color:var(--text-tertiary)}.post-header .back-link:hover{color:var(--primary)}.post-header h1{font-size:var(--fs-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:var(--space-4) 0 var(--space-3);color:var(--text-primary)}.post-header .post-meta{font-size:var(--fs-sm);color:var(--text-tertiary);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.post-body{font-size:var(--fs-base);line-height:1.8;color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word}.post-body>*+*{margin-top:var(--space-4)}.post-body h1,.post-body h2,.post-body h3,.post-body h4{color:var(--text-primary);letter-spacing:-.01em;line-height:1.3;margin-top:var(--space-10);margin-bottom:var(--space-4);scroll-margin-top:80px}.post-body h1{font-size:var(--fs-2xl);border-bottom:2px solid var(--primary);padding-bottom:var(--space-2)}.post-body h2{font-size:var(--fs-xl);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-2)}.post-body h3{font-size:var(--fs-lg)}.post-body h4{font-size:var(--fs-md)}.post-body p{margin:0}.post-body ul,.post-body ol{margin:0;padding-left:1.5rem}.post-body li{margin-bottom:var(--space-2)}.post-body li>ul,.post-body li>ol{margin-top:var(--space-2)}.post-body strong{color:var(--text-primary);font-weight:600}.post-body blockquote{border-left:3px solid var(--primary);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-secondary);font-style:normal}.post-body blockquote p+p{margin-top:var(--space-2)}.post-body code:not(pre code){background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.875em;font-family:var(--font-mono);color:var(--primary);border:1px solid var(--border-color);word-break:break-word}.post-body pre{background:var(--bg-secondary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--border-color);font-size:var(--fs-sm);line-height:1.6;-webkit-overflow-scrolling:touch}.post-body pre code{background:none;padding:0;color:var(--text-primary);font-family:var(--font-mono);border:none;white-space:pre}.post-body table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-body table th,.post-body table td{padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);text-align:left}.post-body table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.post-body table tr:nth-child(2n) td{background:var(--bg-secondary)}.post-body hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-8) 0}.post-body img{border-radius:var(--radius-md);margin:var(--space-4) auto}.post-body a{text-decoration:underline;text-decoration-color:var(--primary-soft);text-underline-offset:3px;transition:text-decoration-color var(--transition)}.post-body a:hover{text-decoration-color:var(--primary)}footer{text-align:center;padding:var(--space-6) var(--container-pad);color:var(--text-tertiary);font-size:var(--fs-sm);border-top:1px solid var(--border-color);margin-top:var(--space-12)}footer .visit-stats{margin-top:var(--space-2);font-size:var(--fs-xs)}.date-strip{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.date-strip::-webkit-scrollbar{height:4px}.date-strip::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.date-strip .badge{flex:0 0 auto}.briefing-panel{padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-xs)}.briefing-panel .empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-tertiary)}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.row{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.text-muted{color:var(--text-tertiary)}.comments-heading{font-size:var(--fs-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.hero{position:relative;padding:clamp(3rem,8vw,5rem) 0 clamp(2rem,5vw,3rem);overflow:hidden;border-bottom:1px solid var(--border-color);background:radial-gradient(ellipse 80% 60% at 50% -10%,var(--primary-soft),transparent 60%),linear-gradient(180deg,var(--bg-primary),var(--bg-primary))}[data-theme=dark] .hero{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(96,165,250,.18),transparent 60%),linear-gradient(180deg,var(--bg-primary),var(--bg-primary))}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--border-color) 1px,transparent 1px),linear-gradient(90deg,var(--border-color) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,black,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 30%,black,transparent 80%);opacity:.4;pointer-events:none}.hero-inner{position:relative;text-align:left;padding-top:0;padding-bottom:0}.hero-eyebrow{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:var(--fs-xs);font-weight:500;margin-bottom:var(--space-5);border:1px solid var(--border-color)}.hero-title{font-size:clamp(1.875rem,1.3rem + 2.5vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:var(--space-4)}.hero-accent{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:var(--fs-md);color:var(--text-tertiary);max-width:52ch;margin-bottom:var(--space-6);line-height:1.7}.hero-stats{display:flex;gap:clamp(1rem,4vw,2.5rem);flex-wrap:wrap;padding-top:var(--space-4);border-top:1px dashed var(--border-color)}.stat{display:flex;flex-direction:column;gap:2px}.stat-num{font-size:var(--fs-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-label{font-size:var(--fs-xs);color:var(--text-tertiary)}.section-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin:0}.tag-section{margin-bottom:var(--space-6)}.tag-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.tag-toggle{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--fs-xs);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.tag-toggle:hover{border-color:var(--primary);color:var(--primary)}.tag-more{display:contents}.tag-more[hidden]{display:none!important}.list-head{display:flex;align-items:baseline;justify-content:space-between;margin:var(--space-6) 0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-color)}.text-sm{font-size:var(--fs-sm)}.empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:var(--space-4)}.post-row{display:grid;grid-template-columns:64px 1fr;gap:var(--space-4);padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--transition);align-items:flex-start}.post-row+.post-row{border-top:1px solid var(--border-color)}.post-row:hover{background:var(--bg-secondary)}.post-row:hover .post-row-title{color:var(--primary)}.post-row-thumb{width:64px;height:64px;border-radius:var(--radius-md);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.post-row-emoji{font-size:28px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.post-row-body{min-width:0;display:flex;flex-direction:column;gap:4px}.post-row-title{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);line-height:1.4;letter-spacing:-.01em;transition:color var(--transition);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-row-excerpt{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-row-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:var(--fs-xs);color:var(--text-tertiary);margin-top:2px}.post-row-meta .dot{opacity:.5}.post-row-meta .badge{margin:0;padding:2px 8px;font-size:11px}@media(max-width:480px){.post-row{grid-template-columns:52px 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-2)}.post-row-thumb{width:52px;height:52px}.post-row-emoji{font-size:22px}}.post-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);overflow:hidden}.year-group{margin-bottom:var(--space-6)}.year-label{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:600;color:var(--text-tertiary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px dashed var(--border-color);letter-spacing:.02em;font-variant-numeric:tabular-nums}.related{margin:var(--space-10) 0 var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-color)}.related-title{font-size:var(--fs-lg);font-weight:600;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-5)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.related-list{display:none}@media(max-width:768px){.related-grid{display:none}.related-list{display:block}}.related-card{padding:0;overflow:hidden;display:flex;flex-direction:column;margin-bottom:0}.related-card .cover{aspect-ratio:16 / 9;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.related-card .cover-emoji{font-size:clamp(2rem,5vw,2.75rem);filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.related-card .post-card-body{padding:var(--space-3) var(--space-4) var(--space-4);gap:6px;display:flex;flex-direction:column}.related-heading{font-size:var(--fs-md);font-weight:600;color:var(--text-primary);line-height:1.35;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-card .meta{font-size:var(--fs-xs);margin-bottom:0}.related-card .card-tags{margin-top:auto;padding-top:var(--space-2)}.author-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);box-shadow:var(--shadow-xs);margin:var(--space-5) 0;overflow:hidden}.author-summary{list-style:none;padding:var(--space-3) var(--space-4);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background var(--transition)}.author-summary::-webkit-details-marker{display:none}.author-summary::marker{display:none;content:""}.author-summary:hover{background:var(--bg-secondary)}.author-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-secondary)}.author-summary-text{display:flex;align-items:baseline;gap:8px;min-width:0;flex-wrap:wrap}.author-name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);white-space:nowrap}.author-handle{font-size:var(--fs-xs);color:var(--text-tertiary);font-family:var(--font-mono);white-space:nowrap}.author-chevron{font-size:14px;color:var(--text-tertiary);line-height:1;transition:transform var(--transition),color var(--transition);display:inline-block;width:14px;text-align:center}.author-card[open] .author-chevron{transform:rotate(90deg);color:var(--primary)}.author-body{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--border-color)}.author-body .author-bio{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.7;margin:var(--space-3) 0}.author-links{display:flex;flex-wrap:wrap;gap:8px}.author-link{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--fs-xs);font-weight:500;transition:border-color var(--transition),color var(--transition),background var(--transition)}.author-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.cta{margin:var(--space-8) 0;padding:clamp(1.5rem,4vw,2.25rem);border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 100% at 50% 0%,var(--primary-soft),transparent 60%),var(--card-bg);border:1px solid var(--border-color);position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent))}.cta-inner{display:flex;gap:var(--space-5);align-items:center;justify-content:space-between;flex-wrap:wrap}.cta-text{flex:1 1 280px;min-width:0}.cta-title{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:4px}.cta-desc{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6}.cta-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.cta-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);font-size:var(--fs-sm);font-weight:500;transition:border-color var(--transition),background var(--transition),transform var(--transition)}.cta-btn:hover{border-color:var(--primary);background:var(--bg-secondary);transform:translateY(-1px);color:var(--text-primary)}.cta-btn--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent}.cta-btn--primary:hover{color:#fff;border-color:transparent;filter:brightness(1.05)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-8) 0 var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border-color);flex-wrap:wrap}.pagination-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:500;transition:border-color var(--transition),color var(--transition),background var(--transition)}.pagination-btn:hover:not([aria-disabled=true]){border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.pagination-btn[aria-disabled=true]{opacity:.4;pointer-events:none}.pagination-info{font-size:var(--fs-sm);color:var(--text-tertiary);font-variant-numeric:tabular-nums}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--space-5);padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg)}.tag-chip{cursor:pointer;font-family:inherit;white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.tag-chip:hover{transform:translateY(-1px);filter:brightness(.94)}[data-theme=dark] .tag-chip:hover{filter:brightness(1.1)}.tag-chip.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary);box-shadow:0 2px 8px #2563eb40}.tag-more-group{display:contents}.tag-more-group[hidden]{display:none!important}.tag-toggle-more{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:transparent;border:1px dashed var(--border-strong);color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:500;cursor:pointer;font-family:inherit;transition:border-color var(--transition),color var(--transition),background var(--transition);margin:0 4px 4px 0;line-height:1.6}.tag-toggle-more:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}@media(max-width:640px){.tag-cloud{padding:var(--space-2)}.tag-chip,.tag-toggle-more{font-size:12px;padding:4px 10px}}.badge[data-color="0"]{background:#eff6ff;color:#1d4ed8}.badge[data-color="1"]{background:#f3e8ff;color:#7e22ce}.badge[data-color="2"]{background:#ecfdf5;color:#047857}.badge[data-color="3"]{background:#fff7ed;color:#c2410c}.badge[data-color="4"]{background:#fce7f3;color:#be185d}.badge[data-color="5"]{background:#ecfeff;color:#0e7490}[data-theme=dark] .badge[data-color="0"]{background:#60a5fa26;color:#93c5fd}[data-theme=dark] .badge[data-color="1"]{background:#a855f72e;color:#d8b4fe}[data-theme=dark] .badge[data-color="2"]{background:#10b9812e;color:#6ee7b7}[data-theme=dark] .badge[data-color="3"]{background:#f973162e;color:#fdba74}[data-theme=dark] .badge[data-color="4"]{background:#ec48992e;color:#f9a8d4}[data-theme=dark] .badge[data-color="5"]{background:#06b6d42e;color:#67e8f9}button.badge:hover{filter:brightness(.96)}[data-theme=dark] button.badge:hover{filter:brightness(1.1)}button.badge.active{background:var(--primary)!important;color:#fff!important}.search-wrap{position:relative;flex:1;min-width:0}.search-wrap .search-input{padding-left:40px;padding-right:38px}.search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;opacity:.6}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:var(--bg-secondary);color:var(--text-tertiary);border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition),color var(--transition)}.search-clear:hover{background:var(--border-strong);color:var(--text-primary)}.filter-status{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:10px 14px;margin:0 0 var(--space-4);border-radius:var(--radius-md);background:var(--primary-soft);border:1px solid var(--border-color);flex-wrap:wrap}.filter-status-text{font-size:var(--fs-sm);color:var(--text-secondary)}.filter-status-text b{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:700}.filter-reset{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--fs-xs);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.filter-reset:hover{border-color:var(--primary);color:var(--primary)}.empty p{margin-bottom:var(--space-4)}.empty-reset{background:var(--card-bg);border:1px solid var(--border-color);color:var(--primary);font-size:var(--fs-sm);padding:8px 16px;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:border-color var(--transition),background var(--transition)}.empty-reset:hover{border-color:var(--primary);background:var(--primary-soft)}.hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.8}.hero:before{opacity:.18}.hero-inner{position:relative;z-index:1}.typewriter{display:inline;color:var(--primary);font-weight:600}.typewriter-caret{display:inline-block;margin-left:2px;color:var(--primary);animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}.bento-grid{display:grid;gap:clamp(.75rem,1.5vw,1rem);margin-bottom:var(--space-6);grid-template-columns:1fr;grid-auto-rows:minmax(180px,auto)}@media(min-width:700px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:180px}.bento-card--xl{grid-column:span 2;grid-row:span 2}.bento-card--md{grid-row:span 2}}@media(min-width:1000px){.bento-grid{grid-template-columns:repeat(4,1fr)}.bento-card--xl{grid-column:span 2;grid-row:span 2}.bento-card--md{grid-column:span 1;grid-row:span 2}.bento-card--sm{grid-column:span 1;grid-row:span 1}}.bento-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);color:#fff;text-decoration:none;display:flex;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.bento-card:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 16px 40px #2563eb33}.bento-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.bento-card:hover .bento-bg{transform:scale(1.06)}.bento-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000026,#0000008c 65%,#000000d9);pointer-events:none}.bento-body{position:relative;z-index:1;padding:clamp(.875rem,2vw,1.25rem);display:flex;flex-direction:column;justify-content:flex-end;width:100%;gap:6px;color:#fff}.bento-badge{position:absolute;top:12px;left:12px;padding:3px 10px;background:#ffffffe6;color:#1c1917;border-radius:999px;font-size:var(--fs-xs);font-weight:600;z-index:2}.bento-emoji{position:absolute;top:16px;right:16px;font-size:clamp(1.75rem,3.5vw,2.5rem);filter:drop-shadow(0 4px 14px rgba(0,0,0,.4));z-index:1;opacity:.9}.bento-card--xl .bento-emoji{font-size:clamp(2.25rem,5vw,3.5rem)}.bento-title{font-size:var(--fs-md);font-weight:700;line-height:1.35;letter-spacing:-.01em;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-card--xl .bento-title{font-size:var(--fs-xl);-webkit-line-clamp:3}.bento-card--md .bento-title{font-size:var(--fs-lg);-webkit-line-clamp:3}.bento-excerpt{font-size:var(--fs-sm);color:#ffffffd1;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bento-card--xl .bento-excerpt{-webkit-line-clamp:3}.bento-meta{display:flex;gap:8px;font-size:var(--fs-xs);color:#ffffffbf;margin-top:4px;flex-wrap:wrap}.ask-bubble{position:fixed;right:24px;bottom:24px;z-index:98}.ask-trigger{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;cursor:pointer;font-size:22px;box-shadow:0 6px 20px #2563eb59;transition:transform var(--transition),box-shadow var(--transition);display:flex;align-items:center;justify-content:center}.ask-trigger:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 28px #2563eb73}.ask-trigger:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--primary);opacity:0;animation:ask-pulse 2.5s ease-out infinite}@keyframes ask-pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.ask-panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(360px,calc(100vw - 32px));max-height:70vh;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(10px) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .2s,transform .2s}.ask-bubble.open .ask-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.ask-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.ask-title{font-weight:600;font-size:var(--fs-sm);color:var(--text-primary)}.ask-subtitle{font-size:11px;color:var(--text-tertiary);margin-top:2px}.ask-close{background:transparent;border:none;color:var(--text-tertiary);font-size:16px;width:28px;height:28px;border-radius:6px;cursor:pointer;transition:background var(--transition)}.ask-close:hover{background:var(--border-color);color:var(--text-primary)}.ask-body{flex:1;overflow-y:auto;padding:12px 14px}.ask-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;align-items:center}.ask-suggest-label{font-size:11px;color:var(--text-tertiary);width:100%;margin-bottom:4px}.ask-chip{padding:4px 10px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.ask-chip:hover{border-color:var(--primary);color:var(--primary)}.ask-results{display:flex;flex-direction:column;gap:8px}.ask-result{display:block;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:inherit;text-decoration:none;transition:border-color var(--transition),background var(--transition)}.ask-result:hover{border-color:var(--primary);background:var(--primary-soft)}.ask-result-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px;line-height:1.4}.ask-result-meta{font-size:11px;color:var(--text-tertiary);margin-bottom:4px}.ask-result-excerpt{font-size:12px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ask-empty{text-align:center;color:var(--text-tertiary);font-size:13px;padding:24px 12px}.ask-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.ask-input{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:13px;font-family:inherit}.ask-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ask-submit{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:600;transition:background var(--transition)}.ask-submit:hover{background:var(--primary-hover)}@media(max-width:480px){.ask-bubble{right:16px;bottom:16px}.ask-trigger{width:48px;height:48px;font-size:20px}}.hero--compact{padding:clamp(2.5rem,6vw,4rem) 0 clamp(2rem,4vw,3rem)}.hero--compact .hero-particles{opacity:.5}.hero--compact:before{opacity:.12}.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-5)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:var(--fs-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition);font-family:inherit}.btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-color:transparent}.btn--primary:hover{color:#fff;border-color:transparent;filter:brightness(1.08)}.btn--wide{width:100%;justify-content:center;padding:14px 20px;font-size:var(--fs-md)}.archive-link-wrap{margin:var(--space-6) 0}.list-header{margin:var(--space-6) 0 var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--border-color)}.list-header-title{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:4px}.list-header-desc{font-size:var(--fs-sm);color:var(--text-tertiary)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:2px 6px;font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1.1;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 0 var(--border-color)}.cmdk-trigger{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--fs-sm);transition:border-color var(--transition),color var(--transition)}.cmdk-trigger:hover{border-color:var(--primary);color:var(--primary)}.cmdk-trigger .kbd{background:var(--card-bg)}@media(max-width:640px){.cmdk-trigger .kbd{display:none}}.cmdk{position:fixed;inset:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding:clamp(3rem,8vh,5rem) 16px 16px}.cmdk[aria-hidden=false],.cmdk.open{display:flex}.cmdk-backdrop{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-theme=dark] .cmdk-backdrop{background:#000000b3}.cmdk-panel{position:relative;width:100%;max-width:640px;max-height:70vh;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:cmdk-in .16s cubic-bezier(.2,.6,.3,1)}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk-input-wrap{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-color)}.cmdk-search-icon{font-size:16px;opacity:.6}.cmdk-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--fs-md);font-family:inherit;outline:none;min-width:0}.cmdk-input::-moz-placeholder{color:var(--text-tertiary)}.cmdk-input::placeholder{color:var(--text-tertiary)}.cmdk-hint{flex-shrink:0}.cmdk-tabs{display:flex;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.cmdk-tab{padding:4px 10px;border:none;background:transparent;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:500;border-radius:6px;cursor:pointer;transition:color var(--transition),background var(--transition)}.cmdk-tab:hover{color:var(--text-secondary);background:var(--bg-elevated)}.cmdk-tab.active{background:var(--card-bg);color:var(--primary);border:1px solid var(--border-color)}.cmdk-results{flex:1;overflow-y:auto;padding:8px;min-height:200px}.cmdk-item{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:10px 12px;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--transition)}.cmdk-item.active{background:var(--primary-soft)}.cmdk-item-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:16px}.cmdk-item-body{min-width:0}.cmdk-item-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-excerpt{font-size:var(--fs-xs);color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-hint{font-size:11px;color:var(--text-tertiary);margin-top:2px}.cmdk-empty{text-align:center;color:var(--text-tertiary);padding:40px 16px;font-size:var(--fs-sm)}.cmdk-tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;padding:4px}.cmdk-tag-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);text-decoration:none;font-size:13px;line-height:1.2;transition:border-color var(--transition),background var(--transition),transform var(--transition);min-width:0}.cmdk-tag-chip:hover,.cmdk-tag-chip.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.cmdk-tag-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.cmdk-tag-count{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.cmdk-tag-chip.active .cmdk-tag-count{color:var(--primary)}@media(max-width:480px){.cmdk-tag-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:5px}.cmdk-tag-chip{padding:6px 10px;font-size:12px}}.cmdk-footer{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--border-color);background:var(--bg-secondary);font-size:11px;color:var(--text-tertiary)}.cmdk-footer .kbd{margin-right:2px}#backToTop[data-astro-cid-wlspcwf4]{position:fixed;right:24px;bottom:32px;width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:18px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 4px 12px #00000026;z-index:99}#backToTop[data-astro-cid-wlspcwf4].visible{opacity:1;pointer-events:auto}#backToTop[data-astro-cid-wlspcwf4]:hover{transform:translateY(-2px)}@media(max-width:640px){#backToTop[data-astro-cid-wlspcwf4]{right:auto;left:16px;bottom:16px;width:36px;height:36px;font-size:16px}}