.footer-stats[data-astro-cid-sz7xmlte]{display:flex;align-items:center;gap:var(--space-md)}.footer-stat[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted)}.footer-stat[data-astro-cid-sz7xmlte] svg[data-astro-cid-sz7xmlte]{opacity:.6}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: rgb(3, 96, 120);--primary-hover: rgb(5, 120, 150);--primary-subtle: rgba(3, 96, 120, .08);--secondary: rgb(206, 206, 204);--secondary-subtle: rgba(206, 206, 204, .3);--bg: #ffffff;--bg-elevated: #fafafa;--bg-code: #f5f5f3;--text: rgb(30, 30, 30);--text-secondary: rgb(100, 100, 100);--text-muted: rgb(160, 160, 160);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .15);--time-glow: rgba(255, 255, 255, 0);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-serif: "Songti SC", "Noto Serif SC", Georgia, "Times New Roman", serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: clamp(1rem, .9rem + .3vw, 1.125rem);--text-xl: clamp(1.0625rem, .875rem + .7vw, 1.375rem);--text-2xl: clamp(1.375rem, 1rem + 1vw, 1.75rem);--text-3xl: clamp(1.5rem, 1rem + 1.75vw, 2.25rem);--text-4xl: clamp(1.75rem, 1rem + 2.5vw, 3rem);--content-width: 720px;--wide-width: 1080px;--header-height: 64px;--radius: 6px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08)}[data-theme=dark]{--primary: rgb(60, 170, 195);--primary-hover: rgb(80, 190, 215);--primary-subtle: rgba(60, 170, 195, .1);--secondary: rgb(60, 60, 58);--secondary-subtle: rgba(60, 60, 58, .5);--bg: #0B0B0B;--bg-elevated: #18181B;--bg-code: #1f1f23;--text: rgb(220, 220, 220);--text-secondary: rgb(160, 160, 160);--text-muted: rgb(100, 100, 100);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--time-glow: rgba(0, 150, 255, .08);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}[data-theme=dusk]{--primary: rgb(180, 100, 160);--primary-hover: rgb(200, 120, 180);--primary-subtle: rgba(180, 100, 160, .12);--secondary: rgb(140, 90, 120);--secondary-subtle: rgba(140, 90, 120, .3);--bg: linear-gradient(135deg, #2D1B3D 0%, #4A2C5A 30%, #8B4A6B 60%, #D4915A 100%);--bg-elevated: rgba(45, 27, 61, .6);--bg-code: rgba(30, 20, 40, .8);--text: rgb(245, 235, 230);--text-secondary: rgb(200, 180, 190);--text-muted: rgb(160, 140, 160);--border: rgba(255, 200, 180, .12);--border-strong: rgba(255, 200, 180, .2);--time-glow: rgba(255, 150, 100, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(139, 74, 107, .3)}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg);line-height:1.75;transition:background-color var(--transition-base),color var(--transition-base);min-height:100vh;position:relative;overflow-x:hidden;max-width:100vw}body:before{content:"";position:fixed;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse at 50% -20%,var(--time-glow) 0%,transparent 70%);pointer-events:none;z-index:0;transition:background var(--transition-slow)}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;line-height:1.3;letter-spacing:-.01em}h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em}h2{font-size:var(--text-2xl);margin-top:var(--space-2xl);margin-bottom:var(--space-lg)}h3{font-size:var(--text-xl);margin-top:var(--space-xl);margin-bottom:var(--space-md)}h4{font-size:var(--text-lg);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}strong{font-weight:600}::selection{background:var(--primary-subtle);color:var(--primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-lg)}.container--wide{max-width:var(--wide-width)}.page-content{position:relative;z-index:1;padding-top:calc(var(--header-height) + var(--space-xl));padding-bottom:var(--space-2xl);min-height:calc(100vh - 200px)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:170;transition:background-color var(--transition-base),box-shadow var(--transition-base);background-color:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .site-header{background-color:#0b0b0bcc}.site-header.scrolled{box-shadow:var(--shadow-sm)}.header-inner{max-width:var(--wide-width);margin:0 auto;padding:0 var(--space-lg);height:100%;display:flex;align-items:center}.site-logo{font-size:var(--text-lg);font-weight:700;color:var(--text);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap;flex-shrink:0}.site-logo:hover{color:var(--primary)}.logo-icon{width:22px;height:22px;flex-shrink:0;color:var(--primary)}.header-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);flex:1}.nav-link{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) 0;position:relative;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:5px}.nav-link svg{width:14px;height:14px;color:var(--text-muted);transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--primary);transition:width var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.logo-icon{width:20px;height:20px;margin-right:6px;vertical-align:text-bottom;color:var(--primary)}.nav-link svg{width:14px;height:14px;margin-right:4px;vertical-align:text-bottom;color:var(--text-muted);transition:color var(--transition-fast)}.nav-link:hover svg,.nav-link.active svg{color:var(--primary)}.header-clock{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.03em;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.clock-icon{width:14px;height:14px;flex-shrink:0;color:var(--primary)}.theme-toggle{background:none;border:none;cursor:pointer;padding:var(--space-xs);color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{color:var(--text);background:var(--primary-subtle)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}.theme-toggle .icon-dusk{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-dusk,[data-theme=dusk] .theme-toggle .icon-sun,[data-theme=dusk] .theme-toggle .icon-moon{display:none}[data-theme=dusk] .theme-toggle .icon-dusk{display:block}.search-trigger{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;padding:var(--space-xs) var(--space-md);color:var(--text-muted);font-size:var(--text-sm);border-radius:999px;display:flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-fast);font-family:var(--font-sans)}.search-trigger:hover{border-color:var(--border-strong);color:var(--text-secondary);background:var(--secondary-subtle)}.search-trigger svg{width:14px;height:14px}.search-trigger kbd{font-family:var(--font-sans);font-size:var(--text-xs);padding:1px 5px;border-radius:3px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted)}.hero{text-align:center;padding:var(--space-2xl) 0}.hero-name{font-size:var(--text-4xl);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-sm)}.hero-subtitle{color:var(--text-secondary);font-size:var(--text-lg);margin-bottom:var(--space-md)}.hero-bio{color:var(--text-secondary);font-size:var(--text-base);max-width:480px;margin:0 auto var(--space-lg);line-height:1.8}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm)}.tag{display:inline-flex;align-items:center;padding:3px 12px;font-size:var(--text-xs);color:var(--primary);background:var(--primary-subtle);border-radius:999px;font-weight:500;transition:all var(--transition-fast)}.tag:hover{background:var(--primary);color:#fff}.section-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-2xl) 0 var(--space-xl);color:var(--text-muted);font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.article-list{list-style:none}.article-card{padding:var(--space-xl);border-bottom:1px solid var(--border);transition:all var(--transition-fast);margin-bottom:var(--space-md);border-radius:var(--radius)}.article-card:last-child{border-bottom:1px solid var(--border);margin-bottom:0}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.article-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:var(--text-xs);color:var(--text-muted)}.article-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted)}.article-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-xs);line-height:1.4}.article-title a{color:var(--text);transition:color var(--transition-fast)}.article-title a:hover{color:var(--primary)}.article-excerpt{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-sm)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.article-header{text-align:center;padding:var(--space-xl) 0;margin-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.article-header .article-meta{justify-content:center;margin-bottom:var(--space-md)}.article-header .article-title{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.article-body{font-size:var(--text-lg);line-height:1.85}.article-body h2{margin-top:2.5em;margin-bottom:.8em;font-size:var(--text-2xl)}.article-body h3{margin-top:2em;margin-bottom:.6em}.article-body p{margin-bottom:1.2em}.article-body blockquote{border-left:3px solid var(--primary);padding:var(--space-sm) var(--space-lg);margin:var(--space-lg) 0;color:var(--text-secondary);font-style:italic;background:var(--primary-subtle);border-radius:0 var(--radius) var(--radius) 0}.article-body code{font-family:var(--font-mono);font-size:.9em;padding:2px 6px;background:var(--bg-code);border-radius:3px}.article-body pre{margin:var(--space-lg) 0;padding:var(--space-lg);background:var(--bg-code);border-radius:var(--radius);overflow-x:auto;font-size:var(--text-sm);line-height:1.6}.article-body pre code{padding:0;background:none}.article-body img{max-width:100%;border-radius:var(--radius);margin:var(--space-lg) 0}.article-body ul,.article-body ol{margin:var(--space-md) 0;padding-left:var(--space-xl)}.article-body li{margin-bottom:var(--space-xs)}.article-body hr{border:none;border-top:1px solid var(--border);margin:var(--space-2xl) 0}.article-nav{display:flex;justify-content:space-between;margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--border);gap:var(--space-lg)}.article-nav-link{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--text-sm);color:var(--text-secondary);max-width:45%;transition:color var(--transition-fast)}.article-nav-link:hover{color:var(--primary)}.article-nav-link .label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.article-nav-link .title{font-weight:500;color:var(--text)}.article-nav-link:hover .title{color:var(--primary)}.article-nav-link--next{text-align:right;margin-left:auto}.about-profile{display:flex;gap:var(--space-xl);align-items:flex-start;padding:var(--space-xl);margin-bottom:var(--space-2xl)}.about-avatar{width:100px;height:100px;border-radius:50%;background:var(--secondary);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);color:var(--primary);flex-shrink:0}.about-info h1{font-size:var(--text-2xl);margin-bottom:var(--space-xs)}.about-info .tagline{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.about-section{margin-bottom:var(--space-2xl)}.about-section h2{font-size:var(--text-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.timeline{list-style:none}.timeline-item{position:relative;padding-left:var(--space-xl);padding-bottom:var(--space-lg);border-left:2px solid var(--border)}.timeline-item:last-child{border-left-color:transparent}.timeline-item:before{content:"";position:absolute;left:-5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--primary)}.timeline-item h4{font-size:var(--text-base);font-weight:600;margin-bottom:2px}.timeline-item p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:0}.social-links{display:flex;gap:var(--space-lg);flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.social-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.site-footer{position:relative;z-index:1;border-top:1px solid var(--border);padding:var(--space-xl) 0}.footer-inner{max-width:var(--wide-width);margin:0 auto;padding:0 var(--space-lg);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-muted)}.footer-links{display:flex;gap:var(--space-lg)}.footer-link{color:var(--text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary)}.search-overlay{display:none;position:fixed;inset:0;z-index:200;background:#00000080;backdrop-filter:blur(4px);justify-content:center;padding-top:15vh}.search-overlay.active{display:flex}.search-modal{width:90%;max-width:600px;max-height:60vh;background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.search-input-wrap{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);gap:var(--space-sm)}.search-input-wrap svg{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.search-input{flex:1;border:none;background:none;font-size:var(--text-lg);color:var(--text);outline:none;font-family:var(--font-sans)}.search-input::placeholder{color:var(--text-muted)}.search-results{overflow-y:auto;padding:var(--space-sm)}.search-result-item{display:block;padding:var(--space-md);border-radius:var(--radius);transition:background var(--transition-fast)}.search-result-item:hover{background:var(--bg-elevated)}.search-result-title{font-weight:600;font-size:var(--text-sm);margin-bottom:2px}.search-result-excerpt{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.search-empty{padding:var(--space-2xl);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}#search{--pagefind-ui-scale: 1;--pagefind-ui-primary: var(--primary);--pagefind-ui-text: var(--text);--pagefind-ui-background: var(--bg);--pagefind-ui-border: var(--border);--pagefind-ui-tag: var(--primary);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: var(--radius);--pagefind-ui-image-border-radius: var(--radius);--pagefind-ui-image-box-ratio: 3 / 2;--pagefind-ui-font: var(--font-sans)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000059;z-index:160;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-nav-overlay.open{opacity:1;visibility:visible}[data-theme=dark] .mobile-nav-overlay{background:#0009}body.nav-open{overflow:hidden}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:var(--space-xs);color:var(--text)}@media(min-width:769px){.mobile-menu-btn{position:static;width:auto;height:auto}}@media(max-width:768px){.header-nav{position:fixed;top:0;right:0;width:min(280px,68vw);height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:var(--space-lg);padding:calc(var(--header-height) + var(--space-xl)) var(--space-xl) var(--space-xl);background:var(--bg);box-shadow:-4px 0 32px #0000001f;z-index:170;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.header-nav.open{transform:translate(0)}.header-nav .nav-link{font-size:var(--text-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius);transition:background var(--transition-fast)}.header-nav .nav-link:active{background:var(--primary-subtle)}.header-nav .nav-link svg{width:18px;height:18px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;z-index:180;position:fixed;top:0;right:0;height:var(--header-height);width:var(--header-height);padding:0;margin:0}.search-trigger kbd,.header-clock{display:none}.about-profile{flex-direction:column;align-items:center;text-align:center}.article-nav{flex-direction:column}.article-nav-link{max-width:100%}.article-nav-link--next{text-align:left}.footer-inner{flex-direction:column;gap:var(--space-md);text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease forwards}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);max-width:100%;box-sizing:border-box}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.articles-card .articles-collapse{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease}@media(min-width:769px){.articles-card:hover .articles-collapse{max-height:600px;opacity:1}.articles-card:hover .articles-chevron{animation:none;transform:rotate(180deg)}}@media(max-width:768px){.articles-card .articles-collapse{max-height:none;opacity:1;overflow:visible}.articles-card .articles-chevron{transform:rotate(180deg)}.articles-card .card-header{cursor:default}}.articles-card .card-header{cursor:pointer}.articles-chevron{transition:transform var(--transition-base);animation:chevronHint 2s ease-in-out infinite}@keyframes chevronHint{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--text)}.card-title svg{width:18px;height:18px;margin-right:var(--space-sm);vertical-align:text-bottom;color:var(--primary)}.card-link{font-size:var(--text-sm);color:var(--primary);display:flex;align-items:center;gap:4px;font-weight:500}.card-link:hover{gap:8px}.home-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);max-width:var(--wide-width);margin:0 auto;padding:0 var(--space-lg)}.home-grid--2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-subtle);flex-shrink:0;transition:border-color var(--transition-base)}.card:hover .profile-avatar{border-color:var(--primary)}.profile-info h1{font-size:var(--text-2xl);margin-bottom:var(--space-xs);display:inline-flex;align-items:center;gap:8px}.profile-tagline{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-sm);line-height:1.6}.profile-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.article-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid var(--border);transition:all var(--transition-fast);gap:var(--space-lg)}@media(max-width:768px){.article-row{padding:var(--space-md) var(--space-sm);margin-bottom:8px;border-radius:var(--radius);border-bottom:1px solid var(--border)}.article-row:last-child{border-bottom:1px solid var(--border);margin-bottom:0}}.article-row:last-child{border-bottom:none;padding-bottom:0}.article-row:first-of-type{padding-top:0}.article-row:hover{padding-left:var(--space-sm);background:var(--primary-subtle);border-radius:var(--radius)}.article-row-content{flex:1;min-width:0}.article-row-title{font-size:var(--text-base);font-weight:600;margin-bottom:4px;line-height:1.4}.article-row-title a{color:var(--text)}.article-row-title a:hover{color:var(--primary)}.article-row-desc{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.article-row-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.article-row-category,.article-row-date{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.article-row-arrow{color:var(--secondary);transition:all var(--transition-fast);display:flex;align-items:center}.article-row:hover .article-row-arrow{color:var(--primary);transform:translate(4px)}.article-row-with-bg{position:relative!important;overflow:hidden!important;border-radius:var(--radius)}.article-row-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:.06;transition:opacity .3s ease}[data-theme=light] .article-row-bg{opacity:.1}@media(min-width:769px){.article-row-with-bg:hover .article-row-bg{opacity:.18}[data-theme=light] .article-row-with-bg:hover .article-row-bg{opacity:.25}}@media(max-width:768px){.article-row-bg{opacity:.08}[data-theme=light] .article-row-bg{opacity:.14}}.info-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.info-list li{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-xs) 0}.info-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0}.social-card-links{display:flex;flex-direction:column;gap:var(--space-sm)}.social-card-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.social-card-link-left{display:flex;align-items:center;gap:10px;min-width:0}.platform-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.social-card-link:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.social-card-link:hover .platform-icon{color:var(--primary)}.social-card-link .arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.social-card-link:hover .arrow{transform:translate(4px);color:var(--primary)}@media(max-width:768px){.home-grid{padding:0 var(--space-md);gap:var(--space-md)}.card{padding:var(--space-lg)}.home-grid--2col{grid-template-columns:1fr}.profile-tags{justify-content:center}.article-row{flex-wrap:wrap;min-height:44px;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.article-row-desc{max-width:100%}.article-row-right{width:100%;justify-content:flex-end}.nav-link{padding:var(--space-sm) 0;min-height:44px;display:flex;align-items:center}.social-card-link{min-height:44px}.footer-link{padding:var(--space-sm) 0;min-height:44px;display:inline-flex;align-items:center}.articles-card .card-header{min-height:44px}}@media print{.site-header,.site-footer,.theme-toggle,.search-trigger{display:none}body:before{display:none}}