:root{color-scheme:light;--canvas:#f7f5f0;--ink:#18242b;--muted:#54636b;--night:#172b3a;--divider:#d9deda;--accent:#596b62;--surface:#eef0e9;--focus:#6740b7;--serif:Georgia,"Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:1.125rem;line-height:1.8;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:5px}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.hero :focus-visible,.closing-section :focus-visible{outline-color:#fff}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h2{text-wrap:balance;font-size:2.75rem;line-height:1.3;letter-spacing:-.035em}h3{font-size:1.5rem;line-height:1.45}p{max-width:42em}.wrap{width:calc(100% - 80px);max-width:1200px;margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:0.875rem;letter-spacing:.08em;color:var(--accent);margin-bottom:24px}.note,.example-note{font-size:0.875rem;line-height:1.8;color:var(--muted)}.note{margin-top:24px}.text-link{display:inline-flex;min-height:44px;align-items:center;font-size:1rem;text-decoration:underline}.skip-link{position:absolute;z-index:10;left:20px;top:-90px;padding:12px 20px;background:#fff;color:var(--ink)}.skip-link:focus{top:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:10px 32px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:1rem;font-weight:500;line-height:1.5;transition:background-color .16s ease}.button-light{background:var(--canvas);color:var(--ink)}.button-light:hover{background:#e9e6de}.button-dark{background:var(--night);color:#fff}.button-dark:hover{background:#284355}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;white-space:nowrap;text-decoration:none}.brand img{width:32px;height:32px;border-radius:8px}.hero{position:relative;isolation:isolate;background:var(--night);color:#fff;min-height:clamp(900px,100svh,1050px);padding-bottom:110px;display:flex;flex-direction:column}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.26);z-index:-1}.site-header{min-height:80px;height:auto;padding-block:12px;flex-wrap:wrap;display:flex;align-items:center;gap:36px;flex:none}.site-header nav{display:flex;gap:32px;margin-left:auto}.site-header nav a{font-size:0.875rem;text-decoration:none;min-height:44px;display:flex;align-items:center}.site-header nav a:hover{text-decoration:underline}.nav-download{border:1px solid rgba(255,255,255,.75);min-height:44px;padding:8px 20px;font-size:0.875rem}.nav-download:hover{background:rgba(255,255,255,.14)}.hero-content{text-align:center;display:flex;align-items:center;flex-direction:column;padding-top:86px}.hero h1{font-size:5.5rem;font-weight:500;line-height:1.18;letter-spacing:.015em}.hero-description{font-size:1.125rem;line-height:1.85;margin-top:32px}.hero-content>.button{margin-top:40px;min-width:230px}.requirements{font-size:0.875rem;line-height:1.8;margin-top:18px}.hero-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:14px}.hero-tools button{border:0;background:none;color:inherit;font-size:0.875rem;min-height:44px;padding:0 4px;text-decoration:underline;text-underline-offset:5px}.scroll-cue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:0.875rem;text-decoration:none;white-space:nowrap;min-height:44px;display:flex;align-items:center;letter-spacing:.12em}.scroll-cue:hover{text-decoration:underline}.story{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px 120px;align-items:center}.story-copy>p:not(.eyebrow){margin-top:24px;color:var(--muted);max-width:34em}.english-story{border-top:1px solid var(--divider);margin-top:40px;padding-top:28px}.english-story .eyebrow{margin-bottom:18px}.english-lead{font-family:var(--serif);font-size:2.25rem;line-height:1.32;letter-spacing:-.02em}.english-detail{font-family:var(--serif);font-size:1.25rem;line-height:1.55;margin-top:24px;color:var(--muted)}.app-figure{width:260px;margin-inline:auto;text-align:center}.app-figure img{width:100%;border-radius:16px;box-shadow:0 14px 36px rgba(24,36,43,.08)}.app-figure a{display:block;border-radius:16px}.app-figure figcaption{font-size:0.75rem;line-height:1.8;color:var(--muted);margin-top:20px}.app-figure figcaption span{font-size:0.75rem}.example-note{grid-column:1/-1;padding-top:28px;border-top:1px solid var(--divider);max-width:none}.learning-section{background:var(--surface)}.learning-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:64px}.learning-list article{border-top:1px solid #c7cec7;padding-top:22px}.index{font-size:0.75rem;letter-spacing:.06em;color:var(--accent);display:block;margin-bottom:18px}.learning-list h3{font-family:var(--serif);font-size:1.688rem;letter-spacing:-.025em}.learning-list p{font-size:1rem;line-height:1.65;margin-top:18px}.learning-list .meaning{font-size:1rem;margin-top:6px}.learning-list .translation{font-size:0.875rem;color:var(--muted);margin-top:6px}.learning-section .note{margin-top:48px}.section-heading{margin-bottom:64px}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.record-item{display:flex;flex-direction:column;gap:40px;align-items:start}.record-item>div{min-height:208px}.record-item h3{margin-bottom:16px}.record-item>div>p{color:var(--muted)}.record-item .app-figure{width:240px}.share-section{background:#eeeae1}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.split-section h2{margin-bottom:32px}.split-section p:not(.eyebrow){color:var(--muted)}.share-reminder{border-top:1px solid #c9cec8;margin-top:36px;padding-top:24px}.privacy-section,.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.privacy-section>div>.text-link{margin-top:24px}.privacy-list article{display:grid;grid-template-columns:28px 1fr;gap:24px;border-top:1px solid var(--divider);padding:26px 0}.privacy-list article:first-child{padding-top:0;border:0}.privacy-list .index{margin-top:5px}.privacy-list h3{font-size:1.25rem;margin-bottom:12px}.privacy-list p{font-size:1rem;color:var(--muted)}.privacy-list .text-link{margin-top:12px}.faq-section{border-top:1px solid var(--divider)}details{border-bottom:1px solid var(--divider)}details:first-child{border-top:1px solid var(--divider)}summary{cursor:pointer;min-height:68px;padding:20px 28px 20px 0;font-size:1rem;line-height:1.7;list-style-position:inside}details p{font-size:1rem;color:var(--muted);padding-bottom:22px}details>.text-link{margin-bottom:20px}details[open] summary{font-weight:600}.closing-section{background:var(--night);color:#fff;padding:88px 0 76px;text-align:center}.closing-section .wrap{display:flex;align-items:center;flex-direction:column}.closing-section .eyebrow{color:#c9d4d9}.closing-section h2{font-size:3rem}.closing-section h2+p{margin-top:20px;color:#d8e0e5}.closing-section .button{margin-top:36px;min-width:230px}.footer{padding-block:48px 28px}.footer-top{display:flex;align-items:center;gap:24px}.footer-top>p{font-size:0.875rem;color:var(--muted)}.footer nav{display:flex;margin-left:auto;gap:20px;flex-wrap:wrap}.footer nav a{font-size:0.75rem;min-height:44px;display:flex;align-items:center;text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:0.75rem;color:var(--muted);padding-top:28px;border-top:1px solid var(--divider);margin-top:28px}.footer-bottom a{min-height:24px;overflow-wrap:anywhere}dialog{color:var(--ink);background:var(--canvas);width:min(480px,calc(100vw - 40px));max-height:calc(100dvh - 40px);padding:36px;border:0;border-radius:20px;text-align:center;overflow:auto;box-shadow:0 20px 90px #0004}dialog::backdrop{background:rgba(15,25,32,.66)}dialog h2{font-size:1.625rem;letter-spacing:-.025em}dialog .eyebrow{margin-top:12px;margin-bottom:16px}dialog .dialog-note{font-size:0.875rem;margin-top:12px;color:var(--muted)}.dialog-close{display:block;min-width:44px;min-height:44px;margin:-20px -16px 0 auto;border:0;background:none;font-size:0.875rem;color:var(--muted);border-radius:8px}.dialog-close:hover{background:#e7e8e2}.qr{width:240px;height:240px;margin:28px auto;background:#fff;image-rendering:pixelated}dialog>.button{width:100%;margin-top:24px}.copy-link{border:0;color:var(--ink);background:none;text-decoration:underline;text-underline-offset:5px;min-height:44px;margin-top:8px;font-size:0.875rem}.copy-status{font-size:0.875rem;color:var(--muted);min-height:25px;margin-top:8px}.manual-copy{text-align:left;font-size:0.875rem}.manual-copy textarea{width:100%;margin-top:12px;font-size:0.8125rem;background:#fff;border:1px solid var(--divider);padding:12px;border-radius:8px;resize:vertical;overflow-wrap:anywhere}.qr-error{font-size:1rem;line-height:1.8;padding:24px 0;color:var(--muted)}.help-block{text-align:left;margin-top:28px;padding-top:24px;border-top:1px solid var(--divider)}.help-block h3{font-size:1.125rem;margin-bottom:12px}.help-block p{font-size:1rem;color:var(--muted)}
@media(min-width:1600px){.hero-content{padding-top:120px}}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.story{gap:40px 56px;grid-template-columns:minmax(0,1fr) 280px}.privacy-section,.faq-section{gap:56px}.split-section{gap:64px}.footer-top{flex-wrap:wrap}.footer nav{width:100%;margin-left:0}.record-grid{gap:64px}.learning-list{gap:32px}}
@media(max-width:767px){body{font-size:1rem;line-height:1.85}.wrap{width:calc(100% - 48px)}.section{padding-block:64px}h2{font-size:2rem;line-height:1.35;letter-spacing:-.025em}h3{font-size:1.375rem}.eyebrow{font-size:0.8125rem;margin-bottom:20px}.brand{font-size:1.062rem;gap:9px}.brand img{width:28px;height:28px;border-radius:7px}.site-header{min-height:72px;height:auto;gap:16px}.site-header nav{display:none}.nav-download{margin-left:auto;font-size:0.75rem;min-height:44px;padding:8px 12px}.hero{min-height:max(720px,100svh);padding-bottom:100px}.hero-image{object-position:57% 50%}.hero-content{padding-top:88px}.hero h1{font-size:3.5rem;line-height:1.16;letter-spacing:.01em}.hero-description{font-size:1rem;line-height:1.85;margin-top:28px}.hero-content>.button{margin-top:30px;min-width:210px}.requirements{font-size:0.75rem;margin-top:18px}.hero-tools{gap:24px;margin-top:8px}.hero-tools button{font-size:0.8125rem}.scroll-cue{bottom:20px;font-size:0.75rem}.story{display:flex;flex-direction:column;gap:40px;align-items:stretch}.story-copy>p:not(.eyebrow){margin-top:20px}.english-story{margin-top:28px;padding-top:24px}.english-lead{font-size:1.812rem;line-height:1.35}.english-detail{font-size:1.188rem;line-height:1.6}.app-figure{width:240px}.app-figure figcaption{margin-top:16px}.example-note{font-size:0.75rem;margin-top:0;padding-top:24px}.learning-list{grid-template-columns:1fr;gap:32px;margin-top:36px}.learning-list article{padding-top:20px}.learning-list h3{font-size:1.625rem}.learning-list p{margin-top:12px}.learning-list .index{margin-bottom:12px}.learning-section .note{font-size:0.75rem;margin-top:32px}.section-heading{margin-bottom:40px}.record-grid{grid-template-columns:1fr;gap:56px}.record-item{gap:28px}.record-item>div{min-height:auto}.record-item .note{font-size:0.8125rem;margin-top:16px}.record-item .app-figure{width:220px}.split-section{display:flex;flex-direction:column-reverse;gap:40px}.split-section h2{margin-bottom:24px}.split-section .note{font-size:0.8125rem;margin-top:20px}.share-reminder{margin-top:24px;padding-top:20px}.privacy-section,.faq-section{grid-template-columns:1fr;gap:36px}.privacy-list article{gap:12px;padding-block:24px}.privacy-list p{font-size:0.9375rem}.privacy-section>div>.text-link{margin-top:20px}.faq-section{padding-top:56px}summary{font-size:0.9375rem;padding-right:0;min-height:64px}details p{font-size:0.9375rem}.closing-section{padding:64px 0 56px}.closing-section h2{font-size:2rem;line-height:1.4}.closing-section .eyebrow{font-size:0.75rem}.closing-section h2+p{margin-top:16px}.closing-section .button{margin-top:28px}.footer{padding:32px 0 24px}.footer-top{gap:16px;align-items:flex-start;flex-direction:column}.footer-top>p{font-size:0.75rem}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:8px;width:100%}.footer nav a{font-size:0.8125rem}.footer-bottom{flex-direction:column;gap:8px;font-size:0.6875rem;padding-top:24px;margin-top:20px}dialog{padding:24px;width:calc(100vw - 32px);border-radius:16px;max-height:calc(100dvh - 32px)}dialog h2{font-size:1.5rem}.dialog-close{margin:-12px -12px 0 auto}.qr{width:216px;height:216px}.help-block p{font-size:0.9375rem}}
@media(max-width:359px){.wrap{width:calc(100% - 40px)}.brand{font-size:0.9375rem;gap:7px}.brand img{width:26px;height:26px}.nav-download{font-size:0.75rem;padding:8px 10px}.hero h1{font-size:3rem}.hero-content{padding-top:72px}.hero-description{font-size:0.875rem}.hero-content>.button{min-width:200px}.requirements{font-size:0.6875rem}h2{font-size:1.75rem}.english-lead{font-size:1.562rem}.app-figure{max-width:100%}.qr{width:200px;height:200px}.closing-section h2{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.fallback-help{font-size:0.875rem;margin-top:16px;min-height:44px;display:flex;align-items:center;text-underline-offset:5px}