.svc-extras-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-letter-preview{margin:22px 0 0;border:1px solid #e1d9c9;background:radial-gradient(ellipse at 50% 10%,#fffdf8,#eee9dd);overflow:hidden;text-align:center}
.card-letter-stage{position:relative;isolation:isolate;height:310px;max-width:520px;margin:0 auto;perspective:1300px}
.card-letter-paper{position:absolute;z-index:2;left:20%;top:32px;width:67%;height:242px;padding:23px 25px;text-align:left;background:linear-gradient(115deg,#fffef8,#f9f5e8);border:1px solid #ddd2b9;box-shadow:0 17px 28px #7b674526;transform:rotate(-3deg);animation:card-paper-reveal .95s cubic-bezier(.2,.7,.2,1) both}
.card-letter-brand{display:block;color:#aa8b54;font-size:10px;letter-spacing:2px;margin-bottom:20px}
.card-letter-copy{max-height:164px;overflow:auto;color:#71624a;font-family:'Songti SC','SimSun',serif;font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin}
.card-letter-cover{position:absolute;z-index:3;left:20%;top:32px;width:67%;height:242px;display:grid;place-items:center;border:1px solid #bda478;background:linear-gradient(115deg,#d4c29b,#bda172);box-shadow:0 8px 20px #80613720;transform-origin:left center;backface-visibility:visible;transform:rotateY(-154deg);animation:card-cover-open 1.15s cubic-bezier(.22,.6,.25,1) both}
.card-letter-cover span{font-size:46px;color:#f5ead0;opacity:.8}
.card-letter-caption{display:block;color:#9b8c71;font-size:11px;letter-spacing:2px;margin:0 0 17px}
.card-letter-editor{margin-top:18px}
.card-letter-editor-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 10px}
.card-letter-editor-head .svc-label{margin:0}
.card-letter-editor-head .svc-text-btn{font-size:11px;color:#96805c;min-height:34px;padding:5px 0}
.card-letter-editor textarea{background:#fffefa;font-size:14px;line-height:1.9}
.is-letter .card-letter-stage{height:344px}
.is-letter .card-letter-paper{left:21%;top:21px;width:62%;height:260px;padding:24px;transform:rotate(-2deg);animation:letter-paper-rise 1.15s cubic-bezier(.18,.75,.2,1) both}
.is-letter .card-letter-copy{max-height:180px}
.is-letter .card-letter-envelope{position:absolute;z-index:1;left:13%;bottom:21px;width:76%;height:170px;background:#bda575;border:1px solid #b79b68;box-shadow:0 16px 24px #79613f25;transform:rotate(2deg)}
.is-letter .card-letter-cover{left:13%;top:auto;bottom:21px;width:76%;height:147px;border:0;background:linear-gradient(30deg,#d2bd94 49.6%,transparent 50%) left/50% 100% no-repeat,linear-gradient(-30deg,#e2cfaa 49.6%,transparent 50%) right/50% 100% no-repeat;box-shadow:none;transform:rotate(2deg);animation:letter-envelope-in .7s ease both;pointer-events:none}
.is-letter .card-letter-cover span{font-size:21px;align-self:end;margin-bottom:23px;color:#9e8050}
@keyframes card-cover-open{from{transform:rotateY(0deg)}to{transform:rotateY(-154deg)}}
@keyframes card-paper-reveal{from{opacity:.3;transform:translateY(15px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@keyframes letter-paper-rise{from{opacity:0;transform:translateY(100px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}
@keyframes letter-envelope-in{from{opacity:0;transform:translateY(20px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@media(max-width:760px){.svc-extras-grid{gap:8px}.svc-extra-option{padding:14px 10px;min-height:112px}.svc-extra-option strong{font-size:12px}.svc-extra-option small{font-size:10px}.card-letter-stage{height:270px}.card-letter-paper,.card-letter-cover{height:208px;top:27px}.card-letter-paper{left:18%;width:72%;padding:19px 18px}.card-letter-cover{left:18%;width:72%}.card-letter-copy{font-size:12px;max-height:140px}.card-letter-brand{font-size:9px;margin-bottom:15px}.is-letter .card-letter-stage{height:303px}.is-letter .card-letter-paper{height:230px;width:68%;left:17%;padding:20px}.is-letter .card-letter-copy{max-height:159px}.card-letter-editor{padding:20px 16px}.card-letter-editor .svc-fields{gap:12px}.card-letter-editor-head{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.card-letter-paper,.card-letter-cover{animation:none}}