:root{--paper:#f5f4ef;--surface:#fffefa;--ink:#243c34;--muted:#64716a;--line:#243c3421;--line-strong:#243c3459;--white:#fffefa;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-small:.8rem;--font-brand:1.25rem;--font-control:.875rem;--font-card-title:clamp(1.1rem, 1.5vw, 1.3rem);--font-card-description:.95rem;--page-pad:clamp(.75rem, 3vw, 2.5rem);--content-max:84rem;--card-gap:clamp(.75rem, 1.8vw, 1.5rem);color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--paper);min-width:320px;min-height:100%;margin:0}body,a,button{font-family:var(--sans)}a{color:inherit;touch-action:manipulation;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:.25rem}::selection{color:var(--white);background:var(--ink)}.site-shell{min-height:calc(100svh - var(--preview-banner-height,0px));flex-direction:column;display:flex}body:has(#leo-preview-environment){--preview-banner-height:42px}.page-wrap{width:min(100%, var(--content-max));padding-inline:var(--page-pad);margin-inline:auto}main.page-wrap{flex:1;align-items:center;padding-block:clamp(.5rem,1.5vh,1rem);display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:var(--white);background:var(--ink);font-size:var(--font-small);padding:.8rem 1rem;transition:transform .18s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;min-height:4rem;padding-block:.5rem;display:flex}.language-switcher{border:1px solid var(--line);background:var(--surface);border-radius:.65rem;gap:.2rem;padding:.2rem;display:inline-flex}.language-button{min-height:2.75rem;color:var(--muted);font-size:var(--font-control);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.5rem;padding:.4rem .8rem;font-weight:600}.language-button[aria-pressed=true]{color:var(--white);background:var(--ink)}.brand{min-height:2.75rem;font-size:var(--font-brand);letter-spacing:-.035em;align-items:center;gap:.5rem;font-weight:650;display:inline-flex}.brand-icon{object-fit:contain;flex:none;width:2rem;height:2rem;display:block}.project-grid{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;scroll-margin-top:1.5rem;display:grid}.project-grid:focus{outline:none}.project-item,.project-card{min-width:0}.project-card{border:1px solid var(--line);background:var(--surface);border-radius:1.25rem;height:100%;padding:.65rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:block;box-shadow:0 2px 4px #243c3406,0 12px 32px #243c3409}.project-card:focus-visible{border-radius:1.25rem}.project-preview{width:100%;height:clamp(5rem, calc(100svh - var(--preview-banner-height,0px) - 36rem), 14rem);aspect-ratio:8/5;border:1px solid var(--line);background:var(--paper);object-fit:cover;object-position:top center;border-radius:.7rem;display:block}.project-card h2{font-size:var(--font-card-title);letter-spacing:.015em;margin:0;padding:.75rem .5rem .35rem;font-weight:600;line-height:1.5}.project-description{color:var(--muted);font-size:var(--font-card-description);margin:0;padding:0 .5rem .5rem;line-height:1.55}.project-description-list{padding-inline-start:1.8rem}.project-description-list li+li{margin-top:.3rem}.project-description-list strong{color:var(--ink);font-weight:600}.project-stats{border-block:1px solid var(--line);text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));margin:.35rem .5rem .65rem;padding-block:.4rem;display:grid}.project-stats>div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.project-stats>div+div{border-inline-start:1px solid var(--line)}.project-stats dt{color:var(--muted);font-size:var(--font-small);order:1}.project-stats dd{color:var(--ink);font-size:var(--font-brand);font-variant-numeric:tabular-nums;margin:0;font-weight:650}.site-footer{padding:.65rem var(--page-pad) max(.5rem, env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:var(--font-small);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;display:flex}.footer-introduction{font-size:var(--font-card-description);text-wrap:balance;flex-basis:100%;margin:0;line-height:1.5}.update-notice{color:var(--ink);background:linear-gradient(#0000 55%,#f8dda0 55%);font-weight:750}.footer-brand-icon{object-fit:contain;flex:none;width:1.25rem;height:1.25rem;display:block}.wechat-publication{color:#167b42;white-space:nowrap;vertical-align:baseline;background:#e8f3e8;border-radius:.4rem;align-items:center;gap:.25rem;padding:.1rem .4rem;font-weight:650;display:inline-flex}.wechat-icon{flex:none;width:1.2rem;height:1rem}.footer-legal{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .45rem;display:inline-flex}.footer-copyright{align-items:center;gap:.35rem;display:inline-flex}.site-footer a{text-underline-offset:.25em;align-items:center;min-height:2.75rem;display:inline-flex}.site-footer a:focus-visible{color:var(--ink);text-decoration:underline}@media (hover:hover) and (pointer:fine){.project-card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 16px 36px #243c341a}.site-footer a:hover{color:var(--ink);text-decoration:underline}}@media (width<=1119px){:root{--font-card-description:.875rem}}@media (width<=659px){:root{--font-brand:1.125rem;--font-card-title:1rem;--card-gap:.375rem;--page-pad:.5rem}.header-inner{justify-content:center;padding-block:.25rem}.brand{min-height:2rem}.language-switcher{background:0 0;border:0;justify-content:center;width:100%;padding:0}.language-button{flex:1;padding-inline:.4rem}main.page-wrap{padding-block:.375rem}.project-grid{grid-template-columns:minmax(0,1fr)}.project-card{border-radius:.9rem;grid-template-columns:3.2rem minmax(0,1fr);gap:.25rem .65rem;padding:.375rem;display:grid}.project-preview{border-radius:.4rem;grid-area:1/1;width:3.2rem;height:2rem}.project-card h2{grid-area:1/2;align-self:center;padding:0;line-height:1.25}.project-description{grid-column:1/-1;padding:0;line-height:1.35}.project-description-list{padding-inline-start:1rem}.project-stats{grid-column:1/-1;margin:0;padding-block:.2rem}.project-stats>div{gap:0}.project-stats dd{line-height:1.2}.site-footer{gap:.25rem;padding-top:.5rem}.footer-introduction{line-height:1.4}}@media (width>=660px) and (height<=680px){.project-preview{object-fit:contain}.project-card{padding:.5rem}.project-card h2{padding-block:.5rem .25rem}.project-stats{margin-block:.2rem .4rem}}@media (width<=659px) and (height<=760px){:root{--card-gap:.25rem}.brand{min-height:1.5rem}.brand-icon{width:1.5rem;height:1.5rem}main.page-wrap{padding-block:.25rem}.project-card{grid-template-columns:2.4rem minmax(0,1fr)}.project-preview{width:2.4rem;height:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.project-card:hover{transform:none}}:root{--x-font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "PingFang TC", "Microsoft YaHei", "Microsoft JhengHei", "Noto Sans CJK SC", "Noto Sans CJK TC", Arial, sans-serif;--x-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--x-text-meta:.75rem;--x-text-small:.8125rem;--x-text-body:.875rem;--x-text-control:1rem;--x-text-card:1rem;--x-text-section:1.125rem;--x-text-brand:1rem;--x-text-page:1.75rem;--x-text-stat:1.5rem;--x-leading-body:1.6;--x-paper:#f6f5f0;--x-surface:#fffefb;--x-ink:#203d35;--x-muted:#63736c;--x-line:#dbe3dc;--x-line-strong:#bdcec3;--x-accent:#087f83;--x-accent-hover:#06666a;--x-accent-soft:#e4f2ef;--x-footer:#edf1ea;--x-radius-sm:8px;--x-radius-md:12px;--x-radius-lg:20px;--x-shadow:0 8px 28px #203d350d;--sans:var(--x-font-sans);--font-sans:var(--x-font-sans);--font-display:var(--x-font-sans);--font-mono:var(--x-font-mono);--font-meta:var(--x-text-meta);--font-small:var(--x-text-small);--font-body:var(--x-text-body);--font-control:var(--x-text-control);--font-brand:var(--x-text-brand);--font-card-title:var(--x-text-card);--font-card-description:var(--x-text-body);--font-section-title:var(--x-text-section);--font-page-title:var(--x-text-page);--font-stat:var(--x-text-stat);--font-size-meta:var(--x-text-meta);--font-size-small:var(--x-text-small);--font-size-body:var(--x-text-body);--font-size-table-label:var(--x-text-small);--font-size-company-label:var(--x-text-small);--font-size-card-title:var(--x-text-card);--font-size-section-title:var(--x-text-section);--font-size-page-title:var(--x-text-page);--font-size-display-number:var(--x-text-stat);--font-size-metric:var(--x-text-control);--text-1:var(--x-text-meta);--text-2:var(--x-text-small);--text-3:var(--x-text-body);--text-4:var(--x-text-control);--text-5:var(--x-text-section);--text-6:var(--x-text-page);--text-7:var(--x-text-page);--text-meta:var(--x-text-meta);--text-caption:var(--x-text-meta);--text-label:var(--x-text-small);--text-body:var(--x-text-body);--text-control:var(--x-text-control);--text-nav:var(--x-text-body);--text-card-title:var(--x-text-card);--text-section:var(--x-text-section);--text-page-title:var(--x-text-page);--text-display:var(--x-text-stat);--leading-body:var(--x-leading-body);--paper:var(--x-paper);--paper-deep:var(--x-footer);--bg:var(--x-paper);--color-bg:var(--x-paper);--surface:var(--x-surface);--color-surface:var(--x-surface);--surface-muted:var(--x-footer);--ink:var(--x-ink);--color-text:var(--x-ink);--muted:var(--x-muted);--ink-soft:var(--x-muted);--ink-faint:var(--x-muted);--color-text-secondary:var(--x-muted);--color-text-tertiary:var(--x-muted);--line:var(--x-line);--color-border:var(--x-line);--line-strong:var(--x-line-strong);--accent:var(--x-accent);--accent-ink:var(--x-accent-hover);--accent-soft:var(--x-accent-soft);--green:var(--x-accent);--green-dark:var(--x-accent-hover);--green-soft:var(--x-accent-soft);--color-accent:var(--x-accent);--color-accent-hover:var(--x-accent-hover);--color-accent-soft:var(--x-accent-soft);--sidebar:var(--x-ink);--radius-sm:var(--x-radius-sm);--radius-md:var(--x-radius-md);--radius-lg:var(--x-radius-lg);--shadow:var(--x-shadow);--shadow-md:var(--x-shadow)}html,body{background:var(--x-paper);color:var(--x-ink);font-family:var(--x-font-sans);font-synthesis:none}body{font-size:var(--x-text-body);line-height:var(--x-leading-body)}button,input,select,textarea{font-family:var(--x-font-sans)}#app:has(.x-header) :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:var(--x-text-control)!important}#app h1{font-size:var(--x-text-page);letter-spacing:-.025em;font-weight:700;line-height:1.25}#app h2{font-size:var(--x-text-section);letter-spacing:-.015em;font-weight:650;line-height:1.4}#app h3{font-size:var(--x-text-card);font-weight:650;line-height:1.4}#app .x-header{border-top:3px solid var(--x-accent);border-bottom:1px solid var(--x-line);background:var(--x-surface);box-shadow:none}#app .x-brand{min-width:0;color:var(--x-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}#app .x-header .x-brand img{object-fit:contain;border-radius:0;flex:none;width:24px;height:24px;display:block}#app .x-brand-copy{gap:1px;min-width:0;display:grid}#app .x-brand .x-brand-name{color:var(--x-ink);font-size:var(--x-text-brand);letter-spacing:-.025em;font-weight:650;line-height:1.3}#app .x-brand .x-brand-copy .x-product-name{color:var(--x-muted);font-size:var(--x-text-body);letter-spacing:0;font-weight:500;line-height:1.4}#app .x-header select{box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23203d35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px 12px;min-width:84px;font-size:var(--x-text-body)!important;padding-inline-end:24px!important}#app .x-header .x-language-select{border:1px solid var(--x-line-strong);border-radius:var(--x-radius-sm);background-color:var(--x-surface);width:112px;min-width:104px;min-height:44px;color:var(--x-ink);font-family:var(--x-font-sans);cursor:pointer;touch-action:manipulation;flex:none;margin:0;padding:0 24px 0 8px;font-weight:600;display:block}#app .x-header .x-home-link{border:1px solid var(--x-accent);border-radius:var(--x-radius-sm);background:var(--x-accent);color:#fff;min-height:44px;font-size:var(--x-text-body);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:650;text-decoration:none;display:inline-flex}#app .x-home-link:hover{background:var(--x-accent-hover)}#app .x-home-link svg{flex:none;width:18px;height:18px}#app :is(.x-language-select,.x-home-link,.x-brand):focus-visible{outline:3px solid var(--x-accent);outline-offset:3px}#app .x-footer{color:var(--x-muted);background:var(--x-footer);border-top:1px solid var(--x-line)}#app .x-footer :is(.footer-introduction,.creator-introduction,.footer-intro){font-size:var(--x-text-body);line-height:var(--x-leading-body)}#app .x-footer :is(.footer-legal,.footer-bottom,.footer-owner,.footer-registration){font-size:var(--x-text-meta)}#app .x-footer .update-notice{background:linear-gradient(#0000 55%,#f8dda0 55%);font-weight:750}#app .x-footer .x-legal-line{max-width:100%;color:var(--x-muted);font-family:var(--x-font-sans);font-size:var(--x-text-meta);letter-spacing:0;text-align:center;flex-wrap:wrap;flex:none;justify-content:center;align-self:center;align-items:center;gap:0 4px;margin:0;padding:0;font-weight:400;line-height:1.5;display:flex}#app .x-footer .x-legal-owner{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}#app .x-footer .x-legal-owner img{object-fit:contain;border-radius:0;flex:none;width:16px;height:16px;display:block}#app .x-footer .x-legal-line a{min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;white-space:nowrap;text-underline-offset:3px;align-items:center;padding:0;text-decoration:none;display:inline-flex}#app .x-footer .x-legal-line a:hover{color:var(--x-accent);text-decoration:underline}#app .x-footer .x-legal-line a:focus-visible{outline:3px solid var(--x-accent);outline-offset:3px;text-decoration:underline}#app .x-footer .x-legal-note{color:var(--x-muted);font-family:var(--x-font-sans);font-size:var(--x-text-meta);text-align:center;margin:0;font-weight:400;line-height:1.5}@media (width<=767px){:root{--x-text-page:1.5rem}#app .x-header select{font-size:var(--x-text-control)!important}#app .x-header .x-home-link{padding-inline:6px}#app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:var(--x-text-control)}}@media (width<=380px){html:lang(en) #app .x-header .x-home-link{white-space:normal;max-width:90px;line-height:1.35}html:lang(en) #app .x-header .x-home-link span{text-align:center;min-width:0}}#app .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:56px;padding-block:6px;display:grid}#app .project-card{border-radius:var(--x-radius-lg);box-shadow:var(--x-shadow)}#app .project-card h2{font-size:var(--x-text-card)}#app .site-footer{padding-inline:var(--page-pad)}@media (width<=659px){#app .header-inner{gap:4px;min-height:0;padding-block:6px}#app .project-card{border-radius:var(--x-radius-md)}#app .footer-introduction,#app .site-footer.x-footer .footer-introduction{line-height:1.4}#app .footer-legal{gap:0 3px}#app .footer-copyright{gap:3px}}@media (width<=659px) and (height<=760px){#app .header-inner{gap:2px;padding-block:2px}#app main.page-wrap{padding-block:2px}#app .project-grid{gap:2px}#app .project-card{gap:2px 8px;padding:4px}#app .project-stats{padding-block:2px}#app .site-footer{padding-block:4px}}#app .project-stats{margin-block:.2rem .35rem;padding-block:.2rem}#app .project-stats>div{flex-flow:wrap;justify-content:center;align-items:baseline;gap:0 .25rem}#app .project-stats dd{font-size:var(--x-text-card);line-height:1.35}#app .project-description-list li+li{margin-top:.15rem}@media (width<=659px){#app .project-stats{margin-block:0}}