.product-reader{--r-paper:#f6f0e4;--r-ink:#373026;--r-gold:#a88b62;max-width:1000px;color:var(--r-ink);margin:0 auto;font:15px/1.7 Arial,Microsoft YaHei,sans-serif}.reader-cover{text-align:center;color:#dbd0bd;background:radial-gradient(at 50% 60%,#41352575,#0000 65%),#111214;flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding:65px 24px;display:flex}.reader-eyebrow{letter-spacing:.25em;color:#bba27e;font-size:10px}.reader-envelope{color:#4c4030;isolation:isolate;background:linear-gradient(140deg,#ece2cd,#caba9b);width:min(560px,94%);min-height:310px;margin:45px 0 28px;position:relative;transform:rotate(-3deg);box-shadow:0 22px 60px #0007,inset 0 1px #fff9}.reader-envelope-flap{clip-path:polygon(0 0,100% 0,51% 50%,49% 50%);z-index:-1;background:linear-gradient(165deg,#f9f0dc,#cbb799);position:absolute;inset:0}.reader-address{padding:52px 20px 24px}.reader-address small{font-family:serif;font-size:14px}.reader-address h1{letter-spacing:.06em;overflow-wrap:anywhere;margin:8px 0;font:36px/1.5 SimSun,Songti SC,serif}.reader-address p{color:#88765d;font-size:12px}.reader-seal{color:#d5a38a;background:radial-gradient(circle at 30% 25%,#a24c52,#621e2d);border-radius:47%;width:67px;height:67px;margin:0 auto 25px;transition:transform .3s;box-shadow:inset 1px 2px 3px #e7a77966,0 5px 8px #3c181c50}.reader-seal:hover{transform:translateY(-4px)}.reader-seal svg{width:40px;margin:auto}.reader-cover-hint{justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.reader-cover>small{color:#9b9180;margin-top:15px;font-size:11px}.reader-toolbar{color:#c9b99d;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 0;display:flex}.reader-toolbar button{background:#171614;border:1px solid #6a594138;border-radius:22px;align-items:center;gap:6px;min-height:44px;padding:10px 15px;font-size:13px;display:flex}.reader-toolbar button:hover{background:#302a21}.reader-progress{background:#82715740;height:1px}.reader-progress i{background:#c4a779;height:100%;transition:width .1s linear;display:block}.reader-paper{background:linear-gradient(125deg,#fcf7ec,var(--r-paper));min-height:600px;padding:clamp(30px,6vw,84px);box-shadow:0 24px 70px #0002}.reader-paper-head{color:#96846b;letter-spacing:.12em;overflow-wrap:anywhere;justify-content:space-between;gap:20px;font-size:10px;display:flex}.reader-salutation{white-space:pre-wrap;margin:40px 0 25px;font:23px/1.7 KaiTi,STKaiti,serif}.reader-text{letter-spacing:.035em;white-space:pre-wrap;overflow-wrap:anywhere;font:clamp(22px,2.2vw,29px)/2.15 KaiTi,STKaiti,SimSun,serif}.reader-text .char-hidden{opacity:0}.reader-text span>span{transition:opacity .45s,color .65s}.reader-text.reveal-ink .char-visible{opacity:1;color:#40392e}.reader-text.reveal-fade span>span{filter:blur(1px);transition:opacity .75s,filter .75s}.reader-text.reveal-fade .char-visible{filter:blur();opacity:1}.reader-sign{opacity:0;text-align:right;margin-top:50px;transition:opacity 1s}.reader-sign.visible{opacity:1}.reader-sign svg{color:#ae8e63;width:66px;margin-left:auto}.reader-sign p{white-space:pre-wrap;margin-top:10px;font:24px/1.8 KaiTi,serif}.reader-original-note{color:#9b8a73;margin-top:35px;font-size:11px;display:block}.reader-end{color:#a99a85;justify-content:center;align-items:center;gap:15px;margin:25px 0;font-size:12px;display:flex}.reader-original{background:#ede6d7;margin-top:20px;padding:25px}.reader-original h2{margin-bottom:20px;font-size:23px}.reader-original img{width:100%;height:auto}.reader-alert{color:#e3c7a1;background:#33271f;padding:12px 15px;font-size:13px}.reader-midnight .reader-envelope{color:#d8c7a7;background:linear-gradient(140deg,#333849,#151a25)}.reader-midnight .reader-envelope-flap{background:linear-gradient(130deg,#515666,#272a36)}.reader-midnight .reader-seal{color:#f2deac;background:radial-gradient(circle at 30% 25%,#ccaa6b,#77613a)}.reader-midnight .reader-address p{color:#aa9e87}@media (max-width:600px){.reader-cover{min-height:580px;padding:45px 14px}.reader-envelope{min-height:275px;margin-top:38px}.reader-address{padding-top:36px}.reader-address h1{font-size:29px}.reader-paper{min-height:550px;padding:32px 24px}.reader-toolbar{gap:6px}.reader-toolbar button{padding:8px 12px;font-size:12px}.reader-salutation{font-size:21px}.reader-text{font-size:23px}.reader-paper-head{font-size:9px}.reader-sign{margin-top:32px}}@media (prefers-reduced-motion:reduce){.product-reader *{transition:none!important;animation:none!important}.reader-text .char-hidden{opacity:1}}.reader-open .reader-paper{transform-origin:50% 0;animation:1.15s cubic-bezier(.2,.75,.2,1) both paper-arrives}.reader-open .reader-toolbar{animation:.65s both controls-arrive}.reader-paper{background-image:radial-gradient(ellipse at 95% 4%,#fff9,transparent 60%),linear-gradient(125deg,#fcf7ec,var(--r-paper))}.reader-envelope:after{content:"";pointer-events:none;background:linear-gradient(33deg,#0000 49.7%,#af997e55 50%,#0000 50.5%) 0 100%/50% 70% no-repeat,linear-gradient(-33deg,#0000 49.7%,#af997e55 50%,#0000 50.5%) 100% 100%/50% 70% no-repeat;position:absolute;inset:0;box-shadow:inset 0 -1px #9c886c66}.reader-seal{z-index:2;border:3px double #d69c7d3d;position:relative}.reader-cover{border:1px solid #ffffff06;border-radius:3px}.product-reader button:focus-visible{outline-offset:4px;outline:2px solid #cfad75}@keyframes paper-arrives{0%{opacity:0;transform:translateY(36px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes controls-arrive{0%{opacity:0}to{opacity:1}}.reader-paper-head+.reader-text{margin-top:40px}.reader-handwritten.reader-open .reader-paper{opacity:1;animation:none;transform:none}.reader-ink-canvas{background:0 0}.reader-ink{width:100%;margin:35px 0 5px;position:relative;overflow:hidden}.reader-ink>img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:clip-path 40ms linear;position:absolute;inset:0}.reader-ink .reader-legacy-photo{width:100%;height:auto;position:static}.reader-transcript{color:#423727;background:#ede6d7;margin-top:20px;padding:28px}.reader-transcript h2{margin-bottom:20px;font-size:20px}.reader-transcript p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2}.reader-transcript small{color:#87755c;font-size:11px}.reader-text .reader-sentence{filter:none!important}.reader-text .reader-sentence .char-visible{opacity:1}.reader-text .reader-sentence .char-hidden{opacity:0}.reader-text.reveal-fade .reader-sentence .char-visible{filter:none}@media (prefers-reduced-motion:reduce){.reader-text .reader-sentence .char-hidden{opacity:1}}.reader-ink-canvas{width:100%;height:auto;display:block}.reader-ink-status{color:#76644d;padding:25px;font-size:14px;line-height:1.8}.reader-live-preview{width:100%}.reader-live-preview .reader-paper{min-height:240px;padding:26px 22px;animation:none}.reader-live-preview .reader-text{font-size:21px;line-height:1.85}.reader-live-preview .reader-sign,.reader-live-preview .reader-ink{margin-top:24px}.reader-text.reveal-fade .reader-sentence>span{white-space:pre;filter:none;transition:opacity .1s linear,transform .1s linear;display:inline-block}.reader-text.reveal-ink .reader-sentence>span{transition:opacity 70ms linear}.reader-live-preview .reader-original-note{margin-top:15px}.reader-digital-motion .reader-sentence>span{transform-origin:50% 70%;filter:none!important;transition:none!important}.reader-paper{isolation:isolate;position:relative}.reader-paper>*{z-index:1;position:relative}.reader-open.paper-still .reader-paper{animation:none}.product-reader.paper-breeze .reader-paper{transform-origin:50% 10%;animation:9s ease-in-out infinite paused letter-breeze}.product-reader.paper-light .reader-paper:after{content:"";pointer-events:none;opacity:0;z-index:2;background:linear-gradient(115deg,#0000 15%,#fff7 44%,#0000 72%);animation:12s ease-in-out infinite paused letter-light;position:absolute;inset:0}.product-reader.paper-playing .reader-paper,.product-reader.paper-playing .reader-paper:after{animation-play-state:running}.reader-eyebrow,.reader-cover>small,.reader-address p,.reader-paper-head,.reader-transcript small,.reader-end{font-size:14px}.reader-toolbar button,.reader-cover-hint,.reader-alert{font-size:15px}.reader-paper-head{letter-spacing:.04em;color:#786850}.reader-digital-motion{font-family:Georgia,KaiTi,STKaiti,SimSun,serif}.reader-digital-motion .reader-sentence{display:inline}@keyframes letter-breeze{0%,to{transform:translateY(2px)rotate(-.24deg)}50%{transform:translateY(-4px)rotate(.24deg)}}@keyframes letter-light{0%,to{opacity:.28;transform:translate(-15%)scaleX(.75)}50%{opacity:.78;transform:translate(15%)scaleX(.75)}}@media (prefers-reduced-motion:reduce){.product-reader .reader-paper,.product-reader .reader-paper:after{animation:none!important;transform:none!important}.product-reader.paper-light .reader-paper:after{display:none}}.product-reader.paper-breeze .reader-paper{transform-origin:50% 12%;animation-duration:7s}.product-reader.paper-light .reader-paper:after{z-index:0;background:linear-gradient(110deg,#0000 8%,#9a74301c 31%,#fff9 48%,#fff3 59%,#0000 80%);animation-duration:9s;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.product-reader.paper-breeze .reader-paper,.product-reader.paper-light .reader-paper:after{transform:none;animation:none!important}.product-reader.paper-light .reader-paper:after{opacity:0}}.reader-paper-head{flex-wrap:wrap;gap:8px 20px}.reader-paper-head>span{flex:150px;min-width:0}.reader-paper-head time{white-space:nowrap;overflow-wrap:normal;flex:none}