.becoming-journal-section{width:min(100%,760px);margin-inline:auto;padding-bottom:72px;font-family:Helvetica Neue,-apple-system,PingFang SC,Noto Sans SC,sans-serif}.becoming-journal-header{gap:20px;margin-bottom:28px;display:grid}.becoming-journal-intro{color:#71777d;text-wrap:pretty;margin:0;font-size:16px;font-weight:500;line-height:1.95}.becoming-journal-intro strong{font-weight:600}.becoming-journal-order{background:var(--paper);border:1px solid #e6edf3;border-radius:999px;justify-self:end;gap:4px;width:fit-content;padding:4px;display:flex;box-shadow:0 1px 3px #252d3509}.becoming-journal-order button{color:#71777d;border-radius:999px;place-items:center;width:52px;height:38px;padding:10px 17px;font-size:14px;font-weight:500;line-height:1.5;transition:color .16s,background .16s;display:grid}.becoming-journal-order svg{display:block}.becoming-journal-order button:hover{color:var(--ink);background:#f3f7fa}.becoming-journal-order button[aria-pressed=true]{color:var(--ink);background:var(--accent-soft)}.becoming-journal-order button:focus-visible{border-radius:999px}.becoming-journal{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px;display:grid}.becoming-journal-empty{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;padding-block:48px;font-size:15px;line-height:1.85}.becoming-journal-entry{--journal-content-scale:1;background:var(--paper);cursor:pointer;min-width:0;animation:.38s ease-out both journal-appear;animation-delay:calc(var(--entry-index) * 60ms);border-radius:10px;flex-direction:column;padding:0 0 16px;transition:translate .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s cubic-bezier(.2,.7,.2,1);display:flex;overflow:hidden;translate:0;box-shadow:0 1px 3px #252d350e,0 4px 14px #252d3509}.becoming-journal-preview{border-top:1px solid #edf0f2;flex:1;min-width:0;padding:14px 24px 0}.becoming-journal-opening{color:#71777d;letter-spacing:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:400;line-height:1.85;display:-webkit-box;overflow:hidden}.becoming-journal-date{margin-top:12px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;align-self:flex-end;margin-inline:24px;font-size:13px;line-height:1.6}.becoming-journal-title{color:var(--ink);letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:pretty;margin:0;padding:12px 24px;font-size:19px;font-weight:700;line-height:1.5}.becoming-journal-title-text{background:linear-gradient(transparent 38%, var(--journal-title-highlight) 38%, var(--journal-title-highlight) 92%, transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;margin-inline:-.08em;padding-inline:.08em}.becoming-journal-opening{scale:var(--journal-content-scale);transition:scale .26s cubic-bezier(.2,.7,.2,1)}@media (hover:hover) and (pointer:fine){.becoming-journal-entry:is(:hover,:focus-visible){--journal-content-scale:1.015;translate:0 -3px;box-shadow:0 3px 8px #252d350e,0 12px 28px #252d3514}.becoming-journal-entry:active{translate:0 -1px}}.becoming-journal-entry:focus-visible{border-radius:10px}.hero[data-intro-restored=true]+.work-section .becoming-journal-entry{animation:none}@keyframes journal-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.becoming-journal-order button{transition:none}.becoming-journal-entry{transition:none;animation:none}.becoming-journal-entry:is(:hover,:focus-visible,:active){--journal-content-scale:1;translate:0}.becoming-journal-opening{transition:none}}
.gooey-nav{--gn-pad:6px;--gn-gap:4px;--gn-font:14px;--gn-x:16px;--gn-y:9px;max-width:100%;font-size:var(--gn-font);line-height:1.2;display:inline-flex;position:relative}.gooey-nav--sm{--gn-pad:5px;--gn-gap:2px;--gn-font:13px;--gn-x:13px;--gn-y:7px}.gooey-nav--lg{--gn-pad:7px;--gn-gap:6px;--gn-font:16px;--gn-x:20px;--gn-y:11px}.gooey-nav--framed{padding:var(--gn-pad);background:var(--gn-frame);box-shadow:var(--gn-frame-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);border-radius:999px}.gooey-nav__stage{max-width:100%;position:relative}.gooey-nav__canvas{pointer-events:none;position:absolute;top:0;left:0}.gooey-nav__stage:not([data-engine-ready]) .gooey-nav__canvas{visibility:hidden}.gooey-nav__stage:not([data-engine-ready]) .gooey-nav__item[data-active]{background:color-mix(in srgb, var(--gn-pill) calc(var(--gn-pill-opacity,1) * 100%), transparent);border-radius:999px}.gooey-nav__fallback{background:var(--gn-pill);pointer-events:none;border-radius:999px;display:none;position:absolute;top:0;left:0}.gooey-nav__list{gap:var(--gn-gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:relative}.gooey-nav__list--active{color:var(--gn-active-ink);visibility:hidden;clip-path:inset(100%);pointer-events:none;position:absolute;inset:0}.gooey-nav__item{display:flex}.gooey-nav__link{padding:var(--gn-y) var(--gn-x);color:var(--gn-muted);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.gooey-nav__list--active .gooey-nav__link{color:inherit}.gooey-nav__item[data-active] .gooey-nav__link{color:var(--gn-ink)}.gooey-nav__link:focus-visible{outline:2px solid var(--gn-ink);outline-offset:2px}.gooey-nav__icon{flex:none;display:inline-flex}.gooey-nav__icon svg{width:1.15em;height:1.15em}.gooey-nav__rim{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--gn-frame-edge), inset 0 1px 0 var(--gn-frame-highlight);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.gooey-nav__link:hover{color:var(--gn-ink)}}
.island-product-demo{background:linear-gradient(#f1f5f8 0%,#f8fafc80 45%,#0000 100%);border-radius:8px 8px 0 0;width:100%;height:204px;position:relative;overflow:clip}.island-product-demo-menubar{color:#64717c;background:#edf1f5;border-bottom:1px solid #e2e8ed;justify-content:space-between;align-items:center;height:24px;padding-inline:10px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:10px;line-height:1;display:flex;position:relative}.island-product-demo-desktop,.island-product-demo-status{align-items:center;gap:7px;display:inline-flex}.island-product-demo-desktop{font-weight:600}.island-product-demo-status{font-variant-numeric:tabular-nums}.island-product-demo-menubar svg{stroke-width:1.6px;width:12px;height:12px}.island-product-demo-frame{pointer-events:none;transform-origin:top;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;width:790px;height:396px;margin-left:-395px;position:absolute;top:24px;left:50%;transform:scale(.48)}
#panel-products{--product-backdrop:#eef3f8;position:relative}#panel-products:before{content:"";z-index:-3;background:radial-gradient(ellipse 50% 50% at center, var(--product-backdrop) 50%, transparent 100%);pointer-events:none;width:min(1120px,100vw - 96px);position:absolute;top:-40px;bottom:0;left:calc(50% - 20px);transform:translate(-50%)}.product-showcase{width:min(100%,720px);animation:.38s ease-out both product-showcase-enter;animation-play-state:var(--section-intro-play-state,paused);margin-inline:auto;padding-bottom:64px;position:relative;left:-20px}@keyframes product-showcase-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.product-showcase-card{background:#ffffffed;border:1px solid #e8e8e8;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-height:280px;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s;display:grid;position:relative;box-shadow:0 8px 32px #234c7104}.product-showcase-preview{border-radius:15px 0 0 15px;align-self:stretch;place-items:center;min-width:0;padding:20px 24px;display:grid}.product-showcase-copy{border-radius:0 15px 15px 0;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding:28px 24px;display:flex}.product-showcase-name{font-family:var(--font-noto-sans-sc), "Helvetica Neue", Arial, sans-serif;letter-spacing:-.045em;align-items:center;gap:12px;margin:0;font-size:38px;font-weight:750;line-height:1.2;display:flex}.product-showcase-icon{transform-origin:50%;flex:0 0 34px;width:34px;height:34px;transition:transform .9s cubic-bezier(.65,0,.2,1);display:block;transform:rotate(0)}.product-showcase-description{color:var(--muted);font-family:var(--font-noto-sans-sc), "Microsoft YaHei", sans-serif;margin:18px 0 0;font-size:16px;font-weight:400;line-height:1.8}.product-showcase-description:lang(zh) .product-showcase-phrase{white-space:nowrap;display:block}.product-showcase-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #232d3714,0 16px 40px #232d3729}.product-showcase-card:has(.product-showcase-link:focus-visible){transform:translateY(-4px);box-shadow:0 4px 12px #232d3714,0 16px 40px #232d3729}.product-showcase-card:hover .product-showcase-icon{transform:rotate(360deg)}.product-showcase-card:has(.product-showcase-link:focus-visible) .product-showcase-icon{transform:rotate(360deg)}.product-showcase-link:after{content:"";border-radius:15px;position:absolute;inset:0}.product-showcase-link:focus-visible{outline:none}.product-showcase-link:focus-visible:after{outline:2px solid var(--accent-strong);outline-offset:4px}.product-showcase-card:has(.product-showcase-link:active){transform:translateY(-1px);box-shadow:0 4px 16px #234c710d}@media (prefers-reduced-motion:reduce){.product-showcase{animation:none}.product-showcase-card,.product-showcase-icon{transition:none}.product-showcase-card:hover .product-showcase-icon{transform:none}.product-showcase-card:has(.product-showcase-link:focus-visible) .product-showcase-icon{transform:none}.product-showcase-card:hover{transform:none}.product-showcase-card:has(.product-showcase-link:focus-visible){transform:none}.product-showcase-card:has(.product-showcase-link:active){transform:none}}