:root{--bg:#0a0a0b;--panel:#131315;--raise:#1c1c1f;--ink:#f5f5f7;--ink-2:#a1a1a6;--ink-3:#86868b;--line:#ffffff17;--line-2:#ffffff29;--accent:#4c8dff;--heart:#ff453a;--sans:-apple-system, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--expo:cubic-bezier(.16, 1, .3, 1);--inout:cubic-bezier(.65, 0, .35, 1);--r:10px;--nav:52px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}img,video{max-width:100%;display:block}.mono{font:11px/1.4 var(--mono);letter-spacing:.02em;color:var(--ink-3);text-transform:uppercase}.gut{padding-inline:max(24px, env(safe-area-inset-left,0px)) max(24px, env(safe-area-inset-right,0px))}@media (width<=640px){.gut{padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px))}}.wrap{max-width:1440px;margin-inline:auto}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav{z-index:30;height:calc(var(--nav) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(18px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.nav .mark{min-height:44px;font:600 16px/1 "Instrument Sans", var(--sans);letter-spacing:-.015em;align-items:center;gap:9px;display:inline-flex}.nav .mark svg{width:20px;height:20px}.nav nav{color:var(--ink-2);gap:4px;font-size:13px;display:flex}.nav nav a{border-radius:8px;align-items:center;gap:6px;min-height:44px;padding:0 12px;display:inline-flex}.nav nav a:hover,.nav nav a[data-status=active]{color:var(--ink)}.nav nav b{font:500 11px var(--mono);color:var(--ink-3)}.nav .nav-lang{justify-content:center;min-width:44px}.nav .nav-gh svg{width:18px;height:18px;display:none}@media (width<=520px){.nav nav a{padding:0 8px}.nav .nav-gh{justify-content:center;min-width:44px}.nav .nav-gh-t{display:none}.nav .nav-gh svg{display:block}}@media (width<=420px){.nav .nav-recipes{display:none}}.btn{background:var(--ink);color:#0a0a0b;cursor:pointer;white-space:nowrap;min-height:44px;transition:transform .2s var(--expo), background .2s, color .2s;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex;position:relative}.btn:hover{background:#fff}.btn:active{transform:scale(.97)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.btn.ghost:hover{background:var(--raise)}.btn.icon{width:44px;padding:0}.btn svg{flex:none;width:16px;height:16px}.burst{pointer-events:none;position:absolute;inset:0}.burst i{background:var(--ink);border-radius:2px;width:2px;height:10px;margin:-5px -1px;position:absolute;top:50%;left:50%}.frame{aspect-ratio:16/9;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}.frame>img,.frame>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.foot{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:120px;padding-block:28px 40px;font-size:12px;display:flex}.foot a{margin-block:-14px;padding-block:14px}.foot a:hover{text-decoration:underline}::view-transition-old(root){animation-duration:.35s;animation-timing-function:var(--inout)}::view-transition-new(root){animation-duration:.35s;animation-timing-function:var(--inout)}::view-transition-group(film){animation-duration:.55s;animation-timing-function:var(--expo)}::view-transition-group(title){animation-duration:.55s;animation-timing-function:var(--expo)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:0s!important}::view-transition-group(*){transition:none!important;animation-duration:0s!important}}.not-found{text-align:center;place-content:center;justify-items:center;gap:20px;min-height:60svh;display:grid}.not-found h1{letter-spacing:-.02em;margin:0;font-size:28px}:root:lang(zh){--sans:-apple-system, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif}:root:lang(zh) *{letter-spacing:0}:root:lang(zh) .hero-h,:root:lang(zh) .rc-head h1,:root:lang(zh) .sv h1{line-height:1.25}:root:lang(zh) .hero-h{word-break:keep-all}