:root{--color-paper: oklch(97% .012 95);--color-paper-2: oklch(94% .016 95);--color-paper-3: oklch(91% .02 95);--color-ink: oklch(20% .012 250);--color-ink-2: oklch(42% .02 250);--color-ink-3: oklch(58% .02 250);--color-accent: oklch(86% .18 95);--color-accent-deep: oklch(78% .2 95);--color-accent-2: oklch(66% .18 235);--color-accent-2-soft: oklch(93% .045 235);--color-accent-3: oklch(68% .24 18);--color-accent-3-soft: oklch(95% .02 18);--color-mint: oklch(80% .16 150);--color-mint-soft: oklch(94% .05 150);--color-lavender: oklch(74% .16 305);--color-lavender-soft: oklch(94% .045 305);--color-focus: oklch(66% .18 235);--font-display: "Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.875rem;--text-3xl: 2.5rem;--text-display: clamp(2.75rem, 6vw + 1.5rem, 4.5rem);--radius-card: 20px;--radius-pill: 999px;--radius-input: 12px;--shadow-card: 0 12px 32px -16px oklch(20% .012 250 / .15);--shadow-card-hover: 0 20px 40px -18px oklch(20% .012 250 / .22);--shadow-btn-cast: oklch(76% .2 95 / .45);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, .06, .68, .19);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-snappy: cubic-bezier(.2, .7, .3, 1);--dur-fast: .14s;--dur-md: .26s;--dur-slow: .42s;--rule-hairline: 1px solid oklch(20% .012 250 / .08)}.page-home{padding-top:var(--space-3xl);padding-bottom:var(--space-2xl)}.hero{max-width:780px}.hero__title{font-size:var(--text-display);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:var(--space-sm) 0 var(--space-md)}.hero__sub{font-size:var(--text-lg);color:var(--color-ink-2);line-height:1.7;margin-bottom:var(--space-xl)}.hero__sub strong{color:var(--color-ink);font-weight:700}.search-wrap{max-width:640px}.hero__stats{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-md) var(--space-lg);margin-top:var(--space-xl);color:var(--color-ink-2);font-size:var(--text-md);font-weight:500}.hero__stats b{font-size:var(--text-2xl);font-weight:800;color:var(--color-ink);font-variant-numeric:tabular-nums;margin-right:.2em}.hero__stats-label{color:var(--color-ink-3);font-weight:500}.hero__sep{color:var(--color-accent-3);font-weight:700}.filters{margin-top:var(--space-3xl);display:flex;flex-direction:column;gap:var(--space-lg)}.filter-row{display:flex;gap:var(--space-md);align-items:flex-start}.filter-row__label{flex:0 0 auto;padding-top:.55rem;width:4.5em}.filter-row__chips{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.chip--active{background:var(--color-ink)!important;color:var(--color-paper)!important}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:var(--space-2xl) 0 var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--rule-hairline);color:var(--color-ink-2);font-size:var(--text-sm)}.result-count{font-size:var(--text-xl);color:var(--color-ink);font-variant-numeric:tabular-nums;margin-inline:.15em}.result-echo{color:var(--color-ink-3)}.result-clear{margin-left:var(--space-md);color:var(--color-accent-2);font-weight:700;font-size:var(--text-sm);text-decoration:underline;text-underline-offset:3px}.result-clear:hover{color:var(--color-ink)}.search-wrap{position:relative;display:flex;align-items:stretch;gap:var(--space-xs);max-width:640px}.search-wrap>.search-icon{flex:0 0 auto;position:static;width:1.15rem;height:1.15rem;align-self:center;margin-left:.5rem;color:var(--color-ink-3);pointer-events:none}.search-wrap>.search-input{flex:1 1 auto;min-width:0;padding-left:.2rem;padding-right:2.5rem}.search-submit{flex:0 0 auto;padding:0 1.4rem;border-radius:var(--radius-input);background:var(--color-ink);color:var(--color-paper);font-weight:700;font-size:var(--text-md);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-snappy)}.search-submit:hover:not(:disabled){background:var(--color-ink-2);transform:translateY(-1px)}.search-submit:active:not(:disabled){transform:translateY(1px)}.search-submit:disabled{background:var(--color-paper-3);color:var(--color-ink-3);cursor:not-allowed}.search-clear{position:absolute;right:5.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;font-size:1.2rem;line-height:1;color:var(--color-ink-3);background:var(--color-paper-3);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);z-index:1}.search-clear:hover{background:var(--color-ink);color:var(--color-paper)}.search-hint{position:relative;z-index:5;margin-top:var(--space-xs);padding:.4rem .6rem;background:var(--color-paper);border:1px solid oklch(20% .012 250 / .12);border-radius:8px;box-shadow:0 4px 12px -6px #12171b26;color:var(--color-ink-2);display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:var(--text-sm)}.search-hint kbd{display:inline-block;padding:.1em .55em;background:var(--color-paper-3);color:var(--color-ink);border:1px solid oklch(20% .012 250 / .25);border-radius:4px;font-family:var(--font-mono);font-size:.78rem;line-height:1.2}@media (max-width: 640px){.hero__title{font-size:clamp(1.875rem,7vw + .5rem,2.5rem);line-height:1.15}.hero__sub{font-size:var(--text-md)}.hero__stats{gap:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.hero__stats b{font-size:var(--text-xl)}.hero__stats>span:not(:first-child):not(.hero__sep){display:none}.hero__stats>.hero__sep{display:none}.search-wrap{flex-wrap:nowrap;gap:var(--space-2xs)}.search-wrap>.search-input{width:auto;flex:1 1 auto;height:44px;font-size:var(--text-md)}.search-submit{width:auto;padding:0 1.1rem;height:44px;font-size:var(--text-sm)}.search-clear{right:4.5rem}.search-hint{font-size:.75rem}.filter-row__chips{-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - 32px),transparent 100%);mask-image:linear-gradient(to right,black 0,black calc(100% - 32px),transparent 100%)}.ex-card__body{padding:var(--space-sm) var(--space-sm) var(--space-md)}.ex-card__title{font-size:1rem}.detail-hero{grid-template-columns:1fr;gap:var(--space-lg)}.detail-info{padding-bottom:var(--space-md)}.detail-title{font-size:clamp(1.5rem,6vw + .5rem,2rem)}.lb__close{top:var(--space-sm);right:var(--space-sm)}.lb__arrow--prev{left:var(--space-2xs)}.lb__arrow--next{right:var(--space-2xs)}.lb__stage{gap:var(--space-md)}.g-portal__title{font-size:clamp(1.75rem,6vw + .5rem,2.25rem)}.g-portal__sub{font-size:var(--text-sm)}.g-zone__name{font-size:var(--text-lg)}}@media (hover: none) and (pointer: coarse){.viewswitch-btn,.chip,.search-submit,.search-clear,.nav__link{min-height:44px}}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;padding:var(--space-3xl) 0}.empty__emoji{font-size:3rem}.page-detail{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.back-link{display:inline-block;font-weight:700;font-size:var(--text-sm);color:var(--color-ink-2);margin-bottom:var(--space-xl);transition:color var(--dur-fast) var(--ease-out)}.back-link:hover{color:var(--color-ink)}.detail-hero{display:grid;grid-template-columns:340px 1fr;gap:var(--space-2xl);align-items:start}.detail-media{border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);background:var(--color-paper-2)}.detail-media img{width:100%;height:auto}.detail-media__hint{padding:var(--space-xs) var(--space-md);border-top:var(--rule-hairline)}.detail-info{min-width:0}.detail-title{font-size:clamp(2rem,5vw + .75rem,3.25rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:var(--space-xs) 0 var(--space-xs);overflow-wrap:anywhere}.detail-en{color:var(--color-ink-3);font-size:var(--text-lg);margin-bottom:var(--space-xl)}.detail-meta{display:flex;flex-direction:column;gap:var(--space-sm)}.detail-meta__row{display:flex;gap:var(--space-md);align-items:baseline;padding:var(--space-xs) 0;border-bottom:var(--rule-hairline)}.detail-meta dt{flex:0 0 5em;font-size:var(--text-sm);font-weight:600;color:var(--color-ink-3)}.detail-meta__muscles{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.section-head{display:flex;align-items:baseline;gap:var(--space-sm);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:var(--space-3xl) 0 var(--space-lg)}.section-head__count{color:var(--color-ink-3)}.steps-list{display:grid;gap:var(--space-sm);max-width:720px}.steps-item{display:flex;gap:var(--space-md);align-items:flex-start;background:var(--color-paper);border:1px solid oklch(20% .012 250 / .06);border-radius:var(--radius-card);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-card)}.steps-item__num{flex:0 0 auto;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);color:var(--color-accent-2);padding-top:.1em}.steps-item p{line-height:1.7}@media (max-width: 768px){.detail-hero{grid-template-columns:1fr;gap:var(--space-xl)}.detail-media{max-width:360px}}@media (max-width: 640px){.page-home{padding-top:var(--space-2xl)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:var(--space-md)}.detail-meta dt{flex-basis:4.5em}}body.gallery-mode{--color-paper: #fff;--color-paper-2: #f4f4f4;--color-paper-3: #e9e9e9;--color-ink: #111;--color-ink-2: #3d3d3d;--color-ink-3: #787878;--color-accent: #111;--color-accent-deep: #000;--color-accent-2: #333;--color-accent-2-soft: #f0f0f0;--color-accent-3: #111;--color-accent-3-soft: #f5f5f5;--color-mint: #555;--color-mint-soft: #f2f2f2;--color-lavender: #444;--color-lavender-soft: #f1f1f1;--color-focus: #111;--shadow-btn-cast: rgba(0, 0, 0, .25);--shadow-card: 0 12px 32px -16px rgba(0, 0, 0, .18);--shadow-card-hover: 0 20px 40px -18px rgba(0, 0, 0, .3)}body.gallery-mode .nav{background:#ffffffe0;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px)}body.gallery-mode .hero__title,body.gallery-mode .g-item__zh,body.gallery-mode .lb__zh{font-family:Georgia,Times New Roman,Songti SC,STSong,SimSun,serif}.nav__viewswitch{display:inline-flex;border:1.5px solid var(--color-ink-3);border-radius:var(--radius-pill);overflow:hidden;background:var(--color-paper)}.viewswitch-btn{padding:.35rem .85rem;font-size:var(--text-sm);font-weight:700;color:var(--color-ink-2);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.viewswitch-btn+.viewswitch-btn{border-left:1.5px solid var(--color-ink-3)}.viewswitch-btn.is-active{background:var(--color-ink);color:var(--color-paper)}.g-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-2xl) var(--space-xl)}.g-item{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left;background:none;border:0;padding:0;cursor:zoom-in;opacity:0;transform:translateY(26px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.g-item.is-in{opacity:1;transform:none}.g-item__frame{display:block;aspect-ratio:1 / 1;background:var(--color-paper-2);border:1px solid var(--color-ink-3);overflow:hidden}.g-item__img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:transform .5s var(--ease-out),filter .5s var(--ease-out),opacity .3s var(--ease-out)}.g-item__frame{position:relative}.g-item__gif{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:grayscale(0) contrast(1)}.g-item:hover .g-item__jpg,.g-item:focus-visible .g-item__jpg{transform:scale(1.035);filter:grayscale(0) contrast(1);opacity:0}.g-item:hover .g-item__gif,.g-item:focus-visible .g-item__gif{transform:scale(1.035);opacity:1}.g-item__label{display:flex;flex-direction:column;gap:.15rem}.g-item__no{color:var(--color-ink-3)}.g-item__zh{font-size:var(--text-xl);font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow-wrap:anywhere}.g-item__en{font-size:var(--text-xs);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere}.g-item__meta{color:var(--color-ink-3);margin-top:.2rem}.g-item:hover .g-item__zh{text-decoration:underline;text-underline-offset:4px}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.lb__stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);max-width:640px;width:100%}.lb__media{width:min(100%,420px);aspect-ratio:1 / 1;background:#1a1a1a;border-radius:4px;overflow:hidden}.lb__media img{width:100%;height:100%;object-fit:contain}.lb__caption{text-align:center;display:flex;flex-direction:column;gap:.35rem;max-width:480px}.lb__no{color:#999}.lb__zh{font-size:clamp(1.6rem,4vw + .5rem,2.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.2}.lb__en{color:#aaa;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em}.lb__meta{color:#bbb}.lb__muscles{color:#888;font-size:.72rem}.lb__secondary{color:#666}.lb__link{margin-top:var(--space-md);color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}.lb__link:hover{color:#bbb}.lb__preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.lb__close{position:absolute;top:var(--space-lg);right:var(--space-lg);color:#fff;padding:.5rem;border-radius:50%;transition:background-color var(--dur-fast) var(--ease-out)}.lb__close:hover{background:#ffffff26}.lb__arrow{position:absolute;top:50%;transform:translateY(-50%);color:#fff;padding:.6rem;border-radius:50%;transition:background-color var(--dur-fast) var(--ease-out)}.lb__arrow:hover{background:#ffffff26}.lb__arrow--prev{left:var(--space-lg)}.lb__arrow--next{right:var(--space-lg)}@keyframes lb-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.lb__stage{animation:lb-in .3s var(--ease-out)}.g-zone-root{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.g-search{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-xl);border-bottom:var(--rule-hairline);margin-bottom:var(--space-2xl)}.g-search__wrap{max-width:720px;display:flex;align-items:stretch;gap:var(--space-xs)}.g-search__wrap>.search-icon{flex:0 0 auto;position:static;width:1.15rem;height:1.15rem;align-self:center;margin-left:.5rem;color:var(--color-ink-3);pointer-events:none;transform:none;top:auto;left:auto}.g-search__wrap>.search-input{flex:1 1 auto;min-width:0;padding-left:.2rem;padding-right:2.5rem}.g-search__submit{flex:0 0 auto;padding:0 1.4rem;border-radius:var(--radius-input);background:var(--color-ink);color:var(--color-paper);font-weight:700;font-size:var(--text-md);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-snappy)}.g-search__submit:hover:not(:disabled){background:var(--color-ink-2);transform:translateY(-1px)}.g-search__submit:active:not(:disabled){transform:translateY(1px)}.g-search__submit:disabled{background:var(--color-paper-3);color:var(--color-ink-3);cursor:not-allowed}.g-search__count{color:var(--color-ink-3)}.g-search__hint{position:relative;z-index:5;align-self:flex-start;padding:.4rem .6rem;background:var(--color-paper);border:1px solid oklch(20% .012 250 / .12);border-radius:8px;box-shadow:0 4px 12px -6px #12171b26;color:var(--color-ink-2);display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:var(--text-sm)}.g-search__hint kbd{display:inline-block;padding:.1em .55em;background:var(--color-paper-3);color:var(--color-ink);border:1px solid oklch(20% .012 250 / .25);border-radius:4px;font-family:var(--font-mono);font-size:.78rem;line-height:1.2}.g-search__clear{position:absolute;right:5.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;font-size:1.2rem;line-height:1;color:var(--color-ink-3);background:var(--color-paper-3);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);z-index:1}.g-search__clear:hover{background:var(--color-ink);color:var(--color-paper)}@media (max-width: 480px){.g-search__wrap{flex-wrap:wrap}.g-search__wrap .search-input{width:100%;padding-right:2.5rem}.g-search__submit{width:100%;padding:.75rem 1rem}.g-search__clear{right:.75rem}}.g-portal{margin-top:0}.g-portal__title{font-size:clamp(2.5rem,6vw + 1rem,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:var(--space-xs) 0 var(--space-xs)}.g-portal__sub{color:var(--color-ink-3);margin-bottom:var(--space-xl)}.g-portal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.g-zone{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left;background:none;border:0;padding:0;cursor:pointer}.g-zone__frame{position:relative;display:block;aspect-ratio:1 / 1;background:var(--color-paper-2);border:1px solid var(--color-ink-3);overflow:hidden}.g-zone__jpg,.g-zone__gif{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease-out),filter .55s var(--ease-out),opacity .3s var(--ease-out)}.g-zone__jpg{filter:grayscale(1) contrast(1.05)}.g-zone__gif{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:grayscale(0) contrast(1)}.g-zone:hover .g-zone__jpg,.g-zone:focus-visible .g-zone__jpg{transform:scale(1.045);filter:grayscale(0) contrast(1);opacity:0}.g-zone:hover .g-zone__gif,.g-zone:focus-visible .g-zone__gif{transform:scale(1.045);opacity:1}.g-zone__badge{position:absolute;top:var(--space-sm);left:var(--space-sm);background:var(--color-ink);color:var(--color-paper);padding:.2rem .55rem;border-radius:2px;font-size:.68rem}.g-zone__name{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em}.g-zone__count{color:var(--color-ink-3);text-transform:none}.g-zone-view{margin-top:var(--space-xl)}.g-zone-view__head{margin-bottom:var(--space-xl)}.g-back{display:inline-block;font-weight:700;font-size:var(--text-sm);color:var(--color-ink-3);margin-bottom:var(--space-md);transition:color var(--dur-fast) var(--ease-out)}.g-back:hover{color:var(--color-ink)}.g-zone-view__title{font-size:clamp(2.5rem,6vw + 1rem,4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-xs)}.g-zone-view__meta{color:var(--color-ink-3);margin-bottom:var(--space-lg)}.g-zone-view__search{max-width:480px}@media (max-width: 640px){.g-portal__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-md)}.g-zone__name{font-size:var(--text-lg)}}@media (max-width: 640px){.g-wall{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-lg) var(--space-md)}.g-item__zh{font-size:var(--text-md)}.lb{padding:var(--space-lg)}.lb__media{width:100%}.lb__arrow--prev{left:var(--space-xs)}.lb__arrow--next{right:var(--space-xs)}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/plus-jakarta-sans-latin-ext.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/plus-jakarta-sans-latin.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{font-family:var(--font-display);font-size:var(--text-md);line-height:1.6;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}input{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:var(--color-accent);color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.container{width:min(1180px,100% - var(--space-xl) * 2);margin-inline:auto}.mono-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-3)}.btn{--btn-face: var(--color-accent);--btn-ink: var(--color-ink);--btn-edge: var(--color-accent-deep);--btn-cast: var(--shadow-btn-cast);display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8rem 1.4rem;font-weight:600;border:0;border-radius:var(--radius-pill);color:var(--btn-ink);background:var(--btn-face);cursor:pointer;position:relative;isolation:isolate;box-shadow:0 4px 0 0 var(--btn-edge),0 6px 12px -3px var(--btn-cast);transform:translateY(0);transition:transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy),background-color .16s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 0 var(--btn-edge),0 12px 22px -4px var(--btn-cast)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--btn-edge),0 2px 6px -2px var(--btn-cast);transition-duration:70ms}.btn:focus-visible{outline:3px solid color-mix(in oklch,var(--btn-edge) 70%,var(--color-focus));outline-offset:3px}.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:0 4px 0 0 var(--btn-edge)}.btn--cyan{--btn-face: var(--color-accent-2);--btn-ink: #fff;--btn-edge: oklch(58% .17 235);--btn-cast: oklch(66% .18 235 / .4)}.btn--coral{--btn-face: var(--color-accent-3);--btn-ink: #fff;--btn-edge: oklch(60% .22 18);--btn-cast: oklch(68% .24 18 / .4)}.btn--soft{background:var(--color-paper-3);color:var(--color-ink);box-shadow:0 2px 8px -2px #12171b1f}.btn--soft:hover{box-shadow:0 4px 14px -2px #12171b2e}.btn--soft:active{box-shadow:0 1px 4px -2px #12171b1f;transform:translateY(1px)}.btn--sm{padding:.45rem .9rem;font-size:var(--text-sm)}.btn--lg{padding:1rem 1.8rem;font-size:var(--text-lg)}.chip{display:inline-flex;align-items:center;gap:.4em;padding:.42rem .9rem;border-radius:var(--radius-pill);border:1.5px solid transparent;background:var(--color-paper-2);color:var(--color-ink-2);font-size:var(--text-sm);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-snappy),border-color var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.chip:hover{background:var(--color-paper-3);transform:translateY(-1px)}.chip:active{transform:translateY(0)}.chip[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.chip .chip-count{font-family:var(--font-mono);font-size:.68rem;opacity:.62}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-lg)}.ex-card{display:flex;flex-direction:column;border-radius:var(--radius-card);background:var(--color-paper);border:1px solid oklch(20% .012 250 / .06);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--dur-md) var(--ease-out),box-shadow var(--dur-md) var(--ease-out),background-color var(--dur-md) var(--ease-out)}.ex-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.ex-card__media{position:relative;aspect-ratio:1 / 1;background:var(--color-paper-2);overflow:hidden}.ex-card__media img,.ex-card__media video{width:100%;height:100%;object-fit:cover;transition:opacity .2s var(--ease-out)}.ex-card__media .gif-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .2s var(--ease-out)}.ex-card:hover .gif-layer,.ex-card:focus-within .gif-layer{opacity:1}.ex-card:hover .jpg-layer,.ex-card:focus-within .jpg-layer{opacity:0}.ex-card__body{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md) var(--space-md) var(--space-lg);flex:1}.ex-card__title{font-size:1.125rem;font-weight:700;line-height:1.35;letter-spacing:-.015em;overflow-wrap:anywhere}.ex-card__en{font-size:var(--text-xs);color:var(--color-ink-3);text-transform:uppercase;letter-spacing:.05em;overflow-wrap:anywhere;margin-top:.1em}.ex-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:auto;padding-top:var(--space-xs)}.tag{font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink-2)}.tag--pear{background:color-mix(in oklch,var(--color-accent) 22%,var(--color-paper));color:#655406}.tag--cyan{background:var(--color-accent-2-soft);color:#00658e;color:oklch(48% .13 235)}.tag--coral{background:var(--color-accent-3-soft);color:#a4283a}.tag--mint{background:var(--color-mint-soft);color:#196632}.tag--lav{background:var(--color-lavender-soft);color:#663e8e}.nav{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--color-paper) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--rule-hairline)}.nav__inner{display:flex;align-items:center;gap:var(--space-xl);height:68px}.nav__brand{display:flex;align-items:center;gap:.625rem;text-decoration:none}.nav__brand-mark{width:32px;height:32px;border-radius:8px;animation:wx-idle 4s ease-in-out infinite}.nav__brand-text{font-size:1.25rem;font-weight:800;letter-spacing:-.025em;line-height:1;color:var(--color-ink)}@keyframes wx-idle{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.nav__links{display:flex;align-items:center;gap:var(--space-lg);margin-left:auto}.nav__link{font-weight:600;font-size:var(--text-sm);color:var(--color-ink-2);padding:.4rem .2rem;position:relative;transition:color var(--dur-fast) var(--ease-out)}.nav__link:hover,.nav__link.active{color:var(--color-ink)}.nav__link.active:after{content:"";position:absolute;left:.2rem;right:.2rem;bottom:-2px;height:3px;border-radius:2px;background:var(--color-accent-2)}.footer{border-top:var(--rule-hairline);padding:var(--space-xl) 0;margin-top:var(--space-3xl)}.footer__inner{display:flex;flex-direction:column;gap:var(--space-sm)}.footer__line{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-3)}.footer__sep{color:var(--color-accent-3);font-weight:700}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}