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&family=Inter:wght@400;500;600;700&
71family=JetBrains+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Hanken+Grotesk:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&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 [&>svg:not([class*='h-'])]:h-4 [&>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 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.