.letter-page{&{--ink:#173f62;--body:#435868;--sky:#70bdd9;--orange:#f5a13b;--paper:#fffefb}*{box-sizing:border-box}&{margin:0;background:#f5f7f5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.preview{font-size:11px;text-align:center;padding:8px 20px;background:#eaf2f3;color:#546e7b;letter-spacing:1px}.site-header{max-width:1100px;margin:auto;padding:22px 30px;justify-content:space-between;gap:20px}.brand,.site-header{display:flex;align-items:center}.brand{gap:10px;text-decoration:none}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{font-size:23px;letter-spacing:2px;display:block}.brand small{font-size:9px;display:block;letter-spacing:2.5px;margin-top:3px}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav [aria-current]{border-bottom:2px solid var(--orange);padding-bottom:6px}.letter{max-width:940px;margin:24px auto 0;padding:76px 110px 65px;background:var(--paper);border:1px solid #e6ebe7;box-shadow:0 12px 45px #173f6205;position:relative}.letter:before{content:"";height:3px;width:68px;background:var(--sky);position:absolute;top:-1px;left:110px}.letter-heading{position:relative;padding-right:40px;margin-bottom:44px}.kicker{font-size:11px;letter-spacing:3px;color:#728b98;margin:0 0 21px}.letter h1{font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:44px;font-weight:700;line-height:1.55;letter-spacing:1px;margin:0;text-wrap:balance}.deck{font-size:14px;line-height:1.9;color:#778892;margin:18px 0 0}.letter-&{font-size:17px;line-height:2.15;letter-spacing:.35px;color:var(--body)}.letter-body p{margin:0 0 24px}.letter-body .salutation{color:var(--ink);margin-bottom:26px}.letter-body strong{color:var(--ink);font-weight:600}.letter-body .turn{margin-top:36px}.letter-body em{font-style:normal;background:linear-gradient(transparent 73%,#f5a13b33 0)}.signature{margin:38px 0 0;text-align:right}.signature p{margin:0;font-family:Kaiti SC,STKaiti,serif;font-size:26px;color:var(--ink);letter-spacing:3px}.signature span{font-size:12px;color:#7b8d96;letter-spacing:1px;display:block;margin-top:9px}.postscript{margin-top:46px;padding-top:28px;border-top:1px solid #e3e9e5;color:#627580;font-size:14px;line-height:1.9}.postscript h2{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 12px}.postscript p{margin:0 0 18px}.contact-details{display:flex;gap:28px;align-items:center;margin-top:24px}.qr{flex-shrink:0;border:1px dashed #bac9d0;width:94px;height:94px;display:grid;place-items:center;text-align:center;font-size:11px;color:#71858f;line-height:1.8}.contact-details strong{font-weight:500;color:var(--ink)}.contact-details small{display:block;font-size:12px}.contact-details button{margin-top:8px;background:#f0f2ef;border:1px solid #e0e5e1;border-radius:5px;padding:7px 15px;color:#89959a;font-size:12px;cursor:not-allowed}.source{margin-top:30px;font-size:11px;line-height:1.9;color:#7c8b90}.source a{text-decoration-color:#b6c4ca}.bottom{max-width:940px;margin:24px auto 40px;padding:0 10px;display:flex;justify-content:space-between;gap:20px;color:#798e99;font-size:11px;line-height:1.8}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:40px;z-index:10;background:white;padding:10px}.case-link{font-weight:600;text-decoration-thickness:1px}.case-link:hover{color:#ad6815}@media(max-width:1000px){.letter{margin:16px 28px 0;padding:60px 9%}.letter:before{left:10%}.bottom{margin:22px 28px 35px}}@media(max-width:600px){&{background:var(--paper)}.preview{font-size:10px;padding:7px 10px;letter-spacing:.3px}.site-header{padding:17px 22px;border-bottom:1px solid #edf0eb}.brand img{width:34px;height:34px}.brand strong{font-size:18px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1.6px}.site-header nav{gap:18px;font-size:12px}.letter{margin:0;padding:44px 25px 32px;border:0;box-shadow:none}.letter:before{display:none}.letter-heading{padding:0;margin-bottom:34px}.kicker{font-size:10px;margin-bottom:17px;letter-spacing:2px}.letter h1{font-size:32px;line-height:1.6;letter-spacing:.2px}.deck{font-size:13px;margin-top:14px}.letter-&{font-size:16px;line-height:2.05;letter-spacing:.2px}.letter-body p{margin-bottom:23px}.letter-body .turn{margin-top:29px}.signature{margin-top:31px}.signature p{font-size:24px}.postscript{margin-top:34px;padding-top:25px;font-size:13px}.contact-details{gap:20px}.bottom,.source{font-size:10px}.bottom{margin:0;padding:22px 25px;border-top:1px solid #edf0eb;flex-direction:column;gap:6px}.bottom a{width:max-content}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}}body:has(.letter-page){background:#f5f7f5}.letter-page .letter-bottom{max-width:940px;margin:24px auto;text-align:right;font-size:12px;padding:0 25px}.letter-page .qr img{width:100%;height:100%;object-fit:contain}.letter-page .postscript .button{background:#edf3f3;color:#173f62;min-height:36px;padding:7px 12px;font-size:12px}.letter-page a{text-decoration:underline;text-underline-offset:5px}.letter-page .letter h1{font-weight:700}.letter-page .feedback{max-width:280px;font-size:12px}@media(max-width:600px){body:has(.letter-page){background:#fffefb}.letter-page .letter{max-width:none}.letter-page .contact-details>div:last-child{min-width:0}.letter-page .contact-details small{overflow-wrap:anywhere}}.letter-page .letter-body{font-size:17px;line-height:2.15;color:#435868;letter-spacing:.35px}.letter-page .letter-body p{line-height:2.15;margin:0 0 24px}.letter-page .letter-body p.turn{margin-top:36px}.letter-page .deck,.letter-page .postscript p{line-height:1.9}@media(max-width:600px){.letter-page .letter-body{font-size:16px;line-height:2.05;letter-spacing:.2px}.letter-page .letter-body p{line-height:2.05;margin-bottom:23px}.letter-page .letter-body p.turn{margin-top:29px}}.letter-page .kicker span{display:inline-block}@media(max-width:600px){.letter-page .postscript .button,.letter-page .postscript button{min-height:44px}}.letter-page .letter h1{white-space:nowrap;text-wrap:nowrap;letter-spacing:0}@media(min-width:601px) and (max-width:1000px){.letter-page .letter h1{font-size:clamp(28px,4.7vw,44px)}}@media(max-width:600px){.letter-page .letter h1{font-size:32px;white-space:normal;text-wrap:balance}}