#surprise-view{min-height:calc(100svh - 60px);background:radial-gradient(ellipse at 50% 12%,#ffe4dc66,transparent 55%)}
.surprise-header{position:relative;text-align:center;padding:25px 54px 10px;min-height:100px}.surprise-header h1{font-family:"Songti SC","SimSun",serif;font-size:23px;letter-spacing:2px;margin:0 0 15px}.surprise-header p{font-size:13px;margin:0;color:#856459;letter-spacing:.3px}.surprise-header .back-button{position:absolute;left:13px;top:20px;width:36px;height:36px;padding:8px;background:none}.surprise-header .back-button img{height:23px;width:23px;object-fit:contain}.surprise-header .music-button{top:22px;right:18px}
.surprise-main{padding:0 16px 100px;gap:15px}.surprise-badge{display:flex;align-items:center;justify-content:center;gap:6px;justify-self:center;font-size:13px;color:#bd6b61;background:#fbe2d9;border-radius:30px;padding:5px 18px;letter-spacing:1px}.surprise-badge img{width:19px;height:19px}.surprise-badge>span{font-size:18px;line-height:19px;color:#d77b6d}.surprise-banner{width:100%;aspect-ratio:5/3;object-fit:cover;border-radius:24px;background:#fbdace}.surprise-banner.is-open{aspect-ratio:5/2;border-radius:23px}.surprise-intro{text-align:center}.surprise-intro h2{font-family:"Songti SC","SimSun",serif;font-size:23px;margin:4px 0 9px;line-height:1.5}.surprise-intro p{font-size:14px;letter-spacing:.5px;margin:0;color:#87695d}.surprise-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #eab1a6;border-radius:28px;padding:13px 18px;background:linear-gradient(135deg,#df8d80,#c56461);color:#fff6ec;font-size:18px;letter-spacing:2px;box-shadow:0 5px 12px #c96b6020,inset 0 1px 1px #fff4e755}.surprise-primary:hover{filter:brightness(1.04)}.surprise-primary img{width:27px;height:27px;object-fit:contain}.surprise-hint{text-align:center;color:#947467;font-size:12px;margin:0 0 9px;letter-spacing:.5px}.surprise-history-link{display:flex;align-items:center;gap:13px;background:linear-gradient(120deg,#fffaf5,#fae9de);border:1px solid #f3dacd;border-radius:16px;padding:14px 17px;text-align:left;box-shadow:0 3px 8px #b7805b08;width:100%}.surprise-history-link>img{width:30px;height:30px;object-fit:contain}.surprise-history-link>span:nth-child(2){flex:1}.surprise-history-link strong{display:block;font-size:17px;letter-spacing:1px;font-weight:500}.surprise-history-link small{display:block;margin-top:4px;font-size:12px;color:#96776a}.surprise-chevron{font-size:25px;line-height:1;color:#a47f6e;flex-shrink:0}.surprise-footer{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;letter-spacing:2px;color:#ad8977;margin:14px 0 0}.surprise-footer:before,.surprise-footer:after{content:"";height:1px;width:35px;background:linear-gradient(90deg,transparent,#e9c4b4)}.surprise-footer:after{transform:rotate(180deg)}
.surprise-result{text-align:center;border:1px solid #f2d7c6;border-radius:22px;padding:20px 16px;background:linear-gradient(140deg,#fffcf5,#fff1e7);box-shadow:0 4px 12px #bf917414}.surprise-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;color:#c77468;font-size:15px;font-weight:600;letter-spacing:1px;margin:0 0 15px}.surprise-eyebrow:before,.surprise-eyebrow:after{content:"";width:28px;height:1px;background:#eec2b2}.surprise-result h2{font-family:"Songti SC","SimSun",serif;font-size:26px;letter-spacing:1px;line-height:1.5;margin:0 0 9px;outline-offset:6px}.surprise-message{font-size:14px;color:#85695c;line-height:1.9;margin:0}.surprise-heart-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:13px 0}.surprise-heart-divider img{width:23px;height:23px}.surprise-heart-divider:before,.surprise-heart-divider:after{content:"";width:30%;height:1px;background:linear-gradient(90deg,transparent,#e5a696)}.surprise-heart-divider:after{transform:rotate(180deg)}.surprise-date-pill{display:inline-block;border-radius:30px;background:#fbe0d5;color:#b97767;padding:5px 17px;font-size:12px;letter-spacing:1px}.surprise-received{background:#fbe5dc;border-radius:15px;text-align:center;padding:12px 8px}.surprise-received strong{font-size:16px;letter-spacing:1px;display:flex;justify-content:center;align-items:center;gap:6px;font-weight:500}.surprise-received img{height:24px;width:24px}.surprise-received p{font-size:12px;color:#987567;letter-spacing:.5px;margin:4px 0 0}.surprise-detail-copy{white-space:pre-line;text-align:left;font-size:15px;line-height:2;color:#846355;margin:20px 3px}.surprise-detail-image{width:100%;max-height:230px;object-fit:cover;border-radius:16px;margin-top:18px}.surprise-play{font-size:15px;letter-spacing:1px}.surprise-secondary{justify-self:center;padding:11px 24px;border:1px solid #e6b4a5;background:#fff9f2;color:#b56e62;border-radius:25px;font-size:14px}
.surprise-history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 4px}.surprise-month-label{position:relative;max-width:52%}.surprise-month{appearance:none;border:1px solid #eed5c6;background:#fffaf5;color:#775447;border-radius:10px;font:inherit;font-size:14px;padding:7px 29px 7px 13px;max-width:100%;cursor:pointer}.surprise-month-label img{position:absolute;right:9px;top:10px;width:15px;height:15px;pointer-events:none}.surprise-history-count{font-size:13px;color:#967366;border-left:1px solid #deb6a4;padding-left:12px;white-space:nowrap}.surprise-history-list{padding:0;list-style:none;display:grid;gap:10px;margin:0}.surprise-history-item{width:100%;text-align:left;display:flex;align-items:center;gap:9px;padding:14px 12px;background:linear-gradient(135deg,#fffaf5,#fff3eb);border:1px solid #eed5c7;border-radius:17px;box-shadow:0 3px 7px #b7805b08}.surprise-history-copy{flex:1;min-width:0}.surprise-history-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#9c7a6b;margin-bottom:7px;flex-wrap:wrap}.surprise-type{background:#f8d9ce;border-radius:20px;font-size:11px;color:#bc7669;padding:3px 9px}.surprise-history-copy>strong{font-family:"Songti SC","SimSun",serif;display:block;font-size:19px;line-height:1.5;margin-bottom:4px}.surprise-history-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.7;color:#927466}.surprise-thumbnail{width:64px;height:64px;border-radius:13px;object-fit:cover;flex-shrink:0}.surprise-history-item:has(.surprise-thumbnail){flex-wrap:wrap}.surprise-history-item:has(.surprise-thumbnail) .surprise-history-copy{flex-basis:calc(100% - 95px)}.surprise-empty{text-align:center;padding:48px 12px;color:#9b7a6b;white-space:pre-line}.surprise-empty>img{width:48px;margin:0 auto 16px;opacity:.7}.surprise-empty h2{font-size:19px;font-weight:500;color:#765548}.surprise-empty p{font-size:14px;line-height:1.9}.surprise-empty button{margin-top:10px}
@media(max-width:360px){.surprise-main{padding-left:12px;padding-right:12px;gap:12px}.surprise-intro h2{font-size:20px}.surprise-result h2{font-size:23px}.surprise-history-meta{font-size:11px}.surprise-history-copy>strong{font-size:17px}.surprise-header{padding-left:45px;padding-right:45px}.surprise-history-count{font-size:12px}}