*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-primary-light:#eff6ff;--color-bg:#f9fafb;--color-title:#1f2937;--color-body:#6b7280;--color-border:#f3f4f6;--color-border-dark:#e5e7eb;--color-white:#fff;--color-success:#10b981;--color-success-ring:#10b9812e;--color-danger:#9ca3af;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max-width:1200px;--header-height:64px}html.dark{--color-primary:#60a5fa;--color-primary-light:#60a5fa26;--color-bg:#111827;--color-title:#f9fafb;--color-body:#9ca3af;--color-border:#1f2937;--color-border-dark:#374151;--color-white:#1f2937;--color-success:#34d399;--color-success-ring:#34d3992e;--color-danger:#6b7280}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-title);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{z-index:50;height:var(--header-height);-webkit-backdrop-filter:blur(24px);background-color:#ffffffb8;border-bottom:1px solid #0000000f;position:fixed;top:0;left:0;right:0}.site-header .container{justify-content:space-between;align-items:center;height:100%;display:flex}.site-logo{color:var(--color-title);align-items:center;gap:8px;display:flex}.site-logo-icon{background:radial-gradient(circle at 30% 30%,#60a5fa,#2563eb 70%);border-radius:50%;flex-shrink:0;width:28px;height:28px;display:inline-block}.site-logo-text{letter-spacing:-.2px;font-size:18px;font-weight:700}.site-nav{align-items:center;display:flex}.site-nav nav ul{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.site-nav nav a{color:var(--color-body);padding:8px 12px;font-size:14px;font-weight:500;transition:color .2s;display:block;position:relative}.site-nav nav a:hover{color:var(--color-title)}.site-nav nav a.active{color:var(--color-title);font-weight:700}.site-nav nav a.active:after{content:"";background-color:var(--color-primary);border-radius:9999px;width:20px;height:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:4px;margin-left:16px;display:flex}.header-actions button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.header-actions button:hover{background-color:#f3f4f6}.header-actions svg{width:16px;height:16px;color:var(--color-title)}.search-bar{max-width:var(--max-width);margin:0 auto;padding:0 24px 12px;display:none}.search-bar.active{display:block}.search-bar input{border:1px solid var(--color-border-dark);background-color:var(--color-bg);width:100%;height:40px;font-size:14px;font-family:var(--font-family);border-radius:8px;outline:none;padding:0 12px}.menu-toggle{display:none}@media (width<=768px){.menu-toggle{display:flex}.site-nav nav{top:var(--header-height);z-index:49;-webkit-backdrop-filter:blur(24px);background:#fffffff5;padding:16px 24px;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}html.dark .site-nav nav{background:#111827f5}.site-nav nav.mobile-open{display:block}.site-nav nav ul{flex-direction:column;gap:0}.site-nav nav a{border-bottom:1px solid var(--color-border);padding:14px 0;font-size:16px;font-weight:500;display:block}.site-nav nav a:last-child{border-bottom:none}.site-nav nav a.active:after{display:none}.site-nav nav a.active{color:var(--color-primary)}.site-logo-text{font-size:16px}.header-actions{gap:2px;margin-left:8px}.header-actions button{width:34px;height:34px}.search-bar{padding:0 16px 12px}}.site-main{padding-top:var(--header-height)}.hero{max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative}.hero-inner{border-radius:16px;height:340px;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity .7s;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-image{object-fit:cover;filter:blur(2px)brightness(.85);width:100%;height:100%}.hero-slide .hero-image{position:absolute;inset:0}.hero-overlay{background:linear-gradient(#fff0,#fff9);position:absolute;inset:0}html.dark .hero-overlay{background:linear-gradient(#11182700,#11182780)}.hero-content{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 32px;display:flex;position:relative}.hero-badge{color:#fff;letter-spacing:.6px;text-transform:uppercase;background-color:#2563ebf2;border-radius:9999px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.hero-title{color:#fff;text-shadow:0 2px 12px #00000073;max-width:720px;font-size:44px;font-weight:700;line-height:1.15}.hero-subtitle{color:#f3f4f6;text-shadow:0 1px 8px #0006;max-width:560px;margin-top:12px;font-size:16px}.hero-cta{color:#1f2937;background-color:#fff;border:1px solid #0000000f;border-radius:8px;align-items:center;gap:8px;max-width:500px;height:40px;margin-top:20px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 16px #0000002e}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000038}.hero-cta-label{color:#2563eb;white-space:nowrap}.hero-cta-divider{color:#d1d5db}.hero-cta-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-cta svg{color:#2563eb;flex-shrink:0}.hero-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;z-index:3;color:#1f2937;background-color:#ffffffb3;border:1px solid #0000000f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-nav:hover{background-color:#ffffffe6}.hero-prev{left:16px}.hero-next{right:16px}.hero-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hero-dot{background-color:#1f29374d;border-radius:9999px;width:8px;height:6px;transition:all .3s}.hero-dot.active{background-color:#2563eb;width:24px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-title{color:var(--color-title);font-size:24px;font-weight:700}.section-subtitle{color:var(--color-body);margin-top:4px}.filter-pills{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{border:1px solid var(--color-border-dark);background-color:var(--color-white);color:var(--color-body);cursor:pointer;border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-block}.filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.post-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.post-grid{grid-template-columns:repeat(2,1fr)}}.post-grid-list{grid-template-columns:1fr;gap:16px}.post-grid-list .post-card{border-radius:12px;flex-direction:row;display:flex}.post-grid-list .post-card:hover{transform:translate(4px)}.post-grid-list .post-card>a{border-radius:12px;flex-shrink:0;width:280px;overflow:hidden}.post-grid-list .post-card-cover{aspect-ratio:auto;border-radius:0;height:200px}.post-grid-list .post-card-cover img{object-fit:cover;width:100%;height:200px}.post-grid-list .post-card-body{flex:1;justify-content:center;min-height:200px;padding:16px 24px}.post-grid-list .post-card>a:empty{display:none}.post-grid-list .post-card>a:not(:empty)+.post-card-body{min-height:200px}.post-grid-list .post-card-title{-webkit-line-clamp:1;font-size:17px}.post-grid-list .post-card-excerpt{-webkit-line-clamp:2}@media (width<=640px){.post-grid-list .post-card{flex-direction:column}.post-grid-list .post-card>a{border-radius:12px 12px 0 0;width:100%}.post-grid-list .post-card-cover{aspect-ratio:16/9;border-radius:0;height:auto}}html.dark .post-grid-list .post-card{background-color:var(--color-white);border-color:var(--color-border-dark)}.load-more-wrap{justify-content:center;margin-top:48px;display:flex}.load-more-btn{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;height:44px;padding:0 24px;font-size:14px;font-weight:600;transition:all .2s}.load-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.post-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 1px 2px #1018280a}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10182814}.post-card-cover{aspect-ratio:16/9;position:relative;overflow:hidden}.post-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.post-card:hover .post-card-cover img{transform:scale(1.05)}.post-card-category{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-title);letter-spacing:.3px;text-transform:uppercase;background-color:#ffffffd9;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.post-card-body{flex-direction:column;gap:12px;padding:20px;display:flex}.post-card-title{color:var(--color-title);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.post-card-title a{color:inherit}.post-card-excerpt{color:var(--color-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-meta{color:var(--color-body);align-items:center;gap:16px;padding-top:8px;font-size:12px;display:flex}.post-card-meta span{align-items:center;gap:6px;display:flex}.post-card-meta svg{width:12px;height:12px}.recent-posts{max-width:var(--max-width);margin:64px auto 0;padding:0 24px}.home-content{padding-top:32px;padding-bottom:96px}.load-more{justify-content:center;margin-top:48px;display:flex}.btn-load-more{border:1px solid var(--color-border-dark);background-color:var(--color-white);height:44px;color:var(--color-title);font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 24px;transition:all .2s;display:inline-flex}.btn-load-more:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination{justify-content:center;align-items:center;gap:8px;padding:48px 0;display:flex}.pagination a,.pagination span{color:#6b7280;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.pagination a{background:var(--color-bg);border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;text-decoration:none;transition:all .2s;display:inline-flex}.pagination a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination a.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination a.disabled,.pagination span.disabled{background:var(--color-bg);color:#d1d5db;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;display:inline-flex}.pagination .page-prev,.pagination .page-next{gap:4px;padding:0 16px}html.dark .pagination a{border-color:var(--color-border-dark)}html.dark .pagination a:hover{border-color:var(--color-primary)}.archive-page,.tags-page,.tag-page,.categories-page,.category-page,.author-page{max-width:var(--max-width);margin:0 auto;padding:48px 24px 96px}.archive-timeline{flex-direction:column;gap:32px;display:flex}.archive-group{border:1px solid var(--color-border-dark);background-color:var(--color-white);border-radius:12px;overflow:hidden}.archive-group-header{border-bottom:1px solid var(--color-border);background-color:var(--color-bg);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.archive-group-label{color:var(--color-title);font-size:16px;font-weight:700}.archive-group-count{color:var(--color-body);background-color:var(--color-border);border-radius:9999px;padding:2px 10px;font-size:12px;font-weight:600}.archive-posts{flex-direction:column;display:flex}.archive-post-item{color:var(--color-title);align-items:center;gap:16px;padding:14px 24px;text-decoration:none;transition:background-color .15s;display:flex}.archive-post-item+.archive-post-item{border-top:1px solid var(--color-border)}.archive-post-item:hover{background-color:var(--color-primary-light)}.archive-post-day{color:var(--color-primary);text-align:center;min-width:28px;font-size:13px;font-weight:600}.archive-post-title{font-size:15px;font-weight:500;line-height:1.4}.tags-cloud{flex-wrap:wrap;gap:12px;display:flex}.tag-pill{border:1px solid var(--color-border-dark);background-color:var(--color-white);color:var(--color-title);border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.tag-pill:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.tag-pill-count{color:var(--color-body);background-color:var(--color-border);border-radius:9999px;padding:1px 7px;font-size:11px;font-weight:600}.tag-pill:hover .tag-pill-count{background-color:var(--color-primary-light);color:var(--color-primary)}.tag-page-badge{color:var(--color-primary);background-color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;margin-bottom:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.categories-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.categories-grid{grid-template-columns:repeat(3,1fr)}}.category-card{border:1px solid var(--color-border-dark);background-color:var(--color-white);color:var(--color-title);border-radius:12px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .3s;display:flex}.category-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #1018280f}.category-card-header{justify-content:space-between;align-items:center;display:flex}.category-card-name{font-size:18px;font-weight:700;line-height:1.3}.category-card-count{color:var(--color-white);background-color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:600;display:flex}.category-card-desc{color:var(--color-body);font-size:14px;line-height:1.5}.category-children{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px;display:flex}.category-child-link{color:var(--color-body);background-color:var(--color-border);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.category-child-link:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.category-child-count{font-size:10px;font-weight:600}.author-header{border:1px solid var(--color-border-dark);background-color:var(--color-white);border-radius:16px;align-items:flex-start;gap:24px;margin-bottom:40px;padding:32px;display:flex}.author-avatar{object-fit:cover;border:3px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:96px;height:96px}.author-info{flex:1;min-width:0}.author-name{color:var(--color-title);font-size:28px;font-weight:700;line-height:1.2}.author-bio{color:var(--color-body);margin-top:8px;font-size:15px;line-height:1.6}.author-meta{color:var(--color-body);flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;font-size:13px;display:flex}.author-meta span{align-items:center;gap:6px;display:flex}.author-meta a{color:var(--color-primary);text-decoration:none}.author-meta a:hover{text-decoration:underline}.post-detail{background-color:#fff;max-width:100%;margin:0 auto}.reading-progress{top:var(--header-height);z-index:40;background-color:#0000;height:2px;position:fixed;left:0;right:0}.reading-progress-bar{background-color:var(--color-primary);width:0%;height:100%;transition:width 80ms linear}.post-cover-wrapper{max-width:var(--max-width);margin:0 auto;padding:24px 24px 0}.post-cover-wrapper>img,.post-cover{aspect-ratio:21/9;object-fit:cover;background-color:#f3f4f6;border-radius:16px;width:100%;max-height:460px}.post-shell{max-width:var(--max-width);grid-template-columns:1fr;gap:32px;margin:0 auto;padding:40px 24px 64px;display:grid}@media (width>=1024px){.post-shell{grid-template-columns:60px minmax(0,1fr) 240px}}.post-actions-rail{display:none}@media (width>=1024px){.post-actions-rail{flex-direction:column;align-self:start;align-items:center;gap:8px;display:flex;position:sticky;top:112px}}.post-action-btn{cursor:pointer;color:#1f2937;background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .2s;display:flex}.post-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #00000014}.post-action-btn.share-btn.copied{border-color:var(--color-primary);color:var(--color-primary)}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.toast-msg{color:#fff;opacity:0;pointer-events:auto;background:#1f2937;border-radius:8px;padding:10px 24px;font-size:14px;transition:all .3s;transform:translateY(-16px)}.toast-msg.show{opacity:1;transform:translateY(0)}html.dark .toast-msg{color:#1f2937;background:#f9fafb}.post-action-btn.like-btn.active{color:#f43f5e;border-color:#f43f5e}.post-action-btn.like-btn.active svg{fill:#f43f5e}.post-action-label{color:#6b7280;margin-top:2px;font-size:11px}.post-action-count{color:#6b7280;text-align:center;font-variant-numeric:tabular-nums;font-size:11px}.post-body{width:100%;max-width:720px;margin:0 auto}.post-back-btn{color:#6b7280;align-items:center;gap:6px;margin-bottom:24px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.post-back-btn:hover{color:#2563eb}.post-category-badge{color:#2563eb;letter-spacing:.4px;text-transform:uppercase;background-color:#eff6ff;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.post-category-badge:hover{opacity:.85}.article-title{color:#111827;letter-spacing:-.4px;margin-bottom:0;font-size:36px;font-weight:700;line-height:1.2}.post-meta-row{color:#6b7280;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:20px;margin-top:20px;margin-bottom:32px;padding-bottom:32px;font-size:14px;display:flex}.post-meta-item{align-items:center;gap:6px;display:flex}.article-content{color:#1f2937;max-width:100%;font-size:18px;line-height:1.8}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#111827;scroll-margin-top:100px;font-weight:700;line-height:1.4}.article-content h1{margin:1.5em 0 .5em;font-size:2em}.article-content h2{border-left:4px solid #2563eb;margin:56px 0 16px;padding-left:14px;font-size:26px;line-height:1.3}.article-content h3{margin:36px 0 12px;font-size:20px;line-height:1.35}.article-content h4{margin:1.5em 0 .5em;font-size:1.1em}.article-content p{margin:0 0 24px}.article-content img{border-radius:8px;max-width:100%;margin:32px 0}.article-content figure{max-width:100vw;margin:40px calc(50% - 50vw)}.article-content figure>div,.article-content figure>picture{max-width:880px;margin:0 auto;padding:0 24px}.article-content figure img{object-fit:cover;border-radius:12px;width:100%;max-height:520px;margin:0}.article-content figcaption{text-align:center;color:#6b7280;max-width:880px;margin-top:12px;margin-left:auto;margin-right:auto;padding:0 24px;font-size:13px;font-style:italic}.article-content a{color:#2563eb;text-underline-offset:2px;text-decoration:underline}.article-content a:hover{opacity:.8}.article-content blockquote{color:#1f2937;background-color:#f9fafb;border-left:4px solid #2563eb;border-radius:4px;margin:28px 0;padding:18px 22px;font-size:17px;font-style:italic;line-height:1.7}.article-content pre{color:#e5e7eb;background-color:#1f2937;border-radius:0 0 8px 8px;margin:0;padding:16px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.65;overflow-x:auto}.article-content pre+pre,.article-content .code-block-wrapper+.code-block-wrapper{margin-top:24px}.article-content .code-block-wrapper{border-radius:8px;margin:24px 0;overflow:hidden}.article-content .code-block-header{color:#9ca3af;background-color:#111827;justify-content:space-between;align-items:center;padding:8px 16px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:flex}.article-content .code-block-header button{color:#9ca3af;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:12px;transition:color .2s;display:flex}.article-content .code-block-header button:hover{color:#fff}.article-content .code-block-header button.copied{color:#34d399}.article-content code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.article-content :not(pre)>code{color:#db2777;background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-size:.9em}.article-content ul,.article-content ol{margin:0 0 24px;padding-left:1.5em}.article-content ul{list-style:outside}.article-content ol{list-style:decimal}.article-content li{margin:.25em 0}.article-content table{border-collapse:collapse;width:100%;margin:24px 0}.article-content th,.article-content td{border:1px solid var(--color-border-dark);text-align:left;padding:8px 12px}.article-content th{background-color:var(--color-border);font-weight:600}.article-content figure{margin:32px 0}.article-content figcaption{text-align:center;color:#6b7280;margin-top:12px;font-size:13px;font-style:italic}.post-toolbar-card{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;gap:24px;margin-top:48px;padding:24px;display:flex;box-shadow:0 1px 2px #1018280a}.post-toolbar-card .post-tags-list{flex-wrap:wrap;gap:8px;display:flex}.post-tag-pill{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.post-tag-pill:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.post-license{color:#6b7280;font-size:12px}.post-license a{color:#2563eb;font-weight:500;text-decoration:none}.post-license a:hover{text-decoration:underline}.post-toolbar-card .post-author-card{box-shadow:none;background:0 0;border:none;align-items:center;gap:16px;margin:0;padding:0;display:flex}.post-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;height:56px}.post-author-info{flex:1;min-width:0}.post-author-name{color:#111827;margin:0;font-size:15px;font-weight:700}.post-author-bio{color:#6b7280;margin:2px 0 0;font-size:13px}.post-follow-btn{color:#fff;background-color:#2563eb;border-radius:8px;flex-shrink:0;height:36px;padding:0 16px;font-size:13px;font-weight:600;line-height:36px;text-decoration:none;transition:opacity .2s}.post-follow-btn:hover{opacity:.9}.post-comments-section{margin-top:48px;scroll-margin-top:100px}:root{--halo-cw-primary-1-color:#2563eb;--halo-cw-primary-2-color:#3b82f6;--halo-cw-primary-3-color:#eff6ff;--halo-cw-text-1-color:#111827;--halo-cw-text-2-color:#374151;--halo-cw-text-3-color:#6b7280;--halo-cw-muted-1-color:#e5e7eb;--halo-cw-muted-2-color:#f3f4f6;--halo-cw-muted-3-color:#f9fafb;--halo-cw-base-rounded:8px;--halo-cw-avatar-rounded:50%;--halo-cw-avatar-size:40px;--halo-cw-base-font-size:14px;--halo-cw-base-font-family:"Inter", system-ui, -apple-system, sans-serif}html.dark{--halo-cw-primary-1-color:#60a5fa;--halo-cw-primary-2-color:#3b82f6;--halo-cw-primary-3-color:#60a5fa26;--halo-cw-text-1-color:#f9fafb;--halo-cw-text-2-color:#d1d5db;--halo-cw-text-3-color:#9ca3af;--halo-cw-muted-1-color:#374151;--halo-cw-muted-2-color:#1f2937;--halo-cw-muted-3-color:#111827}.post-toc-rail{display:none}@media (width>=1024px){.post-toc-rail{display:block}}.post-toc{border-left:1px solid #f3f4f6;padding-left:20px;position:sticky;top:112px}.post-toc-heading{letter-spacing:1.2px;text-transform:uppercase;color:#6b7280;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;display:flex}.post-toc ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.post-toc li{margin:0}.post-toc a{color:#6b7280;padding:2px 0;font-size:13px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .2s;display:block}.post-toc a:hover{color:#111827}.post-toc a.active{color:#2563eb;font-weight:600}.post-toc .toc-h3{padding-left:14px}.post-related{background-color:#f9fafb;border-top:1px solid #f3f4f6;padding:64px 0}.post-related-inner{max-width:1200px;margin:0 auto;padding:0 24px}.post-related-title{color:#111827;margin-bottom:20px;font-size:22px;font-weight:700}.post-related-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=768px){.post-related-grid{grid-template-columns:1fr}.post-cover-wrapper>img,.post-cover{aspect-ratio:16/9;border-radius:12px;max-height:280px}.post-shell{padding:24px 16px 48px}.article-title{font-size:28px}}.post-related-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;text-decoration:none;transition:all .3s;display:block;overflow:hidden;box-shadow:0 1px 2px #1018280a}.post-related-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10182814}.post-related-thumb{aspect-ratio:16/9;background-color:#f3f4f6;overflow:hidden}.post-related-thumb img{object-fit:cover;width:100%;height:100%}.post-related-body{padding:16px}.post-related-body h3{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}html.dark .post-detail{background-color:var(--color-white)}html.dark .reading-progress-bar{background-color:var(--color-primary)}html.dark .post-cover-wrapper>img,html.dark .post-cover{background-color:var(--color-border)}html.dark .article-title,html.dark .article-content,html.dark .article-content h1,html.dark .article-content h2,html.dark .article-content h3,html.dark .article-content h4,html.dark .article-content h5,html.dark .article-content h6{color:var(--color-title)}html.dark .article-content h2{border-left-color:var(--color-primary)}html.dark .article-content blockquote{color:var(--color-title);background-color:#60a5fa14}html.dark .article-content :not(pre)>code{color:var(--color-primary);background-color:#60a5fa26}html.dark .article-content pre{background-color:#0f172a}html.dark .post-action-btn{background-color:var(--color-white);border-color:var(--color-border-dark);color:var(--color-title)}html.dark .post-category-badge{color:var(--color-primary);background-color:#60a5fa26}html.dark .post-meta-row{border-bottom-color:var(--color-border);color:var(--color-body)}html.dark .post-toolbar-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .post-tag-pill{background:var(--color-border);border-color:var(--color-border-dark);color:var(--color-title)}html.dark .post-tag-pill:hover{border-color:var(--color-primary);color:var(--color-primary);background:#60a5fa26}html.dark .post-author-name{color:var(--color-title)}html.dark .post-author-bio{color:var(--color-body)}html.dark .post-toc{border-left-color:var(--color-border)}html.dark .post-toc a{color:var(--color-body)}html.dark .post-toc a:hover,html.dark .post-toc a.active{color:var(--color-primary)}html.dark .post-related{background-color:var(--color-bg);border-top-color:var(--color-border)}html.dark .post-related-title{color:var(--color-title)}html.dark .post-related-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .post-related-body h3{color:var(--color-title)}.site-footer{color:var(--color-body);background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:40px 0;font-size:13px}.site-footer .container{flex-direction:column;gap:32px;display:flex}.footer-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.footer-link-exchange{color:#6b7280;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:color .2s;display:inline-flex}.footer-link-exchange:hover{color:var(--color-primary)}.footer-section-heading{color:#6b7280;letter-spacing:1.2px;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.footer-friends{flex-direction:column;display:flex}.footer-friends-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.footer-friend-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;min-height:56px;padding:8px 10px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 1px #10182808}.footer-friend-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.footer-friend-card:hover .footer-friend-name{color:var(--color-primary)}.footer-friend-avatar{color:#fff;background-color:#93c5fd;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.footer-friend-logo{object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.footer-friend-name{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:500;transition:color .2s;display:-webkit-box;overflow:hidden}.footer-sponsor{border-top:1px solid #f3f4f6;flex-direction:column;align-items:center;padding-top:24px;display:flex}.footer-sponsor-box{color:#9ca3af;background-color:#fff;border:1.5px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:300px;height:100px;font-size:14px;font-weight:500;display:flex}.footer-sponsor-contact{color:#d1d5db;font-size:12px;text-decoration:none;transition:color .2s}.footer-sponsor-contact:hover{color:var(--color-primary)}.footer-legal{text-align:center;color:#9ca3af;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:24px;font-size:12px;display:flex}.footer-runtime{color:#6b7280;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.footer-runtime-days{color:var(--color-primary);letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.footer-runtime-time{color:var(--color-primary);font-variant-numeric:tabular-nums;letter-spacing:.5px;margin-left:4px;font-size:20px;font-weight:700}.footer-credit{text-align:center;color:#d1d5db;margin-top:-8px;font-size:12px}.footer-credit a{color:inherit;text-decoration:none;transition:color .2s}.footer-credit a:hover{color:var(--color-primary)}.photography-page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 96px}.photo-grid{columns:1;gap:16px}@media (width>=750px){.photo-grid{columns:2}}@media (width>=1100px){.photo-grid{columns:3}}.photo-card{break-inside:avoid;cursor:pointer;background-color:var(--color-border);border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.photo-card img{width:100%;transition:transform .5s;display:block}.photo-card:hover img{transform:scale(1.05)}.photo-card-overlay{opacity:0;background-color:#1f293740;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.photo-card:hover .photo-card-overlay{opacity:1}.photo-card-eye{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.photo-card-eye svg{width:18px;height:18px;color:var(--color-title)}.lightbox{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#111827b3;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.lightbox.active{display:flex}.lightbox-modal{background-color:#fff;border-radius:16px;flex-direction:column;width:min(1100px,90vw);height:min(820px,88vh);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000059}.lightbox-topbar{border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.lightbox-topbar-info{align-items:center;gap:12px;display:flex}.lightbox-topbar-title{color:#1f2937;font-size:14px;font-weight:600}.lightbox-topbar-counter{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:12px}.lightbox-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.lightbox-close-btn:hover{background-color:#f3f4f6}.lightbox-image-area{background-color:#f9fafb;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.lightbox-image-area img{object-fit:contain;border-radius:4px;max-width:90%;max-height:90%}.lightbox-nav-btn{cursor:pointer;color:#1f2937;background-color:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 4px #0000001a}.lightbox-nav-btn:hover{background-color:#fff}.lightbox-prev-btn{left:16px}.lightbox-next-btn{right:16px}.lightbox-bottom{border-top:1px solid #f3f4f6;flex-shrink:0;padding:12px 20px 16px}.lightbox-caption{color:#1f2937;text-align:center;margin:0 0 12px;font-size:13px;font-style:italic}.lightbox-thumbs{justify-content:center;gap:6px;display:flex;overflow-x:auto}.lightbox-thumb{object-fit:cover;cursor:pointer;opacity:.6;border:2px solid #0000;border-radius:6px;width:48px;height:48px;transition:opacity .2s}.lightbox-thumb:hover{opacity:.8}.lightbox-thumb.active{opacity:1;border-color:var(--color-primary)}#moment-lightbox .lightbox-modal{width:min(1100px,85vw);height:min(800px,85vh)}#moment-lightbox .lightbox-topbar{height:48px;padding:0 16px}html.dark .lightbox-modal{background-color:#1f2937}html.dark .lightbox-topbar{border-bottom-color:#374151}html.dark .lightbox-topbar-title{color:var(--color-title)}html.dark .lightbox-close-btn{color:var(--color-body)}html.dark .lightbox-close-btn:hover{background-color:#374151}html.dark .lightbox-image-area{background-color:#111827}html.dark .lightbox-bottom{border-top-color:#374151}html.dark .lightbox-caption{color:var(--color-title)}.album-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.album-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.album-grid{grid-template-columns:repeat(3,1fr)}}.album-card-link{color:inherit;text-decoration:none}.album-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 1px 2px #1018280a}.album-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #10182814}.album-card-cover{aspect-ratio:4/3;background-color:#f3f4f6;position:relative;overflow:hidden}.album-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.album-card:hover .album-card-cover img{transform:scale(1.05)}.album-card-placeholder{background:var(--color-border);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.album-card-placeholder svg{width:40px;height:40px;color:var(--color-body)}.album-card-photo-count{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1f2937;background:#ffffffe6;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.album-card-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#2563ebeb;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block;position:absolute;top:12px;left:12px}.album-card-body{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex}.album-card-body h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.album-card-body p{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.album-card-date{color:#9ca3af;letter-spacing:.4px;text-transform:uppercase;margin-top:auto;padding-top:6px;font-size:12px;font-weight:600}.back-link{border:1px solid var(--color-border-dark);color:var(--color-body);white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:6px 14px;font-size:14px;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.back-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.photo-pagination{justify-content:center;align-items:center;gap:8px;margin-top:48px;display:flex}.photo-pagination .page-prev,.photo-pagination .page-next{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;height:40px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.photo-pagination .page-prev:hover:not(:disabled),.photo-pagination .page-next:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.photo-pagination .page-prev:disabled,.photo-pagination .page-next:disabled{color:#d1d5db;cursor:not-allowed}.photo-pagination .page-prev svg,.photo-pagination .page-next svg{width:14px;height:14px}.photo-pagination .page-numbers{align-items:center;gap:6px;margin:0 4px;display:flex}.photo-pagination .page-btn{color:#6b7280;font-variant-numeric:tabular-nums;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.photo-pagination .page-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.photo-pagination .page-btn.active{color:#fff;background-color:#2563eb;border-color:#2563eb}html.dark .photo-pagination .page-prev,html.dark .photo-pagination .page-next,html.dark .photo-pagination .page-btn{background-color:var(--color-white);border-color:var(--color-border-dark);color:var(--color-body)}html.dark .photo-pagination .page-prev:hover:not(:disabled),html.dark .photo-pagination .page-next:hover:not(:disabled),html.dark .photo-pagination .page-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}html.dark .photo-pagination .page-prev:disabled,html.dark .photo-pagination .page-next:disabled{color:var(--color-border-dark)}html.dark .photo-pagination .page-btn.active{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}html.dark .album-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .album-card-body h3{color:var(--color-title)}html.dark .album-card-body p{color:var(--color-body)}html.dark .album-card-date{color:var(--color-border-dark)}html.dark .album-card-photo-count{color:var(--color-title);background:#1f2937d9}html.dark .album-card-tag{background:#60a5faeb}html.dark .footer-link-exchange:hover{color:var(--color-primary)}html.dark .load-more-btn{background-color:var(--color-white);border-color:var(--color-border-dark);color:var(--color-title)}html.dark .load-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}html.dark .article-content figure img{box-shadow:0 4px 16px #0000004d}.moments-page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 96px}.moments-layout{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=1024px){.moments-layout{grid-template-columns:220px minmax(0,1fr) 260px}}.moments-sidebar-left{display:none}@media (width>=1024px){.moments-sidebar-left{display:block}}.moments-month-nav{flex-direction:column;gap:12px;display:flex;position:sticky;top:112px}.moments-sidebar-label{letter-spacing:1px;text-transform:uppercase;color:#6b7280;margin:0 0 8px;font-size:12px;font-weight:700}.moments-month-nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.moments-month-nav a{color:#1f2937;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.moments-month-nav a:hover{background-color:#f3f4f6}.moments-month-count{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:12px}.moments-feed{width:100%;min-width:0;max-width:680px;margin:0 auto}.moment-month-divider{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background-color:#f9fafbd9;margin:24px 0 16px;padding:12px 0;scroll-margin-top:100px;position:sticky;top:64px}.moment-month-divider span{letter-spacing:1px;text-transform:uppercase;color:var(--color-body);font-size:12px;font-weight:700}.moment-tag-pills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.moment-tag-pill{border:1px solid var(--color-border-dark);color:var(--color-body);border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.moment-tag-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.moment-list{border-top:none}.moment-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:16px;gap:16px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex}.moment-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.moment-card+.moment-card{margin-top:16px}.moment-card:last-child{border-bottom:1px solid var(--color-border)}.moment-avatar{object-fit:cover;border:2px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 0 0 3px #2563eb1f}.moment-body{flex:1;min-width:0}.moment-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.moment-author{color:var(--color-title);font-size:14px;font-weight:600}.moment-time{color:var(--color-body);font-size:12px}.moment-content{color:var(--color-title);white-space:pre-wrap;font-size:15px;line-height:1.65}.moment-content .hashtag{color:var(--color-primary);font-weight:500}.moment-photos{border-radius:12px;gap:6px;max-width:480px;margin-top:12px;display:grid;overflow:hidden}.moment-photos>img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;transition:transform .3s;display:block}.moment-photos>img:hover{transform:scale(1.03)}.moment-photos[data-count="1"]{grid-template-columns:1fr;max-width:320px}.moment-photos[data-count="2"],.moment-photos[data-count="4"]{grid-template-columns:repeat(2,1fr)}.moment-photos:not([data-count="1"]):not([data-count="2"]):not([data-count="4"]){grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.moment-photo-btn{aspect-ratio:1;cursor:pointer;background-color:var(--color-border);border:none;border-radius:8px;width:100%;padding:0;position:relative;overflow:hidden}.moment-photo-btn img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.moment-photo-btn:hover img{transform:scale(1.04)}.moment-photo-btn:after{content:"";opacity:0;pointer-events:none;background:#1118272e;transition:opacity .2s;position:absolute;inset:0}.moment-photo-btn:hover:after{opacity:1}.moment-video{aspect-ratio:16/9;background-color:var(--color-border);border-radius:8px;width:100%;position:relative;overflow:hidden}.moment-video video{object-fit:cover;width:100%;height:100%;display:block}.moment-video-play{color:#fff;cursor:pointer;z-index:2;background:#0009;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.moment-video-play svg{width:20px;height:20px;margin-left:2px}.moment-video-play:hover{background:#000000bf;transform:translate(-50%,-50%)scale(1.1)}.moment-video-play.playing{display:none}.moment-video-play{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.moment-actions{color:var(--color-body);align-items:center;gap:20px;margin-top:16px;font-size:13px;display:flex}.moment-actions button{color:inherit;font-size:inherit;font-family:var(--font-family);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;transition:color .2s;display:flex}.moment-actions .like-btn:hover,.moment-actions .like-btn.liked{color:#f43f5e}.moment-actions .like-btn.liked svg{fill:#f43f5e}.moment-actions .like-btn.like-pulse svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(1.45)}.moment-actions .like-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.moment-actions .comment-btn:hover{color:var(--color-primary)}.moment-actions svg{width:15px;height:15px}.moment-comments{border-top:1px solid var(--color-border);opacity:0;border-top:none;max-height:0;margin-top:0;padding-top:0;transition:max-height .4s,opacity .3s,margin-top .3s,padding-top .3s;overflow:hidden}.moment-comments.active{opacity:1;border-top:1px solid var(--color-border);max-height:5000px;margin-top:16px;padding-top:16px}.moment-comments .comment-widget{margin:0}.moments-sidebar-right{display:none}@media (width>=1024px){.moments-sidebar-right{display:block}}.moments-sidebar-right{position:relative}@media (width>=1024px){.moments-sidebar-right{position:static}}.moments-sidebar-right>*{position:sticky;top:112px}.moments-sidebar-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:20px}.moments-sidebar-card+.moments-sidebar-card{margin-top:20px}.moments-activity-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.moments-activity-stat{flex-direction:column;display:flex}.moments-activity-value{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.moments-activity-label{color:#6b7280;margin-top:2px;font-size:12px}.moments-about-card{background-color:#f9fafb}.moments-about-text{color:#1f2937;margin-top:8px;font-size:13px;line-height:1.6}.gear-page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 96px}.gear-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.gear-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.gear-grid{grid-template-columns:repeat(3,1fr)}}.gear-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 2px #1018280a}.gear-card-image{aspect-ratio:4/3;background-color:var(--color-border);justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.gear-card-image img{object-fit:contain;max-width:100%;max-height:100%}.gear-card-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.gear-card-placeholder svg{opacity:.3;width:48px;height:48px}.gear-card-status{background-color:var(--color-white);color:var(--color-body);border-radius:9999px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex;position:absolute;top:12px;right:12px}.gear-card-status .dot{background-color:var(--color-success);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-success-ring);border-radius:50%}.gear-card-status .dot.retired{background-color:var(--color-danger);box-shadow:none}.gear-card-body{flex-direction:column;gap:12px;padding:20px;display:flex}.gear-card-name{color:var(--color-title);font-size:18px;font-weight:700}.gear-card-brand{color:var(--color-body);font-size:14px}.gear-card-specs{flex-wrap:wrap;gap:6px;display:flex}.gear-card-spec{background-color:var(--color-primary-light);color:var(--color-primary);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500}.gear-card-review{color:var(--color-body);font-size:13px;font-style:italic;line-height:1.6}.about-page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 96px}.about-layout{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (width>=1024px){.about-layout{grid-template-columns:380px 1fr}}.about-sidebar-panel{background-color:var(--color-white);border:1px solid var(--color-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:28px;display:flex;box-shadow:0 1px 2px #1018280a,0 8px 24px #1018280a}@media (width>=1024px){.about-sidebar-panel{position:sticky;top:96px}}.about-avatar-large{object-fit:cover;border:4px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:150px;height:150px;box-shadow:0 0 0 6px #2563eb14}.about-sidebar-name{color:var(--color-title);margin-top:20px;font-size:24px;font-weight:700}.about-sidebar-bio{color:var(--color-body);margin-top:6px;font-size:14px;line-height:1.55}.about-stats{background-color:#f9fafb;border-radius:12px;grid-template-columns:repeat(3,1fr);width:100%;margin-top:24px;padding:14px 8px;display:grid}.about-stat-item{flex-direction:column;align-items:center;display:flex}.about-stat-item+.about-stat-item{border-left:1px solid #e5e7eb}.about-stat-value{color:var(--color-title);font-size:18px;font-weight:700}.about-stat-label{color:var(--color-body);letter-spacing:.4px;text-transform:uppercase;margin-top:2px;font-size:11px}.about-social-grid{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:24px;display:grid}.about-social-btn{background-color:var(--color-white);height:40px;color:var(--color-title);cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:flex}.about-social-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.about-social-btn svg{width:16px;height:16px}.about-cta{background-color:var(--color-primary);width:100%;height:44px;color:var(--color-white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex;box-shadow:0 6px 16px #2563eb47}.about-cta:hover{opacity:.9}.about-cta svg{width:15px;height:15px}.about-content{flex-direction:column;gap:32px;display:flex}.about-card{background-color:var(--color-white);border:1px solid #f3f4f6;border-radius:16px;padding:28px;box-shadow:0 1px 2px #1018280a,0 8px 24px #1018280a}.about-card-title{color:var(--color-title);font-size:18px;font-weight:700}.about-card-subtitle{color:var(--color-body);margin-top:4px;font-size:13.5px}.about-story-text{color:var(--color-title);flex-direction:column;gap:16px;margin-top:16px;font-size:15px;line-height:1.75;display:flex}.about-interests-blue{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.about-interest-blue{color:var(--color-primary);background-color:#eff6ff;border-radius:9999px;padding:6px 12px;font-size:12px;font-weight:500}.about-timeline-label{color:var(--color-body);letter-spacing:1px;text-transform:uppercase;margin-top:32px;margin-bottom:16px;font-size:13px;font-weight:700}.about-timeline{border-left:2px solid #e5e7eb;margin:0;padding-left:24px;list-style:none;position:relative}.about-timeline-item{padding-bottom:20px;position:relative}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-item:before{content:"";background-color:var(--color-primary);width:12px;height:12px;box-shadow:0 0 0 4px var(--color-white), 0 0 0 5px #2563eb40;border-radius:50%;position:absolute;top:4px;left:-31px}.about-timeline-year{color:var(--color-primary);font-size:13px;font-weight:700}.about-timeline-text{color:var(--color-title);margin-top:2px;font-size:14px;line-height:1.6}.about-radar-container{width:100%;height:320px;margin-top:8px}.about-radar-svg{width:100%;height:100%}.about-radar-svg .radar-grid{stroke:#e5e7eb}.about-radar-svg .radar-data{fill:#2563eb;stroke:#2563eb}.about-radar-svg .radar-label{fill:#6b7280}html.dark .about-radar-svg .radar-grid{stroke:#374151}html.dark .about-radar-svg .radar-data{fill:#3b82f6;stroke:#3b82f6}html.dark .about-radar-svg .radar-label{fill:#9ca3af}.about-gear-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.about-gear-item{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:16px;padding:12px;display:flex}.about-gear-thumb{background-color:#f3f4f6;border-radius:8px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.about-gear-thumb img{object-fit:cover;width:100%;height:100%}.about-gear-info{flex:1;min-width:0}.about-gear-name{color:var(--color-title);font-size:14px;font-weight:600}.about-gear-review{color:var(--color-body);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;line-height:1.5;overflow:hidden}.about-card-header{justify-content:space-between;align-items:center;display:flex}.about-card-link{color:var(--color-primary);align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;transition:-webkit-text-decoration .2s,text-decoration .2s;display:flex}.about-card-link:hover{text-decoration:underline}.about-card-link svg{width:13px;height:13px}.about-photo-masonry{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.about-photo-masonry img{aspect-ratio:1;object-fit:cover;background-color:#f3f4f6;border-radius:8px;width:100%;transition:transform .3s}.about-photo-masonry img:hover{transform:scale(1.02)}.page-content-wrapper{padding-top:32px;padding-bottom:96px}.page-content-wrapper .post-detail{max-width:800px;margin:0 auto;padding:0 24px}.search-page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 96px}.search-page-header{margin-bottom:32px}.search-empty{text-align:center;color:var(--color-body);padding:64px 0;font-size:15px}.error-page{min-height:calc(100vh - var(--header-height) - 120px);text-align:center;justify-content:center;align-items:center;padding:32px 24px;display:flex}.error-content{max-width:480px}.error-code{color:var(--color-border-dark);letter-spacing:-4px;font-size:120px;font-weight:700;line-height:1}.error-message{color:var(--color-title);margin-top:16px;font-size:24px;font-weight:700}.error-description{color:var(--color-body);margin-top:8px;font-size:15px;line-height:1.6}.error-home-btn{border:1px solid var(--color-border-dark);background-color:var(--color-white);height:44px;color:var(--color-title);font-size:14px;font-weight:600;font-family:var(--font-family);border-radius:8px;align-items:center;gap:8px;margin-top:32px;padding:0 24px;transition:all .2s;display:inline-flex}.error-home-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.error-home-btn svg{width:16px;height:16px}html.dark .site-header{background-color:#111827b8;border-bottom-color:#ffffff0f}html.dark .header-actions button:hover{background-color:var(--color-border-dark)}html.dark .hero-nav{color:#f9fafb;background-color:#1f2937b3;border-color:#ffffff1a}html.dark .hero-nav:hover{background-color:#1f2937e6}html.dark .hero-cta{background-color:var(--color-white);color:var(--color-title);border-color:var(--color-border-dark)}html.dark .hero-cta-label,html.dark .hero-cta svg{color:var(--color-primary)}html.dark .hero-dot{background-color:#9ca3af66}html.dark .hero-dot.active{background-color:var(--color-primary)}html.dark .post-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .btn-load-more,html.dark .error-home-btn{border-color:var(--color-border-dark);background-color:var(--color-white);color:var(--color-title)}html.dark .search-bar input{background-color:var(--color-white);border-color:var(--color-border-dark);color:var(--color-title)}html.dark .photo-card{background-color:var(--color-border-dark)}html.dark .gear-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .gear-card-image{background-color:var(--color-border-dark)}html.dark .about-sidebar-panel,html.dark .about-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .about-social-btn{border-color:var(--color-border-dark)}html.dark .about-social-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}html.dark .about-stats{background-color:var(--color-border-dark)}html.dark .about-stat-item+.about-stat-item{border-color:var(--color-border-dark)}html.dark .about-gear-item{background-color:var(--color-border-dark);border-color:var(--color-border-dark)}html.dark .about-interest-blue,html.dark .filter-pill{background-color:var(--color-border-dark)}html.dark .filter-pill:hover{border-color:var(--color-primary)}html.dark .site-footer{background-color:var(--color-bg);border-top-color:var(--color-border)}html.dark .footer-friend-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .footer-friend-name{color:var(--color-title)}html.dark .footer-sponsor-box{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .icon-moon{display:none}html.dark .icon-sun{display:block}.icon-sun{display:none}.icon-moon{display:block}html.dark .archive-group{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .archive-group-header{background-color:var(--color-bg)}html.dark .archive-post-item:hover{background-color:var(--color-primary-light)}html.dark .tag-pill,html.dark .category-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .category-card:hover{border-color:var(--color-primary)}html.dark .author-header{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .moment-month-divider{border-bottom-color:var(--color-border-dark);background-color:#111827d9}html.dark .moment-card{border-color:var(--color-border-dark);background:var(--color-white)}html.dark .moment-card:hover{box-shadow:0 4px 16px #0003}html.dark .moments-sidebar-card{background-color:var(--color-white);border-color:var(--color-border-dark)}html.dark .moments-about-card{background-color:var(--color-white)}html.dark .moments-month-nav a{color:var(--color-title)}html.dark .moments-month-nav a:hover{background-color:var(--color-border-dark)}@media (width<=768px){.hero-title{font-size:28px}.hero-inner{height:260px}.hero-subtitle{font-size:14px}.hero-cta{height:36px;margin-top:12px;padding:0 12px;font-size:12px}.hero-nav{display:none}.section-header{flex-direction:column;align-items:flex-start}.about-sidebar-panel{text-align:center}.footer-friends-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.moments-layout{gap:24px}.album-grid{grid-template-columns:1fr}.lightbox-modal{width:95vw;height:90vh}.lightbox-thumbs{display:none}.author-header{text-align:center;flex-direction:column;align-items:center;padding:24px}.author-meta{justify-content:center}.categories-grid{grid-template-columns:1fr}}