.letter-couple-models{position:relative;width:100%;min-height:clamp(220px,24vw,300px);margin:0;color:#714155}.letter-couple-models__viewport{position:absolute;inset:0;overflow:hidden}.letter-couple-models__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.letter-couple-models__status{position:absolute;left:50%;top:50%;display:grid;width:min(82%,260px);gap:7px;padding:13px 15px;border:1px solid #9c62702e;border-radius:6px;color:#6f3046;text-align:center;background:linear-gradient(145deg,#fff8f1e8,#f2d8dddb),url(/couple/textures/canvas-grain.svg) 50% /150px;box-shadow:0 12px 24px #6d314314,inset 0 0 0 1px #fffaf176;transform:translate(-50%,-50%)}.letter-couple-models__status span{font-family:var(--font-serif);font-size:17px;line-height:1.28}.letter-couple-models__status p{color:#805366;font-size:12px;line-height:1.6}.letter-couple-models__retry{display:inline-flex;align-items:center;justify-content:center;justify-self:center;min-width:84px;min-height:38px;gap:7px;margin-top:2px;padding:0 13px;border:1px solid #6f30462e;border-radius:5px;color:#fff8f2;background:#8b3d55;cursor:pointer}@media (max-width:640px){.letter-couple-models{min-height:240px}.letter-couple-models__status{padding:12px}}.letter-recent{max-width:1040px;margin:30px auto 0;padding:0 clamp(16px,3vw,28px) 36px}.letter-recent-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:16px}.letter-recent-heading h2{margin:0;color:#4f2633;font-family:var(--font-serif);font-size:clamp(22px,2.3vw,30px);font-weight:500;line-height:1.1;letter-spacing:0}.letter-recent-heading p{margin:0;color:#764957;font-size:13px;line-height:1.7;letter-spacing:.02em}.letter-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.9vw,22px)}.letter-recent-card{position:relative;isolation:isolate;display:flex;min-height:178px;overflow:hidden;padding:18px;color:#4f2633;text-decoration:none;border:1px solid #a84c5d24;border-radius:7px;background:linear-gradient(145deg,#f3d2c9f2,#efd0c5e8),url(/couple/textures/canvas-grain.svg) 50% /150px;box-shadow:0 16px 28px #5d26350f,inset 0 1px 0 #fff5ed91;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.letter-recent-card:before{content:"";position:absolute;inset:10px;z-index:-1;border:1px solid #8f405033;border-radius:5px;pointer-events:none}.letter-recent-card:after{content:"♡";position:absolute;right:18px;bottom:13px;color:#6e3046;font-family:var(--font-serif);font-size:20px;line-height:1;opacity:.75}.letter-recent-card:hover{border-color:#8f405047;transform:translateY(-4px) rotate(-.35deg);box-shadow:0 20px 34px #5d263519,inset 0 1px 0 #fff5edb0}.letter-recent-card:focus-visible{outline:2px solid #6e3046;outline-offset:4px}.letter-recent-card-photo{align-items:flex-end;min-height:182px;padding:0;background:#6e3046}.letter-recent-card-photo:before{inset:9px;z-index:1;border-color:#fff4ea8a}.letter-recent-card-photo:after{z-index:2;color:#fff1eb}.letter-recent-photo{position:absolute;inset:0}.letter-recent-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2c11151c 12%,#2c111536 46%,#2c1115d9),radial-gradient(circle at 22% 20%,#ffe9d86e,transparent 34%)}.letter-recent-content{position:relative;z-index:2;max-width:92%}.letter-recent-card-photo .letter-recent-content{padding:76px 20px 18px;color:#fff7ef}.letter-recent-label{display:block;margin-bottom:8px;color:#884254;font-size:12px;line-height:1.3;letter-spacing:.04em}.letter-recent-card-photo .letter-recent-label{color:#ffe6de}.letter-recent-content h3{margin:0 0 8px;color:inherit;font-family:var(--font-serif);font-size:clamp(18px,1.55vw,22px);font-weight:500;line-height:1.38;letter-spacing:0}.letter-recent-content p{margin:0;color:#704651;font-size:12px;line-height:1.75;letter-spacing:.01em}.letter-recent-card-photo .letter-recent-content p{color:#ffece3}.letter-recent-card-note{background:linear-gradient(155deg,#efd0c5f7,#f6ddd4f0),url(/couple/textures/canvas-grain.svg) 50% /150px;transform:rotate(-.7deg)}.letter-recent-card-wish{background:linear-gradient(145deg,#e8bdc6f0,#efd0c5f4 58%,#f8e3d6eb),url(/couple/textures/canvas-grain.svg) 50% /150px;transform:rotate(.6deg)}.letter-recent-card-note:hover,.letter-recent-card-wish:hover{transform:translateY(-4px) rotate(0deg)}.letter-recent-icon{right:18px;top:18px;width:44px;height:44px;padding:11px;border:1px solid #8f40502e;border-radius:50%;background:#fff4ead1;box-shadow:inset 0 1px 0 #fff}.letter-recent-arrow,.letter-recent-icon{position:absolute;z-index:2;color:#6e3046}.letter-recent-arrow{right:17px;top:17px}.letter-recent-card-photo .letter-recent-arrow{color:#fff1eb}@media (max-width:860px){.letter-recent-grid{grid-template-columns:1fr}.letter-recent-card,.letter-recent-card-photo{min-height:168px}.letter-recent-card-note,.letter-recent-card-wish{transform:none}}@media (max-width:560px){.letter-recent{padding-inline:14px;padding-bottom:28px}.letter-recent-heading{display:block;margin-bottom:14px}.letter-recent-heading p{margin-top:7px}.letter-recent-card{min-height:158px;padding:16px}.letter-recent-card-photo{min-height:172px;padding:0}.letter-recent-card-photo .letter-recent-content{padding:74px 18px 16px}.letter-recent-content{max-width:88%}}.letter-home{--letter-ink:#6e3046;--letter-rose:#b87582;--letter-paper:#efd0c5}.letter-home>main{max-width:1536px;padding-top:8px}.letter-desk{position:relative;isolation:isolate;max-width:1400px;margin:34px auto 0;padding:24px 145px 0;color:#6e3046}.open-letter{position:relative;filter:drop-shadow(0 19px 17px #58233125)}.open-letter-back{position:absolute;z-index:-1;inset:-42px -12px 0;background:#985766 url(/couple/textures/canvas-grain.svg) 50%/130px;clip-path:polygon(0 22%,50% 0,100% 22%,100% 100%,0 100%)}.open-letter-pages{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:570px;margin:0 16px;padding-bottom:38px;background:#edc8be url(/couple/textures/canvas-grain.svg) 50%/160px;background-blend-mode:soft-light;border:1px solid #f9e1d0;box-shadow:0 0 0 1px #71334418,0 12px 22px #4b26351a;border-radius:3px 3px 0 0}.open-letter-pages:after{position:absolute;content:"";inset:0;pointer-events:none;background:linear-gradient(90deg,#fff5d921,transparent 42%,#874f3b0d 48%,#854d3b24 49.8%,#fff6dd45 50.3%,transparent 56%,#8c4b3b09)}.open-letter-left,.open-letter-right{position:relative;min-width:0;padding:34px 25px 54px}.open-letter-left{text-align:center}.open-letter-right{padding:57px 25px 54px;text-align:center}.open-letter-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 13px;font-family:var(--font-hand);font-size:21px;letter-spacing:.2em}.open-letter-quote{margin:0;font-family:var(--font-hand);font-size:clamp(24px,2.2vw,34px);font-weight:500;line-height:1.48;letter-spacing:.01em}.open-letter-quote em{font-style:normal;color:#882b46;text-decoration:underline;text-decoration-color:#b7657555;text-underline-offset:8px;text-decoration-thickness:1px}.open-letter-subtitle{margin-top:18px;font-family:var(--font-hand);font-size:14px;color:#82505c}.open-letter-people{position:relative;margin:-2px -17px -12px}.open-letter-margin-note{position:absolute;z-index:2;left:0;top:48%;font-family:var(--font-hand);font-size:12px;text-align:left;line-height:1.8;transform:rotate(-8deg);pointer-events:none}.open-letter-together{font-family:var(--font-hand);font-size:16px}.open-letter-together span{display:block;margin-top:5px;font:8px Georgia,serif;letter-spacing:.19em;opacity:.7}.open-letter-date{font-family:var(--font-hand);font-size:17px;letter-spacing:.05em}.open-letter-days{display:flex;justify-content:center;align-items:baseline;gap:9px;margin:12px -12px 0;white-space:nowrap}.open-letter-days strong{font-family:var(--font-display-stack);font-weight:400;font-size:clamp(80px,9vw,137px);line-height:1.12;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#74253d}.open-letter-days>span{font-family:var(--font-hand);font-size:36px}.open-letter-days>svg{align-self:center;margin-left:1px}.open-letter-time{margin-top:8px;font-family:var(--font-title-stack);font-size:22px;font-variant-numeric:tabular-nums}.open-letter-time span{font-family:var(--font-hand);margin:0 5px;font-size:15px}.open-letter-clock-label{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:15px;font-family:var(--font-hand);font-size:20px;letter-spacing:.16em}.open-letter-clock-label>span{width:26px;height:1px;background:#6e30464d}.open-letter-milestones{display:flex;list-style:none;margin:29px 0 0;padding:0}.open-letter-milestones li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center}.open-letter-milestones li:before{position:absolute;content:"";top:8px;left:-50%;width:100%;height:1px;background:#98646c6b}.open-letter-milestones li:first-child:before{display:none}.open-letter-milestones li>span{z-index:1;display:grid;place-items:center;height:17px;width:17px;border:1px solid #9d6b73;border-radius:50%;background:#efd0c5}.open-letter-milestones li[data-reached=true]>span{background:#9b5365;color:#f6ddd1;border-color:#9b5365}.open-letter-milestones small{margin-top:9px;font-family:var(--font-hand);font-size:12px}.open-letter-milestone-caption{margin-top:13px;font-family:var(--font-hand);font-size:12px;color:#835b60}.open-letter-next{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:25px auto 0;padding:10px 12px;border-top:1px solid #a8687040;border-bottom:1px solid #a8687040;font-size:12px}.open-letter-next>span{color:#855664}.open-letter-next strong{font-weight:500}.open-letter-signature{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:30px;font-family:var(--font-hand);font-size:25px;transform:rotate(-5deg)}.open-letter-postscript{margin-top:20px;font-family:var(--font-hand);font-size:12px;line-height:2;color:#8c5c65}.open-letter-postscript span{font:8px Georgia,serif;letter-spacing:.1em}.open-letter-pocket{position:relative;z-index:3;height:112px;margin-top:-64px;pointer-events:none}.open-letter-pocket>span:not(.open-letter-seal):not(.open-letter-pocket-note){position:absolute;inset:0;background:#b87582 url(/couple/textures/canvas-grain.svg) 50%/120px}.open-letter-pocket-left{clip-path:polygon(0 0,64% 100%,0 100%);filter:brightness(.96)}.open-letter-pocket-right{clip-path:polygon(100% 0,36% 100%,100% 100%);filter:brightness(1.05)}.open-letter-pocket .open-letter-pocket-bottom{clip-path:polygon(0 100%,50% 31%,100% 100%);background-color:#ad6b78!important}.open-letter-seal{position:absolute;left:calc(50% - 34px);top:24px;display:grid;place-items:center;width:68px;height:68px;color:#ebbbab;border:5px double #712938;border-radius:47% 53% 46% 54%;background:radial-gradient(circle at 34% 26%,#b75e68,#82333f 60%,#5f2934);box-shadow:inset 0 0 0 2px #b26c68,1px 5px 6px #4d253955;transform:rotate(-10deg)}.open-letter-pocket-note{position:absolute;bottom:13px;right:27px;font-family:var(--font-hand);font-size:13px;text-align:right;line-height:1.6;color:#542936;transform:rotate(-7deg)}.open-letter-personal{padding:25px 34px;margin-top:18px;background:#efd0c5 url(/couple/textures/canvas-grain.svg);font-family:var(--font-hand)}.open-letter-personal p{margin-bottom:12px;font-size:13px}.open-letter-personal>div{white-space:pre-wrap;overflow-wrap:anywhere;font-size:20px;line-height:1.9}.letter-desk-aside{position:absolute;top:15px;width:164px}.letter-desk-aside-left{left:-10px;transform:rotate(-9deg)}.letter-desk-aside-right{right:-12px;top:52px;transform:rotate(9deg)}.letter-desk-hand{margin:2px -5px 42px;font-family:var(--font-hand);font-size:20px;line-height:1.8}.letter-desk-ticket{display:flex;flex-direction:column;gap:14px;background:#efddd0 url(/couple/textures/canvas-grain.svg);padding:0 15px 16px;box-shadow:3px 10px 14px #65343e26;border-radius:4px}.letter-desk-ticket-band{margin:0 -15px;padding:12px 10px;display:flex;align-items:center;justify-content:space-between;background:#9e5d6d;color:#f6e2d6;font:9px Georgia,serif}.letter-desk-ticket-route{padding-top:7px;font-family:var(--font-hand);font-size:21px;line-height:1.8}.letter-desk-ticket-route b{padding-left:10px;font-weight:500}.letter-desk-ticket-caption{border-top:1px dashed #935c6670;padding-top:12px;font-size:10px}.letter-desk-ticket>span:last-child{display:flex;justify-content:space-between;font-family:var(--font-hand);font-size:13px}.letter-desk-barcode{height:21px;background:repeating-linear-gradient(90deg,#63343e 0 1px,transparent 1px 3px,#63343e 3px 5px,transparent 5px 8px)}.letter-desk-small{margin-top:37px;font-family:var(--font-hand);font-size:16px;line-height:1.8}.letter-desk-polaroid{position:relative;display:block;padding:10px 10px 18px;background:#f1dfd4 url(/couple/textures/canvas-grain.svg);box-shadow:2px 9px 16px #6135412e}.letter-desk-polaroid:before{position:absolute;content:"";z-index:1;top:-10px;left:33%;width:60px;height:24px;background:#cbb49777;transform:rotate(-5deg)}.letter-desk-polaroid>div{position:relative;height:174px}.letter-desk-polaroid>span{display:block;margin-top:12px;font-family:var(--font-hand);font-size:12px;line-height:1.8;text-align:center}.letter-desk-wish{display:flex;flex-direction:column;gap:18px;padding:24px 18px;margin:42px 0 0 8px;background:#d6a6ab url(/couple/textures/canvas-grain.svg);transform:rotate(-17deg);box-shadow:3px 8px 16px #61354124}.letter-desk-wish>span{font-family:var(--font-hand);font-size:23px;line-height:1.6}.letter-desk-wish small{display:flex;align-items:center;gap:3px;font-size:10px}.letter-desk-aside a{transition:translate .2s}.letter-desk-aside a:hover{translate:0 -5px}.letter-desk-petals{position:fixed;z-index:5;inset:0;overflow:hidden;pointer-events:none}.letter-desk-petals>span{position:absolute;top:-25px;width:10px;height:16px;border-radius:80% 10% 70% 30%;background:linear-gradient(135deg,#e8a9bb80,#b75e7b66);animation:letter-petal-fall 24s linear infinite}@keyframes letter-petal-fall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:.55}85%{opacity:.4}to{transform:translate3d(65px,110vh,0) rotate(340deg);opacity:0}}.letter-home>header>a:first-child{border-radius:0}.letter-home>header>a:first-child>span:first-child{display:none}.letter-home>header>a:first-child>span:last-child{font-family:var(--font-hand);font-size:31px;font-weight:400;letter-spacing:.025em}.letter-home>header nav[aria-label="主要导航"]{background:transparent;border:0;box-shadow:none;gap:7px}.letter-home>header nav[aria-label="主要导航"]>a{border-radius:0;font-family:var(--font-hand);font-size:17px;color:#6e3046}.letter-home>header nav[aria-label="主要导航"]>a>span:first-child:not(:last-child){background:transparent;box-shadow:none;border-radius:0;border-bottom:1px solid #6e3046}@media (min-width:1450px){.letter-desk{padding-inline:185px}.letter-desk-aside{width:190px}.open-letter-left,.open-letter-right{padding-inline:32px}}@media (max-width:1150px){.letter-desk{padding-inline:95px}.letter-desk-aside{width:115px}.letter-desk-aside-left{left:-20px}.letter-desk-aside-right{right:-20px}.letter-desk-hand{font-size:15px}.letter-desk-polaroid>div{height:135px}.letter-desk-wish{padding:18px 12px}.letter-desk-wish>span{font-size:19px}.open-letter-left,.open-letter-right{padding-inline:18px}.open-letter-quote{font-size:25px}.open-letter-date{font-size:14px}}@media (max-width:850px){.letter-desk{padding-inline:0;margin-top:22px}.letter-desk-aside{display:none}.open-letter-pages{margin-inline:6px}.open-letter-back{inset-inline:0}.open-letter-quote{font-size:27px}.open-letter-days strong{font-size:96px}}@media (max-width:600px){.letter-home>main{padding-inline:17px}.letter-desk{margin-top:25px;padding-top:8px}.open-letter-pages{display:flex;flex-direction:column;padding-bottom:20px}.open-letter-pages:after{background:linear-gradient(90deg,#fff5d921,transparent 48%,#874f3b08)}.open-letter-left{padding:27px 19px 14px}.open-letter-quote{font-size:clamp(25px,7vw,32px)}.open-letter-people{margin-top:-8px}.open-letter-margin-note{left:12px}.open-letter-together{margin-top:-12px}.open-letter-right{padding:23px 20px 75px;border-top:1px dashed #9c61744f;margin-inline:15px}.open-letter-date{font-size:16px}.open-letter-days strong{font-size:clamp(94px,26vw,130px)}.open-letter-days{margin-top:5px}.open-letter-signature{font-size:24px;margin-top:23px}.open-letter-postscript{margin-top:15px}.open-letter-pocket-note{right:12px;font-size:10px}.open-letter-pocket{height:95px}.open-letter-seal{height:57px;width:57px;left:calc(50% - 28px);top:25px}.open-letter-personal{padding-inline:23px}}@media (prefers-reduced-motion:reduce){.letter-desk-petals{display:none}.letter-desk-aside a{transition:none}}.letter-desk-polaroid,.letter-desk-ticket,.letter-desk-wish,.open-letter-back,.open-letter-pocket>span:not(.open-letter-seal):not(.open-letter-pocket-note){background-blend-mode:soft-light}@media (max-width:600px){.open-letter-people .letter-couple-models{min-height:200px}}@media (min-width:601px){.open-letter-pages{padding-bottom:20px}.open-letter-left{padding-bottom:35px}.open-letter-right{padding-top:43px;padding-bottom:30px}.open-letter-people .letter-couple-models{min-height:250px}.open-letter-postscript{margin-top:14px}}