*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-serif:"Literata Variable","Literata","Noto Serif SC",Georgia,serif;--font-sans:"Space Grotesk Variable","Space Grotesk","Noto Sans SC",system-ui,sans-serif;--font-mono:"JetBrains Mono Variable","JetBrains Mono",ui-monospace,monospace;--text:#1a1a1a;--muted:#6b7280;--border:#e5e7eb;--bg:#ffffff;--accent:#2563eb;--max-width:720px}html{font-size:18px;max-width:100%}body,html{overflow-x:hidden}body{font-family:var(--font-serif);color:var(--text);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;text-rendering:optimizeLegibility}main{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem 6rem;overflow-x:clip}.avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:2rem;display:block}.page-content{padding-top:0}.page-content h1{font-family:var(--font-sans);font-size:1.75rem;font-weight:700;margin-bottom:2rem;line-height:1.25}.page-content h2{font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:2.5rem 0 1rem}.page-content p{margin-bottom:1.1rem;line-height:1.8}.page-content p:last-child{margin-bottom:0}.page-content a{color:var(--accent);text-decoration:none}.page-content a:hover{text-decoration:underline}.page-content ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.5rem}.page-content li{margin-bottom:.5rem}.page-content .item-name{font-family:var(--font-sans);font-weight:600;font-size:1rem;margin-bottom:.3rem}.page-content .item-desc{color:var(--muted);font-family:var(--font-sans);font-size:.9rem;line-height:1.5;margin-bottom:.4rem}.page-content .item-meta{font-family:var(--font-sans);font-size:.8rem;color:var(--muted);display:flex;gap:1rem;align-items:center}.page-content .item-meta a{color:var(--accent)}.page-content .item-status{display:inline-block;font-size:.7rem;padding:.15em .5em;border-radius:3px;background:#f3f4f6;color:var(--muted);font-family:var(--font-sans)}.page-content .item-status.active{background:#dcfce7;color:#16a34a}.page-content .updated{font-family:var(--font-sans);font-size:.8rem;color:var(--muted);margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}@media (max-width:600px){body{padding-bottom:calc(3rem + env(safe-area-inset-bottom))}main{padding-left:1.5rem;padding-right:1.5rem}}@media (prefers-color-scheme:dark){:root{--text:#e8e8e8;--muted:#9ca3af;--border:#2a2a2a;--bg:#111111;--accent:#60a5fa}.page-content .item-status{background:#2a2a2a}}.reading-progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--accent);z-index:1000;transition:width .1s linear;pointer-events:none}.site-header{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1.5rem 1rem;display:flex;align-items:center;gap:1.5rem}.site-header a{text-decoration:none;color:var(--text)}.site-name{font-family:var(--font-sans);font-weight:600;font-size:1rem;margin-right:auto}.site-nav{display:flex;gap:1.25rem}.site-nav a{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--text)}.site-nav a.nav-active{color:var(--text);font-weight:500}.lang-toggle-input{display:none}.lang-dropdown{position:relative}.lang-icon{display:flex;align-items:center;padding:.2rem;cursor:pointer;color:var(--muted);border-radius:4px;transition:color .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-icon:hover,.lang-toggle-input:checked~.lang-icon{color:var(--text)}.lang-backdrop{display:none;position:fixed;inset:0;z-index:199}.lang-menu{display:none;position:absolute;right:0;top:calc(100% + .4rem);background:var(--bg);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.08);min-width:80px;overflow:hidden;z-index:200}.lang-option,.lang-toggle-input:checked~.lang-backdrop,.lang-toggle-input:checked~.lang-menu{display:block}.lang-option{padding:.55rem 1rem;font-family:var(--font-sans);font-size:.825rem;color:var(--muted);text-decoration:none;transition:background .1s}.lang-option:hover{background:#f9fafb;color:var(--text)}.lang-option-active{color:var(--text);font-weight:500}.site-footer{max-width:var(--max-width);margin:0 auto;padding:3rem 1.5rem 4rem;text-align:center;border-top:1px solid var(--border)}.footer-copy{font-family:var(--font-sans);font-size:.75rem;color:var(--muted)}.mobile-tabs{display:none}@media (max-width:600px){.site-header{padding:1rem 1.5rem}.site-nav{display:none}.mobile-tabs{display:flex;position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--bg);border:1px solid var(--border);border-radius:999px;box-shadow:0 4px 24px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06);z-index:100;padding:.2rem .3rem;gap:.05rem;transition:opacity .25s ease,transform .25s ease}.mobile-tabs.tabs-hidden{opacity:0;transform:translateX(-50%) translateY(calc(100% + 1.5rem));pointer-events:none}.mobile-tab{display:flex;align-items:center;justify-content:center;padding:.3rem .7rem;border-radius:999px;text-decoration:none;color:var(--muted);font-family:var(--font-sans);font-size:.72rem;font-weight:500;transition:color .15s,background .15s;white-space:nowrap}.mobile-tab:hover{color:var(--text)}.mobile-tab.tab-active{color:var(--text);background:#f3f4f6}}@media (prefers-color-scheme:dark){.lang-option:hover{background:#1c1c1c}.lang-menu{box-shadow:0 4px 16px rgba(0,0,0,.4)}@media (max-width:600px){.mobile-tab.tab-active{background:#2a2a2a}.mobile-tabs{box-shadow:0 4px 24px rgba(0,0,0,.5),0 1px 4px rgba(0,0,0,.3)}}}.follow-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.follow-heading{font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.follow-links{display:flex;gap:1.25rem;align-items:center}.follow-link{display:inline-flex;align-items:center;gap:.35em;font-family:var(--font-sans);font-size:.825rem;color:var(--muted);text-decoration:none;transition:color .15s;background:none;border:none;padding:0;cursor:pointer}.follow-link:hover{color:var(--text)}.email-btn .u:after{content:"junping"}.email-btn .d:after{content:"hey.com"}.email-btn:hover .email-text{text-decoration:underline}@media (max-width:600px){.follow-links{flex-direction:column;align-items:flex-start;gap:.75rem}}.post-list{list-style:none}.post-list li{padding:2rem 0;border-bottom:1px solid var(--border)}.post-list li:last-child{border-bottom:none}.post-list .post-date{font-family:var(--font-sans);font-size:.8rem;color:var(--muted);margin-bottom:.4rem}.post-list h2{font-family:var(--font-sans);font-size:1.25rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.post-list h2 a{color:var(--text);text-decoration:none}.post-list h2 a:hover{color:var(--accent)}.post-list .post-desc{color:var(--muted);font-size:.95rem;font-family:var(--font-serif);line-height:1.5}.post-featured-star{color:var(--accent);font-size:.7rem;margin-right:.35rem;vertical-align:middle;position:relative;top:-1px}.ai-notice{font-family:var(--font-sans);font-size:.8rem;color:var(--muted);margin-bottom:2rem}.post-header{margin-bottom:3rem}.post-header h1{font-family:var(--font-sans);font-size:2rem;line-height:1.25;font-weight:700}.post-footer{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;font-family:var(--font-sans);font-size:.8rem;color:var(--muted)}.author-bio{display:flex;align-items:flex-start;gap:1rem;margin-top:3.5rem;padding:1.5rem;background:#f9fafb;border-radius:8px}.author-bio-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-bio-text{flex:1 1}.author-bio-name{display:block;font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:var(--text);text-decoration:none;margin-bottom:.3rem}.author-bio-name:hover{color:var(--accent)}.author-bio-text p{font-family:var(--font-sans);font-size:.875rem;color:var(--muted);line-height:1.6;margin:0}@media (max-width:600px){.post-header h1{font-size:1.6rem}}@media (prefers-color-scheme:dark){.author-bio{background:#1c1c1c}}.image-grid{display:grid;grid-gap:8px;gap:8px;margin:2rem auto;max-width:var(--gallery-grid-max,none)}.gallery-size-full{--gallery-grid-max:1250px;--gallery-item-wide:clamp(306px,78vw,612px);--gallery-item-compact:clamp(238px,70vw,442px);--gallery-compare-max:1160px;--gallery-mobile-cap:612px}.gallery-size-large{--gallery-grid-max:952px;--gallery-item-wide:clamp(272px,75vw,544px);--gallery-item-compact:clamp(212px,61vw,374px);--gallery-compare-max:833px;--gallery-mobile-cap:544px}.gallery-size-regular{--gallery-grid-max:816px;--gallery-item-wide:clamp(255px,68vw,476px);--gallery-item-compact:clamp(187px,47vw,306px);--gallery-compare-max:697px;--gallery-mobile-cap:476px}.gallery-size-small{--gallery-grid-max:646px;--gallery-item-wide:clamp(204px,61vw,374px);--gallery-item-compact:clamp(153px,37vw,238px);--gallery-compare-max:595px;--gallery-mobile-cap:374px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.image-grid-item{margin:0;display:flex;flex-direction:column}.image-grid-img{overflow:hidden;border-radius:6px;background:#f3f4f6}.image-grid-img img{width:100%;height:auto;display:block;transition:transform .3s ease;margin:0;border-radius:0}.image-grid-item:hover .image-grid-img img{transform:scale(1.03)}.image-grid-item figcaption{font-family:var(--font-sans);font-size:.75rem;color:#6b7280;text-align:center;padding:.4rem .25rem 0;line-height:1.4}@media (max-width:600px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}.discovery-wrap{margin:2rem 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.discovery-wrap::-webkit-scrollbar{display:none}.discovery-strip{display:flex;gap:12px;width:max-content}.discovery-item{flex-shrink:0;width:var(--gallery-item-wide,clamp(300px,80vw,560px));margin:0}.discovery-item.compact{width:var(--gallery-item-compact,clamp(220px,55vw,360px))}.discovery-img{border-radius:8px;overflow:hidden;background:#f3f4f6}.discovery-img img{width:100%;height:auto;display:block;margin:0;border-radius:0}.discovery-item figcaption{font-family:var(--font-sans);font-size:.75rem;color:#6b7280;padding:.4rem .25rem 0;line-height:1.4}@media (max-width:600px){.discovery-item{width:min(85vw,var(--gallery-mobile-cap,476px))}}.compare-row-wrap{margin:2rem auto;max-width:var(--gallery-compare-max,none)}.compare-row{display:flex;gap:6px}.compare-item{flex:1 1;min-width:0;margin:0}.compare-img{border-radius:6px;overflow:hidden;background:#f3f4f6}.compare-img img{width:100%;height:auto;display:block;margin:0;border-radius:0}.compare-item figcaption{font-family:var(--font-sans);font-size:.75rem;color:#6b7280;text-align:center;padding:.4rem .25rem 0;line-height:1.4}.failure-image{margin:1.5rem 0}.failure-img-wrap{position:relative;border-radius:8px;overflow:hidden;background:#f3f4f6}.failure-img-wrap img{width:100%;height:auto;display:block;margin:0;border-radius:0}.failure-badge{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-family:var(--font-sans);font-size:.75rem;font-weight:500;padding:.3rem .6rem;border-radius:4px;display:flex;gap:.35rem;align-items:center}.failure-sep{opacity:.5}.failure-city{opacity:.85}.failure-image figcaption{font-family:var(--font-sans);font-size:.85rem;color:#6b7280;padding:.6rem .75rem 0;line-height:1.5;border-left:2px solid #e5e7eb;margin-top:.5rem}.model-compare{margin:2rem 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;max-width:var(--model-max,none)}.model-size-full{--model-max:1250px}.model-size-large{--model-max:952px}.model-size-regular{--model-max:833px}.model-size-small{--model-max:646px}.model-compare::-webkit-scrollbar{display:none}.mc-grid{display:grid;grid-template-columns:32px repeat(calc(var(--cols) - 1),minmax(100px,1fr));grid-gap:8px;gap:8px;min-width:400px}.mc-cell{display:flex;align-items:center;justify-content:center}.mc-header{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;padding:0 0 .5rem;text-align:center}.mc-header,.mc-model-label{font-family:var(--font-sans);font-weight:600}.mc-model-label{font-size:.7rem;color:#374151;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.mc-img-cell{border-radius:6px;overflow:hidden;background:#f3f4f6}.mc-img-cell img{width:100%;height:auto;display:block;margin:0;border-radius:0;transition:transform .3s ease}.mc-img-cell:hover img{transform:scale(1.04)}.mc-carousel,.mc-wrap{margin:2rem auto;max-width:var(--model-max,none)}.mc-city{font-family:var(--font-sans);font-size:.78rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.mc-pair{display:flex;gap:6px}.mc-model{flex:1 1;min-width:0}.mc-img{border-radius:6px;overflow:hidden;background:#f3f4f6}.mc-img img{width:100%;height:auto;display:block;margin:0;border-radius:0}.mc-label{font-family:var(--font-sans);font-size:.7rem;color:#9ca3af;text-align:center;padding-top:.3rem}.mc-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;flex-wrap:wrap}.mc-page{background:none;border:none;font-family:var(--font-sans);font-size:.72rem;font-weight:500;color:#d1d5db;cursor:pointer;padding:4px 8px;border-radius:4px;transition:color .15s}.mc-page:hover{color:#6b7280}.swiper-pagination{position:static!important;margin-top:14px;display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.mc-bullet{display:inline-block!important;width:auto!important;height:auto!important;background:none!important;border-radius:4px!important;font-family:var(--font-sans);font-size:.72rem;font-weight:500;color:#d1d5db;cursor:pointer;padding:4px 8px!important;opacity:1!important;transition:color .15s,background .15s!important}.mc-bullet.swiper-pagination-bullet-active{color:#374151!important;background:#f3f4f6!important}.mc-bullet:hover{color:#6b7280}.prompt-block{white-space:pre-wrap;word-break:break-word;overflow-x:visible;min-width:0}.prompt-block mark{background:rgba(74,222,128,.18);color:#86efac;border-radius:2px;padding:1px 0;display:block}