https://www.sealedletter.co/zh-hans/Recent content in 欢迎使用 Sealed Letter on Sealed LetterHugo -- gohugo.iozh-Hans© Continuia OÜ 2026. All rights reserved.https://www.sealedletter.co/zh-hans/documentation/introduction/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/introduction/<p class="lead">概述 Sealed Letter 是什么、它的设计目的以及它与日常通信工具的区别。</p> <h1 class="relative group">简介：什么是 Sealed Letter <div id="简介什么是-sealed-letter" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e7%ae%80%e4%bb%8b%e4%bb%80%e4%b9%88%e6%98%af-sealed-letter" aria-label="锚点">#</a> </span> </h1> <p>Sealed Letter 是一种安全存储消息或指令的方式，可以控制受信任的人将来如何访问它们。</p>https://www.sealedletter.co/zh-hans/documentation/core/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/core/<p class="lead">塑造 Sealed Letter 行为的设计原则，以及为什么某些功能被有意限制。</p> <h1 class="relative group">核心原则和有意设计 <div id="核心原则和有意设计" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e6%a0%b8%e5%bf%83%e5%8e%9f%e5%88%99%e5%92%8c%e6%9c%89%e6%84%8f%e8%ae%be%e8%ae%a1" aria-label="锚点">#</a> </span> </h1> <p>Sealed Letter 被有意设计为平静、深思熟虑和低噪音的。</p>https://www.sealedletter.co/zh-hans/documentation/concepts/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/concepts/<p class="lead">Sealed Letter 中使用的关键术语的清晰定义，以确保共同理解。</p> <h1 class="relative group">核心概念和术语 <div id="核心概念和术语" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e6%a0%b8%e5%bf%83%e6%a6%82%e5%bf%b5%e5%92%8c%e6%9c%af%e8%af%ad" aria-label="锚点">#</a> </span> </h1> <p>本节解释 Sealed Letter 中使用的核心术语。</p>https://www.sealedletter.co/zh-hans/documentation/letters/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/letters/<p class="lead">信件生命周期的分步概述，从创建到访问。</p> <h1 class="relative group">信件如何运作 <div id="信件如何运作" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e4%bf%a1%e4%bb%b6%e5%a6%82%e4%bd%95%e8%bf%90%e4%bd%9c" aria-label="锚点">#</a> </span> </h1> <p>每封信件都遵循相同的高级生命周期：</p>https://www.sealedletter.co/zh-hans/documentation/delivery/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/delivery/<p class="lead">对两种配送选项的说明，以及它们在安全性和便利性方面的差异。</p> <h1 class="relative group">配送方式 <div id="配送方式" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e9%85%8d%e9%80%81%e6%96%b9%e5%bc%8f" aria-label="锚点">#</a> </span> </h1> <p>Sealed Letter 提供两种配送方式。每种方式都支持保密性和易用性之间的不同平衡。</p>https://www.sealedletter.co/zh-hans/documentation/security/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/security/<p class="lead">Sealed Letter如何通过加密、访问控制和系统设计保护您的内容。</p> <h1 class="relative group">安全模型和数据保护 <div id="安全模型和数据保护" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e5%ae%89%e5%85%a8%e6%a8%a1%e5%9e%8b%e5%92%8c%e6%95%b0%e6%8d%ae%e4%bf%9d%e6%8a%a4" aria-label="锚点">#</a> </span> </h1> <p>安全是Sealed Letter的基础。</p>https://www.sealedletter.co/zh-hans/documentation/options/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/options/<p class="lead">清晰的比较，帮助您选择最适合您需求的配送选项。</p> <h1 class="relative group">哪个选项更安全？ <div id="哪个选项更安全" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e5%93%aa%e4%b8%aa%e9%80%89%e9%a1%b9%e6%9b%b4%e5%ae%89%e5%85%a8" aria-label="锚点">#</a> </span> </h1> <p>两种配送选项都是安全的，但它们优先考虑不同的结果。</p>https://www.sealedletter.co/zh-hans/documentation/cooldown/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/cooldown/<p class="lead">为什么信件不能立即发布，以及冷却期如何支持有意识的使用。</p> <h1 class="relative group">冷却期说明 <div id="冷却期说明" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e5%86%b7%e5%8d%b4%e6%9c%9f%e8%af%b4%e6%98%8e" aria-label="锚点">#</a> </span> </h1> <p>每封信件在发布之前都包含一个冷却期。</p>https://www.sealedletter.co/zh-hans/documentation/privacy/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/privacy/<p class="lead">Sealed Letter如何最小化信任要求并保护您的隐私。</p> <h1 class="relative group">隐私、访问和信任 <div id="隐私访问和信任" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e9%9a%90%e7%a7%81%e8%ae%bf%e9%97%ae%e5%92%8c%e4%bf%a1%e4%bb%bb" aria-label="锚点">#</a> </span> </h1> <p>Sealed Letter旨在最小化必须信任的人和事物。</p>https://www.sealedletter.co/zh-hans/documentation/account/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/account/<p class="lead">在账户的整个生命周期中，您的数据会发生什么，包括删除。</p> <h1 class="relative group">账户生命周期和数据删除 <div id="账户生命周期和数据删除" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e8%b4%a6%e6%88%b7%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f%e5%92%8c%e6%95%b0%e6%8d%ae%e5%88%a0%e9%99%a4" aria-label="锚点">#</a> </span> </h1> <p>您始终可以控制自己的数据。</p>https://www.sealedletter.co/zh-hans/documentation/subscriptions/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/subscriptions/<p class="lead">订阅如何运作以及何时需要——何时不需要。</p> <h1 class="relative group">订阅和付款 <div id="订阅和付款" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e8%ae%a2%e9%98%85%e5%92%8c%e4%bb%98%e6%ac%be" aria-label="锚点">#</a> </span> </h1> <p>订阅解锁额外功能，但收件人不需要订阅。</p>https://www.sealedletter.co/zh-hans/documentation/limitations/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/limitations/<p class="lead">定义Sealed Letter设计用途以及不适用用途的重要界限。</p> <h1 class="relative group">限制和负责任的使用 <div id="限制和负责任的使用" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e9%99%90%e5%88%b6%e5%92%8c%e8%b4%9f%e8%b4%a3%e4%bb%bb%e7%9a%84%e4%bd%bf%e7%94%a8" aria-label="锚点">#</a> </span> </h1> <p>Sealed Letter不适用于：</p>https://www.sealedletter.co/zh-hans/documentation/support/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/documentation/support/<p class="lead">如何获得帮助以及支持可以——和不可以——协助的事项。</p> <h1 class="relative group">联系和支持 <div id="联系和支持" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#%e8%81%94%e7%b3%bb%e5%92%8c%e6%94%af%e6%8c%81" aria-label="锚点">#</a> </span> </h1> <p>支持可协助以下事项：</p>https://www.sealedletter.co/zh-hans/lp/you-know-where-everything-is/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/lp/you-know-where-everything-is/<style> .ll-lp { --ll-ink: #2a2118; --ll-ink-soft: #5a4a39; --ll-cream: #f7efe2; --ll-cream-deep: #efe3cc; --ll-rule: rgba(70,50,30,0.18); --ll-accent: #8a5a2b; } html.dark .ll-lp { --ll-ink: #efe3cc; --ll-ink-soft: #c8b89a; --ll-cream: transparent; --ll-cream-deep: rgba(247,239,226,0.04); --ll-rule: rgba(247,239,226,0.18); --ll-accent: #d6a564; } .ll-lp { color: var(--ll-ink); padding-bottom: 5.5rem; } @media (min-width: 768px) { .ll-lp { padding-bottom: 0; } } .ll-lp h1, .ll-lp h2, .ll-lp h3 { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Source Serif Pro',serif; font-weight: 600; letter-spacing: -0.01em; } .ll-lp h1 { font-weight: 700; line-height: 1.05; } .ll-lp p, .ll-lp li, .ll-lp .ll-quote { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,serif; } .ll-hero { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; padding: 1rem 0 2.25rem; } .ll-hero__image { position: relative; aspect-ratio: 12 / 7; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 12px 40px rgba(60,40,20,0.18), 0 2px 6px rgba(60,40,20,0.10); margin: 0 -1.25rem; border-radius: 0; } .ll-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; } .ll-hero__image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(40,25,10,0.18); pointer-events: none; } .ll-hero__copy { text-align: left; } .ll-hero__eyebrow { font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ll-ink-soft); margin: 0 0 0.85rem; font-family: ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',sans-serif; } .ll-hero__eyebrow::before { content: "✦"; margin-right: 0.55em; color: var(--ll-accent); opacity: 0.9; } .ll-hero h1 { margin: 0 0 0.85rem; font-size: clamp(2rem, 5.5vw, 3.1rem); } .ll-hero__sub { font-size: 1.18rem; line-height: 1.55; color: var(--ll-ink-soft); margin: 0 0 1.6rem; max-width: 32rem; } .ll-hero__cta { display: flex; flex-wrap: wrap; gap: 0.85rem 1rem; align-items: center; margin: 0 0 0.9rem; } .ll-hero__cta a { line-height: 0; display: inline-block; transition: transform 200ms ease; } .ll-hero__cta a:hover { transform: translateY(-1px); } .ll-hero__cta img { height: 52px; width: auto; margin: 0; } .ll-hero__trust { font-size: 0.92rem; color: var(--ll-ink-soft); margin: 0.4rem 0 0; } .ll-hero__trust span { display: inline-block; } .ll-hero__trust span + span::before { content: "·"; margin: 0 0.55em; opacity: 0.55; } @media (min-width: 768px) { .ll-hero { grid-template-columns: 1.05fr 1fr; gap: 3rem; padding: 2.5rem 0 3rem; } .ll-hero__image { margin: 0; border-radius: 0.5rem; order: 2; } .ll-hero__copy { order: 1; } .ll-hero h1 { font-size: clamp(2.4rem, 3.6vw, 3.4rem); } } .ll-section { padding: 2rem 0; } .ll-section h2 { margin: 0 0 0.75rem; font-size: clamp(1.5rem, 2.6vw, 1.95rem); } .ll-section > p { color: var(--ll-ink-soft); } .ll-section--center { text-align: center; } .ll-section--center > * { margin-left: auto; margin-right: auto; } .ll-section--center > p { max-width: 38rem; } .ll-divider { border: 0; height: 1px; background: var(--ll-rule); margin: 2rem 0; max-width: 4rem; } .ll-divider--center { margin-left: auto; margin-right: auto; } .ll-usecases, .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem 2rem; margin-top: 1.5rem; } .ll-usecases > div, .ll-cards > div { padding-top: 0.5rem; border-top: 1px solid var(--ll-rule); } .ll-usecases h3, .ll-cards h3 { margin: 0.5rem 0 0.4rem; font-size: 1.15rem; color: var(--ll-ink); } .ll-usecases p, .ll-cards p { margin: 0; color: var(--ll-ink-soft); font-size: 1rem; line-height: 1.55; } .ll-shots { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr; gap: 1.5rem; justify-items: center; } @media (min-width: 640px) { .ll-shots { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .ll-shots__caption { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.78rem; color: var(--ll-ink-soft); margin: 0 0 0.25rem; font-family: ui-sans-serif,system-ui,-apple-system,sans-serif; } .ll-phone { aspect-ratio: 9 / 19; max-width: 220px; width: 100%; background: #1a140d; border-radius: 1.6rem; padding: 0.45rem; box-shadow: 0 18px 40px rgba(60,40,20,0.22), 0 3px 8px rgba(60,40,20,0.12); position: relative; } .ll-phone::before { content: ""; position: absolute; top: 0.55rem; left: 50%; transform: translateX(-50%); width: 30%; height: 0.45rem; background: #0a0703; border-radius: 0 0 0.6rem 0.6rem; z-index: 2; } .ll-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem; display: block; margin: 0; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin-top: 1.5rem; } .ll-step { padding: 1.25rem 1.25rem 1.4rem; border-radius: 0.65rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; color: var(--ll-ink); } .ll-step p { margin: 0; color: var(--ll-ink-soft); font-size: 0.98rem; } .ll-step__num { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.15em; color: var(--ll-accent); margin-bottom: 0.4rem; } .ll-founder { display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: start; margin-top: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--ll-rule); border-bottom: 1px solid var(--ll-rule); } @media (min-width: 640px) { .ll-founder { grid-template-columns: 140px 1fr; gap: 1.75rem; } } .ll-founder img { width: 140px; height: 140px; object-fit: cover; border-radius: 0.5rem; margin: 0; box-shadow: 0 6px 18px rgba(60,40,20,0.18); } .ll-founder h2 { margin: 0 0 0.55rem; font-size: 1.4rem; } .ll-founder p { margin: 0; color: var(--ll-ink-soft); line-height: 1.65; } .ll-founder__sig { font-style: italic; color: var(--ll-ink); margin-top: 0.6rem !important; } .ll-privacy { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 640px) { .ll-privacy { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; } } .ll-privacy__item { display: flex; flex-direction: column; gap: 0.45rem; padding: 0.25rem 0; } .ll-privacy__icon { width: 2rem; height: 2rem; color: var(--ll-accent); } .ll-privacy__icon svg { width: 100%; height: 100%; stroke-width: 1.4; } .ll-privacy__label { margin: 0; font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-weight: 600; font-size: 1.05rem; color: var(--ll-ink); } .ll-privacy__desc { margin: 0; color: var(--ll-ink-soft); font-size: 0.97rem; line-height: 1.5; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0.85rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 2px solid var(--ll-accent); font-style: italic; background: var(--ll-cream-deep); border-radius: 0 0.4rem 0.4rem 0; color: var(--ll-ink); font-size: 1.02rem; line-height: 1.5; } .ll-samples { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 768px) { .ll-samples { grid-template-columns: 1fr 1fr; gap: 1.75rem; } } .ll-sample { padding: 1.4rem 1.5rem 1.5rem; border-radius: 0.55rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); position: relative; } .ll-sample__label { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ll-accent); margin: 0 0 0.7rem; padding: 0.25rem 0.6rem; border: 1px solid var(--ll-rule); border-radius: 999px; background: rgba(247,239,226,0.4); } html.dark .ll-sample__label { background: rgba(247,239,226,0.06); } .ll-sample p { margin: 0 0 0.75rem; color: var(--ll-ink); line-height: 1.6; } .ll-sample p:last-child { margin-bottom: 0; } .ll-sample p em, .ll-sample em { font-style: italic; color: var(--ll-ink-soft); } .ll-faqs { margin-top: 1.5rem; } .ll-faq { border-bottom: 1px solid var(--ll-rule); } .ll-faq:first-child { border-top: 1px solid var(--ll-rule); } .ll-faq summary { cursor: pointer; padding: 1rem 0; font-weight: 600; list-style: none; color: var(--ll-ink); font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-size: 1.05rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::after { content: "+"; flex-shrink: 0; width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; color: var(--ll-accent); font-weight: 400; font-size: 1.3rem; line-height: 1; transition: transform 200ms ease; } .ll-faq[open] summary::after { content: "−"; } .ll-faq p { margin: 0 0 1rem; color: var(--ll-ink-soft); line-height: 1.6; } .ll-cta-row { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 1.5rem 0 0.5rem; } .ll-cta-row a { line-height: 0; display: inline-block; } .ll-cta-row img { height: 48px; width: auto; margin: 0; } .ll-final { text-align: center; padding: 2.5rem 0 1.5rem; } .ll-final h2 { margin-bottom: 0.5rem; font-size: clamp(1.6rem, 3vw, 2.1rem); } .ll-final p { max-width: 34rem; margin: 0 auto 1.5rem; color: var(--ll-ink-soft); } .ll-stores { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 0; } .ll-stores a { line-height: 0; display: inline-block; } .ll-stores img { height: 52px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; color: var(--ll-ink-soft); font-size: 0.92rem; padding: 1.5rem 0 0.5rem; } .ll-footer-trust strong { color: var(--ll-ink); font-weight: 600; } .ll-sticky { display: none; } @media (max-width: 767px) { .ll-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: 0.6rem; justify-content: center; align-items: center; padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom, 0px)); background: var(--ll-cream); border-top: 1px solid var(--ll-rule); box-shadow: 0 -6px 18px rgba(60,40,20,0.08); } html.dark .ll-sticky { background: #1a140d; } .ll-sticky a { line-height: 0; display: inline-block; } .ll-sticky img { height: 40px; width: auto; margin: 0; } } @media (prefers-reduced-motion: no-preference) { .ll-hero__copy > * { opacity: 0; transform: translateY(10px); animation: ll-rise 700ms cubic-bezier(.2,.7,.2,1) forwards; } .ll-hero__copy > *:nth-child(1) { animation-delay: 60ms; } .ll-hero__copy > *:nth-child(2) { animation-delay: 160ms; } .ll-hero__copy > *:nth-child(3) { animation-delay: 260ms; } .ll-hero__copy > *:nth-child(4) { animation-delay: 360ms; } .ll-hero__copy > *:nth-child(5) { animation-delay: 460ms; } .ll-hero__image { opacity: 0; animation: ll-fade 900ms ease-out 120ms forwards; } @keyframes ll-rise { to { opacity: 1; transform: none; } } @keyframes ll-fade { to { opacity: 1; } } } </style> <div class="ll-lp"> <section class="ll-hero"> <div class="ll-hero__image"> <picture> <source media="(min-width: 768px)" srcset="https://www.sealedletter.co/cozy-vintage-desk-vignette-1642x958.png" /> <img src="https://www.sealedletter.co/cozy-vintage-desk-vignette-821x479.png" alt="一张温馨的复古书桌，配有暖色台灯、笔记本和茶杯——你坐下来把事情整理清楚的地方。" loading="eager" /> </picture> </div> <div class="ll-hero__copy"> <p class="ll-hero__eyebrow">Sealed Letter</p>https://www.sealedletter.co/zh-hans/lp/things-i-want-my-kids-to-know/Mon, 01 Jan 0001 00:00:00 +0000https://www.sealedletter.co/zh-hans/lp/things-i-want-my-kids-to-know/<style> .ll-lp { --ll-ink: #2a2118; --ll-ink-soft: #5a4a39; --ll-cream: #f7efe2; --ll-cream-deep: #efe3cc; --ll-rule: rgba(70,50,30,0.18); --ll-accent: #8a5a2b; } html.dark .ll-lp { --ll-ink: #efe3cc; --ll-ink-soft: #c8b89a; --ll-cream: transparent; --ll-cream-deep: rgba(247,239,226,0.04); --ll-rule: rgba(247,239,226,0.18); --ll-accent: #d6a564; } .ll-lp { color: var(--ll-ink); padding-bottom: 5.5rem; } @media (min-width: 768px) { .ll-lp { padding-bottom: 0; } } .ll-lp h1, .ll-lp h2, .ll-lp h3 { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,'Source Serif Pro',serif; font-weight: 600; letter-spacing: -0.01em; } .ll-lp h1 { font-weight: 700; line-height: 1.05; } .ll-lp p, .ll-lp li, .ll-lp .ll-quote { font-family: 'Iowan Old Style','Palatino Linotype','Palatino','Book Antiqua',Georgia,serif; } .ll-hero { display: grid; grid-template-columns: 1fr; gap: 1.5rem; align-items: center; padding: 1rem 0 2.25rem; } .ll-hero__image { position: relative; aspect-ratio: 12 / 7; overflow: hidden; border-radius: 0.5rem; box-shadow: 0 12px 40px rgba(60,40,20,0.18), 0 2px 6px rgba(60,40,20,0.10); margin: 0 -1.25rem; border-radius: 0; } .ll-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; } .ll-hero__image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 80px rgba(40,25,10,0.18); pointer-events: none; } .ll-hero__copy { text-align: left; } .ll-hero__eyebrow { font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ll-ink-soft); margin: 0 0 0.85rem; font-family: ui-sans-serif,system-ui,-apple-system,'Helvetica Neue',sans-serif; } .ll-hero__eyebrow::before { content: "✦"; margin-right: 0.55em; color: var(--ll-accent); opacity: 0.9; } .ll-hero h1 { margin: 0 0 0.85rem; font-size: clamp(2rem, 5.5vw, 3.1rem); } .ll-hero__sub { font-size: 1.18rem; line-height: 1.55; color: var(--ll-ink-soft); margin: 0 0 1.6rem; max-width: 32rem; } .ll-hero__cta { display: flex; flex-wrap: wrap; gap: 0.85rem 1rem; align-items: center; margin: 0 0 0.9rem; } .ll-hero__cta a { line-height: 0; display: inline-block; transition: transform 200ms ease; } .ll-hero__cta a:hover { transform: translateY(-1px); } .ll-hero__cta img { height: 52px; width: auto; margin: 0; } .ll-hero__trust { font-size: 0.92rem; color: var(--ll-ink-soft); margin: 0.4rem 0 0; } .ll-hero__trust span { display: inline-block; } .ll-hero__trust span + span::before { content: "·"; margin: 0 0.55em; opacity: 0.55; } @media (min-width: 768px) { .ll-hero { grid-template-columns: 1.05fr 1fr; gap: 3rem; padding: 2.5rem 0 3rem; } .ll-hero__image { margin: 0; border-radius: 0.5rem; order: 2; } .ll-hero__copy { order: 1; } .ll-hero h1 { font-size: clamp(2.4rem, 3.6vw, 3.4rem); } } .ll-section { padding: 2rem 0; } .ll-section h2 { margin: 0 0 0.75rem; font-size: clamp(1.5rem, 2.6vw, 1.95rem); } .ll-section > p { color: var(--ll-ink-soft); } .ll-section--center { text-align: center; } .ll-section--center > * { margin-left: auto; margin-right: auto; } .ll-section--center > p { max-width: 38rem; } .ll-divider { border: 0; height: 1px; background: var(--ll-rule); margin: 2rem 0; max-width: 4rem; } .ll-divider--center { margin-left: auto; margin-right: auto; } .ll-usecases, .ll-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem 2rem; margin-top: 1.5rem; } .ll-usecases > div, .ll-cards > div { padding-top: 0.5rem; border-top: 1px solid var(--ll-rule); } .ll-usecases h3, .ll-cards h3 { margin: 0.5rem 0 0.4rem; font-size: 1.15rem; color: var(--ll-ink); } .ll-usecases p, .ll-cards p { margin: 0; color: var(--ll-ink-soft); font-size: 1rem; line-height: 1.55; } .ll-shots { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr; gap: 1.5rem; justify-items: center; } @media (min-width: 640px) { .ll-shots { grid-template-columns: repeat(3, 1fr); gap: 1rem; } } .ll-shots__caption { text-transform: uppercase; letter-spacing: 0.18em; font-size: 0.78rem; color: var(--ll-ink-soft); margin: 0 0 0.25rem; font-family: ui-sans-serif,system-ui,-apple-system,sans-serif; } .ll-phone { aspect-ratio: 9 / 19; max-width: 220px; width: 100%; background: #1a140d; border-radius: 1.6rem; padding: 0.45rem; box-shadow: 0 18px 40px rgba(60,40,20,0.22), 0 3px 8px rgba(60,40,20,0.12); position: relative; } .ll-phone::before { content: ""; position: absolute; top: 0.55rem; left: 50%; transform: translateX(-50%); width: 30%; height: 0.45rem; background: #0a0703; border-radius: 0 0 0.6rem 0.6rem; z-index: 2; } .ll-phone img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.2rem; display: block; margin: 0; } .ll-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin-top: 1.5rem; } .ll-step { padding: 1.25rem 1.25rem 1.4rem; border-radius: 0.65rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); } .ll-step h3 { margin: 0 0 0.4rem; font-size: 1.05rem; color: var(--ll-ink); } .ll-step p { margin: 0; color: var(--ll-ink-soft); font-size: 0.98rem; } .ll-step__num { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.8rem; letter-spacing: 0.15em; color: var(--ll-accent); margin-bottom: 0.4rem; } .ll-founder { display: grid; grid-template-columns: 1fr; gap: 1.25rem; align-items: start; margin-top: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--ll-rule); border-bottom: 1px solid var(--ll-rule); } @media (min-width: 640px) { .ll-founder { grid-template-columns: 140px 1fr; gap: 1.75rem; } } .ll-founder img { width: 140px; height: 140px; object-fit: cover; border-radius: 0.5rem; margin: 0; box-shadow: 0 6px 18px rgba(60,40,20,0.18); } .ll-founder h2 { margin: 0 0 0.55rem; font-size: 1.4rem; } .ll-founder p { margin: 0; color: var(--ll-ink-soft); line-height: 1.65; } .ll-founder__sig { font-style: italic; color: var(--ll-ink); margin-top: 0.6rem !important; } .ll-privacy { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 640px) { .ll-privacy { grid-template-columns: repeat(3, 1fr); gap: 1.75rem; } } .ll-privacy__item { display: flex; flex-direction: column; gap: 0.45rem; padding: 0.25rem 0; } .ll-privacy__icon { width: 2rem; height: 2rem; color: var(--ll-accent); } .ll-privacy__icon svg { width: 100%; height: 100%; stroke-width: 1.4; } .ll-privacy__label { margin: 0; font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-weight: 600; font-size: 1.05rem; color: var(--ll-ink); } .ll-privacy__desc { margin: 0; color: var(--ll-ink-soft); font-size: 0.97rem; line-height: 1.5; } .ll-quotes { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 0.85rem; margin-top: 1.25rem; } .ll-quote { padding: 1rem 1.15rem; border-left: 2px solid var(--ll-accent); font-style: italic; background: var(--ll-cream-deep); border-radius: 0 0.4rem 0.4rem 0; color: var(--ll-ink); font-size: 1.02rem; line-height: 1.5; } .ll-samples { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; } @media (min-width: 768px) { .ll-samples { grid-template-columns: 1fr 1fr; gap: 1.75rem; } } .ll-sample { padding: 1.4rem 1.5rem 1.5rem; border-radius: 0.55rem; background: var(--ll-cream-deep); border: 1px solid var(--ll-rule); position: relative; } .ll-sample__label { display: inline-block; font-family: ui-sans-serif,system-ui,sans-serif; font-weight: 700; font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ll-accent); margin: 0 0 0.7rem; padding: 0.25rem 0.6rem; border: 1px solid var(--ll-rule); border-radius: 999px; background: rgba(247,239,226,0.4); } html.dark .ll-sample__label { background: rgba(247,239,226,0.06); } .ll-sample p { margin: 0 0 0.75rem; color: var(--ll-ink); line-height: 1.6; } .ll-sample p:last-child { margin-bottom: 0; } .ll-sample p em, .ll-sample em { font-style: italic; color: var(--ll-ink-soft); } .ll-faqs { margin-top: 1.5rem; } .ll-faq { border-bottom: 1px solid var(--ll-rule); } .ll-faq:first-child { border-top: 1px solid var(--ll-rule); } .ll-faq summary { cursor: pointer; padding: 1rem 0; font-weight: 600; list-style: none; color: var(--ll-ink); font-family: 'Iowan Old Style',Palatino,Georgia,serif; font-size: 1.05rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; } .ll-faq summary::-webkit-details-marker { display: none; } .ll-faq summary::after { content: "+"; flex-shrink: 0; width: 1.4rem; height: 1.4rem; display: inline-flex; align-items: center; justify-content: center; color: var(--ll-accent); font-weight: 400; font-size: 1.3rem; line-height: 1; transition: transform 200ms ease; } .ll-faq[open] summary::after { content: "−"; } .ll-faq p { margin: 0 0 1rem; color: var(--ll-ink-soft); line-height: 1.6; } .ll-cta-row { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 1.5rem 0 0.5rem; } .ll-cta-row a { line-height: 0; display: inline-block; } .ll-cta-row img { height: 48px; width: auto; margin: 0; } .ll-final { text-align: center; padding: 2.5rem 0 1.5rem; } .ll-final h2 { margin-bottom: 0.5rem; font-size: clamp(1.6rem, 3vw, 2.1rem); } .ll-final p { max-width: 34rem; margin: 0 auto 1.5rem; color: var(--ll-ink-soft); } .ll-stores { display: flex; flex-wrap: wrap; gap: 1rem 1.25rem; justify-content: center; align-items: center; margin: 0; } .ll-stores a { line-height: 0; display: inline-block; } .ll-stores img { height: 52px; width: auto; margin: 0; } .app-badge-light { display: inline-block; } .app-badge-dark { display: none; } html.dark .app-badge-light { display: none; } html.dark .app-badge-dark { display: inline-block; } .ll-footer-trust { text-align: center; color: var(--ll-ink-soft); font-size: 0.92rem; padding: 1.5rem 0 0.5rem; } .ll-footer-trust strong { color: var(--ll-ink); font-weight: 600; } .ll-sticky { display: none; } @media (max-width: 767px) { .ll-sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; gap: 0.6rem; justify-content: center; align-items: center; padding: 0.6rem 0.75rem calc(0.6rem + env(safe-area-inset-bottom, 0px)); background: var(--ll-cream); border-top: 1px solid var(--ll-rule); box-shadow: 0 -6px 18px rgba(60,40,20,0.08); } html.dark .ll-sticky { background: #1a140d; } .ll-sticky a { line-height: 0; display: inline-block; } .ll-sticky img { height: 40px; width: auto; margin: 0; } } @media (prefers-reduced-motion: no-preference) { .ll-hero__copy > * { opacity: 0; transform: translateY(10px); animation: ll-rise 700ms cubic-bezier(.2,.7,.2,1) forwards; } .ll-hero__copy > *:nth-child(1) { animation-delay: 60ms; } .ll-hero__copy > *:nth-child(2) { animation-delay: 160ms; } .ll-hero__copy > *:nth-child(3) { animation-delay: 260ms; } .ll-hero__copy > *:nth-child(4) { animation-delay: 360ms; } .ll-hero__copy > *:nth-child(5) { animation-delay: 460ms; } .ll-hero__image { opacity: 0; animation: ll-fade 900ms ease-out 120ms forwards; } @keyframes ll-rise { to { opacity: 1; transform: none; } } @keyframes ll-fade { to { opacity: 1; } } } </style> <div class="ll-lp"> <section class="ll-hero"> <div class="ll-hero__image"> <picture> <source media="(min-width: 768px)" srcset="https://www.sealedletter.co/vintage-letter-foutain-pen-scene-1642x958.png" /> <img src="https://www.sealedletter.co/vintage-letter-foutain-pen-scene-821x479.png" alt="温暖复古木桌上摆放的手写信件与钢笔。" loading="eager" /> </picture> </div> <div class="ll-hero__copy"> <p class="ll-hero__eyebrow">Sealed Letter</p>