PageSourceSearch

https://keepreap.com/zh-cn

html keepreap.com collected 2026-09-24 14:46:00 UTC 403,427 bytes, 2,745 lines download raw bytes

1<!DOCTYPE html><html lang="zh-CN" data-theme="warm-editorial" data-landing-bg="top" style="--kr-tc-textarea-min-h: 140px; --kr-tc-textarea-max-h: 320px; --kr-tc-textarea-radius: 12px; --kr-tc-textarea-padding-x: 12px; --kr-tc-textarea-padding-y: 10px; --kr-tc-textarea-font-size: 14px; --kr-tc-action-pill-h: 30px; --kr-tc-action-pill-radius: 999px; --kr-tc-action-pill-padding-x: 12px; --kr-tc-action-icon-size: 14px; --kr-tc-action-row-gap: 6px; --kr-tc-result-card-radius: 10px; --kr-tc-status-banner-padding-x: 10px; --kr-tc-status-banner-padding-y: 6px; --kr-tc-status-banner-radius: 6px; --kr-tc-menu-radius: 12px; --kr-tc-menu-min-w: 190px; --kr-cc-radius: 12px; --kr-cc-padding-x: 12px; --kr-cc-padding-top: 6px; --kr-cc-padding-bottom: 12px; --kr-cc-gap-y: 6px; --kr-cc-list-gap-y: 12px; --kr-cc-text-size: 14px; --kr-cc-text-line-h: 1.4; --kr-cc-meta-size: 12px; --kr-cc-chip-padding-x: 6px; --kr-cc-chip-padding-y: 2px; --kr-cc-chip-gap-x: 8px; --kr-cc-chip-icon-size: 12px; --kr-cc-chip-text-size: 11px; --kr-cc-favicon-size: 14px; --kr-cc-chevron-size: 16px; --kr-cc-block-padding-x: 8px; --kr-cc-block-padding-y: 6px; --kr-cc-block-gap-y: 6px;"><head>
2    <meta charset="UTF-8">
3    <meta name="viewport" content="width=device-width, initial-scale=1, interactive-widget=resizes-content">
4    <title>KeepReap — 这句话英文怎么说:划词翻译、润色与复习</title>
5    <meta name="description" content="想知道一句中文用英文怎么说?划词即可翻译,也能把你写的英文润色成更地道的说法,并把想学的词句留下来。KeepReap 提供 Chrome 扩展、Mac 菜单栏应用与 Web 应用,用间隔复习把它们真正变成你自己的英语。">
6    <meta name="author" content="KeepReap">
7    <meta name="robots" content="index, follow">
8
9    <!-- KP-80 FOUC prevention. Runs BEFORE the React bundle so the page
10         paints in the user's chosen theme on first frame — without this,
11         a night-theme user sees ~200ms of cool-mono white flash on every
12         reload. The 4 allowed values are duplicated from
13         frontend/src/lib/theme.ts THEMES (can't import — runs pre-bundle).
14         Adding a fifth theme is a deliberate three-file bump:
15         this script + theme.ts THEMES + the :root[data-theme] CSS block. -->
16    
16<script>
17      (function () {
18        try {
19          var t = localStorage.getItem('keepreap.theme');
20          if (t === 'warm-editorial' || t === 'editorial-ink' || t === 'night') {
21            document.documentElement.setAttribute('data-theme', t);
22          }
23        } catch (_) {
24          /* localStorage blocked (private mode, opt-out) — fall through to default theme */
25        }
26      })();
27    </script>
27
28
29    <!-- Favicons: flat-orange bare KR mark — single solid color, transparent
30         (no plate), 12% safe margin. Flat orange reads on both light and dark
31         tab bars. Fixed regardless of which app-icon version is active.
32         favicon.svg is the primary (modern browsers); .ico + PNGs are
33         fallbacks baked from the same mark. Generated by the colored logo
34         sets' generate.py (svg_FAVICON_b) and synced via `yarn brand:use`. -->
35    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
36    <link rel="icon" href="/favicon.ico" sizes="any">
37    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
38    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
39    <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
40
41    <!-- iOS / Safari. iOS auto-rounds whatever PNG is supplied; we ship a
42         bare mark on a flat white background so the icon also reads correctly
43         when displayed un-masked (Safari Pinned Tabs, browser favourites
44         bar, share-sheet previews) — no double-rounded squircle. -->
45    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
46
47    <!-- PWA -->
48    <link rel="manifest" href="/manifest.json">
49    <meta name="theme-color" content="#FFFFFF">
50
51    <!-- Webfonts (2026-04-30 warm-editorial cutover — Claude stack).
52         - EB Garamond: open-source serif used for hero / display headings
53           via the `font-display` and `font-serif` (alias) Tailwind
54           utilities. Per DESIGN-claude.md §Note on Font Substitutes,
55           EB Garamond is the documented fallback after Cormorant Garamond
56           when approximating Anthropic's Copernicus / Tiempos Headline;
57           Tiempos itself is a paid Klim Type Foundry face that can't be
58           served via Google Fonts. EB Garamond's slightly tighter
59           proportions read closer to Tiempos at large sizes.
60           Weights 400/500/600.
61         - Inter: humanist sans-serif body font. Substitute for Anthropic's
62           StyreneB. Falls back to the system Apple stack on connection
63           issues — see frontend/src/index.css `body { font-family }`.
64           Weights 400/500/600/700.
65         - JetBrains Mono: code blocks (`font-mono`). Weights 400/500.
66         preconnect saves ~50ms on first paint vs hitting fonts.googleapis
67         cold; display=swap renders system-stack fallback first then swaps
68         to webfont when ready (no FOIT). -->
69    <link rel="preconnect" href="https://fonts.googleapis.com">
70    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
71    <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600&amp;family=Inter:wght@400;500;600;700&amp;
71family=JetBrains+Mono:wght@400;500&amp;family=Instrument+Serif:ital@0;1&amp;family=Hanken+Grotesk:wght@300;400;500;600&amp;family=IBM+Plex+Mono:wght@400;500&amp;display=swap" rel="stylesheet">
72
73    <!-- prettier-ignore -->
74    
74<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8400728111142523" crossorigin="anonymous"></script>
74
75
76    <!-- Open Graph / Twitter (KP-27).
77         Absolute URLs produced at build time by Vite HTML env substitution.
78         `VITE_WEBAPP_URL` is the single source for the public WebApp origin
79         and is shared with the extension (which uses the same env to pick
80         the sign-in popup target — see extension/src/shared/webapp-origins.ts).
81         Backend has its own equivalent `KEEPREAP_WEB_BASE_URL` (OAuth
82         callback redirect target); both MUST point at the same origin
83         per env. Local dev fallback is http://localhost:5005; crawlers
84         won't reach localhost so unfurl is not exercised there.
85         Wiring rationale + env contract: docs/runbooks/release-checklist.md
86         §"Frontend (Vite — set at build time, not runtime)".
87         Image assets are byte-copied from frontend/src/assets/logos/v2/web/
88         via `yarn brand:sync` (KP-28) into frontend/public/. -->
89    <meta property="og:site_name" content="KeepReap">
90    <meta property="og:locale" content="zh_CN">
91    <meta property="og:title" content="KeepReap — 这句话英文怎么说:划词翻译、润色与复习">
92    <meta property="og:description" content="想知道一句中文用英文怎么说?划词即可翻译,也能把你写的英文润色成更地道的说法,并把想学的词句留下来。KeepReap 提供 Chrome 扩展、Mac 菜单栏应用与 Web 应用,用间隔复习把它们真正变成你自己的英语。">
93    <meta property="og:type" content="website">
94    <meta property="og:image" content="https://www.keepreap.com/og-image.png">
95    <meta property="og:image:width" content="2400">
96    <meta property="og:image:height" content="1254">
97
98    <meta name="twitter:card" content="summary_large_image">
99    <meta name="twitter:title" content="KeepReap — 这句话英文怎么说:划词翻译、润色与复习">
100    <meta name="twitter:description" content="想知道一句中文用英文怎么说?划词即可翻译,也能把你写的英文润色成更地道的说法,并把想学的词句留下来。KeepReap 提供 Chrome 扩展、Mac 菜单栏应用与 Web 应用,用间隔复习把它们真正变成你自己的英语。">
101    <meta name="twitter:image" content="https://www.keepreap.com/twitter-card.png">
102
103    
103<script type="application/ld+json">
104      {
105        "@context": "https://schema.org",
106        "@graph": [
107          {
108            "@type": "WebSite",
109            "@id": "https://www.keepreap.com/#website",
110            "url": "https://www.keepreap.com/",
111            "name": "KeepReap",
112            "publisher": { "@id": "https://www.keepreap.com/#organization" }
113          },
114          {
115            "@type": "Organization",
116            "@id": "https://www.keepreap.com/#organization",
117            "name": "KeepReap",
118            "url": "https://www.keepreap.com/",
119            "logo": "https://www.keepreap.com/logo.svg"
120          },
121          {
122            "@type": "SoftwareApplication",
123            "@id": "https://www.keepreap.com/#software",
124            "name": "KeepReap",
125            "url": "https://www.keepreap.com/",
126            "applicationCategory": "EducationalApplication",
127            "operatingSystem": "Chrome, macOS 12 or later, any modern browser",
128            "publisher": { "@id": "https://www.keepreap.com/#organization" },
129            "offers": {
130              "@type": "Offer",
131              "price": "0",
132              "priceCurrency": "USD",
133              "category": "free",
134              "url": "https://www.keepreap.com/#pricing"
135            }
136          }
137        ]
138      }
139    </script>
139
140    
140<script type="module" crossorigin="" src="/assets/index.js"></script>
140
141    <link rel="stylesheet" crossorigin="" href="/assets/index.css">
142  <link rel="canonical" href="https://www.keepreap.com/zh-cn"><meta property="og:url" content="https://www.keepreap.com/zh-cn"><link rel="alternate" hreflang="en" data-keepreap-hreflang="true" href="https://www.keepreap.com/"><link rel="alternate" hreflang="x-default" data-keepreap-hreflang="true" href="https://www.keepreap.com/"><link rel="alternate" hreflang="ja" data-keepreap-hreflang="true" href="https://www.keepreap.com/ja"><link rel="alternate" hreflang="zh-CN" data-keepreap-hreflang="true" href="https://www.keepreap.com/zh-cn"><link rel="alternate" hreflang="zh-TW" data-keepreap-hreflang="true" href="https://www.keepreap.com/zh-tw"><link rel="alternate" hreflang="ko" data-keepreap-hreflang="true" href="https://www.keepreap.com/ko"><link rel="alternate" hreflang="uk" data-keepreap-hreflang="true" href="https://www.keepreap.com/uk"><link rel="alternate" hreflang="mk" data-keepreap-hreflang="true" href="https://www.keepreap.com/mk"><link rel="alternate" hreflang="fil" data-keepreap-hreflang="true" href="https://www.keepreap.com/fil"></head>
143  <body>
144    <div id="root"><style>
145.kr-diff {
146  margin: 0;
147  white-space: pre-wrap;
148  line-height: 1.5;
149  font-size: 14px;
150}
151.kr-diff-ins {
152  color: var(--brand-success);
153  background: var(--brand-success-surface);
154  text-decoration: none;
155  border-radius: 2px;
156  padding: 0 1px;
157}
158.kr-diff-del {
159  color: var(--brand-danger);
160  background: var(--brand-danger-surface);
161  text-decoration: line-through;
162  border-radius: 2px;
163  padding: 0 1px;
164}
165.kr-diff-eq {
166  color: var(--brand-text-1);
167}
168
169.kr-diff-quote-wrap {
170  padding: 2px 0 2px 10px;
171  border-left: 2px solid var(--brand-border);
172}
173
174.kr-cc-card {
175  position: relative;
176  display: flex;
177  flex-direction: column;
178  background: var(--brand-bg);
179  border: 1px solid var(--brand-border-subtle);
180  border-radius: calc(var(--kr-tc-textarea-radius) + 4px);
181  padding: calc(var(--kr-tc-textarea-padding-y) + 6px) calc(var(--kr-tc-textarea-padding-x) + 6px)
182    calc(var(--kr-tc-textarea-padding-y) + 2px);
183}
184.kr-cc-card:focus-within {
185  border-color: var(--brand-text-1);
186  box-shadow: 0 0 0 3px var(--brand-surface-strong);
187}
188
189.kr-cc-card[data-chrome='none'],
190.kr-cc-card[data-chrome='none']:focus-within {
191  border: none;
192  border-radius: 0;
193  padding: 0;
194  box-shadow: none;
195}
196.kr-cc-card[data-chrome='none'] .kr-cc-input {
197  padding-right: 0;
198}
199
200.kr-cc-input-wrap {
201  position: relative;
202  display: flex;
203  flex-direction: column;
204  flex: 1 1 auto;
205  min-height: var(--kr-tc-textarea-min-h);
206}
207
208.kr-cc-input {
209  display: block;
210  width: 100%;
211  height: 100%;
212  font-family: inherit;
213  font-size: calc(var(--kr-tc-textarea-font-size) + 2px);
214  line-height: 1.65;
215  color: var(--brand-text-1);
216  background: transparent;
217  border: none;
218  border-radius: 0;
219  padding: 0 28px 0 0;
220  resize: none;
221  min-height: var(--kr-tc-textarea-min-h);
222  max-height: var(--kr-tc-textarea-max-h);
223  field-sizing: content;
224  outline: none;
225  box-shadow: none;
226}
227.kr-cc-input::placeholder {
228  color: var(--brand-text-3);
229}
230.kr-cc-input:focus {
231  outline: none;
232  border: none;
233  box-shadow: none;
234}
235
236.kr-cc-input-clear {
237  position: absolute;
238  top: -12px;
239  right: -12px;
240  width: 28px;
241  height: 28px;
242  padding: 0;
243  display: inline-flex;
244  align-items: center;
245  justify-content: center;
246  border: none;
247  background: transparent;
248  color: var(--brand-text-3);
249  border-radius: 999px;
250  cursor: pointer;
251  transition:
252    background-color 120ms,
253    color 120ms;
254}
255.kr-cc-input-clear:hover {
256  background: var(--brand-surface-strong);
257  color: var(--brand-text-1);
258}
259.kr-cc-input-clear:focus-visible {
260  outline: 2px solid var(--brand-primary);
261  outline-offset: 2px;
262}
263
264.kr-cc-divider {
265  height: 1px;
266  background: var(--brand-border-subtle);
267  margin: 14px calc(-1 * (var(--kr-tc-textarea-padding-x) + 6px)) 12px;
268}
269
270.kr-cc-footer {
271  display: flex;
272  flex-wrap: wrap;
273  align-items: center;
274  justify-content: space-between;
275  gap: 12px;
276}
277
278.kr-cc-footer-actions {
279  display: flex;
280  flex-wrap: wrap;
281  align-items: center;
282  gap: var(--kr-tc-action-row-gap);
283}
284
285.kr-cc-footer-separator {
286  display: inline-block;
287  width: 1px;
288  height: 18px;
289  margin: 0 4px;
290  background: var(--brand-border-subtle);
291  flex-shrink: 0;
292}
293
294.kr-cc-action-btn {
295  display: inline-flex;
296  align-items: center;
297  gap: var(--kr-tc-action-row-gap);
298  height: var(--kr-tc-action-pill-h);
299  padding: 0 var(--kr-tc-action-pill-padding-x);
300  border-radius: var(--kr-tc-action-pill-radius);
301  border: 1px solid var(--brand-border);
302  background: var(--brand-bg);
303  color: var(--brand-text-1);
304  font: inherit;
305  font-size: 12px;
306  font-weight: 500;
307  cursor: pointer;
308  white-space: nowrap;
309  transition:
310    background-color 120ms,
311    color 120ms,
312    border-color 120ms;
313}
314.kr-cc-action-btn:hover:not(:disabled) {
315  background: var(--brand-surface-strong);
316}
317.kr-cc-action-btn:focus-visible {
318  outline: 2px solid var(--brand-primary);
319  outline-offset: 2px;
320}
321.kr-cc-action-btn:disabled {
322  opacity: 0.5;
323  cursor: default;
324}
325.kr-cc-action-btn[data-copied='true'],
326.kr-cc-action-btn[data-saved='true'] {
327  color: var(--brand-success);
328  border-color: var(--brand-success);
329}
330
331.kr-cc-action-icon {
332  display: inline-flex;
333  align-items: center;
334  justify-content: center;
335  width: var(--kr-tc-action-icon-size);
336  height: var(--kr-tc-action-icon-size);
337  color: var(--brand-text-1);
338}
339.kr-cc-action-icon svg {
340  width: var(--kr-tc-action-icon-size);
341  height: var(--kr-tc-action-icon-size);
342  display: block;
343}
344.kr-cc-action-btn[data-copied='true'] .kr-cc-action-icon,
345.kr-cc-action-btn[data-saved='true'] .kr-cc-action-icon {
346  color: var(--brand-success);
347}
348
349.kr-cc-lang-menu {
350  position: relative;
351  display: inline-flex;
352  align-items: center;
353  gap: 6px;
354}
355.kr-cc-lang-label {
356  color: var(--brand-text-3);
357  font-size: 11px;
358  white-space: nowrap;
359}
360.kr-cc-lang-trigger {
361  display: inline-flex;
362  align-items: center;
363  gap: 4px;
364  height: 30px;
365  padding: 0 12px;
366  border-radius: 999px;
367  border: 1px solid var(--brand-border);
368  background: var(--brand-bg);
369  color: var(--brand-text-1);
370  font: inherit;
371  font-size: 12px;
372  font-weight: 500;
373  cursor: pointer;
374  white-space: nowrap;
375  box-sizing: border-box;
376  transition:
377    background-color 120ms,
378    border-color 120ms;
379}
380.kr-cc-lang-trigger:hover:not(:disabled) {
381  background: var(--brand-surface-strong);
382}
383.kr-cc-lang-trigger:focus-visible {
384  outline: 2px solid var(--brand-primary);
385  outline-offset: 2px;
386}
387.kr-cc-lang-trigger:disabled {
388  cursor: not-allowed;
389  opacity: 0.5;
390}
391.kr-cc-lang-swap {
392  display: inline-flex;
393  align-items: center;
394  justify-content: center;
395  width: 28px;
396  height: 28px;
397  border-radius: 999px;
398  border: 1px solid var(--brand-border);
399  background: var(--brand-bg);
400  color: var(--brand-text-2);
401  cursor: pointer;
402  box-sizing: border-box;
403  transition:
404    background-color 120ms,
405    color 120ms;
406}
407.kr-cc-lang-swap:hover:not(:disabled) {
408  background: var(--brand-surface-strong);
409  color: var(--brand-text-1);
410}
411.kr-cc-lang-swap:focus-visible {
412  outline: 2px solid var(--brand-primary);
413  outline-offset: 2px;
414}
415.kr-cc-lang-swap:disabled {
416  cursor: not-allowed;
417  opacity: 0.5;
418}
419.kr-cc-lang-popover {
420  position: absolute;
421  top: calc(100% + 6px);
422  right: 0;
423  z-index: 10;
424  width: 200px;
425  padding: 6px;
426  border-radius: 12px;
427  border: 1px solid var(--brand-border-subtle);
428  background: var(--brand-bg);
429  box-sizing: border-box;
430  box-shadow:
431    0 12px 32px rgba(15, 23, 42, 0.16),
432    0 4px 8px rgba(15, 23, 42, 0.1),
433    0 0 0 1px rgba(15, 23, 42, 0.04);
434}
435.kr-cc-lang-filter {
436  display: block;
437  width: 100%;
438  margin-bottom: 6px;
439  border-radius: 999px;
440  border: 1px solid var(--brand-border-subtle);
441  background: var(--brand-bg);
442  color: var(--brand-text-1);
443  padding: 6px 12px;
444  font: inherit;
445  font-size: 12px;
446  outline: none;
447  box-sizing: border-box;
448}
449.kr-cc-lang-filter::placeholder {
450  color: var(--brand-text-3);
451}
452.kr-cc-lang-filter:focus {
453  border-color: var(--brand-primary);
454}
455.kr-cc-lang-scroll {
456  overflow-y: auto;
457  max-height: 15rem;
458  margin-right: -6px;
459  padding-right: 6px;
460  box-sizing: border-box;
461}
462.kr-cc-lang-option {
463  display: block;
464  width: 100%;
465  border: none;
466  background: transparent;
467  color: var(--brand-text-1);
468  border-radius: 999px;
469  padding: 8px 10px;
470  text-align: left;
471  font: inherit;
472  font-size: 12px;
473  cursor: pointer;
474  box-sizing: border-box;
475}
476.kr-cc-lang-option:hover {
477  background: var(--brand-surface-strong);
478}
479.kr-cc-lang-option[data-active='true'] {
480  background: var(--brand-surface-strong);
481  color: var(--brand-primary);
482  font-weight: 600;
483}
484.kr-cc-lang-empty {
485  padding: 6px 10px;
486  color: var(--brand-text-3);
487  font-size: 12px;
488}
489.kr-cc-lang-manage-row {
490  margin-top: 6px;
491  padding-top: 6px;
492  border-top: 1px solid var(--brand-border-subtle);
493}
494.kr-cc-lang-manage {
495  display: block;
496  width: 100%;
497  border: none;
498  background: transparent;
499  border-radius: 999px;
500  padding: 6px 10px;
501  text-align: left;
502  font: inherit;
503  font-size: 11px;
504  font-weight: 500;
505  color: var(--brand-text-3);
506  cursor: pointer;
507  box-sizing: border-box;
508}
509.kr-cc-lang-manage:hover {
510  color: var(--brand-text-1);
511}
512
513.kr-cc-resize-handle {
514  position: absolute;
515  bottom: 0;
516  right: 0;
517  display: inline-flex;
518  align-items: center;
519  justify-content: center;
520  width: 16px;
521  height: 16px;
522  padding: 0;
523  border: none;
524  background: transparent;
525  color: var(--brand-text-3);
526  cursor: ns-resize;
527}
528.kr-cc-resize-handle:hover {
529  color: var(--brand-text-1);
530}
531
532[data-testid='kr-compose-draft-zone'] > .kr-cc-overlay-actions {
533  top: 18px;
534  right: 0;
535}
536[data-testid='kr-compose-draft-zone']:hover > .kr-cc-overlay-actions,
537[data-testid='kr-compose-draft-zone'] .kr-cc-overlay-actions:focus-within {
538  opacity: 1;
539  pointer-events: auto;
540}
541@media (hover: none) {
542  [data-testid='kr-compose-draft-zone'] > .kr-cc-overlay-actions {
543    opacity: 1;
544    pointer-events: auto;
545  }
546}
547
548.kr-cc-draft-zone {
549  position: relative;
550  background: transparent;
551}
552
553.kr-cc-draft-divider {
554  height: 1px;
555  background: color-mix(in srgb, var(--brand-border-subtle) 65%, transparent);
556  margin: 0;
557}
558
559.kr-cc-draft-chip {
560  position: absolute;
561  left: 14px;
562  top: 0;
563  transform: translateY(calc(-50% + 0.5px));
564  background: var(--kr-draft-chip-bg, var(--brand-surface));
565  z-index: 2;
566  display: inline-flex;
567  align-items: center;
568  gap: 6px;
569  border-radius: 999px;
570  padding: 3px 10px 3px 9px;
571  font-size: 10px;
572  color: var(--brand-text-2);
573  text-transform: uppercase;
574  letter-spacing: 0.06em;
575  font-weight: 600;
576  line-height: 1;
577}
578
579.kr-cc-draft-dot {
580  width: 5px;
581  height: 5px;
582  border-radius: 50%;
583  background: var(--brand-accent-teal);
584  animation: kr-cc-draft-pulse 1.8s ease-in-out infinite;
585}
586
587.kr-cc-draft-text {
588  padding-top: 22px;
589  color: var(--brand-text-2);
590  font-size: 14px;
591  line-height: 1.55;
592  font-style: italic;
593  max-height: 140px;
594  overflow-y: auto;
595}
596
597.kr-cc-draft-word-ruby {
598  padding-top: 28px;
599  color: var(--brand-text-2);
600  font-size: 22px;
601  line-height: 1.6;
602  font-style: normal;
603  max-height: 140px;
604  overflow-y: auto;
605}
606
607.kr-cc-draft-source-ruby {
608  padding-top: 22px;
609  color: var(--brand-text-2);
610  font-size: 18px;
611  line-height: 1.55;
612  font-style: normal;
613  margin-bottom: 4px;
614}
615
616.kr-cc-draft-source-ruby ruby {
617  margin-right: 1px;
618}
619
620.kr-cc-draft-source-ruby rt {
621  font-size: 10px;
622  color: var(--brand-text-3);
623  font-style: normal;
624  font-weight: 400;
625  letter-spacing: 0.04em;
626  margin-bottom: 2px;
627  font-family: ui-monospace, 'SF Mono', monospace;
628}
629
630.kr-cc-draft-word-ruby ruby {
631  margin-right: 1px;
632}
633
634.kr-cc-draft-word-ruby rt {
635  font-size: 10px;
636  color: var(--brand-text-3);
637  font-style: normal;
638  font-weight: 400;
639  letter-spacing: 0.04em;
640  margin-bottom: 2px;
641  font-family: ui-monospace, 'SF Mono', monospace;
642}
643
644.kr-cc-draft-dismiss {
645  display: inline-flex;
646  align-items: center;
647  justify-content: center;
648  width: 24px;
649  height: 24px;
650  padding: 0;
651  border: none;
652  background: transparent;
653  color: var(--brand-text-3);
654  border-radius: 999px;
655  cursor: pointer;
656  flex-shrink: 0;
657}
658.kr-cc-draft-dismiss:hover {
659  color: var(--brand-text-1);
660  background: var(--brand-surface-strong);
661}
662
663@keyframes kr-cc-draft-pulse {
664  0%, 100% {
665    transform: scale(1);
666    opacity: 1;
667  }
668  50% {
669    transform: scale(1.5);
670    opacity: 0.55;
671  }
672}
673
674.kr-cc-draft-entering {
675  animation: kr-cc-draft-enter 0.36s cubic-bezier(0.16, 1, 0.3, 1) both;
676}
677
678.kr-cc-draft-leaving {
679  animation: kr-cc-draft-leave 0.2s cubic-bezier(0.4, 0, 0.2, 1) both;
680}
681
682@keyframes kr-cc-draft-enter {
683  from {
684    opacity: 0;
685    transform: translateY(8px);
686  }
687  to {
688    opacity: 1;
689    transform: translateY(0);
690  }
691}
692
693@keyframes kr-cc-draft-leave {
694  from {
695    opacity: 1;
696    transform: translateY(0);
697  }
698  to {
699    opacity: 0;
700    transform: translateY(8px);
701  }
702}
703
704@media (prefers-reduced-motion: reduce) {
705  .kr-cc-draft-entering,
706  .kr-cc-draft-leaving {
707    animation-duration: 0.01s;
708  }
709  .kr-cc-draft-dot {
710    animation: none;
711  }
712}
713
714.kr-score {
715  display: inline-flex;
716  align-items: center;
717  gap: 0.35em;
718  border-radius: 999px;
719  font-size: 11px;
720  font-weight: 600;
721  letter-spacing: 0.02em;
722  line-height: 1;
723  padding: 0.45em 0.7em;
724  white-space: nowrap;
725}
726.kr-score-text {
727  min-width: 0;
728  white-space: nowrap;
729}
730.kr-score--weak {
731  color: var(--brand-danger);
732  background: var(--brand-danger-surface);
733}
734.kr-score--fair {
735  color: var(--brand-warning);
736  background: var(--brand-warning-surface);
737}
738.kr-score--good {
739  color: var(--brand-accent-teal);
740  background: var(--brand-surface-2);
741}
742.kr-score--excellent {
743  color: var(--brand-success);
744  background: var(--brand-success-surface);
745}
746
747.win-shell .label-row {
748  position: relative;
749  display: flex;
750  align-items: center;
751  justify-content: space-between;
752  width: 100%;
753  margin: 8px 0 4px;
754  min-height: 22px;
755}
756
757.win-shell .label-row .label {
758  flex: 1 1 auto;
759  min-width: 0;
760}
761
762/* a result column can be narrower than its own caption plus controls, and the
763   controls are what the row is for. this whole group is scoped to the surfaces
764   that carry the in-frame toggle: the translate window predates it and must
765   keep the wrapping it has always had. */
766
767.win-shell[data-toggle='in-frame'] .label-row .label {
768  overflow: hidden;
769  text-overflow: ellipsis;
770  white-space: nowrap;
771}
772
773.win-shell[data-toggle='in-frame'] .win-label-with-score {
774  flex: 0 1 auto;
775  min-width: 0;
776}
777
778.win-shell[data-toggle='in-frame'] .win-label-with-score > :not(.label) {
779  display: inline-flex;
780  flex: 0 1 auto;
781  min-width: 0;
782}
783
784/* truncate inside the badge, never at the group, so nothing an implementation
785   hangs off the group — a tooltip, a focus ring — is at the mercy of this rule.
786   the ellipsis is the point: a hard cut turns "7 / 10" into a different,
787   plausible-looking number. */
788
789.win-shell[data-toggle='in-frame'] .win-label-with-score .kr-score {
790  min-width: 0;
791}
792
793.win-shell[data-toggle='in-frame'] .win-label-with-score .kr-score-text {
794  min-width: 0;
795  overflow: hidden;
796  text-overflow: ellipsis;
797}
798
799.win-shell[data-toggle='in-frame'] .win-label-with-score .kr-score > [aria-hidden='true'] {
800  flex: 0 0 auto;
801}
802
803.win-shell .label-row:first-child {
804  margin-top: 0;
805}
806
807.win-shell .label {
808  font-size: 10px;
809  font-weight: 600;
810  text-transform: uppercase;
811  letter-spacing: 0.04em;
812  color: var(--brand-text-2);
813}
814
815.win-shell .copy-inline {
816  width: 18px;
817  height: 18px;
818  border: none;
819  background: transparent;
820  border-radius: 999px;
821  color: var(--brand-text-3);
822  cursor: pointer;
823  display: inline-flex;
824  align-items: center;
825  justify-content: center;
826  padding: 0;
827}
828
829.win-shell .copy-inline:hover {
830  background: var(--brand-surface-strong);
831  color: var(--brand-text-1);
832}
833
834.win-shell .copy-inline svg {
835  width: 12px;
836  height: 12px;
837}
838
839.win-shell .copy-inline[data-copied='true'] {
840  color: var(--brand-success);
841}
842
843.win-shell .speak-inline {
844  width: 18px;
845  height: 18px;
846  border: none;
847  background: transparent;
848  border-radius: 999px;
849  color: var(--brand-text-3);
850  cursor: pointer;
851  display: inline-flex;
852  align-items: center;
853  justify-content: center;
854  padding: 0;
855}
856
857.win-shell .speak-inline:hover {
858  background: var(--brand-surface-strong);
859  color: var(--brand-text-1);
860}
861
862.win-shell .speak-inline svg {
863  width: 12px;
864  height: 12px;
865}
866
867.win-shell .speak-inline[data-active='true'] {
868  color: var(--brand-primary);
869}
870
871.win-shell .kr-cc-overlay-actions {
872  position: absolute;
873  top: var(--kr-cc-block-padding-y);
874  right: var(--kr-cc-block-padding-x);
875  display: inline-flex;
876  align-items: center;
877  gap: 4px;
878  z-index: 2;
879  opacity: 0;
880  pointer-events: none;
881  transition: opacity 120ms ease;
882  padding: 2px 6px;
883  border-radius: 999px;
884  background: color-mix(in srgb, var(--brand-canvas, var(--brand-bg)) 78%, transparent);
885  border: 1px solid color-mix(in srgb, var(--brand-border) 40%, transparent);
886  backdrop-filter: blur(8px);
887  -webkit-backdrop-filter: blur(8px);
888  box-shadow: 0 1px 4px color-mix(in srgb, var(--brand-text-1) 7%, transparent);
889}
890
891.win-shell .kr-cc-overlay-actions .copy-inline:hover,
892.win-shell .kr-cc-overlay-actions .speak-inline:hover {
893  background: color-mix(in srgb, var(--brand-border) 72%, var(--brand-canvas, var(--brand-bg)) 28%);
894  color: var(--brand-text-1);
895}
896
897@media (hover: none) {
898  .win-shell .kr-cc-overlay-actions {
899    opacity: 1;
900    pointer-events: auto;
901  }
902}
903
904.win-shell .kr-tip {
905  position: relative;
906  display: inline-flex;
907  align-items: center;
908}
909
910.win-shell .kr-tip-content {
911  position: absolute;
912  top: calc(100% + 6px);
913  left: 50%;
914  transform: translateX(-50%) translateY(-2px);
915  z-index: 10;
916  max-width: 220px;
917  width: max-content;
918  padding: 6px 8px;
919  border-radius: 8px;
920  background: var(--brand-surface-dark-elevated, #2c2c2e);
921  color: #fff;
922  font-size: 11px;
923  line-height: 1.4;
924  white-space: pre-wrap;
925  text-align: left;
926  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
927  opacity: 0;
928  pointer-events: none;
929  transition:
930    opacity 120ms ease 200ms,
931    transform 120ms ease 200ms;
932}
933
934.win-shell .kr-tip:hover > .kr-tip-content {
935  opacity: 1;
936  transform: translateX(-50%) translateY(0);
937}
938
939.win-shell .kr-tip:has(:focus-visible) > .kr-tip-content {
940  opacity: 1;
941  transform: translateX(-50%) translateY(0);
942}
943
944.win-shell .error {
945  color: var(--brand-danger);
946  background: var(--brand-danger-surface);
947  padding: 8px;
948  border-radius: 4px;
949}
950
951.win-shell .error-block {
952  display: flex;
953  flex-direction: column;
954  align-items: flex-start;
955  gap: 8px;
956}
957
958.win-shell .header-quota {
959  border: 1px solid var(--brand-border);
960  background: var(--brand-surface);
961  color: var(--brand-text-2);
962  font-size: 11px;
963  font-weight: 600;
964  line-height: 1;
965  padding: 4px 8px;
966  border-radius: 999px;
967  cursor: pointer;
968  white-space: nowrap;
969}
970
971.win-shell .header-quota:hover {
972  background: var(--brand-surface-strong);
973  color: var(--brand-text-1);
974}
975
976.win-shell .header-quota[data-warn='soft'] {
977  color: var(--brand-warning, #b25000);
978  border-color: var(--brand-warning, #b25000);
979}
980
981.win-shell .header-quota[data-warn='critical'] {
982  color: var(--brand-danger);
983  border-color: var(--brand-danger);
984}
985
986.win-shell .fallback {
987  display: flex;
988  align-items: center;
989  justify-content: space-between;
990  gap: 8px;
991  background: var(--brand-warning-surface);
992  color: var(--brand-warning);
993  padding: 6px 8px;
994  border-radius: 4px;
995  margin-bottom: 8px;
996  font-size: 11px;
997}
998
999.win-shell .fallback-login-btn {
1000  flex-shrink: 0;
1001  height: 22px;
1002  padding: 0 10px;
1003  border-radius: 999px;
1004  border: 1px solid var(--brand-warning);
1005  background: transparent;
1006  color: var(--brand-warning);
1007  font-size: 11px;
1008  font-weight: 600;
1009  cursor: pointer;
1010  font-family: inherit;
1011  white-space: nowrap;
1012}
1013
1014.win-shell .fallback-login-btn:hover {
1015  background: var(--brand-warning);
1016  color: white;
1017}
1018
1019.win-shell .error-login-cta {
1020  align-self: flex-start;
1021}
1022
1023.win-shell .save-failed {
1024  color: var(--brand-danger);
1025  font-size: 12px;
1026  padding: 8px 0 0;
1027}
1028
1029.win-shell .kr-loading-state {
1030  display: flex;
1031  flex-direction: row;
1032  align-items: center;
1033  justify-content: flex-start;
1034  align-self: stretch;
1035  padding: 4px 0 8px;
1036  gap: 10px;
1037}
1038
1039.win-shell .kr-loading-label {
1040  font-size: 12px;
1041  color: var(--brand-text-2);
1042}
1043
1044.win-shell .kr-spinner {
1045  display: inline-block;
1046  border-radius: 50%;
1047  border: 2px solid var(--brand-border);
1048  border-top-color: var(--brand-text-1);
1049  animation: kr-spin 0.7s linear infinite;
1050  flex-shrink: 0;
1051}
1052
1053.win-shell .kr-spinner-section {
1054  width: 16px;
1055  height: 16px;
1056}
1057
1058.win-shell .kr-diff-quote-wrap {
1059  margin: 6px 0;
1060}
1061
1062.win-shell {
1063  --win-bar-clearance: 62px;
1064  container: win-shell / inline-size;
1065  position: relative;
1066  display: flex;
1067  flex-direction: column;
1068  height: 100%;
1069  min-height: 0;
1070  color: var(--brand-text-1);
1071  font-size: 13px;
1072}
1073
1074/* ---------- body: two independent scroll regions ---------- */
1075
1076.win-body {
1077  position: relative;
1078  flex: 1 1 auto;
1079  min-height: 0;
1080  min-width: 0;
1081  display: flex;
1082  flex-direction: column;
1083}
1084
1085.win-body[data-layout='h'][data-split='true'] {
1086  flex-direction: row;
1087}
1088
1089.win-pad {
1090  padding: 0 18px;
1091}
1092
1093.win-shell .win-source {
1094  background: var(--brand-canvas, var(--brand-bg));
1095}
1096
1097.win-source {
1098  flex: 0 0 auto;
1099  position: relative;
1100  display: flex;
1101  flex-direction: column;
1102  min-height: 0;
1103  min-width: 0;
1104}
1105
1106.win-source-scroll {
1107  flex: 1 1 auto;
1108  min-height: 0;
1109  overflow-y: auto;
1110  padding: 12px 0 20px;
1111}
1112
1113.win-body[data-split='false'] .win-source-scroll {
1114  max-height: 232px;
1115}
1116
1117.win-source .kr-cc-input {
1118  height: auto;
1119  min-height: 52px;
1120  max-height: none;
1121  padding: 0;
1122  font-size: 16px;
1123  line-height: 1.6;
1124  field-sizing: content;
1125}
1126
1127.win-source-foot {
1128  flex: 0 0 auto;
1129  padding-top: 10px;
1130  padding-bottom: 10px;
1131}
1132
1133.win-source-foot[data-empty='true'] {
1134  display: none;
1135}
1136
1137.win-source-foot .kr-cc-draft-chip {
1138  left: 18px;
1139}
1140
1141.win-source-foot .kr-cc-draft-chip[data-kind='notice'] {
1142  background: var(--brand-warning-surface);
1143  color: var(--brand-warning);
1144}
1145
1146/* unsplit with no result yet: the result column used to hold every leftover
1147   pixel while the input and the live draft sat under fixed px caps, so a long
1148   draft was clipped above a band of empty canvas. Collapse the empty column and
1149   let the source card own the height instead. COMPOSER_DRAFT_PREVIEW_CSS keeps
1150   its 140px draft cap as the default for card surfaces that are not a workbench. */
1151
1152.win-body[data-split='false'][data-result='none'] > .win-source {
1153  flex: 1 1 auto;
1154}
1155
1156.win-body[data-split='false'][data-result='none'] .win-source-scroll {
1157  flex: 0 1 auto;
1158  max-height: none;
1159}
1160
1161/* the draft is the thing being read, so it claims what it needs first, up to
1162   most of the card, and the input takes the remainder and scrolls. Leftover
1163   height inside a textarea reads as room to keep typing; leftover height under
1164   a clipped draft is the bug this rule exists to remove. */
1165
1166.win-body[data-split='false'][data-result='none'] .win-source-foot {
1167  flex: 0 0 auto;
1168  min-height: 0;
1169  max-height: 60%;
1170  display: flex;
1171  flex-direction: column;
1172}
1173
1174.win-body[data-split='false'][data-result='none'] .kr-cc-draft-zone {
1175  flex: 1 1 auto;
1176  min-height: 0;
1177  display: flex;
1178  flex-direction: column;
1179}
1180
1181.win-body[data-split='false'][data-result='none'] .kr-cc-draft-text,
1182.win-body[data-split='false'][data-result='none'] .kr-cc-draft-word-ruby {
1183  flex: 1 1 auto;
1184  min-height: 0;
1185  max-height: none;
1186}
1187
1188.win-body[data-split='false'][data-result='none'] > .win-result-scroll {
1189  flex: 0 0 auto;
1190  padding: 0;
1191}
1192
1193/* nothing sits below the card now, so whichever pane ends it pads itself by the
1194   bar's height: the draft when there is one, the input when there is not. The
1195   bar then overlays live text and the last line clears it at the end of the
1196   scroll, instead of the card stopping short of a reserved band. */
1197
1198.win-body[data-split='false'][data-result='none'] .kr-cc-draft-text,
1199.win-body[data-split='false'][data-result='none'] .kr-cc-draft-word-ruby {
1200  padding-bottom: var(--win-bar-clearance);
1201}
1202
1203.win-body[data-split='false'][data-result='none']
1204  .win-source:has(> .win-source-foot[data-empty='true'])
1205  .win-source-scroll {
1206  padding-bottom: var(--win-bar-clearance);
1207}
1208
1209.win-source-foot .kr-cc-draft-chip[data-kind='notice'] .kr-cc-draft-dot {
1210  background: var(--brand-warning);
1211  animation: none;
1212}
1213
1214.win-source-foot .kr-cc-draft-text,
1215.win-source-foot .kr-cc-draft-word-ruby,
1216.win-source-foot .kr-cc-draft-source-ruby {
1217  padding-left: 18px;
1218  padding-right: 74px;
1219}
1220
1221.win-counter {
1222  position: absolute;
1223  right: 18px;
1224  bottom: 7px;
1225  padding-left: 20px;
1226  font-size: 11px;
1227  color: var(--brand-text-3);
1228  font-variant-numeric: tabular-nums;
1229  background: linear-gradient(to right, transparent, var(--brand-canvas, var(--brand-bg)) 16px);
1230  pointer-events: none;
1231}
1232
1233.win-counter[data-over='true'] {
1234  color: var(--brand-danger);
1235  font-weight: 600;
1236}
1237
1238/* it floats over the first line, so in a narrow pane it would sit on the text —
1239   it appears when the pointer comes for it, the way the result blocks' own
1240   copy/speak already do, and fades the text under it while it is there.
1241
1242   the reveal is keyed on the input's own scrollport, never on the source card:
1243   unsplit with no result the card stretches to the whole shell, so a hover on
1244   the card put the cluster up from anywhere in the workbench. the cluster is a
1245   sibling of the scrollport rather than a descendant, so reaching for it ends
1246   the hover that revealed it — it holds itself open on the way in. */
1247
1248.win-input-acts {
1249  position: absolute;
1250  top: 6px;
1251  right: 12px;
1252  z-index: 3;
1253  display: none;
1254  align-items: center;
1255  gap: 1px;
1256  padding-left: 26px;
1257  background: linear-gradient(to right, transparent, var(--brand-canvas, var(--brand-bg)) 22px);
1258  opacity: 0;
1259  transition: opacity 120ms ease;
1260}
1261
1262.win-input-acts[data-show='true'] {
1263  display: inline-flex;
1264}
1265
1266.win-source:has(> .win-source-scroll:hover) .win-input-acts[data-show='true'],
1267.win-input-acts[data-show='true']:hover,
1268.win-input-acts[data-show='true']:focus-within {
1269  opacity: 1;
1270}
1271
1272@media (hover: none) {
1273  .win-input-acts[data-show='true'] {
1274    opacity: 1;
1275  }
1276}
1277
1278/* ---------- divider: the line itself is the handle ---------- */
1279
1280.win-divider {
1281  flex: 0 0 auto;
1282  position: relative;
1283  height: 13px;
1284  padding: 0;
1285  border: none;
1286  background: transparent;
1287  cursor: row-resize;
1288  touch-action: none;
1289}
1290
1291.win-body[data-split='false'] .win-divider {
1292  display: none;
1293}
1294
1295.win-divider-line {
1296  position: absolute;
1297  left: 0;
1298  right: 0;
1299  top: 50%;
1300  height: 1px;
1301  margin-top: -0.5px;
1302  background: var(--brand-border-subtle);
1303  transition: opacity 180ms ease;
1304}
1305
1306.win-divider-grip {
1307  position: absolute;
1308  top: 50%;
1309  left: 50%;
1310  width: 32px;
1311  height: 3px;
1312  margin-top: -1.5px;
1313  border-radius: 999px;
1314  background: var(--brand-border);
1315  transform: translateX(-50%);
1316  transition:
1317    width 240ms cubic-bezier(0.16, 1, 0.3, 1),
1318    border-radius 240ms cubic-bezier(0.16, 1, 0.3, 1),
1319    background-color 180ms ease;
1320}
1321
1322.win-divider:hover .win-divider-grip,
1323.win-divider:focus-visible .win-divider-grip,
1324.win-divider[data-dragging='true'] .win-divider-grip {
1325  width: 100%;
1326  border-radius: 0;
1327}
1328
1329.win-divider:hover .win-divider-line,
1330.win-divider:focus-visible .win-divider-line,
1331.win-divider[data-dragging='true'] .win-divider-line {
1332  opacity: 0;
1333}
1334
1335.win-divider:hover .win-divider-grip,
1336.win-divider:focus-visible .win-divider-grip {
1337  background: var(--brand-text-3);
1338}
1339
1340.win-divider[data-dragging='true'] .win-divider-grip {
1341  background: var(--brand-text-1);
1342}
1343
1344.win-body[data-layout='h'][data-split='true'] .win-divider {
1345  width: 13px;
1346  height: auto;
1347  cursor: col-resize;
1348}
1349
1350.win-body[data-layout='h'][data-split='true'] .win-divider-line {
1351  left: 50%;
1352  right: auto;
1353  top: 0;
1354  bottom: 0;
1355  width: 1px;
1356  height: auto;
1357  margin-top: 0;
1358  margin-left: -0.5px;
1359}
1360
1361.win-body[data-layout='h'][data-split='true'] .win-divider-grip {
1362  top: 50%;
1363  left: 50%;
1364  width: 3px;
1365  height: 32px;
1366  margin-top: -16px;
1367  margin-left: -1.5px;
1368  transform: none;
1369  transition:
1370    height 240ms cubic-bezier(0.16, 1, 0.3, 1),
1371    border-radius 240ms cubic-bezier(0.16, 1, 0.3, 1),
1372    background-color 180ms ease;
1373}
1374
1375.win-body[data-layout='h'][data-split='true'] .win-divider:hover .win-divider-grip,
1376.win-body[data-layout='h'][data-split='true'] .win-divider:focus-visible .win-divider-grip,
1377.win-body[data-layout='h'][data-split='true'] .win-divider[data-dragging='true'] .win-divider-grip {
1378  top: 0;
1379  width: 3px;
1380  height: 100%;
1381  margin-top: 0;
1382}
1383
1384/* the floating bar sits at the bottom of the input pane in side-by-side, so the
1385   pane's own bottom furniture has to clear it */
1386
1387.win-body[data-layout='h'][data-split='true'] .win-source {
1388  padding-bottom: 62px;
1389}
1390
1391.win-body[data-layout='h'][data-split='true'] .win-counter {
1392  bottom: 69px;
1393}
1394
1395/* the divider's 13px band is a drag target, not content, so the edges beside it
1396   pull in by half of it — otherwise everything against the divider reads 6px
1397   further out than everything against the window */
1398
1399.win-body[data-layout='h'][data-split='true'] .win-input-acts {
1400  right: 6px;
1401}
1402
1403.win-body[data-layout='h'][data-split='true'] .win-counter {
1404  right: 12px;
1405}
1406
1407.win-body[data-layout='h'][data-split='true'] .win-source-foot .kr-cc-draft-text,
1408.win-body[data-layout='h'][data-split='true'] .win-source-foot .kr-cc-draft-word-ruby,
1409.win-body[data-layout='h'][data-split='true'] .win-source-foot .kr-cc-draft-source-ruby {
1410  padding-right: 68px;
1411}
1412
1413.win-body[data-layout='h'][data-split='true'] .win-result-scroll > .win-pad {
1414  padding-left: 12px;
1415}
1416
1417/* the bar only clears the result column while it is centred on the input pane;
1418   once it falls back to the window it covers both, so the padding comes back */
1419
1420.win-body[data-layout='h'][data-split='true'] .win-result-scroll {
1421  padding-top: 12px;
1422}
1423
1424/* ---------- result region ---------- */
1425
1426.win-result-scroll {
1427  flex: 1 1 auto;
1428  min-height: 0;
1429  min-width: 0;
1430  overflow-y: auto;
1431  padding: 14px 0;
1432  display: flex;
1433  flex-direction: column;
1434}
1435
1436/* bottom clearance pads the content rather than shortening the scrollport, so
1437   the bar overlays live text instead of sitting in a reserved dead band, and the
1438   last line still clears it at the very end 
1438of the scroll. Same shape macapp
1439   uses for its kept document (.win-kept-pad). */
1440
1441.win-body[data-bar='window']:not([data-result='none'])
1442  .win-result-scroll:not([data-empty='true'])
1443  > .win-pad {
1444  padding-bottom: var(--win-bar-clearance);
1445}
1446
1447.win-result-scroll > .win-pad {
1448  flex: 1 0 auto;
1449  display: flex;
1450  flex-direction: column;
1451}
1452
1453.win-source-scroll,
1454.win-result-scroll {
1455  scrollbar-width: thin;
1456  scrollbar-color: color-mix(in srgb, var(--brand-text-1) 22%, transparent) transparent;
1457}
1458
1459.win-surface {
1460  flex: 1 0 auto;
1461  display: flex;
1462  flex-direction: column;
1463  min-height: 0;
1464}
1465
1466.win-result-body {
1467  flex: 0 0 auto;
1468}
1469
1470.win-label-actions {
1471  display: inline-flex;
1472  align-items: center;
1473  gap: 2px;
1474  flex: 0 0 auto;
1475  margin-right: -3px;
1476}
1477
1478.win-shell .win-result-scroll .label-row {
1479  margin: 0 0 6px;
1480  min-height: 24px;
1481}
1482
1483.win-result-dismiss {
1484  width: 18px;
1485  height: 18px;
1486  padding: 0;
1487  border: none;
1488  border-radius: 999px;
1489  background: transparent;
1490  color: var(--brand-text-3);
1491  cursor: pointer;
1492  display: inline-flex;
1493  align-items: center;
1494  justify-content: center;
1495}
1496
1497.win-result-dismiss:hover {
1498  background: var(--brand-surface-strong);
1499  color: var(--brand-text-1);
1500}
1501
1502.win-result-dismiss svg {
1503  width: 12px;
1504  height: 12px;
1505}
1506
1507/* the window is a workbench, not a 279pt bubble — the result blocks get room */
1508
1509.win-shell .win-result-scroll .win-block {
1510  margin: 0;
1511  padding: 0;
1512  background: transparent;
1513  border: none;
1514  border-radius: 0;
1515  white-space: pre-wrap;
1516}
1517
1518.win-shell .win-result-scroll .win-block + .label-row {
1519  margin-top: 18px;
1520}
1521
1522.win-shell .win-result-scroll .translation {
1523  font-size: 16px;
1524  line-height: 1.62;
1525  color: var(--brand-text-1);
1526}
1527
1528.win-shell .win-result-scroll .original {
1529  font-size: 14px;
1530  line-height: 1.6;
1531  color: var(--brand-text-2);
1532}
1533
1534.win-shell .win-result-scroll .improved {
1535  font-size: 16px;
1536  line-height: 1.62;
1537  color: var(--brand-text-1);
1538}
1539
1540.win-shell .win-result-scroll .alt {
1541  font-size: 14px;
1542  line-height: 1.6;
1543  color: var(--brand-body);
1544}
1545
1546.win-shell .win-result-scroll .note {
1547  font-size: 12.5px;
1548  line-height: 1.65;
1549  color: var(--brand-text-2);
1550}
1551
1552.win-shell .win-result-scroll .meanings {
1553  display: flex;
1554  flex-direction: column;
1555  gap: 7px;
1556  list-style: none;
1557  padding-left: 0;
1558  white-space: normal;
1559}
1560
1561.win-shell .win-result-scroll .meanings li {
1562  margin: 0;
1563  font-size: 13px;
1564  line-height: 1.55;
1565  color: var(--brand-body);
1566}
1567
1568.win-shell .win-result-scroll .meanings .term {
1569  font-weight: 600;
1570  color: var(--brand-text-1);
1571}
1572
1573.win-result-scroll .kr-loading-state {
1574  flex: 1 0 auto;
1575  flex-direction: column;
1576  align-items: center;
1577  justify-content: center;
1578  gap: 12px;
1579}
1580
1581.win-result-cta-group {
1582  display: inline-flex;
1583  align-items: center;
1584  gap: 6px;
1585  flex-shrink: 0;
1586}
1587
1588/* ---------- empty state ---------- */
1589
1590.win-empty {
1591  flex: 1 0 auto;
1592  display: flex;
1593  flex-direction: column;
1594  align-items: center;
1595  justify-content: center;
1596  gap: 14px;
1597  color: var(--brand-text-3);
1598  text-align: center;
1599}
1600
1601/* stacked and empty, the placeholder belongs to the whole content area rather
1602   than to the result region under it — minus the strip the floating bar covers */
1603
1604.win-result-scroll[data-empty='true'] {
1605  overflow: visible;
1606}
1607
1608.win-body[data-split='false'] .win-result-scroll[data-empty='true'] .win-empty {
1609  position: absolute;
1610  left: 0;
1611  right: 0;
1612  top: 0;
1613  bottom: 58px;
1614  pointer-events: none;
1615}
1616
1617/* the placeholder is laid over the whole content area, composer included, so it
1618   has to let the pointer through — otherwise the input cannot be clicked while
1619   it is up. its own controls opt back in. */
1620
1621.win-body[data-split='false'] .win-result-scroll[data-empty='true'] .win-empty button {
1622  pointer-events: auto;
1623}
1624
1625.win-empty-mark {
1626  width: 40px;
1627  height: 40px;
1628  border-radius: 999px;
1629  background: var(--brand-surface);
1630  display: inline-flex;
1631  align-items: center;
1632  justify-content: center;
1633  color: var(--brand-text-3);
1634}
1635
1636.win-empty-mark svg {
1637  width: 21px;
1638  height: 21px;
1639  display: block;
1640}
1641
1642.win-empty-title {
1643  font-size: 13px;
1644  color: var(--brand-text-2);
1645}
1646
1647.win-keys {
1648  display: grid;
1649  grid-template-columns: auto auto;
1650  align-items: center;
1651  justify-content: center;
1652  gap: 7px 0;
1653  font-size: 11px;
1654}
1655
1656.win-keys-hint {
1657  margin-top: -7px;
1658  font-size: 11px;
1659  color: var(--brand-text-3);
1660  opacity: 0.75;
1661}
1662
1663.win-key-combo {
1664  display: inline-flex;
1665  align-items: center;
1666  justify-content: flex-end;
1667  padding-right: 5px;
1668}
1669
1670.win-key-combo-caps {
1671  display: inline-flex;
1672  align-items: center;
1673  gap: 4px;
1674}
1675
1676button.win-key-combo {
1677  display: inline-grid;
1678  align-items: center;
1679  border: none;
1680  background: transparent;
1681  padding: 0 5px 0 0;
1682  font: inherit;
1683  font-size: 11px;
1684  cursor: pointer;
1685}
1686
1687button.win-key-combo > * {
1688  grid-area: 1 / 1;
1689  justify-self: end;
1690}
1691
1692button.win-key-combo > .win-kbd-recording,
1693button.win-key-combo > .win-kbd-saving {
1694  visibility: hidden;
1695}
1696
1697button.win-key-combo[data-recording='true'] > .win-kbd-recording,
1698button.win-key-combo[data-saving='true'] > .win-kbd-saving {
1699  visibility: visible;
1700}
1701
1702button.win-key-combo[data-recording='true'] > .win-key-combo-caps,
1703button.win-key-combo[data-saving='true'] > .win-key-combo-caps {
1704  visibility: hidden;
1705}
1706
1707button.win-key-combo[data-hover='true'] .win-kbd {
1708  border-color: var(--brand-border);
1709  color: var(--brand-text-1);
1710}
1711
1712button.win-key-combo:focus-visible {
1713  outline: 2px solid var(--brand-primary);
1714  outline-offset: 3px;
1715  border-radius: 7px;
1716}
1717
1718.win-kbd-recording {
1719  border-style: dashed;
1720  border-color: var(--brand-primary);
1721  color: var(--brand-text-1);
1722  white-space: nowrap;
1723}
1724
1725.win-kbd-saving {
1726  display: inline-flex;
1727  align-items: center;
1728  gap: 5px;
1729  color: var(--brand-text-1);
1730  white-space: nowrap;
1731}
1732
1733.win-shell .kr-spinner-kbd {
1734  width: 9px;
1735  height: 9px;
1736  border-width: 1.5px;
1737}
1738
1739button.win-key-combo[data-error='true'] .win-kbd {
1740  border-color: var(--brand-danger);
1741}
1742
1743.win-key-label {
1744  color: var(--brand-text-3);
1745  text-align: left;
1746  padding-left: 5px;
1747}
1748
1749.win-key-label[data-rebindable='true'] {
1750  cursor: pointer;
1751}
1752
1753.win-key-label[data-hover='true'] {
1754  color: var(--brand-text-1);
1755}
1756
1757.win-key-label[data-error='true'] {
1758  color: var(--brand-danger);
1759}
1760
1761.win-kbd {
1762  font-family: inherit;
1763  font-size: 10px;
1764  font-weight: 600;
1765  padding: 2px 6px;
1766  border-radius: 5px;
1767  background: var(--brand-surface);
1768  border: 1px solid var(--brand-border-subtle);
1769  color: var(--brand-text-2);
1770}
1771
1772/* ---------- floating action bar ---------- */
1773
1774.win-float-bar {
1775  position: absolute;
1776  left: 50%;
1777  bottom: 14px;
1778  transform: translateX(-50%);
1779  display: inline-flex;
1780  align-items: center;
1781  gap: 6px;
1782  padding: 6px;
1783  border-radius: 999px;
1784  background: color-mix(in srgb, var(--brand-canvas, var(--brand-bg)) 80%, transparent);
1785  backdrop-filter: saturate(180%) blur(20px);
1786  -webkit-backdrop-filter: saturate(180%) blur(20px);
1787  box-shadow:
1788    0 10px 28px rgba(15, 23, 42, 0.16),
1789    0 2px 6px rgba(15, 23, 42, 0.08),
1790    0 0 0 1px rgba(15, 23, 42, 0.06);
1791  white-space: nowrap;
1792  z-index: 4;
1793}
1794
1795/* titlebar controls sit against the right edge, so a tooltip centred on the
1796   button hangs off the window; pin it to the same edge instead */
1797
1798/* the bar floats over the bottom edge, so its tooltips have to open upward or
1799   they are clipped by the window */
1800
1801.win-float-bar .kr-tip-content {
1802  top: auto;
1803  bottom: calc(100% + 6px);
1804  transform: translateX(-50%) translateY(2px);
1805}
1806
1807.win-float-bar .kr-tip:hover > .kr-tip-content,
1808.win-float-bar .kr-tip:has(:focus-visible) > .kr-tip-content {
1809  transform: translateX(-50%) translateY(0);
1810}
1811
1812.win-act-row {
1813  display: inline-flex;
1814  align-items: center;
1815  gap: 6px;
1816}
1817
1818.win-act-sep {
1819  width: 1px;
1820  height: 18px;
1821  margin: 0 2px;
1822  background: var(--brand-border-subtle);
1823  flex-shrink: 0;
1824}
1825
1826.win-act {
1827  display: inline-flex;
1828  align-items: center;
1829  gap: 6px;
1830  height: 32px;
1831  min-width: 0;
1832  padding: 0 13px 0 11px;
1833  border-radius: 999px;
1834  border: 1px solid transparent;
1835  background: transparent;
1836  color: var(--brand-text-2);
1837  font: inherit;
1838  font-size: 12px;
1839  font-weight: 500;
1840  white-space: nowrap;
1841  cursor: pointer;
1842}
1843
1844.win-act:hover:not(:disabled) {
1845  background: var(--brand-surface);
1846  color: var(--brand-text-1);
1847}
1848
1849.win-act:disabled {
1850  opacity: 0.34;
1851  cursor: default;
1852}
1853
1854.win-act-ico {
1855  display: inline-flex;
1856  align-items: center;
1857}
1858
1859/* the bar falls back to the icons its buttons already carry when the space it
1860   floats over cannot hold it labelled — a narrow window, or a narrow input pane
1861   side by side. usePanelLayout owns that judgement because the pane half needs
1862   the bar's own measured width */
1863
1864.win-float-bar[data-compact='true'] .win-act[data-labelled='true'] {
1865  width: 32px;
1866  min-width: 32px;
1867  padding: 0;
1868  gap: 0;
1869  justify-content: center;
1870}
1871
1872.win-float-bar[data-compact='true'] .win-act[data-labelled='true'] > span:not(.win-act-ico) {
1873  display: none;
1874}
1875
1876.win-act-ico svg {
1877  width: 15px;
1878  height: 15px;
1879  display: block;
1880}
1881
1882.win-act[data-loading='true'] .win-act-ico svg {
1883  animation: kr-spin 0.8s linear infinite;
1884}
1885
1886.win-act[data-selected='true'],
1887.win-act[data-selected='true']:hover {
1888  background: var(--brand-surface-strong);
1889  color: var(--brand-primary);
1890  font-weight: 600;
1891}
1892
1893.win-act[data-compact='true'] {
1894  width: 26px;
1895  min-width: 26px;
1896  height: 26px;
1897  padding: 0;
1898  gap: 0;
1899  justify-content: center;
1900  color: var(--brand-text-3);
1901}
1902
1903.win-act[data-compact='true'] .win-act-ico svg {
1904  width: 13px;
1905  height: 13px;
1906}
1907
1908.win-act[data-done='true'],
1909.win-act[data-done='true']:hover {
1910  color: var(--brand-success);
1911}
1912
1913.win-act[data-active='true'],
1914.win-act[data-active='true']:hover {
1915  background: var(--brand-surface-strong);
1916  color: var(--brand-primary);
1917}
1918
1919.win-shell button:focus-visible,
1920.win-shell [role='separator']:focus-visible {
1921  outline: 2px solid var(--brand-primary);
1922  outline-offset: 2px;
1923}
1924
1925/* ---------- language icon: one trigger, one two-column popover ---------- */
1926
1927.win-lang {
1928  position: relative;
1929  display: inline-flex;
1930  align-items: center;
1931}
1932
1933.win-lang-trigger {
1934  width: 32px;
1935  min-width: 32px;
1936  height: 32px;
1937  padding: 0;
1938  border: 1px solid transparent;
1939  border-radius: 999px;
1940  background: transparent;
1941  color: var(--brand-text-2);
1942  display: inline-flex;
1943  align-items: center;
1944  justify-content: center;
1945  cursor: pointer;
1946}
1947
1948.win-lang-trigger:hover {
1949  background: var(--brand-surface);
1950  color: var(--brand-text-1);
1951}
1952
1953.win-lang-trigger svg {
1954  width: 15px;
1955  height: 15px;
1956  display: block;
1957}
1958
1959.win-lang-swap {
1960  width: 26px;
1961  min-width: 26px;
1962  height: 26px;
1963  padding: 0;
1964  border: none;
1965  border-radius: 999px;
1966  background: transparent;
1967  color: var(--brand-text-3);
1968  display: inline-flex;
1969  align-items: center;
1970  justify-content: center;
1971  cursor: pointer;
1972  flex: 0 0 auto;
1973}
1974
1975.win-lang-swap:hover {
1976  background: var(--brand-surface-strong);
1977  color: var(--brand-text-1);
1978}
1979
1980.win-lang-swap svg {
1981  width: 13px;
1982  height: 13px;
1983}
1984
1985.win-lang-popover {
1986  position: absolute;
1987  bottom: calc(100% + 8px);
1988  right: 0;
1989  z-index: 20;
1990  width: 306px;
1991  max-height: 320px;
1992  display: flex;
1993  flex-direction: column;
1994  border-radius: 12px;
1995  background: var(--brand-canvas, var(--brand-bg));
1996  overflow: hidden;
1997  box-shadow:
1998    0 16px 40px rgba(15, 23, 42, 0.2),
1999    0 0 0 1px rgba(15, 23, 42, 0.08);
2000}
2001
2002.win-lang-filter-row {
2003  flex: 0 0 auto;
2004  display: flex;
2005  align-items: center;
2006  gap: 4px;
2007  margin: 8px 8px 4px;
2008}
2009
2010.win-lang-filter {
2011  flex: 1 1 auto;
2012  min-width: 0;
2013  height: 30px;
2014  padding: 0 11px;
2015  border-radius: 999px;
2016  border: 1px solid var(--brand-border);
2017  background: var(--brand-canvas, var(--brand-bg));
2018  color: var(--brand-text-1);
2019  font: inherit;
2020  font-size: 12px;
2021  outline: none;
2022}
2023
2024.win-lang-filter:focus {
2025  border-color: var(--brand-text-1);
2026}
2027
2028.win-lang-cols {
2029  flex: 1 1 auto;
2030  min-height: 0;
2031  display: flex;
2032  gap: 4px;
2033  padding: 0 6px 8px;
2034}
2035
2036.win-lang-col {
2037  flex: 1 1 0;
2038  min-width: 0;
2039  min-height: 0;
2040  display: flex;
2041  flex-direction: column;
2042}
2043
2044.win-lang-col-divider {
2045  flex: 0 0 auto;
2046  width: 1px;
2047  margin: 6px 2px 0;
2048  background: var(--brand-border-subtle);
2049}
2050
2051.win-lang-col-scroll {
2052  flex: 1 1 auto;
2053  min-height: 0;
2054  overflow-y: auto;
2055}
2056
2057.win-lang-group {
2058  padding: 8px 8px 2px;
2059  font-size: 10px;
2060  font-weight: 700;
2061  letter-spacing: 0.06em;
2062  text-transform: uppercase;
2063  color: var(--brand-text-3);
2064}
2065
2066.win-lang-option {
2067  width: 100%;
2068  display: flex;
2069  align-items: center;
2070  justify-content: space-between;
2071  gap: 8px;
2072  height: 30px;
2073  padding: 0 10px;
2074  border: none;
2075  border-radius: 8px;
2076  background: transparent;
2077  color: var(--brand-text-1);
2078  font: inherit;
2079  font-size: 12.5px;
2080  text-align: left;
2081  cursor: pointer;
2082}
2083
2084.win-lang-option > span {
2085  overflow: hidden;
2086  text-overflow: ellipsis;
2087  white-space: nowrap;
2088}
2089
2090.win-lang-option > .win-lang-option-check {
2091  flex: none;
2092  display: inline-flex;
2093  align-items: center;
2094}
2095
2096.win-lang-option[aria-selected='false'] > .win-lang-option-check {
2097  visibility: hidden;
2098}
2099
2100.win-lang-option:hover {
2101  background: var(--brand-surface);
2102}
2103
2104.win-lang-option[aria-selected='true'] {
2105  font-weight: 600;
2106}
2107
2108.win-lang-option svg {
2109  width: 13px;
2110  height: 13px;
2111  color: var(--brand-primary);
2112  flex: 0 0 auto;
2113}
2114
2115.win-lang-empty {
2116  padding: 14px 10px;
2117  font-size: 12px;
2118  color: var(--brand-text-3);
2119  text-align: center;
2120}
2121
2122.win-lang-manage-row {
2123  flex: 0 0 auto;
2124  padding: 6px;
2125  border-top: 1px solid var(--brand-border-subtle);
2126}
2127
2128.win-lang-manage {
2129  display: block;
2130  width: 100%;
2131  padding: 6px 10px;
2132  border: none;
2133  border-radius: 999px;
2134  background: transparent;
2135  color: var(--brand-text-3);
2136  font: inherit;
2137  font-size: 11px;
2138  font-weight: 500;
2139  text-align: left;
2140  cursor: pointer;
2141}
2142
2143.win-lang-manage:hover {
2144  color: var(--brand-text-1);
2145}
2146
2147.win-label-with-score {
2148  display: inline-flex;
2149  align-items: center;
2150  gap: 6px;
2151}
2152
2153.kr-cc-action-btn[data-loading='true'] {
2154  cursor: default;
2155}
2156
2157.kr-cc-action-btn[data-loading='true'] .kr-cc-action-icon svg {
2158  animation: kr-spin 0.8s linear infinite;
2159}
2160
2161/* the layout toggle is one more icon in the input cluster, not a chip: no pill,
2162   no border, no aria-pressed fill. it never reserves a column — it floats over
2163   whatever is under it and carries the same left fade the counter and the input
2164   cluster already use, so the text beneath stays readable. */
2165
2166.win-layout-toggle {
2167  position: absolute;
2168  top: 6px;
2169  right: 12px;
2170  z-index: 6;
2171  display: inline-flex;
2172  align-items: center;
2173  padding-left: 20px;
2174  background: linear-gradient(to right, transparent, var(--brand-canvas, var(--brand-bg)) 16px);
2175  pointer-events: none;
2176}
2177
2178/* the fade is 20px of pure decoration sitting on top of whatever scrolls past.
2179   it must not also collect the clicks meant for what is underneath it */
2180
2181.win-layout-toggle button {
2182  pointer-events: auto;
2183}
2184
2185/* stacked, the source pane spans the whole shell, so the cluster would land on
2186   top of the toggle. side by side the cluster belongs to the left pane and the
2187   toggle to the shell, so they cannot meet. */
2188
2189.win-shell[data-toggle='in-frame'] .win-body[data-layout='v'] .win-input-acts {
2190  right: 39px;
2191}
2192
2193/* side by side the toggle floats over the result column instead. it reserves
2194   nothing — no row, no column. the one thing that can reach up into its corner
2195   is the first label row's own copy/speak, so that single row ends where the
2196   toggle begins; everything below scrolls under the fade. */
2197
2198.win-shell[data-toggle='in-frame']
2199  .win-body[data-layout='h']
2200  .win-result-scroll
2201  .label-row:first-child {
2202  padding-right: 30px;
2203}
2204
2205.kr-wl-word {
2206  cursor: pointer;
2207  border-radius: 3px;
2208  transition: background-color 120ms ease;
2209}
2210
2211.kr-wl-word:hover,
2212.kr-wl-word[data-open='true'] {
2213  background: var(--brand-surface-strong);
2214}
2215
2216.kr-wl-word[data-known='true'] {
2217  text-decoration: underline dotted var(--brand-accent-teal);
2218  text-underline-offset: 3px;
2219}
2220
2221.kr-wl-word:focus-visible {
2222  outline: 2px solid var(--brand-primary);
2223  outline-offset: 1px;
2224}
2225
2226.kr-wl-pop {
2227  position: fixed;
2228  top: 0;
2229  left: 0;
2230  z-index: 20;
2231  width: max-content;
2232  min-width: 216px;
2233  max-width: 288px;
2234  display: flex;
2235  flex-direction: column;
2236  gap: 8px;
2237  padding: 12px;
2238  border-radius: 12px;
2239  background: var(--brand-canvas, var(--brand-bg));
2240  box-shadow:
2241    0 16px 40px rgba(15, 23, 42, 0.2),
2242    0 0 0 1px rgba(15, 23, 42, 0.08);
2243  visibility: hidden;
2244  opacity: 0;
2245  pointer-events: none;
2246  transform: translateY(10px);
2247  transition:
2248    opacity 140ms ease,
2249    transform 140ms cubic-bezier(0.2, 0, 0, 1),
2250    visibility 140ms;
2251}
2252
2253.kr-wl-pop[data-place='below'] {
2254  transform: translateY(-10px);
2255}
2256
2257.kr-wl-pop[data-open='true'] {
2258  visibility: visible;
2259  opacity: 1;
2260  pointer-events: auto;
2261  transform: translateY(0);
2262}
2263
2264.kr-wl-pop[data-glide='true'] {
2265  transition: translate 160ms cubic-bezier(0.2, 0, 0, 1);
2266}
2267
2268@media (prefers-reduced-motion: reduce) {
2269  .kr-wl-pop,
2270  .kr-wl-pop[data-place],
2271  .kr-wl-pop[data-open='true'] {
2272    transform: none;
2273  }
2274
2275  .kr-wl-pop[data-glide='true'] {
2276    transition: none;
2277  }
2278}
2279
2280.kr-wl-term {
2281  font-size: 15px;
2282  font-weight: 600;
2283  line-height: 1.3;
2284  color: var(--brand-text-1);
2285  overflow: hidden;
2286  text-overflow: ellipsis;
2287  white-space: nowrap;
2288}
2289
2290.kr-wl-gloss {
2291  font-size: 13px;
2292  line-height: 1.55;
2293  color: var(--brand-body);
2294}
2295
2296.kr-wl-gloss[data-pending='true'],
2297.kr-wl-gloss[data-empty='true'] {
2298  color: var(--brand-text-3);
2299}
2300
2301.kr-wl-skel {
2302  display: block;
2303  height: 13px;
2304  margin: 3px 0;
2305  border-radius: 3px;
2306  background: linear-gradient(
2307    90deg,
2308    var(--brand-surface-2) 0%,
2309    var(--brand-border-subtle) 50%,
2310    var(--brand-surface-2) 100%
2311  );
2312  background-size: 200% 100%;
2313  animation: kr-wl-skel-shimmer 1.1s ease-in-out infinite;
2314}
2315
2316.kr-wl-skel + .kr-wl-skel {
2317  width: 62%;
2318}
2319
2320@keyframes kr-wl-skel-shimmer {
2321  from {
2322    background-position: 200% 0;
2323  }
2324  to {
2325    background-position: -200% 0;
2326  }
2327}
2328
2329@media (prefers-reduced-motion: reduce) {
2330  .kr-wl-skel {
2331    animation: none;
2332  }
2333}
2334
2335.kr-wl-def {
2336  font-size: 12px;
2337  line-height: 1.5;
2338  color: var(--brand-text-3);
2339}
2340
2341.kr-wl-cefr {
2342  display: inline-flex;
2343  align-items: center;
2344  border-radius: 999px;
2345  font-size: 11px;
2346  font-weight: 600;
2347  letter-spacing: 0.02em;
2348  padding: 1px 10px;
2349  flex: 0 0 auto;
2350}
2351
2352.kr-wl-body {
2353  display: flex;
2354  flex-direction: column;
2355  gap: 8px;
2356  min-width: 0;
2357  min-height: 0;
2358}
2359
2360.kr-wl-pop[data-sized='true'] {
2361  min-width: 0;
2362  max-width: none;
2363}
2364
2365.kr-wl-pop[data-sized='true'] .kr-wl-body {
2366  flex: 1 1 auto;
2367  overflow-y: auto;
2368  overscroll-behavior: contain;
2369}
2370
2371.kr-wl-pop .win-act-row {
2372  margin-top: 2px;
2373}
2374
2375.kr-wl-pop .kr-cc-draft-chip {
2376  position: static;
2377  transform: none;
2378  flex: 0 0 auto;
2379}
2380
2381.kr-wl-pop [hidden] {
2382  display: none !important;
2383}
2384
2385.kr-wl-pop .win-act[data-labelled='true'] {
2386  width: 32px;
2387  min-width: 32px;
2388  padding: 0;
2389  gap: 0;
2390  justify-content: center;
2391}
2392
2393.kr-wl-pop .win-act[data-labelled='true'] > span:not(.win-act-ico) {
2394  display: none;
2395}
2396
2397.kr-wl-spacer {
2398  flex: 1 1 auto;
2399}
2400
2401.kr-wl-pop .kr-tip-content {
2402  top: auto;
2403  bottom: calc(100% + 6px);
2404  transform: translateX(-50%) translateY(2px);
2405}
2406
2407.kr-wl-pop .kr-tip:hover > .kr-tip-content,
2408.kr-wl-pop .kr-tip:has(:focus-visible) > .kr-tip-content {
2409  transform: translateX(-50%) translateY(0);
2410}
2411
2412.kr-wl-bar {
2413  min-width: 0;
2414  flex-direction: row;
2415  align-items: center;
2416  gap: 4px;
2417  padding: 6px;
2418  border-radius: 999px;
2419}
2420
2421.kr-wl-bar .win-act[data-labelled='true'] {
2422  width: auto;
2423  min-width: 0;
2424  padding: 0 13px 0 11px;
2425  gap: 6px;
2426  justify-content: flex-start;
2427}
2428
2429.kr-wl-bar .win-act[data-labelled='true'] > span:not(.win-act-ico) {
2430  display: inline;
2431}
2432
2433.kr-fw-head {
2434  display: flex;
2435  align-items: center;
2436  gap: 8px;
2437  min-width: 0;
2438  flex: 0 0 auto;
2439}
2440
2441[data-movable='true'] > .kr-fw-head {
2442  cursor: grab;
2443  user-select: none;
2444  touch-action: none;
2445}
2446
2447[data-movable='true'] > .kr-fw-head:active {
2448  cursor: grabbing;
2449}
2450
2451[data-movable='true'] > .kr-fw-head .kr-fw-actions {
2452  cursor: default;
2453}
2454
2455.kr-fw-title {
2456  min-width: 0;
2457  overflow: hidden;
2458  text-overflow: ellipsis;
2459  white-space: nowrap;
2460}
2461
2462.kr-fw-actions {
2463  display: inline-flex;
2464  align-items: center;
2465  gap: 2px;
2466  margin-left: auto;
2467  flex: 0 0 auto;
2468}
2469
2470.kr-fw-edge {
2471  position: absolute;
2472  z-index: 10;
2473  padding: 0;
2474  border: 0;
2475  background: transparent;
2476  touch-action: none;
2477}
2478
2479.kr-fw-edge[data-edge='n'],
2480.kr-fw-edge[data-edge='s'] {
2481  left: 8px;
2482  right: 8px;
2483  height: 8px;
2484  cursor: ns-resize;
2485}
2486
2487.kr-fw-edge[data-edge='n'] {
2488  top: -4px;
2489}
2490
2491.kr-fw-edge[data-edge='s'] {
2492  bottom: -4px;
2493}
2494
2495.kr-fw-edge[data-edge='w'],
2496.kr-fw-edge[data-edge='e'] {
2497  top: 8px;
2498  bottom: 8px;
2499  width: 8px;
2500  cursor: ew-resize;
2501}
2502
2503.kr-fw-edge[data-edge='w'] {
2504  left: -4px;
2505}
2506
2507.kr-fw-edge[data-edge='e'] {
2508  right: -4px;
2509}
2510
2511.kr-fw-edge[data-edge='nw'],
2512.kr-fw-edge[data-edge='ne'],
2513.kr-fw-edge[data-edge='sw'],
2514.kr-fw-edge[data-edge='se'] {
2515  z-index: 11;
2516  width: 14px;
2517  height: 14px;
2518}
2519
2520.kr-fw-edge[data-edge='nw'] {
2521  top: -4px;
2522  left: -4px;
2523  cursor: nwse-resize;
2524}
2525
2526.kr-fw-edge[data-edge='ne'] {
2527  top: -4px;
2528  right: -4px;
2529  cursor: nesw-resize;
2530}
2531
2532.kr-fw-edge[data-edge='sw'] {
2533  bottom: -4px;
2534  left: -4px;
2535  cursor: nesw-resize;
2536}
2537
2538.kr-fw-edge[data-edge='se'] {
2539  bottom: -4px;
2540  right: -4px;
2541  cursor: nwse-resize;
2542}
2543
2544.kr-fw-edge:focus-visible {
2545  outline: 2px solid var(--brand-primary);
2546  outline-offset: -2px;
2547  border-radius: 4px;
2548}
2549
2550.kr-fw-grip {
2551  position: absolute;
2552  right: 3px;
2553  bottom: 3px;
2554  z-index: 12;
2555  width: 14px;
2556  height: 14px;
2557  padding: 0;
2558  border: 0;
2559  background: transparent;
2560  color: var(--brand-text-3);
2561  cursor: nwse-resize;
2562  touch-action: none;
2563}
2564
2565.kr-fw-grip:hover,
2566.kr-fw-grip:focus-visible {
2567  color: var(--brand-text-1);
2568}
2569
2570.kr-fw-grip svg {
2571  display: block;
2572  width: 14px;
2573  height: 14px;
2574}
2575
2576@media (max-width: 767px) {
2577  .kr-fw-edge {
2578    display: none;
2579  }
2580
2581  [data-movable='true'] > .kr-fw-head,
2582  [data-movable='true'] > .kr-fw-head:active {
2583    cursor: default;
2584  }
2585}
2586
2587.kr-resize-divider {
2588  position: relative;
2589  flex: 0 0 auto;
2590  align-self: stretch;
2591  padding: 0;
2592  border: 0;
2593  background: transparent;
2594  touch-action: none;
2595}
2596.kr-resize-divider[data-orientation='vertical'] {
2597  width: 9px;
2598  margin: 0 -4px;
2599  cursor: col-resize;
2600}
2601.kr-resize-divider[data-orientation='horizontal'] {
2602  height: 9px;
2603  margin: -4px 0;
2604  cursor: row-resize;
2605  width: 100%;
2606}
2607.kr-resize-divider:focus {
2608  outline: none;
2609}
2610.kr-resize-divider .kr-resize-divider-rail {
2611  position: absolute;
2612  background: var(--brand-border-subtle);
2613}
2614.kr-resize-divider[data-orientation='vertical'] .kr-resize-divider-rail {
2615  top: 0;
2616  bottom: 0;
2617  left: 50%;
2618  width: 1px;
2619  margin-left: -0.5px;
2620}
2621.kr-resize-divider[data-orientation='horizontal'] .kr-resize-divider-rail {
2622  left: 0;
2623  right: 0;
2624  top: 50%;
2625  height: 1px;
2626  margin-top: -0.5px;
2627}
2628.kr-resize-divider .kr-resize-divider-line {
2629  position: absolute;
2630  background: var(--brand-border);
2631  transition: transform .24s cubic-bezier(.2,0,0,1), background-color .24s cubic-bezier(.2,0,0,1);
2632}
2633.kr-resize-divider[data-orientation='vertical'] .kr-resize-divider-line {
2634  top: 0;
2635  bottom: 0;
2636  left: 50%;
2637  width: 1px;
2638  margin-left: -0.5px;
2639  transform: scaleY(0);
2640  transform-origin: center;
2641}
2642.kr-resize-divider[data-orientation='horizontal'] .kr-resize-divider-line {
2643  left: 0;
2644  right: 0;
2645  top: 50%;
2646  height: 1px;
2647  margin-top: -0.5px;
2648  transform: scaleX(0);
2649  transform-origin: center;
2650}
2651.kr-resize-divider .kr-resize-divider-grip {
2652  position: absolute;
2653  top: 50%;
2654  left: 50%;
2655  border-radius: 999px;
2656  background: var(--brand-border);
2657  transform: translate(-50%, -50%);
2658  transition: width .24s cubic-bezier(.2,0,0,1), height .24s cubic-bezier(.2,0,0,1), background-color .24s cubic-bezier(.2,0,0,1);
2659}
2660.kr-resize-divider[data-orientation='vertical'] .kr-resize-divider-grip {
2661  width: 2px;
2662  height: 34px;
2663}
2664.kr-resize-divider[data-orientation='horizontal'] .kr-resize-divider-grip {
2665  width: 34px;
2666  height: 2px;
2667}
2668.kr-resize-divider:hover .kr-resize-divider-line,
2669.kr-resize-divider:focus-visible .kr-resize-divider-line,
2670.kr-resize-divider.is-active .kr-resize-divider-line {
2671  background: var(--brand-primary);
2672  transform: scaleY(1) scaleX(1);
2673}
2674.kr-resize-divider:hover .kr-resize-divider-grip,
2675.kr-resize-divider:focus-visible .kr-resize-divider-grip,
2676.kr-resize-divider.is-active .kr-resize-divider-grip {
2677  background: var(--brand-primary);
2678}
2679.kr-resize-divider[data-orientation='vertical']:hover .kr-resize-divider-grip,
2680.kr-resize-divider[data-orientation='vertical']:focus-visible .kr-resize-divider-grip,
2681.kr-resize-divider[data-orientation='vertical'].is-active .kr-resize-divider-grip {
2682  width: 4px;
2683  height: 46px;
2684}
2685.kr-resize-divider[data-orientation='horizontal']:hover .kr-resize-divider-grip,
2686.kr-resize-divider[data-orientation='horizontal']:focus-visible .kr-resize-divider-grip,
2687.kr-resize-divider[data-orientation='horizontal'].is-active .kr-resize-divider-grip {
2688  width: 46px;
2689  height: 4px;
2690}
2691@media (prefers-reduced-motion: reduce) {
2692  .kr-resize-divider .kr-resize-divider-line,
2693  .kr-resize-divider .kr-resize-divider-grip {
2694    transition: none;
2695  }
2696}
2697</style><main class="bg-brand-bg text-brand-text-1 min-h-screen"><header data-testid="landing-header" data-scrolled="false" class="sticky top-0 z-40 w-full transition-[background-color,box-shadow,backdrop-filter] duration-200 backdrop-blur-0" style="background-color: var(--brand-surface); box-shadow: none;"><div class="mx-auto grid h-16 w-full max-w-7xl grid-cols-[1fr_auto_1fr] items-center px-5 sm:px-8"><a class="focus-visible:ring-brand-text-1 inline-flex justify-self-start rounded-full focus-visible:outline-none focus-visible:ring-2" aria-label="KeepReap" href="/zh-cn"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r0" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2698<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
26981329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r0)"></path></g>
2699</svg></a><nav aria-label="Primary" data-testid="landing-header-nav" class="text-brand-text-2 hidden items-center gap-5 whitespace-nowrap text-sm lg:flex xl:gap-7"><a href="/zh-cn#capture" class="hover:text-brand-text-1 transition-colors">捕获</a><a href="/zh-cn#mac" class="hover:text-brand-text-1 transition-colors">Mac 应用</a><a href="/zh-cn#work-scenarios" class="hover:text-brand-text-1 transition-colors">工作</a><a href="/s" class="hover:text-brand-text-1 transition-colors">发现</a><a href="/books" class="hover:text-brand-text-1 transition-colors">书库</a><a href="/zh-cn#how-it-works" class="hover:text-brand-text-1 transition-colors">工作原理</a><a href="/zh-cn#for-readers" class="hover:text-brand-text-1 transition-colors">面向读者</a><span class="group relative inline-flex items-start"><a href="/zh-cn#pricing" class="hover:text-brand-text-1 transition-colors">价格</a><a href="/zh-cn#refer-and-earn" aria-label="推荐好友,赚取无限积分" class="text-brand-accent-amber focus-visible:ring-brand-text-1 relative -top-1.5 ml-0.5 rounded-full focus-visible:outline-none focus-visible:ring-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift size-3" aria-hidden="true"><rect x="3" y="8" width="18" height="4" rx="1"></rect><path d="M12 8v13"></path><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></path></svg></a><span class="pointer-events-none absolute left-full top-1/2 z-50 ml-3 -translate-y-1/2 opacity-0 transition-opacity duration-150 group-focus-within:opacity-100 group-hover:opacity-100"><span aria-hidden="true" class="bg-brand-primary absolute -left-1 top-1/2 size-2 -translate-y-1/2 rotate-45 rounded-[1px]"></span><span aria-hidden="true" class="bg-brand-primary text-brand-on-primary block w-max max-w-[220px] rounded-lg px-3 py-2 text-xs font-medium shadow-lg">推荐好友,赚取无限积分</span></span></span><a href="/zh-cn#faq" class="hover:text-brand-text-1 transition-colors">常见问题</a></nav><div class="flex items-center gap-2 justify-self-end sm:gap-3"><div class="relative"><button aria-label="界面语言" type="button" class="inline-flex items-center justify-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-transparent h-10 w-10 [&amp;&gt;svg:not([class*='h-'])]:h-4 [&amp;&gt;svg:not([class*='w-'])]:w-4 text-brand-text-1 hover:bg-brand-surface/70 focus-visible:ring-brand-text-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></button></div><a class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-brand-primary text-brand-on-primary hover:bg-brand-primary-hover focus-visible:ring-brand-link h-[42px] px-6 text-base" href="/sign-in?after=/home">登录</a></div></div></header><section data-testid="landing-hero" data-landing-hero="" class="bg-brand-surface px-6 pb-8 pt-10 text-center sm:pb-12 sm:pt-16 md:pb-16 md:pt-20"><div class="landing-hero-measure mx-auto max-w-4xl"><div class="hero-reveal" style="--hero-d: 180ms;"><p data-testid="landing-hero-eyebrow" class="landing-hero-eyebrow text-brand-text-2 border-brand-border-subtle bg-brand-surface-2 mb-8 inl
2699ine-flex items-center gap-3 rounded-full border px-4 py-2 text-[11.5px] font-medium uppercase md:mb-14"><span class="text-brand-accent-amber" aria-hidden="true">•</span>捕捉 · 改进 · 留下你读过的内容</p></div><h1 data-testid="landing-hero-title" class="landing-hero-headline text-brand-text-1" style="--hero-em: 8.00;"><span class="hero-reveal block" style="--hero-d: 300ms;">随时改进你的英文</span><span class="hero-reveal block" style="--hero-d: 440ms;">下次不再错。</span></h1><div class="hero-reveal" style="--hero-d: 660ms;"><p class="landing-hero-lede text-brand-text-2 mx-auto mt-8 max-w-xl text-base leading-relaxed md:mt-14 md:text-lg">一键改进任何句子,再把这些词牢牢记住,直到真正变成你的。</p></div></div><div class="hero-reveal mx-auto mt-6 max-w-[960px] space-y-4 text-left md:mt-10" style="--hero-d: 800ms;"><div class="composer-workbench-frame landing-hero-composer h-[clamp(360px,52vh,560px)]"><div class="win-shell" data-toggle="in-frame"><div class="win-body" data-layout="h" data-split="true" data-bar="pane" data-result="none"><div class="kr-cc-card win-source" data-chrome="none" style="width: 479px;"><div class="win-source-scroll">
2699<div class="win-pad"><textarea class="kr-cc-input" placeholder="粘贴、输入或拖入任何文本…" aria-label="粘贴、输入或拖入任何文本…" rows="2">I very like this app, it help me to remember new word more easy.</textarea></div></div><div class="win-source-foot" data-empty="true"></div><span class="win-counter">64 / 4000</span><span class="win-input-acts" data-show="true"><button type="button" class="win-act" data-action-id="copy" data-compact="true" aria-label="复制"><span class="win-act-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy" aria-hidden="true"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></span></button><button type="button" class="win-act" data-action-id="speak" data-compact="true" aria-label="朗读"><span class="win-act-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2" aria-hidden="true"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></span></button><button type="button" class="win-act" data-action-id="save" data-compact="true" aria-label="保存"><span class="win-act-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save" aria-hidden="true"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg></span></button><button type="button" class="win-act" data-compact="true" aria-label="清空"><span class="win-act-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span></button></span></div><div class="win-divider" aria-label="调整输入区大小" role="separator" tabindex="0" aria-orientation="vertical"><span class="win-divider-line" aria-hidden="true"></span><span class="win-divider-grip" aria-hidden="true"></span></div><div class="win-result-scroll">
2699<div class="win-pad"></div></div></div><span class="win-layout-toggle"><button type="button" class="win-act" data-compact="true" data-control="layout" aria-label="切换排列方式" title="切换为上下排列"><span class="win-act-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rows2" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 12h18"></path></svg></span></button></span><div class="win-float-bar" style="left: 240px;"><div class="win-act-row"><span class="kr-tip"><button type="button" class="win-act" data-action-id="translate" data-labelled="true" aria-label="翻译"><span class="win-act-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></span><span>翻译</span></button><span class="kr-tip-content" role="tooltip">Ctrl+Enter · Alt+Shift+T</span></span><span class="kr-tip"><button type="button" class="win-act" data-action-id="improve" data-labelled="true" aria-label="润色"><span class="win-act-ico" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><span>润色</span></button><span class="kr-tip-content" role="tooltip">Alt+Shift+R</span></span></div><span class="win-act-sep" aria-hidden="true"></span><div class="win-lang"><span class="kr-tip"><button type="button" class="win-lang-trigger" aria-haspopup="dialog" aria-expanded="false" aria-label="源语言: 自动检测 · 目标语言: English"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></button><span class="kr-tip-content" role="tooltip">自动检测 → English</span></span></div></div></div></div><p data-testid="landing-hero-try-improve" class="text-brand-primary text-center text-sm font-medium">试一下 — 看看你的英文被改进后的样子</p></div><div class="hero-reveal mx-auto mt-6 hidden max-w-3xl justify-center sm:flex md:mt-8" style="--hero-d: 940ms;"><div class="flex flex-col items-center gap-4"><div data-testid="landing-install-buttons" data-primary-platform="chrome" class="flex flex-wrap items-center justify-center gap-4"><a href="https://chromewebstore.google.com/detail/keepreap/oejbdpilpmhphopjidgpfbonoepgngim" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-brand-primary text-brand-on-primary hover:bg-brand-primary-hover focus-visible:ring-brand-link h-[42px] px-6 text-base"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chrome h-4 w-4" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="4"></circle><line x1="21.17" x2="12" y1="8" y2="8"></line>
2699<line x1="3.95" x2="8.54" y1="6.06" y2="14"></line><line x1="10.88" x2="15.46" y1="21.94" y2="14"></line></svg>加入 Chrome</a><a href="/keepreap-extension-v0.3.2.zip" download="" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-transparent border hover:bg-brand-surface h-[42px] px-6 text-base text-brand-primary border-brand-primary focus-visible:ring-brand-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg>下载 .zip<span class="font-mono text-xs font-normal opacity-60">v0.3.2</span></a><a href="https://github.com/ocxers/keepreap-releases/releases/latest/download/KeepReap-macOS.dmg" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-transparent border hover:bg-brand-surface h-[42px] px-6 text-base text-brand-primary border-brand-primary focus-visible:ring-brand-primary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple h-4 w-4" aria-hidden="true"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>下载 Mac 版</a></div><a href="#how-it-works" class="inline-flex items-center gap-1 whitespace-nowrap underline-offset-4 transition-colors rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none text-brand-text-2 hover:text-brand-text-1 hover:underline focus-visible:ring-brand-text-1 text-xs">工作方式 <span class="hero-bob inline-block" aria-hidden="true">↓</span></a></div></div><div class="hero-reveal" style="--hero-d: 1140ms;"><p class="landing-hero-footnote text-brand-text-3 mx-auto mb-8 mt-4 hidden max-w-3xl text-xs sm:block md:mt-6">没有追踪像素。没有每日配额。</p></div></section><section id="capture" data-testid="landing-extension-use" class="bg-brand-bg px-6 py-20 md:py-28"><div class="mx-auto max-w-[1500px]"><div class="mx-auto max-w-2xl text-center"><h2 class="text-brand-text-1 font-serif text-3xl font-medium tracking-tight md:text-5xl">在阅读时直接捕捉</h2><p class="text-brand-text-2 mt-4 text-base leading-relaxed">四步。同一页。不离开标签。</p></div><div class="mt-12 grid gap-10 md:mt-20 md:grid-cols-[3fr_2fr] md:gap-12"><div class="hidden md:block"><div class="sticky top-20 flex h-[calc(100vh-7rem)] max-h-[760px] items-center"><div role="img" aria-label="KeepReap 扩展工具条与阅读时的侧边栏" data-scene="highlight" class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1"><div class="border-brand-border-subtle bg-brand-surface flex items-center gap-2 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><div class="border-brand-border-subtle bg-brand-bg text-brand-text-3 ml-3 flex-1 truncate rounded-full border px-3 py-1 text-[10px]">https://keepreap.com</div></div><div class="relative flex min-h-[440px]"><div class="relative flex-1 px-6 py-8 transition-[margin-right] duration-300 group-data-[scene=sidepanel]/stage:mr-[280px] group-data-[scene=source]/stage:mr-[280px] motion-reduce:transition-none"><div class="text-brand-text-1 font-serif text-lg font-medium leading-snug">阅读如何重塑我们的记忆方式</div><div class="text-brand-text-2 mt-4 space-y-3 text-sm leading-relaxed"><p>记忆不是录音机,它是我们对自己半信半疑之事的悄然重写。</p><p class="relative">你眼前的这一页,正是 <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5 transition-opacity duration-200 group-data-[scene=toolbar]/stage:opacity-80 group-data-[scene=sidepanel]/stage:opacity-60 group-data-[scene=source]/stage:opacity-60 motion-reduce:transition-none">我们对自己半信半疑之事的悄然重写</span> ——这就是值得留下的那句话。<span class="absolute left-1/2 top-full z-10 mt-2 -translate-x-1/2 translate-y-1 opacity-0 transition-[opacity,transform] duration-200 group-data-[scene=toolbar]/stage:translate-y-0 group-data-[scene=toolbar]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-0.5 rounded-full p-1 shadow-md ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex h-7 w-4 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 items-center justify-center rounded-full"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r3" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2700<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27001329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r3)"></path></g>
2701</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3.5 w-3.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3.5 w-3.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3.5 w-3.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3.5 w-3.5"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-right h-3.5 w-3.5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin h-3.5 w-3.5"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7
2701a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg></span></span></span></p><p>留下来的不是整页,而是你恰好划线的一句更短的话。</p><p>大多数读过的字句第二天就会溜走——除非有什么把它们带回来。</p><p>我们谈论阅读时仿佛在说存储。其实不是。它是一种更慢、更奇怪的东西——一只筛子,留下形状,让本体流过。</p><p>几周之后回到你脑中的,不是你读过的那一页,而是你愿意亲手标下的那一行。</p></div><div aria-hidden="true" class="from-brand-bg pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t to-transparent"></div></div><div class="border-brand-border-subtle bg-brand-surface absolute inset-y-0 right-0 flex flex-col border-l w-[280px] translate-x-full transition-transform duration-300 group-data-[scene=sidepanel]/stage:translate-x-0 group-data-[scene=source]/stage:translate-x-0 motion-reduce:transition-none"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-1.5 border-b px-3 py-2"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r4" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2702<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 1329.41 1271.8 1289.75L1169.1 1167.54L10
270255.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r4)"></path></g>
2703</svg><span class="text-brand-text-1 text-[11px] font-semibold">KeepReap</span><span class="ml-auto flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg></span></div><div class="border-brand-border-subtle bg-brand-bg space-y-2 border-b p-3"><div class="rounded-md border px-2 py-3 text-[10px] transition-colors duration-300 border-brand-border-subtle bg-brand-surface text-brand-text-3 motion-reduce:transition-none">粘贴、输入或拖入任何文本…</div><div class="flex flex-wrap items-center gap-1"><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-2.5 w-2.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>Translate</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-2.5 w-2.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Improve</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-2.5 w-2.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>Save</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-2.5 w-2.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy</span></div></div><div class="bg-brand-surface flex-1 p-3"><div class="flex items-center justify-between"><span class="text-brand-text-3 text-[10px] font-semibold uppercase tracking-wider">最近</span><span class="text-brand-text-3 inline-flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-2.5 w-2.5" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>
2703打开 Inbox →</span></div><div class="mt-2 space-y-2"><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">我们对自己半信半疑之事的悄然重写</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>IMPROVE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">记忆不是录音机。</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">值得留下的那句话</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div></div></div></div><svg aria-hidden="true" class="pointer-events-none absolute inset-0 z-20 h-full w-full opacity-0 transition-opacity duration-300 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M 28 33 C 42 2, 60 2, 73 11" class="text-brand-primary/55 fill-none stroke-current [stroke-dasharray:120] [stroke-dashoffset:120] transition-[stroke-dashoffset] delay-100 duration-500 group-data-[scene=source]/stage:[stroke-dashoffset:0] motion-reduce:transition-none group-data-[scene=source]/stage:motion-reduce:[stroke-dashoffset:0]" stroke-width="0.7" stroke-linecap="round"></path></svg><svg aria-hidden="true" class="text-brand-primary/80 pointer-events-none absolute z-30 h-8 w-8 -translate-x-1/2 -translate-y-1/2 left-[73%] top-[11%] rotate-[25deg] opacity-0 transition-opacity delay-500 duration-200 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 16 16"><path d="M 3 4 Q 8 6, 14 8 Q 8 10, 3 12" class="fill-none stroke-current" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div></div><div class="md:flex md:flex-col"><div class="flex flex-col py-12 md:py-20 min-h-[60vh] justify-center md:min-h-[70vh]"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="highlight" class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1 max-h-[360px]"><div class="border-brand-border-subtle bg-brand-surface flex items-center gap-2 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><div class="border-brand-border-subtle bg-brand-bg text-brand-text-3 ml-3 flex-1 truncate rounded-full border px-3 py-1 text-[10px]">https://keepreap.com</div></div><div class="relative flex min-h-[280px]"><div class="relative flex-1 px-6 py-8 transition-[margin-right] duration-300 group-data-[scene=sidepanel]/stage:mr-[280px] group-data-[scene=source]/stage:mr-[280px] group-data-[scene=sidepanel]/stage:!mr-[55%] group-data-[scene=source]/stage:!mr-[55%] motion-reduce:transition-none"><div class="text-brand-text-1 font-serif text-lg font-medium leading-snug">阅读如何重塑我们的记忆方式</div><div class="text-brand-text-2 mt-4 space-y-3 text-sm leading-relaxed"><p>记忆不是录音机,它是我们对自己半信半疑之事的悄然重写。</p><p class="relative">你眼前的这一页,正是 <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5 transition-opacity duration-200 group-data-[scene=toolbar]/stage:opacity-80 group-data-[scene=sidepanel]/stage:opacity-60 group-data-[scene=source]/stage:opacity-60 motion-reduce:transition-none">我们对自己半信半疑之事的悄然重写</span> ——这就是值得留下的那句话。<span class="absolute left-1/2 top-full z-10 mt-2 -translate-x-1/2 translate-y-1 opacity-0 transition-[opacity,transform] duration-200 group-data-[scene=toolbar]/stage:translate-y-0 group-data-[scene=toolbar]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-0.5 rounded-full p-1 shadow-md ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex h-7 w-4 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 items-center justify-center rounded-full"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r5" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2704<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27041329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r5)"></path></g>
2705</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3.5 w-3.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3.5 w-3.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3.5 w-3.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3.5 w-3.5"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-right h-3.5 w-3.5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin h-3.5 w-3.5"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7
2705a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg></span></span></span></p><p>留下来的不是整页,而是你恰好划线的一句更短的话。</p><p>大多数读过的字句第二天就会溜走——除非有什么把它们带回来。</p><p>我们谈论阅读时仿佛在说存储。其实不是。它是一种更慢、更奇怪的东西——一只筛子,留下形状,让本体流过。</p><p>几周之后回到你脑中的,不是你读过的那一页,而是你愿意亲手标下的那一行。</p></div><div aria-hidden="true" class="from-brand-bg pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t to-transparent"></div></div><div class="border-brand-border-subtle bg-brand-surface absolute inset-y-0 right-0 flex flex-col border-l w-[55%] translate-x-full transition-transform duration-300 group-data-[scene=sidepanel]/stage:translate-x-0 group-data-[scene=source]/stage:translate-x-0 motion-reduce:transition-none"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-1.5 border-b px-3 py-2"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r6" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2706<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 1329.41 1271.8 1289.75L1169.1 1167.54L10
270655.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r6)"></path></g>
2707</svg><span class="text-brand-text-1 text-[11px] font-semibold">KeepReap</span><span class="ml-auto flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg></span></div><div class="border-brand-border-subtle bg-brand-bg space-y-2 border-b p-3"><div class="rounded-md border px-2 py-3 text-[10px] transition-colors duration-300 border-brand-border-subtle bg-brand-surface text-brand-text-3 motion-reduce:transition-none">粘贴、输入或拖入任何文本…</div><div class="flex flex-wrap items-center gap-1"><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-2.5 w-2.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>Translate</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-2.5 w-2.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Improve</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-2.5 w-2.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>Save</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-2.5 w-2.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy</span></div></div><div class="bg-brand-surface flex-1 p-3"><div class="flex items-center justify-between"><span class="text-brand-text-3 text-[10px] font-semibold uppercase tracking-wider">最近</span><span class="text-brand-text-3 inline-flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-2.5 w-2.5" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>
2707打开 Inbox →</span></div><div class="mt-2 space-y-2"><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">我们对自己半信半疑之事的悄然重写</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>IMPROVE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">记忆不是录音机。</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">值得留下的那句话</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div></div></div></div><svg aria-hidden="true" class="pointer-events-none absolute inset-0 z-20 h-full w-full opacity-0 transition-opacity duration-300 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M 28 33 C 42 2, 60 2, 73 11" class="text-brand-primary/55 fill-none stroke-current [stroke-dasharray:120] [stroke-dashoffset:120] transition-[stroke-dashoffset] delay-100 duration-500 group-data-[scene=source]/stage:[stroke-dashoffset:0] motion-reduce:transition-none group-data-[scene=source]/stage:motion-reduce:[stroke-dashoffset:0]" stroke-width="0.7" stroke-linecap="round"></path></svg><svg aria-hidden="true" class="text-brand-primary/80 pointer-events-none absolute z-30 h-8 w-8 -translate-x-1/2 -translate-y-1/2 left-[73%] top-[11%] rotate-[25deg] opacity-0 transition-opacity delay-500 duration-200 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 16 16"><path d="M 3 4 Q 8 6, 14 8 Q 8 10, 3 12" class="fill-none stroke-current" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class=""><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">先阅读,标记下需要留下的。</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">用鼠标选中任意一句话。你的阅读位置保持不动——不跳转、不开新标签、不弹窗抢焦点。页面本身记住你标记过的内容,哪怕你已经关掉文章离开了。</p><ul class="text-brand-text-2 mt-4 list-none space-y-2 text-sm leading-relaxed md:text-base"><li><strong class="text-brand-text-1 font-semibold">任意网页</strong>都能用——任何一篇文章,任何页面。</li><li><strong class="text-brand-text-1 font-semibold">标记跨会话保留</strong>——关闭页面、明天再回来都还在。</li><li><strong class="text-brand-text-1 font-semibold">无登录墙</strong>——只有保存时才需要登录。</li></ul></div></div><div class="flex flex-col py-12 md:py-20 min-h-[60vh] justify-center md:min-h-[70vh]"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="toolbar" class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1 max-h-[360px]"><div class="border-brand-border-subtle bg-brand-surface flex items-center gap-2 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><div class="border-brand-border-subtle bg-brand-bg text-brand-text-3 ml-3 flex-1 truncate rounded-full border px-3 py-1 text-[10px]">https://keepreap.com</div></div><div class="relative flex min-h-[280px]"><div class="relative flex-1 px-6 py-8 transition-[margin-right] duration-300 group-data-[scene=sidepanel]/stage:mr-[280px] group-data-[scene=source]/stage:mr-[280px] group-data-[scene=sidepanel]/stage:!mr-[55%] group-data-[scene=source]/stage:!mr-[55%] motion-reduce:transition-none"><div class="text-brand-text-1 font-serif text-lg font-medium leading-snug">阅读如何重塑我们的记忆方式</div><div class="text-brand-text-2 mt-4 space-y-3 text-sm leading-relaxed"><p>记忆不是录音机,它是我们对自己半信半疑之事的悄然重写。</p><p class="relative">你眼前的这一页,正是 <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5 transition-opacity duration-200 group-data-[scene=toolbar]/stage:opacity-80 group-data-[scene=sidepanel]/stage:opacity-60 group-data-[scene=source]/stage:opacity-60 motion-reduce:transition-none">我们对自己半信半疑之事的悄然重写</span> ——这就是值得留下的那句话。<span class="absolute left-1/2 top-full z-10 mt-2 -translate-x-1/2 translate-y-1 opacity-0 transition-[opacity,transform] duration-200 group-data-[scene=toolbar]/stage:translate-y-0 group-data-[scene=toolbar]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-0.5 rounded-full p-1 shadow-md ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex h-7 w-4 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 items-center justify-center rounded-full"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r7" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2708<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27081329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r7)"></path></g>
2709</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3.5 w-3.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3.5 w-3.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3.5 w-3.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3.5 w-3.5"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-right h-3.5 w-3.5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin h-3.5 w-3.5"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7
2709a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg></span></span></span></p><p>留下来的不是整页,而是你恰好划线的一句更短的话。</p><p>大多数读过的字句第二天就会溜走——除非有什么把它们带回来。</p><p>我们谈论阅读时仿佛在说存储。其实不是。它是一种更慢、更奇怪的东西——一只筛子,留下形状,让本体流过。</p><p>几周之后回到你脑中的,不是你读过的那一页,而是你愿意亲手标下的那一行。</p></div><div aria-hidden="true" class="from-brand-bg pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t to-transparent"></div></div><div class="border-brand-border-subtle bg-brand-surface absolute inset-y-0 right-0 flex flex-col border-l w-[55%] translate-x-full transition-transform duration-300 group-data-[scene=sidepanel]/stage:translate-x-0 group-data-[scene=source]/stage:translate-x-0 motion-reduce:transition-none"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-1.5 border-b px-3 py-2"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r8" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2710<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 1329.41 1271.8 1289.75L1169.1 1167.54L10
271055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r8)"></path></g>
2711</svg><span class="text-brand-text-1 text-[11px] font-semibold">KeepReap</span><span class="ml-auto flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg></span></div><div class="border-brand-border-subtle bg-brand-bg space-y-2 border-b p-3"><div class="rounded-md border px-2 py-3 text-[10px] transition-colors duration-300 border-brand-border-subtle bg-brand-surface text-brand-text-3 motion-reduce:transition-none">粘贴、输入或拖入任何文本…</div><div class="flex flex-wrap items-center gap-1"><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-2.5 w-2.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>Translate</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-2.5 w-2.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Improve</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-2.5 w-2.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>Save</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-2.5 w-2.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy</span></div></div><div class="bg-brand-surface flex-1 p-3"><div class="flex items-center justify-between"><span class="text-brand-text-3 text-[10px] font-semibold uppercase tracking-wider">最近</span><span class="text-brand-text-3 inline-flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-2.5 w-2.5" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>
2711打开 Inbox →</span></div><div class="mt-2 space-y-2"><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">我们对自己半信半疑之事的悄然重写</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>IMPROVE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">记忆不是录音机。</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">值得留下的那句话</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div></div></div></div><svg aria-hidden="true" class="pointer-events-none absolute inset-0 z-20 h-full w-full opacity-0 transition-opacity duration-300 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M 28 33 C 42 2, 60 2, 73 11" class="text-brand-primary/55 fill-none stroke-current [stroke-dasharray:120] [stroke-dashoffset:120] transition-[stroke-dashoffset] delay-100 duration-500 group-data-[scene=source]/stage:[stroke-dashoffset:0] motion-reduce:transition-none group-data-[scene=source]/stage:motion-reduce:[stroke-dashoffset:0]" stroke-width="0.7" stroke-linecap="round"></path></svg><svg aria-hidden="true" class="text-brand-primary/80 pointer-events-none absolute z-30 h-8 w-8 -translate-x-1/2 -translate-y-1/2 left-[73%] top-[11%] rotate-[25deg] opacity-0 transition-opacity delay-500 duration-200 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 16 16"><path d="M 3 4 Q 8 6, 14 8 Q 8 10, 3 12" class="fill-none stroke-current" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class=""><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">工具栏,就在句子旁边。</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">选中文本旁边浮起一条工具栏——翻译、改写、保存、复制、朗读。轻点一下,动作即生效。没有菜单要翻,不用切换标签,不打断你正读到一半的那段话。</p><ul class="text-brand-text-2 mt-4 list-none space-y-2 text-sm leading-relaxed md:text-base"><li><strong class="text-brand-text-1 font-semibold">Translate</strong> 把选中文本翻译成你的语言,原地完成——不弹窗,不换标签。</li><li><strong class="text-brand-text-1 font-semibold">Improve</strong> 用 AI 给出改写建议,你可以接受、微调或弃用。</li><li><strong class="text-brand-text-1 font-semibold">Save</strong> 把句子存入资料库,自动附带原文 URL。</li><li><strong class="text-brand-text-1 font-semibold">Copy</strong> 把文本干净地复制到剪贴板,去掉多余格式,随处可粘。</li><li><strong class="text-brand-text-1 font-semibold">Speak</strong> 用内置 TTS 朗读,可选语音和语速。</li><li><strong class="text-brand-text-1 font-semibold">Side Panel</strong> 在文章旁打开完整工作区——草稿、最近、资料库都在里面。</li><li><strong class="text-brand-text-1 font-semibold">Pin</strong> 把这条捕捉钉到 pinboard,重要的句子随时找得到。</li></ul></div></div><div class="flex flex-col py-12 md:py-20 min-h-[60vh] justify-center md:min-h-[70vh]"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="sidepanel" class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1 max-h-[360px]"><div class="border-brand-border-subtle bg-brand-surface flex items-center gap-2 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><div class="border-brand-border-subtle bg-brand-bg text-brand-text-3 ml-3 flex-1 truncate rounded-full border px-3 py-1 text-[10px]">https://keepreap.com</div></div><div class="relative flex min-h-[280px]"><div class="relative flex-1 px-6 py-8 transition-[margin-right] duration-300 group-data-[scene=sidepanel]/stage:mr-[280px] group-data-[scene=source]/stage:mr-[280px] group-data-[scene=sidepanel]/stage:!mr-[55%] group-data-[scene=source]/stage:!mr-[55%] motion-reduce:transition-none"><div class="text-brand-text-1 font-serif text-lg font-medium leading-snug">阅读如何重塑我们的记忆方式</div><div class="text-brand-text-2 mt-4 space-y-3 text-sm leading-relaxed"><p>记忆不是录音机,它是我们对自己半信半疑之事的悄然重写。</p><p class="relative">你眼前的这一页,正是 <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5 transition-opacity duration-200 group-data-[scene=toolbar]/stage:opacity-80 group-data-[scene=sidepanel]/stage:opacity-60 group-data-[scene=source]/stage:opacity-60 motion-reduce:transition-none">我们对自己半信半疑之事的悄然重写</span> ——这就是值得留下的那句话。<span class="absolute left-1/2 top-full z-10 mt-2 -translate-x-1/2 translate-y-1 opacity-0 transition-[opacity,transform] duration-200 group-data-[scene=toolbar]/stage:translate-y-0 group-data-[scene=toolbar]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-0.5 rounded-full p-1 shadow-md ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex h-7 w-4 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 items-center justify-center rounded-full"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-r9" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2712<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27121329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-r9)"></path></g>
2713</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3.5 w-3.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3.5 w-3.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3.5 w-3.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3.5 w-3.5"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-right h-3.5 w-3.5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin h-3.5 w-3.5"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7
2713a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg></span></span></span></p><p>留下来的不是整页,而是你恰好划线的一句更短的话。</p><p>大多数读过的字句第二天就会溜走——除非有什么把它们带回来。</p><p>我们谈论阅读时仿佛在说存储。其实不是。它是一种更慢、更奇怪的东西——一只筛子,留下形状,让本体流过。</p><p>几周之后回到你脑中的,不是你读过的那一页,而是你愿意亲手标下的那一行。</p></div><div aria-hidden="true" class="from-brand-bg pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t to-transparent"></div></div><div class="border-brand-border-subtle bg-brand-surface absolute inset-y-0 right-0 flex flex-col border-l w-[55%] translate-x-full transition-transform duration-300 group-data-[scene=sidepanel]/stage:translate-x-0 group-data-[scene=source]/stage:translate-x-0 motion-reduce:transition-none"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-1.5 border-b px-3 py-2"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-ra" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2714<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 1329.41 1271.8 1289.75L1169.1 1167.54L10
271455.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-ra)"></path></g>
2715</svg><span class="text-brand-text-1 text-[11px] font-semibold">KeepReap</span><span class="ml-auto flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg></span></div><div class="border-brand-border-subtle bg-brand-bg space-y-2 border-b p-3"><div class="rounded-md border px-2 py-3 text-[10px] transition-colors duration-300 border-brand-border-subtle bg-brand-surface text-brand-text-3 motion-reduce:transition-none">粘贴、输入或拖入任何文本…</div><div class="flex flex-wrap items-center gap-1"><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-2.5 w-2.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>Translate</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-2.5 w-2.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Improve</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-2.5 w-2.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>Save</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-2.5 w-2.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy</span></div></div><div class="bg-brand-surface flex-1 p-3"><div class="flex items-center justify-between"><span class="text-brand-text-3 text-[10px] font-semibold uppercase tracking-wider">最近</span><span class="text-brand-text-3 inline-flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-2.5 w-2.5" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>
2715打开 Inbox →</span></div><div class="mt-2 space-y-2"><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">我们对自己半信半疑之事的悄然重写</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>IMPROVE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">记忆不是录音机。</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">值得留下的那句话</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div></div></div></div><svg aria-hidden="true" class="pointer-events-none absolute inset-0 z-20 h-full w-full opacity-0 transition-opacity duration-300 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M 28 33 C 42 2, 60 2, 73 11" class="text-brand-primary/55 fill-none stroke-current [stroke-dasharray:120] [stroke-dashoffset:120] transition-[stroke-dashoffset] delay-100 duration-500 group-data-[scene=source]/stage:[stroke-dashoffset:0] motion-reduce:transition-none group-data-[scene=source]/stage:motion-reduce:[stroke-dashoffset:0]" stroke-width="0.7" stroke-linecap="round"></path></svg><svg aria-hidden="true" class="text-brand-primary/80 pointer-events-none absolute z-30 h-8 w-8 -translate-x-1/2 -translate-y-1/2 left-[73%] top-[11%] rotate-[25deg] opacity-0 transition-opacity delay-500 duration-200 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 16 16"><path d="M 3 4 Q 8 6, 14 8 Q 8 10, 3 12" class="fill-none stroke-current" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class=""><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">打开侧边栏,不离开页面。</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">需要比弹窗更大的空间?把侧边栏打在文章旁边。你的草稿、最近的捕捉、你的资料库——都是实时的,都在那里。文章还在底下滚动,你的位置原封不动。</p><ul class="text-brand-text-2 mt-4 list-none space-y-2 text-sm leading-relaxed md:text-base"><li><strong class="text-brand-text-1 font-semibold">Composer</strong> 接收任意文本——粘贴、键入、拖拽都行。</li><li><strong class="text-brand-text-1 font-semibold">Recent</strong> 实时显示最近的捕捉,一键可达。</li><li><strong class="text-brand-text-1 font-semibold">Inbox</strong> 等待处理的项目。</li><li><strong class="text-brand-text-1 font-semibold">Library</strong> 浏览所有留存的内容。</li><li><strong class="text-brand-text-1 font-semibold">Practice</strong> 日后做间隔复习。</li></ul></div></div><div class="flex flex-col py-12 md:py-20 min-h-[80vh] justify-center md:min-h-[170vh] md:justify-start"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="source" class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1 max-h-[360px]"><div class="border-brand-border-subtle bg-brand-surface flex items-center gap-2 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2.5 w-2.5 rounded-full" aria-hidden="true"></span><div class="border-brand-border-subtle bg-brand-bg text-brand-text-3 ml-3 flex-1 truncate rounded-full border px-3 py-1 text-[10px]">https://keepreap.com</div></div><div class="relative flex min-h-[280px]"><div class="relative flex-1 px-6 py-8 transition-[margin-right] duration-300 group-data-[scene=sidepanel]/stage:mr-[280px] group-data-[scene=source]/stage:mr-[280px] group-data-[scene=sidepanel]/stage:!mr-[55%] group-data-[scene=source]/stage:!mr-[55%] motion-reduce:transition-none"><div class="text-brand-text-1 font-serif text-lg font-medium leading-snug">阅读如何重塑我们的记忆方式</div><div class="text-brand-text-2 mt-4 space-y-3 text-sm leading-relaxed"><p>记忆不是录音机,它是我们对自己半信半疑之事的悄然重写。</p><p class="relative">你眼前的这一页,正是 <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5 transition-opacity duration-200 group-data-[scene=toolbar]/stage:opacity-80 group-data-[scene=sidepanel]/stage:opacity-60 group-data-[scene=source]/stage:opacity-60 motion-reduce:transition-none">我们对自己半信半疑之事的悄然重写</span> ——这就是值得留下的那句话。<span class="absolute left-1/2 top-full z-10 mt-2 -translate-x-1/2 translate-y-1 opacity-0 transition-[opacity,transform] duration-200 group-data-[scene=toolbar]/stage:translate-y-0 group-data-[scene=toolbar]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-0.5 rounded-full p-1 shadow-md ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex h-7 w-4 items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 items-center justify-center rounded-full"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rb" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2716<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27161329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rb)"></path></g>
2717</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3.5 w-3.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3.5 w-3.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3.5 w-3.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3.5 w-3.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3.5 w-3.5"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-right h-3.5 w-3.5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M15 3v18"></path></svg></span><span aria-hidden="true" class="text-brand-text-1 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin h-3.5 w-3.5"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7
2717a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg></span></span></span></p><p>留下来的不是整页,而是你恰好划线的一句更短的话。</p><p>大多数读过的字句第二天就会溜走——除非有什么把它们带回来。</p><p>我们谈论阅读时仿佛在说存储。其实不是。它是一种更慢、更奇怪的东西——一只筛子,留下形状,让本体流过。</p><p>几周之后回到你脑中的,不是你读过的那一页,而是你愿意亲手标下的那一行。</p></div><div aria-hidden="true" class="from-brand-bg pointer-events-none absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t to-transparent"></div></div><div class="border-brand-border-subtle bg-brand-surface absolute inset-y-0 right-0 flex flex-col border-l w-[55%] translate-x-full transition-transform duration-300 group-data-[scene=sidepanel]/stage:translate-x-0 group-data-[scene=source]/stage:translate-x-0 motion-reduce:transition-none"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-1.5 border-b px-3 py-2"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rc" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2718<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 1329.41 1271.8 1289.75L1169.1 1167.54L10
271855.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rc)"></path></g>
2719</svg><span class="text-brand-text-1 text-[11px] font-semibold">KeepReap</span><span class="ml-auto flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12 17v5"></path><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg></span></div><div class="border-brand-border-subtle bg-brand-bg space-y-2 border-b p-3"><div class="rounded-md border px-2 py-3 text-[10px] transition-colors duration-300 border-brand-primary/40 bg-brand-bg text-brand-text-1 motion-reduce:transition-none">我们对自己半信半疑之事的悄然重写</div><div class="flex flex-wrap items-center gap-1"><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-2.5 w-2.5"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>Translate</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-2.5 w-2.5"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>Improve</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-2.5 w-2.5"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>Save</span><span aria-hidden="true" class="border-brand-border-subtle text-brand-text-1 inline-flex items-center gap-1 rounded-full border px-1.5 py-0.5 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-2.5 w-2.5"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>Copy</span></div></div><div class="bg-brand-surface flex-1 p-3"><div class="flex items-center justify-between"><span class="text-brand-text-3 text-[10px] font-semibold uppercase tracking-wider">最近</span><span class="text-brand-text-3 inline-flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw h-2.5 w-2.5" aria-hidden="true"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path><path d="M21 3v5h-5"></path><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path><path d="M8 16H3v5"></path></svg>
2719打开 Inbox →</span></div><div class="mt-2 space-y-2"><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">我们对自己半信半疑之事的悄然重写</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>IMPROVE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">记忆不是录音机。</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div><div class="border-brand-border-subtle bg-brand-bg rounded-md border p-2.5"><div class="text-brand-text-3 flex items-center gap-1.5 text-[9px] font-semibold tracking-wider"><span>TRANSLATE</span><span class="bg-brand-border-subtle h-2.5 w-px"></span><span>IN LIBRARY</span></div><p class="text-brand-text-1 mt-1.5 line-clamp-2 text-[11px] leading-snug">值得留下的那句话</p><div class="text-brand-text-3 mt-2 flex items-center gap-1 text-[9px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 h-2.5 w-2.5" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span class="truncate">keepreap.com</span></div></div></div></div></div><svg aria-hidden="true" class="pointer-events-none absolute inset-0 z-20 h-full w-full opacity-0 transition-opacity duration-300 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M 28 33 C 42 2, 60 2, 73 11" class="text-brand-primary/55 fill-none stroke-current [stroke-dasharray:120] [stroke-dashoffset:120] transition-[stroke-dashoffset] delay-100 duration-500 group-data-[scene=source]/stage:[stroke-dashoffset:0] motion-reduce:transition-none group-data-[scene=source]/stage:motion-reduce:[stroke-dashoffset:0]" stroke-width="0.7" stroke-linecap="round"></path></svg><svg aria-hidden="true" class="text-brand-primary/80 pointer-events-none absolute z-30 h-8 w-8 -translate-x-1/2 -translate-y-1/2 left-[73%] top-[11%] rotate-[25deg] opacity-0 transition-opacity delay-500 duration-200 group-data-[scene=source]/stage:opacity-100 motion-reduce:transition-none" viewBox="0 0 16 16"><path d="M 3 4 Q 8 6, 14 8 Q 8 10, 3 12" class="fill-none stroke-current" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div></div><div class="md:sticky md:top-44"><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">每一句都记得它来自哪里。</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">保存一句话,它就带着原文 URL 落进你的草稿。日后再打开——翻译、改写、朗读、回访原文——回到来源永远只差一次点击。没有孤零零的引言,没有丢失的语境。</p><ul class="text-brand-text-2 mt-4 list-none space-y-2 text-sm leading-relaxed md:text-base"><li>每条捕捉都自动带上<strong class="text-brand-text-1 font-semibold">原文 URL</strong>。</li><li>按<strong class="text-brand-text-1 font-semibold">域名</strong>浏览你的资料库——一眼看出你常读的网站。</li><li><strong class="text-brand-text-1 font-semibold">频次统计</strong>显示你反复回访的页面。</li><li><strong class="text-brand-text-1 font-semibold">一键</strong>回到原文,随时。</li></ul></div></div></div></div></div></section><section id="mac" data-testid="landing-mac-app" class="bg-brand-surface px-6 py-20 md:py-28"><div class="mx-auto max-w-[1500px]"><div class="mx-auto max-w-2xl text-center"><p class="text-brand-text-3 font-mono text-[11px] font-semibold uppercase tracking-[0.18em]">macOS 也能用</p><h2 class="text-brand-text-1 mt-4 font-serif text-3xl font-medium tracking-tight md:text-5xl">阅读不止发生在浏览器里</h2><p class="text-brand-text-2 mt-4 text-base leading-relaxed">KeepReap 常驻菜单栏。在任意 Mac 应用里选中文字——聊天窗口、PDF、邮件客户端、代码编辑器——按 ⌥D,同一条工具条就会出现在文字旁边。</p></div><div class="mt-12 grid gap-10 md:mt-20 md:grid-cols-[3fr_2fr] md:gap-12"><div class="hidden md:block"><div class="sticky top-24"><div role="img" aria-label="一个 Mac 桌面,上面有 KeepReap 工具条、结果气泡和翻译窗口" data-scene="toolbar" class="border-brand-border-subtle bg-brand-surface-2 ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-3 border-b px-3 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple text-brand-text-2 h-3 w-3" aria-hidden="true"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg><span class="text-brand-text-1 text-[10px] font-semibold">Team Chat</span><span class="text-brand-text-3 hidden gap-3 text-[10px] sm:flex"><span>File</span><span>Edit</span><span>View</span></span><span class="ml-auto inline-flex items-center gap-2.5"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rd" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2720<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27201329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rd)"></path></g>
2721</svg><span class="text-brand-text-3 font-mono text-[10px]">9:41</span></span></div><div class="relative px-4 py-5 sm:px-7 sm:py-6 min-h-[560px]"><div class="border-brand-border-subtle bg-brand-bg rounded-lg border shadow-sm transition-opacity duration-300 group-data-[scene=split]/stage:opacity-40 group-data-[scene=window]/stage:opacity-40 motion-reduce:transition-none"><div class="border-brand-border-subtle flex items-center gap-1.5 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="text-brand-text-3 ml-2 truncate text-[10px]">#product-launch</span></div><div class="space-y-3 p-3.5"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Dana</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Pushed the copy changes — can someone check the release note?</div></div></div><div class="relative"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Priya</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Looks good, but <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5">we should to discuss again about the rollout cadence</span> before Thursday.</div></div></div><div class="absolute left-9 top-full z-10 mt-2 flex flex-col items-start gap-1.5 transition-opacity duration-300 group-data-[scene=window]/stage:pointer-events-none group-data-[scene=window]/stage:opacity-0 group-data-[scene=split]/stage:pointer-events-none group-data-[scene=split]/stage:opacity-0 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full py-1 pl-1.5 pr-2.5 shadow-lg ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="inline-flex items-center"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-re" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2722<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27221329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-re)"></path></g>
2723</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3 shrink-0"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 shrink-0"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3 w-3 shrink-0"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>保存</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3 w-3 shrink-0"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>复制</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3 w-3 shrink-0"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg>朗读</span></span><span class="border-brand-border-subtle bg-brand-bg block w-[286px] overflow-hidden rounded-xl border shadow-xl origin-top scale-95 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=bubble]/stage:scale-100 group-data-[scene=bubble]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle relative flex items-center border-b px-2.5 py-1.5"><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-3 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3 rotate-90"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span class="ml-auto inline-flex items-center gap-1.5"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[8px]">9/10</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span></span><span class="block p-2.5"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">
2723we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></span></span></div></div></div></div><div class="absolute inset-x-8 top-[12%] z-20 sm:inset-x-16 pointer-events-none opacity-0 group-data-[scene=split]/stage:opacity-100 group-data-[scene=window]/stage:opacity-100"><div class="border-brand-border-subtle bg-brand-bg w-full overflow-hidden rounded-xl border shadow-2xl translate-y-3 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=window]/stage:translate-y-0 group-data-[scene=window]/stage:opacity-100 group-data-[scene=split]/stage:translate-y-0 group-data-[scene=split]/stage:opacity-100 motion-reduce:transition-none"><div class="flex items-center gap-2 px-3 py-2"><span class="inline-flex items-center gap-1.5" aria-hidden="true"><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span></span><span class="ml-auto inline-flex items-center gap-2"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[9px]">9/10</span><span class="inline-flex h-5 w-5 items-center justify-center rounded-full transition-colors duration-300 motion-reduce:transition-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-columns2 h-3 w-3 text-brand-text-3" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M12 3v18"></path></svg></span><span class="bg-brand-surface-2 inline-flex h-5 w-5 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-1 h-3 w-3 rotate-45" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></span></div><div class="px-4"><p class="text-brand-text-1 text-[12px] leading-relaxed">we should to discuss again about the rollout cadence</p><p class="text-brand-text-3 mt-1 text-right font-mono text-[9px]">52 / 4000</p></div><div class="relative py-1"><span class="bg-brand-border-subtle block h-px w-full" aria-hidden="true"></span><span aria-hidden="true" class="bg-brand-border absolute left-1/2 top-1/2 h-1 w-8 -translate-x-1/2 -translate-y-1/2 roun
2723ded-full"></span></div><div class="px-4 pb-2 pt-2"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></div><div class="flex pb-3 pt-1 justify-center"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full px-2 py-1 shadow-lg ring-1"><span class="text-brand-text-3 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span class="bg-brand-surface-2 text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold">自动检测<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat2 text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="m2 9 3-3 3 3"></path><path d="M13 18H7a2 2 0 0 1-2-2V6"></path><path d="m22 15-3 3-3-3"></path><path d="M11 6h6a2 2 0 0 1 2 2v10"></path></svg>中文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></span></div></div></div></div><span class="text-brand-text-3 absolute bottom-3 right-4 inline-flex items-center gap-1.5 text-[10px]"><span class="group-data-[scene=split]/stage:hidden group-data-[scene=window]/stage:hidden">选中后按</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline">或者用这个打开工作台</span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⌥</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline"><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⇧</span></span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">D</span></span></div></div></div><div class="md:flex md:flex-col"><div class="flex flex-col py-12 md:py-20 min-h-[60vh] justify-center md:min-h-[70vh]"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="toolbar" class="border-brand-border-subtle bg-brand-surface-2 ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-3 border-b px-3 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple text-brand-text-2 h-3 w-3" aria-hidden="true"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg><span class="text-brand-text-1 text-[10px] font-semibold">Team Chat</span><span class="text-brand-text-3 hidden gap-3 text-[10px] sm:flex"><span>File</span><span>Edit</span><span>View</span></span><span class="ml-auto inline-flex items-center gap-2.5"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rf" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2724<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27241329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rf)"></path></g>
2725</svg><span class="text-brand-text-3 font-mono text-[10px]">9:41</span></span></div><div class="relative px-4 py-5 sm:px-7 sm:py-6 min-h-[420px]"><div class="border-brand-border-subtle bg-brand-bg rounded-lg border shadow-sm transition-opacity duration-300 group-data-[scene=split]/stage:opacity-40 group-data-[scene=window]/stage:opacity-40 motion-reduce:transition-none"><div class="border-brand-border-subtle flex items-center gap-1.5 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="text-brand-text-3 ml-2 truncate text-[10px]">#product-launch</span></div><div class="space-y-3 p-3.5"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Dana</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Pushed the copy changes — can someone check the release note?</div></div></div><div class="relative"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Priya</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Looks good, but <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5">we should to discuss again about the rollout cadence</span> before Thursday.</div></div></div><div class="absolute left-9 top-full z-10 mt-2 flex flex-col items-start gap-1.5 transition-opacity duration-300 group-data-[scene=window]/stage:pointer-events-none group-data-[scene=window]/stage:opacity-0 group-data-[scene=split]/stage:pointer-events-none group-data-[scene=split]/stage:opacity-0 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full py-1 pl-1.5 pr-2.5 shadow-lg ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="inline-flex items-center"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rg" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2726<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27261329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rg)"></path></g>
2727</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3 shrink-0"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 shrink-0"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3 w-3 shrink-0"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>保存</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3 w-3 shrink-0"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>复制</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3 w-3 shrink-0"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg>朗读</span></span><span class="border-brand-border-subtle bg-brand-bg block w-[286px] overflow-hidden rounded-xl border shadow-xl origin-top scale-95 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=bubble]/stage:scale-100 group-data-[scene=bubble]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle relative flex items-center border-b px-2.5 py-1.5"><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-3 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3 rotate-90"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span class="ml-auto inline-flex items-center gap-1.5"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[8px]">9/10</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span></span><span class="block p-2.5"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">
2727we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></span></span></div></div></div></div><div class="absolute inset-x-8 top-[12%] z-20 sm:inset-x-16 pointer-events-none opacity-0 group-data-[scene=split]/stage:opacity-100 group-data-[scene=window]/stage:opacity-100"><div class="border-brand-border-subtle bg-brand-bg w-full overflow-hidden rounded-xl border shadow-2xl translate-y-3 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=window]/stage:translate-y-0 group-data-[scene=window]/stage:opacity-100 group-data-[scene=split]/stage:translate-y-0 group-data-[scene=split]/stage:opacity-100 motion-reduce:transition-none"><div class="flex items-center gap-2 px-3 py-2"><span class="inline-flex items-center gap-1.5" aria-hidden="true"><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span></span><span class="ml-auto inline-flex items-center gap-2"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[9px]">9/10</span><span class="inline-flex h-5 w-5 items-center justify-center rounded-full transition-colors duration-300 motion-reduce:transition-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-columns2 h-3 w-3 text-brand-text-3" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M12 3v18"></path></svg></span><span class="bg-brand-surface-2 inline-flex h-5 w-5 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-1 h-3 w-3 rotate-45" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></span></div><div class="px-4"><p class="text-brand-text-1 text-[12px] leading-relaxed">we should to discuss again about the rollout cadence</p><p class="text-brand-text-3 mt-1 text-right font-mono text-[9px]">52 / 4000</p></div><div class="relative py-1"><span class="bg-brand-border-subtle block h-px w-full" aria-hidden="true"></span><span aria-hidden="true" class="bg-brand-border absolute left-1/2 top-1/2 h-1 w-8 -translate-x-1/2 -translate-y-1/2 roun
2727ded-full"></span></div><div class="px-4 pb-2 pt-2"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></div><div class="flex pb-3 pt-1 justify-center"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full px-2 py-1 shadow-lg ring-1"><span class="text-brand-text-3 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span class="bg-brand-surface-2 text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold">自动检测<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat2 text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="m2 9 3-3 3 3"></path><path d="M13 18H7a2 2 0 0 1-2-2V6"></path><path d="m22 15-3 3-3-3"></path><path d="M11 6h6a2 2 0 0 1 2 2v10"></path></svg>中文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></span></div></div></div></div><span class="text-brand-text-3 absolute bottom-3 right-4 inline-flex items-center gap-1.5 text-[10px]"><span class="group-data-[scene=split]/stage:hidden group-data-[scene=window]/stage:hidden">选中后按</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline">或者用这个打开工作台</span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⌥</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline"><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⇧</span></span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">D</span></span></div></div><div class=""><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">工具条来到文字旁边</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">在任意 Mac 应用里选中——聊天窗口、PDF、邮件客户端、代码编辑器——然后按 ⌥D。翻译、改写、保存、复制、朗读,和你在 Chrome 里用的是同一套动作。</p></div></div><div class="flex flex-col py-12 md:py-20 min-h-[60vh] justify-center md:min-h-[70vh]"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="bubble" class="border-brand-border-subtle bg-brand-surface-2 ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-3 border-b px-3 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple text-brand-text-2 h-3 w-3" aria-hidden="true"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg><span class="text-brand-text-1 text-[10px] font-semibold">Team Chat</span><span class="text-brand-text-3 hidden gap-3 text-[10px] sm:flex"><span>File</span><span>Edit</span><span>View</span></span><span class="ml-auto inline-flex items-center gap-2.5"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rh" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2728<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27281329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rh)"></path></g>
2729</svg><span class="text-brand-text-3 font-mono text-[10px]">9:41</span></span></div><div class="relative px-4 py-5 sm:px-7 sm:py-6 min-h-[420px]"><div class="border-brand-border-subtle bg-brand-bg rounded-lg border shadow-sm transition-opacity duration-300 group-data-[scene=split]/stage:opacity-40 group-data-[scene=window]/stage:opacity-40 motion-reduce:transition-none"><div class="border-brand-border-subtle flex items-center gap-1.5 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="text-brand-text-3 ml-2 truncate text-[10px]">#product-launch</span></div><div class="space-y-3 p-3.5"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Dana</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Pushed the copy changes — can someone check the release note?</div></div></div><div class="relative"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Priya</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Looks good, but <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5">we should to discuss again about the rollout cadence</span> before Thursday.</div></div></div><div class="absolute left-9 top-full z-10 mt-2 flex flex-col items-start gap-1.5 transition-opacity duration-300 group-data-[scene=window]/stage:pointer-events-none group-data-[scene=window]/stage:opacity-0 group-data-[scene=split]/stage:pointer-events-none group-data-[scene=split]/stage:opacity-0 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full py-1 pl-1.5 pr-2.5 shadow-lg ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="inline-flex items-center"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-ri" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2730<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27301329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-ri)"></path></g>
2731</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3 shrink-0"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 shrink-0"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3 w-3 shrink-0"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>保存</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3 w-3 shrink-0"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>复制</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3 w-3 shrink-0"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg>朗读</span></span><span class="border-brand-border-subtle bg-brand-bg block w-[286px] overflow-hidden rounded-xl border shadow-xl origin-top scale-95 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=bubble]/stage:scale-100 group-data-[scene=bubble]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle relative flex items-center border-b px-2.5 py-1.5"><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-3 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3 rotate-90"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span class="ml-auto inline-flex items-center gap-1.5"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[8px]">9/10</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span></span><span class="block p-2.5"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">
2731we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></span></span></div></div></div></div><div class="absolute inset-x-8 top-[12%] z-20 sm:inset-x-16 pointer-events-none opacity-0 group-data-[scene=split]/stage:opacity-100 group-data-[scene=window]/stage:opacity-100"><div class="border-brand-border-subtle bg-brand-bg w-full overflow-hidden rounded-xl border shadow-2xl translate-y-3 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=window]/stage:translate-y-0 group-data-[scene=window]/stage:opacity-100 group-data-[scene=split]/stage:translate-y-0 group-data-[scene=split]/stage:opacity-100 motion-reduce:transition-none"><div class="flex items-center gap-2 px-3 py-2"><span class="inline-flex items-center gap-1.5" aria-hidden="true"><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span></span><span class="ml-auto inline-flex items-center gap-2"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[9px]">9/10</span><span class="inline-flex h-5 w-5 items-center justify-center rounded-full transition-colors duration-300 motion-reduce:transition-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-columns2 h-3 w-3 text-brand-text-3" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M12 3v18"></path></svg></span><span class="bg-brand-surface-2 inline-flex h-5 w-5 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-1 h-3 w-3 rotate-45" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></span></div><div class="px-4"><p class="text-brand-text-1 text-[12px] leading-relaxed">we should to discuss again about the rollout cadence</p><p class="text-brand-text-3 mt-1 text-right font-mono text-[9px]">52 / 4000</p></div><div class="relative py-1"><span class="bg-brand-border-subtle block h-px w-full" aria-hidden="true"></span><span aria-hidden="true" class="bg-brand-border absolute left-1/2 top-1/2 h-1 w-8 -translate-x-1/2 -translate-y-1/2 roun
2731ded-full"></span></div><div class="px-4 pb-2 pt-2"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></div><div class="flex pb-3 pt-1 justify-center"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full px-2 py-1 shadow-lg ring-1"><span class="text-brand-text-3 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span class="bg-brand-surface-2 text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold">自动检测<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat2 text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="m2 9 3-3 3 3"></path><path d="M13 18H7a2 2 0 0 1-2-2V6"></path><path d="m22 15-3 3-3-3"></path><path d="M11 6h6a2 2 0 0 1 2 2v10"></path></svg>中文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></span></div></div></div></div><span class="text-brand-text-3 absolute bottom-3 right-4 inline-flex items-center gap-1.5 text-[10px]"><span class="group-data-[scene=split]/stage:hidden group-data-[scene=window]/stage:hidden">选中后按</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline">或者用这个打开工作台</span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⌥</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline"><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⇧</span></span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">D</span></span></div></div><div class=""><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">结果就开在你所在的地方</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">不用切标签页,也不用粘贴。结果直接出现在这句话旁边;你留下的内容会进入和浏览器捕获同一个 Library,走同一套复习计划。</p></div></div><div class="flex flex-col py-12 md:py-20 min-h-[60vh] justify-center md:min-h-[70vh]"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="window" class="border-brand-border-subtle bg-brand-surface-2 ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-3 border-b px-3 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple text-brand-text-2 h-3 w-3" aria-hidden="true"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg><span class="text-brand-text-1 text-[10px] font-semibold">Team Chat</span><span class="text-brand-text-3 hidden gap-3 text-[10px] sm:flex"><span>File</span><span>Edit</span><span>View</span></span><span class="ml-auto inline-flex items-center gap-2.5"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rj" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2732<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27321329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rj)"></path></g>
2733</svg><span class="text-brand-text-3 font-mono text-[10px]">9:41</span></span></div><div class="relative px-4 py-5 sm:px-7 sm:py-6 min-h-[420px]"><div class="border-brand-border-subtle bg-brand-bg rounded-lg border shadow-sm transition-opacity duration-300 group-data-[scene=split]/stage:opacity-40 group-data-[scene=window]/stage:opacity-40 motion-reduce:transition-none"><div class="border-brand-border-subtle flex items-center gap-1.5 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="text-brand-text-3 ml-2 truncate text-[10px]">#product-launch</span></div><div class="space-y-3 p-3.5"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Dana</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Pushed the copy changes — can someone check the release note?</div></div></div><div class="relative"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Priya</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Looks good, but <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5">we should to discuss again about the rollout cadence</span> before Thursday.</div></div></div><div class="absolute left-9 top-full z-10 mt-2 flex flex-col items-start gap-1.5 transition-opacity duration-300 group-data-[scene=window]/stage:pointer-events-none group-data-[scene=window]/stage:opacity-0 group-data-[scene=split]/stage:pointer-events-none group-data-[scene=split]/stage:opacity-0 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full py-1 pl-1.5 pr-2.5 shadow-lg ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="inline-flex items-center"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rk" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2734<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27341329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rk)"></path></g>
2735</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3 shrink-0"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 shrink-0"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3 w-3 shrink-0"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>保存</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3 w-3 shrink-0"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>复制</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3 w-3 shrink-0"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg>朗读</span></span><span class="border-brand-border-subtle bg-brand-bg block w-[286px] overflow-hidden rounded-xl border shadow-xl origin-top scale-95 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=bubble]/stage:scale-100 group-data-[scene=bubble]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle relative flex items-center border-b px-2.5 py-1.5"><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-3 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3 rotate-90"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span class="ml-auto inline-flex items-center gap-1.5"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[8px]">9/10</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span></span><span class="block p-2.5"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">
2735we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></span></span></div></div></div></div><div class="absolute inset-x-8 top-[12%] z-20 sm:inset-x-16 pointer-events-none opacity-0 group-data-[scene=split]/stage:opacity-100 group-data-[scene=window]/stage:opacity-100"><div class="border-brand-border-subtle bg-brand-bg w-full overflow-hidden rounded-xl border shadow-2xl translate-y-3 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=window]/stage:translate-y-0 group-data-[scene=window]/stage:opacity-100 group-data-[scene=split]/stage:translate-y-0 group-data-[scene=split]/stage:opacity-100 motion-reduce:transition-none"><div class="flex items-center gap-2 px-3 py-2"><span class="inline-flex items-center gap-1.5" aria-hidden="true"><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span></span><span class="ml-auto inline-flex items-center gap-2"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[9px]">9/10</span><span class="inline-flex h-5 w-5 items-center justify-center rounded-full transition-colors duration-300 motion-reduce:transition-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-columns2 h-3 w-3 text-brand-text-3" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M12 3v18"></path></svg></span><span class="bg-brand-surface-2 inline-flex h-5 w-5 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-1 h-3 w-3 rotate-45" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></span></div><div class="px-4"><p class="text-brand-text-1 text-[12px] leading-relaxed">we should to discuss again about the rollout cadence</p><p class="text-brand-text-3 mt-1 text-right font-mono text-[9px]">52 / 4000</p></div><div class="relative py-1"><span class="bg-brand-border-subtle block h-px w-full" aria-hidden="true"></span><span aria-hidden="true" class="bg-brand-border absolute left-1/2 top-1/2 h-1 w-8 -translate-x-1/2 -translate-y-1/2 roun
2735ded-full"></span></div><div class="px-4 pb-2 pt-2"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></div><div class="flex pb-3 pt-1 justify-center"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full px-2 py-1 shadow-lg ring-1"><span class="text-brand-text-3 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span class="bg-brand-surface-2 text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold">自动检测<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat2 text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="m2 9 3-3 3 3"></path><path d="M13 18H7a2 2 0 0 1-2-2V6"></path><path d="m22 15-3 3-3-3"></path><path d="M11 6h6a2 2 0 0 1 2 2v10"></path></svg>中文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></span></div></div></div></div><span class="text-brand-text-3 absolute bottom-3 right-4 inline-flex items-center gap-1.5 text-[10px]"><span class="group-data-[scene=split]/stage:hidden group-data-[scene=window]/stage:hidden">选中后按</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline">或者用这个打开工作台</span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⌥</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline"><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⇧</span></span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">D</span></span></div></div><div class=""><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">一行不够时,还有一张工作台</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">⌥⇧D 打开一个可缩放的窗口,它浮在你正在读的东西上面,不会被压到后面去。macOS 15 及以上还能在本机翻译——免费、离线、不扣 credits。</p></div></div><div class="flex flex-col py-12 md:py-20 min-h-[60vh] justify-center md:min-h-[150vh] md:justify-start"><div class="mb-6 md:hidden"><div aria-hidden="true" data-scene="split" class="border-brand-border-subtle bg-brand-surface-2 ring-brand-border-subtle group/stage relative w-full overflow-hidden rounded-xl border shadow-sm ring-1"><div class="border-brand-border-subtle bg-brand-bg flex items-center gap-3 border-b px-3 py-1.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple text-brand-text-2 h-3 w-3" aria-hidden="true"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg><span class="text-brand-text-1 text-[10px] font-semibold">Team Chat</span><span class="text-brand-text-3 hidden gap-3 text-[10px] sm:flex"><span>File</span><span>Edit</span><span>View</span></span><span class="ml-auto inline-flex items-center gap-2.5"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rl" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2736<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27361329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rl)"></path></g>
2737</svg><span class="text-brand-text-3 font-mono text-[10px]">9:41</span></span></div><div class="relative px-4 py-5 sm:px-7 sm:py-6 min-h-[420px]"><div class="border-brand-border-subtle bg-brand-bg rounded-lg border shadow-sm transition-opacity duration-300 group-data-[scene=split]/stage:opacity-40 group-data-[scene=window]/stage:opacity-40 motion-reduce:transition-none"><div class="border-brand-border-subtle flex items-center gap-1.5 border-b px-3 py-2"><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full" aria-hidden="true"></span><span class="text-brand-text-3 ml-2 truncate text-[10px]">#product-launch</span></div><div class="space-y-3 p-3.5"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Dana</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Pushed the copy changes — can someone check the release note?</div></div></div><div class="relative"><div class="flex gap-2.5"><span aria-hidden="true" class="bg-brand-surface-2 border-brand-border-subtle mt-0.5 h-6 w-6 shrink-0 rounded-md border"></span><div class="min-w-0 flex-1"><p class="text-brand-text-1 text-[11px] font-semibold">Priya</p><div class="text-brand-text-2 mt-0.5 text-[11px] leading-relaxed">Looks good, but <span class="bg-brand-warning-surface text-brand-text-1 rounded px-1 py-0.5">we should to discuss again about the rollout cadence</span> before Thursday.</div></div></div><div class="absolute left-9 top-full z-10 mt-2 flex flex-col items-start gap-1.5 transition-opacity duration-300 group-data-[scene=window]/stage:pointer-events-none group-data-[scene=window]/stage:opacity-0 group-data-[scene=split]/stage:pointer-events-none group-data-[scene=split]/stage:opacity-0 motion-reduce:transition-none"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full py-1 pl-1.5 pr-2.5 shadow-lg ring-1"><span aria-hidden="true" class="text-brand-text-3 inline-flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span aria-hidden="true" class="inline-flex items-center"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" role="img" aria-label="KeepReap"><defs><linearGradient id="krm-rm" x1="0" y1="0" x2="1" y2="1"><stop offset="0" stop-color="#F5A23E"></stop><stop offset="1" stop-color="#E3620B"></stop></linearGradient></defs>
2738<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27381329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="url(#krm-rm)"></path></g>
2739</svg></span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3 shrink-0"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3 shrink-0"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-save h-3 w-3 shrink-0"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"></path><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7"></path><path d="M7 3v4a1 1 0 0 0 1 1h7"></path></svg>保存</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-3 w-3 shrink-0"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>复制</span><span aria-hidden="true" class="text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-volume2 h-3 w-3 shrink-0"><path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"></path><path d="M16 9a5 5 0 0 1 0 6"></path><path d="M19.364 18.364a9 9 0 0 0 0-12.728"></path></svg>朗读</span></span><span class="border-brand-border-subtle bg-brand-bg block w-[286px] overflow-hidden rounded-xl border shadow-xl origin-top scale-95 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=bubble]/stage:scale-100 group-data-[scene=bubble]/stage:opacity-100 motion-reduce:transition-none"><span class="border-brand-border-subtle relative flex items-center border-b px-2.5 py-1.5"><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="text-brand-text-3 absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3 rotate-90"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></span><span class="ml-auto inline-flex items-center gap-1.5"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[8px]">9/10</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></span></span><span class="block p-2.5"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">
2739we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></span></span></div></div></div></div><div class="absolute inset-x-8 top-[12%] z-20 sm:inset-x-16 pointer-events-none opacity-0 group-data-[scene=split]/stage:opacity-100 group-data-[scene=window]/stage:opacity-100"><div class="border-brand-border-subtle bg-brand-bg w-full overflow-hidden rounded-xl border shadow-2xl translate-y-3 opacity-0 transition-[opacity,transform] duration-300 group-data-[scene=window]/stage:translate-y-0 group-data-[scene=window]/stage:opacity-100 group-data-[scene=split]/stage:translate-y-0 group-data-[scene=split]/stage:opacity-100 motion-reduce:transition-none"><div class="flex items-center gap-2 px-3 py-2"><span class="inline-flex items-center gap-1.5" aria-hidden="true"><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span><span class="bg-brand-border-subtle h-2 w-2 rounded-full"></span></span><span class="ml-auto inline-flex items-center gap-2"><span class="border-brand-border-subtle text-brand-text-3 rounded-full border px-1.5 py-px font-mono text-[9px]">9/10</span><span class="inline-flex h-5 w-5 items-center justify-center rounded-full transition-colors duration-300 bg-brand-surface-2 motion-reduce:transition-none"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-columns2 h-3 w-3 text-brand-text-1" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M12 3v18"></path></svg></span><span class="bg-brand-surface-2 inline-flex h-5 w-5 items-center justify-center rounded-full"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pin-off text-brand-text-1 h-3 w-3 rotate-45" aria-hidden="true"><path d="M12 17v5"></path><path d="M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89"></path><path d="m2 2 20 20"></path><path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11"></path></svg></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></span></div><div class="flex min-h-[190px] items-stretch"><div class="min-w-0 flex-1 px-4 pb-2"><p class="text-brand-text-1 text-[12px] leading-relaxed">
2739we should to discuss again about the rollout cadence</p><p class="text-brand-text-3 mt-1 text-right font-mono text-[9px]">52 / 4000</p></div><div class="relative w-px shrink-0 py-2"><span class="bg-brand-border-subtle block h-full w-px" aria-hidden="true"></span><span aria-hidden="true" class="bg-brand-border absolute left-1/2 top-1/2 h-8 w-1 -translate-x-1/2 -translate-y-1/2 rounded-full"></span></div><div class="min-w-0 flex-1 px-4 pb-2"><div class="flex items-center gap-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">原文</span><span class="kr-score kr-score--good" aria-label="Sentence score 7 out of 10" data-testid="score-badge"><span aria-hidden="true">👍</span><span class="kr-score-text">Good 7 / 10</span></span></div><p class="bg-brand-surface text-brand-text-2 mt-1 rounded-lg px-2 py-1.5 text-[10px] leading-snug">we should to discuss again about the rollout cadence</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">纠错版</span></div><p class="bg-brand-success-surface text-brand-success mt-1 rounded-lg px-2 py-1.5 text-[10px] font-medium leading-snug">we should discuss the rollout cadence again</p><div class="mt-2"><span class="text-brand-text-3 text-[9px] font-semibold uppercase tracking-[0.12em]">改动</span></div><div class="border-brand-border-subtle text-brand-text-1 mt-1 border-l-2 pl-2 text-[10px] leading-snug"><p class="kr-diff"><span class="kr-diff-eq">we should </span><del class="kr-diff-del">to </del><span class="kr-diff-eq">discuss </span><del class="kr-diff-del">again about </del><span class="kr-diff-eq">the rollout cadence</span><ins class="kr-diff-ins"> again</ins></p></div></div></div><div class="flex pb-3 pt-1 w-1/2 justify-center"><span class="border-brand-border-subtle bg-brand-bg ring-brand-border-subtle inline-flex items-center gap-1 rounded-full px-2 py-1 shadow-lg ring-1"><span class="text-brand-text-3 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-languages h-3 w-3" aria-hidden="true"><path d="m5 8 6 6"></path><path d="m4 14 6-6 2-3"></path><path d="M2 5h12"></path><path d="M7 2h1"></path><path d="m22 22-5-10-5 10"></path><path d="M14 18h6"></path></svg>翻译</span><span class="bg-brand-surface-2 text-brand-text-1 inline-flex items-center gap-1 rounded-full px-1.5 py-0.5 text-[10px] font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles h-3 w-3" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg>改进</span><span aria-hidden="true" class="bg-brand-border mx-1 h-4 w-px"></span><span class="text-brand-text-1 inline-flex items-center gap-1 text-[10px] font-semibold">自动检测<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat2 text-brand-text-3 h-3 w-3" aria-hidden="true"><path d="m2 9 3-3 3 3"></path><path d="M13 18H7a2 2 0 0 1-2-2V6"></path><path d="m22 15-3 3-3-3"></path><path d="M11 6h6a2 2 0 0 1 2 2v10"></path></svg>中文<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down text-brand-text-3 h-2.5 w-2.5" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></span></span></div></div></div></div><span class="text-brand-text-3 absolute bottom-3 right-4 inline-flex items-center gap-1.5 text-[10px]"><span class="group-data-[scene=split]/stage:hidden group-data-[scene=window]/stage:hidden">选中后按</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline">或者用这个打开工作台</span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⌥</span><span class="hidden group-data-[scene=split]/stage:inline group-data-[scene=window]/stage:inline"><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">⇧</span></span><span class="border-brand-border bg-brand-bg text-brand-text-2 inline-flex h-5 min-w-[20px] items-center justify-center rounded border px-1 font-mono text-[10px] leading-none shadow-sm">D</span></span></div></div><div class="md:sticky md:top-44"><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight md:text-3xl">想对照的时候,切成两栏</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed">点一下窗口就分栏:左边是你的原文,右边是结果,中间那条分隔线可以拖。两种布局各自记住自己的尺寸。</p></div></div></div></div><div class="mt-6 flex flex-wrap items-center justify-center gap-x-4 gap-y-3 md:mt-12"><a href="https://github.com/ocxers/keepreap-releases/releases/latest/download/KeepReap-macOS.dmg" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-brand-primary text-brand-on-primary hover:bg-brand-primary-hover focus-visible:ring-brand-link h-[42px] px-6 text-base"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-apple h-4 w-4" aria-hidden="true"><path d="M12 20.94c1.5 0 2.75 1.06 4 1.06 3 0 6-8 6-12.22A4.91 4.91 0 0 0 17 5c-2.22 0-4 1.44-5 2-1-.56-2.78-2-5-2a4.9 4.9 0 0 0-5 4.78C2 14 5 22 8 22c1.25 0 2.5-1.06 4-1.06Z"></path><path d="M10 2c1 .5 2 2 2 5"></path></svg>下载 Mac 版</a><span class="text-brand-text-3 text-xs">需要 macOS 12 或更高版本<span aria-hidden="true"> · </span>只住在菜单栏,已签名并通过公证</span></div></div></section><section id="work-scenarios" data-testid="landing-work-scenarios" class="bg-brand-bg px-6 py-20 md:py-28"><div data-revealed="false" class="section-reveal mx-auto max-w-6xl"><div class="mx-auto max-w-3xl text-center"><p class="section-reveal-item text-brand-text-3 font-mono text-[11px] font-semibold uppercase tracking-[0.18em]">职场英语</p><h2 class="section-reveal-item text-brand-text-1 mt-4 font-serif text-3xl font-medium tracking-tight md:text-5xl">为你每天已经在用的工作英语而建</h2><p class="section-reveal-item text-brand-text-2 mt-5 text-base leading-relaxed md:text-lg md:leading-relaxed" style="--reveal-d: 120ms;">需求、Slack 回复、comments、daily report、weekly report 和 email,每天都会制造很多小的英文判断。KeepReap 帮你在当下处理,也把有用表达留下来以后复习。</p></div><div class="mt-10 grid gap-4 sm:grid-cols-2 lg:grid-cols-3"><article class="section-reveal-item border-brand-border-subtle bg-brand-surface rounded-lg border p-5" style="--reveal-d: 180ms;"><div class="flex items-start gap-3"><span class="border-brand-border-subtle bg-brand-bg text-brand-text-1 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-4 w-4" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></span><div><h3 class="text-brand-text-1 text-base font-semibold">需求</h3><p class="text-brand-text-2 mt-2 text-sm leading-relaxed">一条 AC 或 edge case 句子,一旦误解就可能测错。</p></div></div><div class="border-brand-border-subtle mt-5 space-y-3 border-t pt-4"><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">使用 KeepReap</span><br>在页面上选中句子,翻译你不确定的部分。</p><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">保存供以后复习</span><br>产品词汇、需求措辞和边界条件表达。</p></div></article><article class="section-reveal-item border-brand-border-subtle bg-brand-surface rounded-lg border p-5" style="--reveal-d: 260ms;"><div class="flex items-start gap-3"><span class="border-brand-border-subtle bg-brand-bg text-brand-text-1 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-square h-4 w-4" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></span><div><h3 class="text-brand-text-1 text-base font-semibold">Slack in browser</h3><p class="text-brand-text-2 mt-2 text-sm leading-relaxed">回复要快、清楚,又不能显得太生硬。</p></div></div><div class="border-brand-border-subtle mt-5 space-y-3 border-t pt-4"><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">使用 KeepReap</span><br>翻译同事的信息,或在发送前润色你的 draft。</p><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">保存供以后复习</span><br>以后可以复习的礼貌异步沟通表达。</p></div></article><article class="section-reveal-item border-brand-border-subtle bg-brand-surface rounded-lg border p-5" style="--reveal-d: 340ms;"><div class="flex items-start gap-3"><span class="border-brand-border-subtle bg-brand-bg text-brand-text-1 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-messages-square h-4 w-4" aria-hidden="true"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2z"></path><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"></path></svg></span><div><h3 class="text-brand-text-1 text-base font-semibold">Comments</h3><p class="text-brand-text-2 mt-2 text-sm leading-relaxed">Ticket 或 PR comment 需要更清楚、更有分寸。</p></div></div><div class="border-brand-border-subtle mt-5 space-y-3 border-t pt-4"><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">使用 KeepReap</span><br>润色 clarification questions、risk notes 和 polite pushback。</p><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">保存供以后复习</span><br>可复用的问题、跟进和 review comment 表达。</p></div></article><article class="section-reveal-item border-brand-border-subtle bg-brand-surface rounded-lg border p-5" style="--reveal-d: 420ms;"><div class="flex items-start gap-3"><span class="border-brand-border-subtle bg-brand-bg text-brand-text-1 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-notebook-text h-4 w-4" aria-hidden="true"><path d="M2 6h4"></path><path d="M2 10h4"></path><path d="M2 14h4"></path><path d="M2 18h4"></path><rect width="16" height="20" x="4" y="2" rx="2"></rect><path d="M9.5 8h5"></path><path d="M9.5 12H16"></path><path d="M9.5 16H14"></path></svg></span><div><h3 class="text-brand-text-1 text-base font-semibold">Daily / weekly reports</h3><p class="text-brand-text-2 mt-2 text-sm leading-relaxed">状态更新需要讲清 progress、blockers、risks 和 next steps。</p></div></div><div class="border-brand-border-subtle mt-5 space-y-3 border-t pt-4"><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">使用 KeepReap</span><br>把 draft 放进 Side Panel 或 WebApp,润色整段内容。</p><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">保存供以后复习</span><br>每周都会重复用到的 status、blocker、risk 和 next-step 表达。</p></div></article><article class="section-reveal-item border-brand-border-subtle bg-brand-surface rounded-lg border p-5" style="--reveal-d: 500ms;"><div class="flex items-start gap-3"><span class="border-brand-border-subtle bg-brand-bg text-brand-text-1 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></span><div><h3 class="text-brand-text-1 text-base font-semibold">Email</h3><p class="text-brand-text-2 mt-2 text-sm leading-relaxed">Status email、release note、handoff 或 clarification request 需要更清楚的结构。</p></div></div><div class="border-brand-border-subtle mt-5 space-y-3 border-t pt-4"><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">使用 KeepReap</span><br>发送前润色 draft,并保存有用表达。</p><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">保存供以后复习</span><br>可复用的 email opening、handoff 语言和 follow-up wording。</p></div></article><article class="section-reveal-item border-brand-border-subtle bg-brand-surface rounded-lg border p-5" style="--reveal-d: 580ms;"><div class="flex items-start gap-3"><span class="border-brand-border-subtle bg-brand-bg text-brand-text-1 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bug h-4 w-4" aria-hidden="true"><path d="m8 2 1.88 1.88"></path><path d="M14.12 3.88 16 2"></path><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"></path><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"></path><path d="M12 20v-9"></path><path d="M6.53 9C4.6 8.8 3 7.1 3 5"></path><path d="M6 13H2"></path><path d="M3 21c0-2.1 1.7-3.9 3.8-4"></path><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"></path><path d="M22 13h-4"></path><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"></path></svg></span><div><h3 class="text-brand-text-1 text-base font-semibold">Bug reports</h3><p class="text-brand-text-2 mt-2 text-sm 
2739leading-relaxed">Steps、expected results、actual results 和 severity notes 都需要准确。</p></div></div><div class="border-brand-border-subtle mt-5 space-y-3 border-t pt-4"><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">使用 KeepReap</span><br>在提交 Jira 或 bug report 前润色粗糙的英文。</p><p class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">保存供以后复习</span><br>工程师能直接理解和处理的 bug-report 表达。</p></div></article></div><div class="section-reveal-item border-brand-border-subtle bg-brand-bg mt-8 rounded-lg border p-5 md:p-6" style="--reveal-d: 720ms;"><div class="grid gap-5 md:grid-cols-[1fr_1.25fr] md:items-center"><div><p class="text-brand-text-3 font-mono text-[11px] font-semibold uppercase tracking-[0.18em]">Before / after</p><h3 class="text-brand-text-1 mt-3 font-serif text-2xl font-medium leading-tight md:text-3xl">把粗糙英文改成可以执行的描述</h3><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-base md:leading-relaxed">KeepReap 当下有用,但长期价值在于留下表达模式。</p></div><div class="grid gap-3"><div class="border-brand-border-subtle bg-brand-surface rounded-lg border p-4"><p class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">Rough</p><p class="text-brand-text-2 mt-2 text-sm leading-relaxed">The button has problem after click many times.</p></div><div class="border-brand-primary/40 bg-brand-surface rounded-lg border p-4"><p class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">Improved</p><p class="text-brand-text-1 mt-2 text-sm font-medium leading-relaxed">The button becomes unresponsive after repeated clicks.</p></div><div class="text-brand-text-2 text-sm leading-relaxed"><span class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">Saved as</span> Bug-report expression</div></div></div></div></div></section><section id="how-it-works" data-testid="landing-loop" class="bg-brand-bg px-6 py-20 md:py-28"><div data-revealed="false" class="section-reveal mx-auto max-w-5xl"><h2 class="section-reveal-item text-brand-text-1 text-center font-serif text-3xl font-medium tracking-tight md:text-5xl">保存它。等它回来。再真正用上。</h2><ol class="mt-12 grid gap-6 md:grid-cols-3"><li class="section-reveal-item border-brand-border-subtle bg-brand-surface relative rounded-xl border p-6" style="--reveal-d: 160ms;"><div class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">01</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bookmark text-brand-text-1 mt-3 h-6 w-6" aria-hidden="true"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"></path></svg><div class="text-brand-text-1 mt-3 text-lg font-semibold">随处保存</div><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-[15px] md:leading-relaxed">在你正在阅读的页面上保存一个句子——通过 <strong class="text-brand-text-1 font-semibold">Chrome 扩展</strong>,或者直接用网页端的 <strong class="text-brand-text-1 font-semibold">Composer</strong>。<strong class="text-brand-text-1 font-semibold">原文 URL</strong> 自动跟随,无需切换标签或重复复制粘贴。</p></li><li class="section-reveal-item border-brand-border-subtle bg-brand-surface relative rounded-xl border p-6" style="--reveal-d: 280ms;"><div class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">02</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock3 text-brand-text-1 mt-3 h-6 w-6" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16.5 12"></polyline></svg><div class="text-brand-text-1 mt-3 text-lg font-semibold">让它回来</div><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-[15px] md:leading-relaxed">KeepReap 等到复习真正有用的时候才出手——根据遗忘曲线的<strong class="text-brand-text-1 font-semibold">间隔复习</strong>,而不是每日打卡。跳过一周,队列等你,不是你的收件箱催ä
2739½ ã€‚</p></li><li class="section-reveal-item border-brand-border-subtle bg-brand-surface relative rounded-xl border p-6" style="--reveal-d: 400ms;"><div class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">03</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat text-brand-text-1 mt-3 h-6 w-6" aria-hidden="true"><path d="m17 2 4 4-4 4"></path><path d="M3 11v-1a4 4 0 0 1 4-4h14"></path><path d="m7 22-4-4 4-4"></path><path d="M21 13v1a4 4 0 0 1-4 4H3"></path></svg><div class="text-brand-text-1 mt-3 text-lg font-semibold">再次用上</div><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-[15px] md:leading-relaxed">保存的句子以 <strong class="text-brand-text-1 font-semibold">默写</strong>、<strong class="text-brand-text-1 font-semibold">填空卡</strong>、<strong class="text-brand-text-1 font-semibold">每周小测</strong> 的形式回来。你在真正写作时调出来的英语,是经过自己复习过的英语。</p></li></ol></div></section><section id="for-readers" data-testid="landing-audience" class="bg-brand-surface px-6 py-20 md:py-28"><div data-revealed="false" class="section-reveal mx-auto max-w-5xl"><div class="mx-auto max-w-2xl text-center"><h2 class="section-reveal-item text-brand-text-1 font-serif text-3xl font-medium tracking-tight md:text-5xl">为通过阅读学习的人设计</h2><p class="section-reveal-item text-brand-text-2 mt-4 text-base leading-relaxed md:text-lg md:leading-relaxed" style="--reveal-d: 120ms;">当一个表达不只是需要立刻翻译,而是值得以后会用时,KeepReap 才有意义。</p></div><div class="mt-12 grid gap-6 md:grid-cols-3 md:gap-8"><div class="section-reveal-item border-brand-border-subtle bg-brand-bg rounded-xl border p-6" style="--reveal-d: 240ms;"><div class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">长文读者</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open-text text-brand-text-1 mt-3 h-6 w-6" aria-hidden="true"><path d="M12 7v14"></path><path d="M16 12h2"></path><path d="M16 8h2"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path><path d="M6 12h2"></path><path d="M6 8h2"></path></svg><h3 class="text-brand-text-1 mt-3 text-lg font-semibold">文章阅读者</h3><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-[15px] md:leading-relaxed">读 essay、文档、newsletter、研究资料时,不离开页面就把有用表达留下。<strong class="text-brand-text-1 font-semibold">Aeon</strong>、<strong class="text-brand-text-1 font-semibold">arXiv</strong>、<strong class="text-brand-text-1 font-semibold">Substack</strong>、公司 wiki——每一页都可以悄悄变成值得记住的句子的来源。</p></div><div class="section-reveal-item border-brand-border-subtle bg-brand-bg rounded-xl border p-6" style="--reveal-d: 360ms;"><div class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">偷好句子的写作者</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-highlighter text-brand-text-1 mt-3 h-6 w-6" aria-hidden="true"><path d="m9 11-6 6v3h9l3-3"></path><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"></path></svg><h3 class="text-brand-text-1 mt-3 text-lg font-semibold">句子收集者</h3><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-[15px] md:leading-relaxed">把好例句变成一个小小的<strong class="text-brand-text-1 font-semibold">复习队列</strong>,而不是又一堆被遗忘的笔记。每条都带着<strong class="text-brand-text-1 font-semibold">来源链接</strong>,回来时连语境一起回来——不只是字面。</p></div><div class="section-reveal-item border-brand-border-subtle bg-brand-bg rounded-xl border p-6" style="--reveal-d: 480ms;"><div class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">主动回忆型学习者</div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-brain-circuit text-brand-text-1 mt-3 h-6 w-6" aria-hidden="true"><path d="M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z"></path><path d="M9 13a4.5 4.5 0 0 0 3-4"></path><path d="M6.003 5.125A3 3 0 0 0 6.401 6.5"></path><path d="M3.477 10.896a4 4 0 0 1 .585-.396"></path><path d="M6 18a4 4 0 0 1-1.967-.516"></path><path d="M12 13h4"></path><path d="M12 18h6a2 2 0 0 1 2 2v1"></path><path d="M12 8h8"></path><path d="M16 8V5a2 2 0 0 1 2-2"></path><circle cx="16" cy="13" r=".5"></circle><circle cx="18" cy="3" r=".5"></circle><circle cx="20" cy="21" r=".5"></circle><circle cx="20" cy="8" r=".5"></circle></svg><h3 class="text-brand-text-1 mt-3 text-lg font-semibold">主动回忆学习者</h3><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-[15px] md:leading-relaxed">之后<strong class="text-brand-text-1 font-semibold">自己写出来</strong>来练习,而不是反复重读一张静态列表。默写、填空、每周小测把被动收藏变成主动调出——真正能记住的那种。</p></div></div></div></section><section data-testid="landing-differentiators" class="bg-brand-bg px-6 py-20 md:py-28"><div data-revealed="false" class="section-reveal mx-auto max-w-3xl"><h2 class="section-reveal-item text-brand-text-1 text-center font-serif text-3xl font-medium tracking-tight md:text-5xl">不是又一个翻译器</h2><div class="divide-brand-border-subtle mt-12 space-y-10 divide-y md:mt-16 md:space-y-14"><div class="section-reveal-item pt-10 first:pt-0 md:pt-14" style="--reveal-d: 160ms;"><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight tracking-tight md:text-4xl"><span class="text-brand-text-3">×</span> 不是翻译标签页</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:mt-5 md:text-lg md:leading-relaxed"><strong class="text-brand-text-1 font-semibold">Translate</strong> 和 <strong class="text-brand-text-1 font-semibold">Improve</strong> 在需要时随手可用,但它们不是终点。终点是你留下的句子——存入<strong class="text-brand-text-1 font-semibold">资料库</strong>、自动带上原文 URL、在复习真正有帮助时再次浮现。</p></div><div class="section-reveal-item pt-10 first:pt-0 md:pt-14" style="--reveal-d: 280ms;"><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight tracking-tight md:text-4xl"><span class="text-brand-text-3">×</span> 不是词汇坟场</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:mt-5 md:text-lg md:leading-relaxed">保存的内容会以练习的形式回来——填空、默写、每周小测。<strong class="text-brand-text-1 font-semibold">间隔时机</strong>根据遗忘曲线让它们重现,而不是靠内疚催你回来。</p></div><div class="section-reveal-item pt-10 first:pt-0 md:pt-14" style="--reveal-d: 400ms;"><h3 class="text-brand-text-1 font-serif text-2xl font-medium leading-tight tracking-tight md:text-4xl"><span class="text-brand-text-3">×</span> 不用为了打卡而打卡</h3><p class="text-brand-text-2 mt-4 text-base leading-relaxed md:mt-5 md:text-lg md:leading-relaxed">复习时机按<strong class="text-brand-text-1 font-semibold">有用程度</strong>来,不靠连续打卡压力驱动。没有每日指标,没有徽章焦虑。跳过一周——队列等你,不是你的收件箱。</p></div></div></div></section><section id="pricing" data-testid="landing-pricing" class="bg-brand-surface px-6 py-20 md:py-28"><div data-revealed="false" class="section-reveal mx-auto max-w-5xl"><p class="section-reveal-item text-brand-text-3 text-center font-mono text-[10px] font-semibold uppercase tracking-wider">ä»·æ ¼</p><h2 class="section-reveal-item text-brand-text-1 mt-3 text-center font-serif text-3xl font-medium tracking-tight md:text-5xl" style="--reveal-d: 80ms;">价格透明,免费起步。</h2><p class="section-reveal-item text-brand-text-2 mx-auto mt-4 max-w-2xl text-center text-base leading-relaxed md:text-[17px] md:leading-relaxed" style="--reveal-d: 160ms;">每个套餐都包含翻译、润色、保存和复习。只有当日常工作需
2739要更多积分时,你才需要付费。</p><div class="section-reveal-item mt-8 flex justify-center" style="--reveal-d: 200ms;"><div role="tablist" aria-label="价格" class="border-brand-border-subtle bg-brand-surface inline-flex items-center gap-1 rounded-full border p-1 text-xs"><button type="button" role="tab" aria-selected="false" class="rounded-full px-4 py-1.5 font-medium transition-colors text-brand-text-2 hover:text-brand-text-1">按月</button><button type="button" role="tab" aria-selected="true" class="inline-flex items-center gap-2 rounded-full px-4 py-1.5 font-medium transition-colors bg-brand-primary text-brand-on-primary">按年<span class="rounded-full px-1.5 py-0.5 text-[10px] bg-brand-on-primary/15 text-brand-on-primary">省约 17%</span></button></div></div><div class="mt-10 grid grid-cols-1 gap-5 md:mt-12 md:grid-cols-3 md:gap-6"><button type="button" aria-label="从 免费版 套餐开始" class="section-reveal-item focus-visible:ring-brand-primary relative flex flex-col rounded-xl border p-6 text-left transition-[border-color,box-shadow,transform] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 md:p-7 hover:-translate-y-0.5 border-brand-border-subtle hover:border-brand-primary bg-brand-surface hover:shadow-md" style="--reveal-d: 260ms;"><p class="text-brand-text-2 text-xs uppercase tracking-wide">免费版</p><div class="mt-3 flex items-baseline gap-1"><span class="text-brand-text-1 font-serif text-4xl font-medium md:text-5xl">$0</span><span class="text-brand-text-3 text-sm">永久免费</span></div><p class="text-brand-text-1 mt-4 font-mono text-sm"><span class="bg-brand-surface-2 inline-block h-4 w-28 animate-pulse rounded"></span></p><ul class="mt-3 space-y-1.5"><li class="text-brand-text-1 flex items-center gap-1.5 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-infinity text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z"></path></svg>内置翻译 · 无限使用</li><li class="text-brand-text-2 flex items-center gap-1.5 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="bg-brand-surface-2 inline-block h-3 w-24 animate-pulse rounded"></span></li><li class="text-brand-text-2 flex items-center gap-1.5 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="bg-brand-surface-2 inline-block h-3 w-24 animate-pulse rounded"></span></li></ul><p class="text-brand-text-2 mt-3 text-sm leading-relaxed">足够日常阅读和每天少量写作使用。无需绑卡。</p><p class="text-brand-text-3 mt-4 min-h-4 text-xs" aria-live="polite"></p></button><button type="button" aria-label="从 Plus 套餐开始" class="section-reveal-item focus-visible:ring-brand-primary relative flex flex-col rounded-xl border p-6 text-left transition-[border-color,box-shadow,transform] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 md:p-7 hover:-translate-y-0.5 border-brand-border-subtle hover:border-brand-primary bg-brand-surface hover:shadow-md" style="--reveal-d: 360ms;"><p class="text-brand-text-2 text-xs uppercase tracking-wide">Plus</p><div class="mt-3 flex items-baseline gap-1"><span class="text-brand-text-1 font-serif text-4xl font-medium md:text-5xl">$2.50</span><span class="text-brand-text-3 text-sm">/ 月,按年计费</span></div><p class="text-brand-text-1 mt-4 font-mono text-sm"><span class="bg-brand-surface-2 inline-block h-4 w-28 animate-pulse rounded"></span></p><ul class="mt-3 space-y-1.5"><li class="text-brand-text-1 flex items-center gap-1.5 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-infinity text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z"></path></svg>内置翻译 · 无限使用</li><li class="text-brand-text-2 flex items-center gap-1.5 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="bg-brand-surface-2 inline-block h-3 w-24 animate-pulse rounded"></span></li><li class="text-brand-text-2 flex items-center gap-1.5 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="bg-brand-surface-2 inline-block h-3 w-24 animate-pulse rounded"></span></li></ul><p class="text-brand-text-2 mt-3 text-sm leading-relaxed">适合经常处理工作邮件、评论和报告的你。</p>
2739<p class="text-brand-text-3 mt-4 min-h-4 text-xs" aria-live="polite"></p></button><button type="button" aria-label="从 Pro 套餐开始" class="section-reveal-item focus-visible:ring-brand-primary relative flex flex-col rounded-xl border p-6 text-left transition-[border-color,box-shadow,transform] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 md:p-7 hover:-translate-y-0.5 border-brand-primary bg-brand-surface shadow-md hover:shadow-lg" style="--reveal-d: 460ms;"><span class="bg-brand-primary text-brand-on-primary absolute -top-3 left-1/2 -translate-x-1/2 rounded-full px-3 py-1 text-[10px] font-semibold uppercase tracking-wide">最划算</span><p class="text-brand-text-2 text-xs uppercase tracking-wide">Pro</p><div class="mt-3 flex items-baseline gap-1"><span class="text-brand-text-1 font-serif text-4xl font-medium md:text-5xl">$5.00</span><span class="text-brand-text-3 text-sm">/ 月,按年计费</span></div><p class="text-brand-text-1 mt-4 font-mono text-sm"><span class="bg-brand-surface-2 inline-block h-4 w-28 animate-pulse rounded"></span></p><ul class="mt-3 space-y-1.5"><li class="text-brand-text-1 flex items-center gap-1.5 text-xs font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-infinity text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M12 12c-2-2.67-4-4-6-4a4 4 0 1 0 0 8c2 0 4-1.33 6-4Zm0 0c2 2.67 4 4 6 4a4 4 0 0 0 0-8c-2 0-4 1.33-6 4Z"></path></svg>内置翻译 · 无限使用</li><li class="text-brand-text-2 flex items-center gap-1.5 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="bg-brand-surface-2 inline-block h-3 w-24 animate-pulse rounded"></span></li><li class="text-brand-text-2 flex items-center gap-1.5 text-xs"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-brand-primary size-3.5 shrink-0" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg><span class="bg-brand-surface-2 inline-block h-3 w-24 animate-pulse rounded"></span></li></ul><p class="text-brand-text-2 mt-3 text-sm leading-relaxed">适合整天用英语写作的非母语工程师、PM 和 QA。</p><p class="text-brand-text-3 mt-4 min-h-4 text-xs" aria-live="polite"></p></button></div><p role="alert" class="min-h-5 text-sm text-brand-danger mt-6 text-center"></p><div class="section-reveal-item mt-12 flex flex-col items-center" style="--reveal-d: 560ms;"><p class="text-brand-text-2 text-center text-sm">需要更多?充值积分永不过期。</p><div class="mt-4 flex flex-wrap justify-center gap-2"></div></div><div class="section-reveal-item mt-10 flex flex-col items-center gap-3 sm:flex-row sm:justify-center" style="--reveal-d: 640ms;"><button type="button" class="bg-brand-primary text-brand-on-primary hover:bg-brand-primary-hover inline-flex items-center justify-center rounded-full px-6 py-3 text-sm font-semibold transition-colors">免费开始</button></div><div id="refer-and-earn" data-testid="landing-refer-panel" class="section-reveal-item border-brand-border-subtle bg-brand-surface mt-16 grid gap-8 rounded-xl border p-6 md:grid-cols-2 md:p-8" style="--reveal-d: 720ms;"><div><p class="text-brand-text-3 font-mono text-[10px] font-semibold uppercase tracking-wider">邀请好友,赢得积分</p><h3 class="text-brand-text-1 mt-3 font-serif text-2xl font-medium tracking-tight md:text-3xl">推荐好友,赚取无限积分。</h3><p class="text-brand-text-2 mt-3 text-sm leading-relaxed md:text-[15px] md:leading-relaxed">每位通过你邀请来体验 KeepReap 的好友都为你带来 200 积分 —— 邀请人数不设上限,积分永不过期。</p><a class="bg-brand-primary text-brand-on-primary hover:bg-brand-primary-hover mt-5 inline-flex rounded-full px-5 py-2.5 text-sm font-semibold transition-colors" href="/admin/settings/referrals">获取我的邀请链接</a></div><ol class="grid gap-4 self-center"><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gift text-brand-primary mt-0.5 size-5 shrink-0" aria-hidden="true"><rect x="3" y="8" width="18" height="4" rx="1"></rect><path d="M12 8v13"></path><path d="M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7"></path><path d="M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5"></path></svg><div><div class="text-brand-text-1 text-sm font-semibold">登录并复制链接</div><p class="text-brand-text-2 mt-1 text-[13px] leading-relaxed">登录后,前往设置 → 推荐,复制你的专属邀请链接。</p></div></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send text-brand-primary mt-0.5 size-5 shrink-0" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg><div><div class="text-brand-text-1 text-sm font-semibold">分享给任何人</div><p class="text-brand-text-2 mt-1 text-[13px] leading-relaxed">通过 Slack、邮件、微信或任何你常用的渠道分享——只要对方能从中受益。</p></div></li><li class="flex gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles text-brand-primary mt-0.5 size-5 shrink-0" aria-hidden="true"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg><div><div class="text-brand-text-1 text-sm font-semibold">获得 200 积分</div><p class="text-brand-text-2 mt-1 text-[13px] leading-relaxed">当你的朋友在 2 个月内使用了 ≥ 20 个免费积分(每个账号每月赠送 200 个å
2739…è´¹ç§¯åˆ†ï¼‰ï¼Œä½ å°†èŽ·å¾— 200 个永不过期的积分。</p></div></li></ol><div class="border-brand-border-subtle mt-2 border-t pt-6 md:col-span-2"><div class="flex flex-wrap gap-2"><div class="relative inline-flex"><button type="button" class="border-brand-border-subtle text-brand-text-1 hover:bg-brand-surface inline-flex cursor-pointer items-center gap-2 rounded-full border px-4 py-1.5 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter h-4 w-4"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg>分享到 X</button></div><div class="relative inline-flex"><button type="button" class="border-brand-border-subtle text-brand-text-1 hover:bg-brand-surface inline-flex cursor-pointer items-center gap-2 rounded-full border px-4 py-1.5 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-4 w-4"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg>分享到 LinkedIn</button></div><div class="relative inline-flex"><button type="button" class="border-brand-border-subtle text-brand-text-1 hover:bg-brand-surface inline-flex cursor-pointer items-center gap-2 rounded-full border px-4 py-1.5 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-4 w-4"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>分享到 Facebook</button></div><div class="relative inline-flex"><button type="button" class="border-brand-border-subtle text-brand-text-1 hover:bg-brand-surface inline-flex cursor-pointer items-center gap-2 rounded-full border px-4 py-1.5 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-share2 h-4 w-4"><circle cx="18" cy="5" r="3"></circle><circle cx="6" cy="12" r="3"></circle><circle cx="18" cy="19" r="3"></circle><line x1="8.59" x2="15.42" y1="13.51" y2="17.49"></line><line x1="15.41" x2="8.59" y1="6.51" y2="10.49"></line></svg>Reddit</button></div><div class="relative inline-flex"><button type="button" class="border-brand-border-subtle text-brand-text-1 hover:bg-brand-surface inline-flex cursor-pointer items-center gap-2 rounded-full border px-4 py-1.5 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle h-4 w-4"><path d="M7.9 20A9 9 0 1 0 4 16.1L2 22Z"></path></svg>WhatsApp</button></div><div class="relative inline-flex"><button type="button" class="border-brand-border-subtle text-brand-text-1 hover:bg-brand-surface inline-flex cursor-pointer items-center gap-2 rounded-full border px-4 py-1.5 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>邮件</button></div><div class="relative inline-flex"><button type="button" class="border-brand-border-subtle text-brand-text-1 hover:bg-brand-surface inline-flex cursor-pointer items-center gap-2 rounded-full border px-4 py-1.5 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy h-4 w-4"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path></svg>复制文案</button></div></div></div></div></div></section><section id="faq" data-testid="landing-faq" class="bg-brand-bg px-6 py-20 md:py-28">
2739<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"不注册也能试用吗?","acceptedAnswer":{"@type":"Answer","text":"可以。Chrome 扩展和 Mac 应用都有匿名模式,累计提供 10 次 AI 操作(保存、改写、翻译)让你先把整个流程跑一遍。登录后你的捕获会跨会话保留,使用上限也会解除。"}},{"@type":"Question","name":"一定要装 Chrome 扩展吗?","acceptedAnswer":{"@type":"Answer","text":"两个捕获入口里有一个就行——Chrome 扩展或 Mac 应用。复习、Library、每周检测和进度查看,WebApp 自己就能完成。"}},{"@type":"Question","name":"Mac 应用需要什么条件?","acceptedAnswer":{"@type":"Answer","text":"macOS 12 或更高版本,另外需要「辅助功能」权限才能读到你选中的文字——它不会读你的剪贴板。应用已签名并通过 Apple 公证。macOS 15 及以上还能在本机翻译:免费、离线、不扣 credits。"}},{"@type":"Question","name":"我的数据是私密的吗?","acceptedAnswer":{"@type":"Answer","text":"你的数据保存在 KeepReap 数据库里。我们不出售数据,不接广告追踪。只有你选择 Google 登录时才会使用 Google;email/password 登录保持第一方处理。Early Access 阶段暂不做 SOC2。"}},{"@type":"Question","name":"是免费的吗?","acceptedAnswer":{"@type":"Answer","text":"有 Free 套餐,带每日捕捉和每月图片翻译额度;另有 Plus 和 Pro 套餐,上限更高。登录后可在账单页查看。"}},{"@type":"Question","name":"除了 Chrome 还能用别的浏览器吗?","acceptedAnswer":{"@type":"Answer","text":"浏览器扩展目前只有 Chrome,Firefox / Safari 会在 Early Access 之后再做。但在 Mac 上不用等:Mac 应用读的是系统级选区,所以 Safari、Firefox 以及任何其他应用里都能用。"}}]}</script>
2739<div class="mx-auto max-w-3xl"><h2 class="text-brand-text-1 text-center font-serif text-3xl font-medium tracking-tight md:text-5xl">常见问题</h2><div class="divide-brand-border-subtle mt-10 divide-y md:mt-14"><div><button type="button" aria-expanded="true" aria-controls=":rn:" class="text-brand-text-1 flex w-full cursor-pointer items-center justify-between gap-4 py-5 text-left text-base font-medium md:text-lg"><span>不注册也能试用吗?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus text-brand-text-3 h-5 w-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none rotate-45" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div id=":rn:" class="grid transition-[grid-template-rows] duration-300 ease-out motion-reduce:transition-none grid-rows-[1fr]"><div class="overflow-hidden"><p class="text-brand-text-2 pb-5 pr-9 text-sm leading-relaxed md:text-base md:leading-relaxed transition-opacity duration-200 motion-reduce:transition-none opacity-100">可以。Chrome 扩展和 Mac 应用都有匿名模式,累计提供 10 次 AI 操作(保存、改写、翻译)让你先把整个流程跑一遍。登录后你的捕获会跨会话保留,使用上限也会解除。</p></div></div></div><div><button type="button" aria-expanded="false" aria-controls=":ro:" class="text-brand-text-1 flex w-full cursor-pointer items-center justify-between gap-4 py-5 text-left text-base font-medium md:text-lg"><span>一定要装 Chrome 扩展吗?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus text-brand-text-3 h-5 w-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div id=":ro:" class="grid transition-[grid-template-rows] duration-300 ease-out motion-reduce:transition-none grid-rows-[0fr]"><div class="overflow-hidden"><p class="text-brand-text-2 pb-5 pr-9 text-sm leading-relaxed md:text-base md:leading-relaxed transition-opacity duration-200 motion-reduce:transition-none opacity-0">两个捕获入口里有一个就行——Chrome 扩展或 Mac 应用。复习、Library、每周检测和进度查看,WebApp 自己就能完成。</p></div></div></div><div><button type="button" aria-expanded="false" aria-controls=":rp:" class="text-brand-text-1 flex w-full cursor-pointer items-center justify-between gap-4 py-5 text-left text-base font-medium md:text-lg"><span>Mac 应用需要什么条件?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus text-brand-text-3 h-5 w-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div id=":rp:" class="grid transition-[grid-template-rows] duration-300 ease-out motion-reduce:transition-none grid-rows-[0fr]"><div class="overflow-hidden"><p class="text-brand-text-2 pb-5 pr-9 text-sm leading-relaxed md:text-base md:leading-relaxed transition-opacity duration-200 motion-reduce:transition-none opacity-0">macOS 12 或更高版本,另外需要「辅助功能」权限才能读到你选中的文字——它不会读你的剪贴板。应用已签名并通过 Apple 公证。macOS 15 及以上还能在本机翻译:免费、离线、不扣 credits。</p></div></div></div><div><button type="button" aria-expanded="false" aria-controls=":rq:" class="text-brand-text-1 flex w-full cursor-pointer items-center justify-between gap-4 py-5 text-left text-base font-medium md:text-lg"><span>我的数据是私密的吗?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus text-brand-text-3 h-5 w-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div id=":rq:" class="grid transition-[grid-template-rows] duration-300 ease-out motion-reduce:transition-none grid-rows-[0fr]"><div class="overflow-hidden"><p class="text-brand-text-2 pb-5 pr-9 text-sm leading-relaxed md:text-base md:leading-relaxed transition-opacity duration-200 motion-reduce:transition-none opacity-0">你的数据保存在 KeepReap 数据库里。我们不出售数据,不接广告追踪。只有你选择 Google 登录时才会使用 Google;email/password 登录保持第一方处理。Early Access 阶段暂不做 SOC2。</p></div></div></div><div><button type="button" aria-expanded="false" aria-controls=":rr:" class="text-brand-text-1 flex w-full cursor-pointer items-center justify-between gap-4 py-5 text-left text-base font-medium md:text-lg"><span>是免费的吗?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus text-brand-text-3 h-5 w-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div id=":rr:" class="grid transition-[grid-template-rows] duration-300 ease-out motion-reduce:transition-none grid-rows-[0fr]"><div class="overflow-hidden"><p class="text-brand-text-2 pb-5 pr-9 text-sm leading-relaxed md:text-base md:leading-relaxed transition-opacity duration-200 motion-reduce:transition-none opacity-0">有 Free 套餐,带每日捕捉和每月图片翻译额度;另有 Plus 和 Pro 套餐,上限更高。登录后可在账单页查看。</p></div></div></div><div><button type="button" aria-expanded="false" aria-controls=":rs:" class="text-brand-text-1 flex w-full cursor-pointer items-center justify-between gap-4 py-5 text-left text-base font-medium md:text-lg"><span>除了 Chrome 还能用别的浏览器吗?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus text-brand-text-3 h-5 w-5 shrink-0 transition-transform duration-200 motion-reduce:transition-none" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button><div id=":rs:" class="grid transition-[grid-template-rows] duration-300 ease-out motion-reduce:transition-none grid-rows-[0fr]"><div class="overflow-hidden"><p class="text-brand-text-2 pb-5 pr-9 text-sm leading-relaxed md:text-base md:leading-relaxed transition-opacity duration-200 motion-reduce:transition-none opacity-0">浏览器扩展目前只有 Chrome,Firefox / Safari 会在 Early Access 之后再做。但在 Mac 上不用等:Mac 应用读的是系统级选区,所以 Safari、Firefox 以及任何其他应用里都能用。</p></div></div></div></div></div></section><footer class="bg-brand-primary text-brand-on-primary px-6 pb-6 pt-16 md:pb-8 md:pt-20"><div class="mx-auto max-w-6xl"><div class="grid grid-cols-1 gap-12 md:grid-cols-4 md:gap-16"><div><a class="focus-visible:ring-brand-on-primary inline-flex rounded-full focus-visible:outline-none focus-visible:ring-2" aria-label="KeepReap" href="/zh-cn"><span class="text-brand-mark-on-dark inline-flex items-center gap-2"><svg viewBox="314 423 1159 947" fill="currentColor" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-brand-mark-light" role="img" aria-label="KeepReap">
2740<g transform="scale(1.0078431 1)"><path d="M407.077 423.744C454.055 419.645 499.592 453.121 510.437 498.827C514.448 515.731 513.5 535.845 513.518 553.28L513.543 609.641L513.494 810.679L584.363 810.714C616.791 810.723 644.986 813.222 675.933 802.119C702.761 792.335 726.315 775.235 743.928 752.759C779.326 708.065 780.761 668.342 780.735 614.973L780.686 550.174C780.676 524.927 779.513 506.899 790.93 483.376C802.791 458.921 823.929 440.217 849.646 431.419C858.433 428.491 867.565 426.721 876.811 426.156C893.686 425.052 920.364 425.871 937.863 425.904L1047.73 425.899L1144.94 425.884C1169.97 425.887 1194.79 425.113 1219.65 428.32C1249.77 432.191 1279.02 441.062 1306.22 454.568C1375.92 488.946 1429.18 549.49 1454.41 622.992C1479.84 697.011 1474.94 778.09 1440.75 848.501C1405.05 920.889 1346.52 970.784 1270.35 996.653C1284.39 1014.92 1302.94 1036.08 1317.9 1054.07L1403.79 1157.43L1439.17 1199.8C1445.42 1207.37 1453.95 1217.22 1458.93 1225.29C1465.84 1236.66 1470.34 1249.35 1472.12 1262.54C1475.61 1288.09 1468.63 1313.96 1452.76 1334.27C1438.02 1353.6 1416.21 1366.27 1392.12 1369.5C1332.71 1376.9 1305.13 
27401329.41 1271.8 1289.75L1169.1 1167.54L1055.8 1031.76L1019.41 988.194C1013.52 981.158 1004.39 970.915 999.336 963.625C991.72 952.759 987.047 940.1 985.782 926.898C983.428 905.684 989.753 884.418 1003.31 867.923C1018.01 849.91 1037.28 841.433 1060.03 839.239C1065.6 838.44 1083.9 838.831 1090.32 838.843L1141.36 838.968C1182.6 839.065 1214.24 837.328 1246.21 805.922C1269.65 782.879 1282.85 751.377 1282.82 718.505C1282.85 686.217 1271.38 654.229 1248.24 631.294C1233.74 616.845 1215.5 606.712 1195.58 602.023C1175.88 597.356 1132 598.993 1109.75 598.998L976.936 599.032C976.918 618.967 977.349 641.632 976.391 661.241C972.649 737.499 943.3 811.219 892.008 867.981C881.247 879.894 871.686 888.362 859.649 899.096C870.522 907.388 880.825 916.418 890.471 926.099C940.147 976.001 971.05 1041.54 977.937 1111.61C979.949 1132.03 979.422 1154.44 979.413 1175.1L979.44 1257.02C979.396 1290.63 975.206 1317.21 949.836 1342.21C930.888 1360.73 905.325 1370.92 878.831 1370.51C858.083 1370.3 837.933 1363.55 821.242 1351.24C802.312 1337.37 788.944 1317.21 783.544 1294.38C779.594 1277.81 780.66 1257.87 780.677 1240.61L780.771 1169.76C780.848 1112.93 779.63 1067.66 735.92 1023.59C712.125 999.28 680.696 983.881 646.9 979.981C630.953 978.303 609.192 978.883 592.729 978.883L513.725 978.847C513.056 1004.78 513.465 1032.01 513.474 1058.05L513.488 1192.87C513.496 1216.55 513.428 1240.29 513.44 1263.96C513.452 1290.39 508.447 1311.86 491.641 1332.87C475.342 1353.56 451.428 1366.87 425.245 1369.81C398.611 1372.99 371.816 1365.33 350.899 1348.54C330.32 1331.97 317.215 1307.87 314.502 1281.59C313.181 1268.11 313.761 1247.71 313.767 1233.58L313.8 1152.59L313.807 886.666L313.773 635.042L313.768 557.578C313.773 544.267 313.221 524.309 314.605 511.735C316.703 492.882 324.253 475.051 336.331 460.424C354.582 438.248 378.693 426.341 407.077 423.744Z" fill="currentColor"></path></g>
2741</svg><span class="text-xl font-bold">KeepReap</span></span></a><p class="text-brand-on-dark-soft mt-4 max-w-[320px] text-sm leading-relaxed">收而藏之,久而获之</p><p class="text-brand-on-primary mt-8 text-sm font-semibold">有问题、建议或想法?</p><p class="text-brand-on-dark-soft mt-1 text-sm">欢迎随时告诉我们:</p><a href="/cdn-cgi/l/email-protection#c3b0b6b3b3acb1b783a8a6a6b3b1a6a2b3eda0acae" class="text-brand-on-primary hover:text-brand-on-dark-soft mt-3 inline-flex items-center gap-2 text-sm transition-colors"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="__cf_email__" data-cfemail="e1929491918e9395a18a84849193848091cf828e8c">[email&#160;protected]</span></a></div><div><p class="text-brand-on-dark-soft mb-6 font-mono text-xs font-semibold uppercase tracking-[0.18em]">产品</p><ul class="space-y-3"><li><a href="/zh-cn#capture" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">捕获</a></li><li><a href="/zh-cn#how-it-works" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">工作原理</a></li><li><a href="/zh-cn#work-scenarios" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">工作场景</a></li><li><a href="/zh-cn#for-readers" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">面向读者</a></li><li><a href="/zh-cn#faq" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">常见问题</a></li><li><a href="/s" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">发现</a></li><li><a class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors" href="/books">公开书库</a></li><li><a class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors" href="/admin/home">Web 应用</a></li><li><a href="https://chromewebstore.google.com/detail/keepreap/oejbdpilpmhphopjidgpfbonoepgngim" target="_blank" rel="noopener noreferrer" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">Chrome 扩展</a></li><li><a href="https://github.com/ocxers/keepreap-releases/releases/latest/download/KeepReap-macOS.dmg" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">Mac 应用</a></li></ul></div><div><p class="text-brand-on-dark-soft mb-6 font-mono text-xs font-semibold uppercase tracking-[0.18em]">语言</p><ul class="space-y-3"><li><a hreflang="en" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" href="/">English</a></li><li><a hreflang="zh-CN" aria-current="true" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors font-semibold" href="/zh-cn">简体中文</a></li><li><a hreflang="zh-TW" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" href="/zh-tw">繁體中文</a></li><li><a hreflang="ja" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" href="/ja">日本語</a></li><li><a hreflang="ko" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" href="/ko">한국어</a></li><li><a hreflang="mk" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" href="/mk">македонски</a></li><li><a hreflang="uk" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" href="/uk">Українська</a></li><li><a hreflang="fil" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" href="/fil">Filipino</a></li></ul></div><div><p class="text-brand-on-dark-soft mb-6 font-mono text-xs font-semibold uppercase tracking-[0.18em]">主题</p><ul class="space-y-3"><li><button type="button" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" aria-pressed="false">浅色</button></li><li><button type="button" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors font-semibold" aria-pressed="true">暖调</button></li><li><button type="button" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" aria-pressed="false">墨色</button></li><li><button type="button" class="text-brand-on-primary hover:text-brand-on-dark-soft text-left text-sm transition-colors" aria-pressed="false">
2741夜间</button></li></ul></div></div><div class="mt-16"><p class="text-brand-on-dark-soft mb-4 font-mono text-xs font-semibold uppercase tracking-[0.18em]">友情链接</p><ul class="flex flex-wrap gap-x-6 gap-y-3"><li><a href="https://soulvirtues.com/" target="_blank" rel="noopener noreferrer" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">Soul Virtues Extractor</a></li><li><a href="https://relocateireland.ie/" target="_blank" rel="noopener noreferrer" class="text-brand-on-primary hover:text-brand-on-dark-soft text-sm transition-colors">Relocate Ireland</a></li></ul></div><div class="border-brand-surface-dark-elevated mt-10 flex flex-col items-center justify-between gap-4 border-t pt-8 md:flex-row"><p class="text-brand-on-dark-soft order-3 inline-flex items-center gap-1.5 text-xs md:order-1">为愿意把读过的话留下来的人而做。<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-heart text-brand-accent-amber h-3 w-3" aria-hidden="true"><path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z"></path></svg></p><nav aria-label="Footer" class="text-brand-on-primary order-1 flex items-center gap-6 text-xs md:order-2"><a class="hover:text-brand-on-dark-soft transition-colors" href="/zh-cn/privacy">隐私</a><a class="hover:text-brand-on-dark-soft transition-colors" href="/zh-cn/support">支持</a></nav><p class="text-brand-on-dark-soft order-2 text-xs md:order-3">© 2026 KeepReap. 保留所有权利。</p></div></div></footer></main></div>
vendor: 113 bytes, lines 2741-2744
2741
2742  
2743
2744<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2744<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f1f816d008ef40e198393b30f1df4112","r":1,"spa":2}' crossorigin="anonymous"></script>
2744
2745</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.