.pink-scrapbook-card{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#76676e;max-width:680px;margin:0 auto;--ps-frame:#fff2f7;--ps-dot-opacity:.42;--ps-radius:30px;--ps-tilt:3deg}
.pink-scrapbook-card *{box-sizing:border-box}
.pink-scrapbook-card button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pink-scrapbook-card .ps-stage{padding:42px 22px 36px;background:#f5f3f4;border-radius:32px}
.pink-scrapbook-card .ps-widget{position:relative;isolation:isolate;padding:7% 6% 3.8%;border-radius:var(--ps-radius);background:#fffdfd;box-shadow:0 15px 26px -18px #ab939c66;overflow:hidden;container-type:inline-size}
.pink-scrapbook-card .ps-widget:before{content:"";position:absolute;inset:0;z-index:-1;opacity:var(--ps-dot-opacity);background-image:radial-gradient(circle,#ddb9ca 1px,transparent 2.1px),radial-gradient(circle,#d7d0d4 1px,transparent 2px);background-size:24px 24px;background-position:2px 3px,14px 15px}
.pink-scrapbook-card .ps-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%;align-items:center}
.pink-scrapbook-card .ps-polaroid{position:relative;min-width:0;background:var(--ps-frame);padding:10% 9% 6%;border:0;box-shadow:0 3px 9px #c797ad12;transform:rotate(var(--ps-tilt));border-radius:1px}
.pink-scrapbook-card .ps-polaroid:nth-child(2){transform:rotate(-1deg)}
.pink-scrapbook-card .ps-polaroid:nth-child(3){transform:rotate(calc(-1 * var(--ps-tilt)))}
.pink-scrapbook-card .ps-tape{position:absolute;z-index:2;width:29%;height:29%;left:37%;top:-14%;transform:rotate(25deg);pointer-events:none;filter:drop-shadow(.3px 1px .7px #99747c26);opacity:var(--ps-tape-opacity,.82)}
.pink-scrapbook-card .ps-tape:before{content:"";position:absolute;inset:0;background:linear-gradient(103deg,#edbfd08c 0%,#edbdd187 45%,#e9b6cc8c 100%);clip-path:polygon(0 3%,8% 1%,16% 4%,25% 0,34% 3%,43% 1%,51% 4%,61% 2%,72% 0,81% 3%,91% 1%,100% 3%,99% 95%,93% 99%,85% 96%,76% 100%,66% 97%,57% 100%,46% 97%,35% 99%,27% 96%,18% 100%,9% 97%,1% 99%);box-shadow:inset -1px 0 1px #c491a61a}
.pink-scrapbook-card .ps-tape:after{content:"";position:absolute;inset:5% 3%;opacity:var(--ps-paper-grain,.36);background-image:repeating-linear-gradient(87deg,transparent 0 1.1px,#fff5 1.2px 1.5px,transparent 1.7px 3.4px),repeating-linear-gradient(4deg,transparent 0 2.3px,#9f617b21 2.5px 2.8px,transparent 3px 5.7px);mix-blend-mode:soft-light}
.pink-scrapbook-card .ps-polaroid:nth-child(2) .ps-tape{transform:rotate(-9deg);left:32%;width:35%;height:21%;top:-10%;filter:drop-shadow(.2px .6px .5px #99747c20)}
.pink-scrapbook-card .ps-polaroid:nth-child(2) .ps-tape:before{transform:scaleX(-1)}
.pink-scrapbook-card .ps-polaroid:nth-child(3) .ps-tape{transform:rotate(-26deg);left:32%;height:28%;top:-13%}
.pink-scrapbook-card .ps-polaroid:nth-child(3) .ps-tape:after{background-position:1px 3px;transform:rotate(2deg)}
.pink-scrapbook-card .ps-picture{position:relative;display:grid;place-items:center;aspect-ratio:4/5;overflow:hidden;border:1px solid #eedee4;background:radial-gradient(ellipse at 25% 20%,#fffefd 0,transparent 60%),linear-gradient(130deg,#f5dce7,#eac6d7);color:#fffafc}
.pink-scrapbook-card .ps-two{background:radial-gradient(ellipse at 65% 25%,#fffafa,transparent 65%),linear-gradient(140deg,#ead8df,#f5d6e4);color:#fffafb}
.pink-scrapbook-card .ps-three{background:radial-gradient(ellipse at 20% 75%,#fff8ee,transparent 70%),linear-gradient(150deg,#e7cbd4,#f9dfe8);color:#fff8fb}
.pink-scrapbook-card .ps-picture svg{width:55%;height:55%;stroke-width:.9;filter:drop-shadow(0 3px 3px #b6869d32)}
.pink-scrapbook-card .ps-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.pink-scrapbook-card [hidden]{display:none!important}
.pink-scrapbook-card .ps-number{display:block;font-size:clamp(8px,2cqw,12px);letter-spacing:.08em;color:#c6a6b4;padding-top:7%;white-space:nowrap}
.pink-scrapbook-card .ps-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7% 5% 0;color:#b394a1}
.pink-scrapbook-card .ps-caption>svg{flex:none;width:clamp(19px,7cqw,36px);height:clamp(19px,7cqw,36px);color:#efcfde;fill:#fae9f0;stroke-width:1.1;transform:rotate(-13deg)}
.pink-scrapbook-card .ps-caption>svg:last-child{transform:rotate(13deg)}
.pink-scrapbook-card .ps-caption-copy{text-align:center;font-size:clamp(11px,3.2cqw,18px);line-height:1.5;overflow-wrap:anywhere;font-weight:500}
.pink-scrapbook-card .ps-editor{background:#fff; padding:20px;border-radius:24px;margin-top:12px}
.pink-scrapbook-card .ps-upload-row{display:flex;gap:10px;margin-bottom:20px}
.pink-scrapbook-card .ps-upload{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;min-height:46px;border:1px solid #eedfe5;background:#fcf8fa;color:#9d7889;border-radius:12px;font-size:13px}
.pink-scrapbook-card .ps-upload svg{width:18px;height:18px}
.pink-scrapbook-card .ps-label{display:block;color:#85747b;font-size:13px}
.pink-scrapbook-card .ps-label input{display:block;width:100%;margin-top:8px;border:0;border-radius:12px;padding:13px 14px;background:#f6f3f5;font:inherit;font-size:16px;color:#846674}
.pink-scrapbook-card .ps-feedback{display:block;margin-top:12px;font-size:11px;color:#a4919b}
@media(max-width:400px){.pink-scrapbook-card .ps-stage{padding:30px 12px 25px}.pink-scrapbook-card .ps-editor{padding:16px}.pink-scrapbook-card .ps-caption{padding-left:0;padding-right:0;gap:4px}}

.pink-scrapbook-card{width:100%;height:100%;max-width:none;display:grid;align-items:center;container-type:inline-size}
.pink-scrapbook-card .ps-widget{width:100%;padding:7% 6% 3.8%;border-radius:7cqw}
.pink-scrapbook-card .ps-polaroid{display:block}
.pink-scrapbook-card .ps-picture img{display:block}
.pink-scrapbook-card .ps-picture .ps-symbol{font-size:10cqw;color:#fff8fb;font-weight:400}
.pink-scrapbook-card .ps-paw{display:block;flex:none;width:7cqw;height:7cqw;font-size:0;background:radial-gradient(ellipse at 50% 72%,#f5dce6 0 29%,transparent 32%),radial-gradient(ellipse at 16% 40%,#f5dce6 0 12%,transparent 15%),radial-gradient(ellipse at 37% 20%,#f5dce6 0 12%,transparent 15%),radial-gradient(ellipse at 64% 19%,#f5dce6 0 12%,transparent 15%),radial-gradient(ellipse at 85% 40%,#f5dce6 0 12%,transparent 15%);transform:rotate(-13deg)}
.pink-scrapbook-card .ps-paw:last-child{transform:rotate(13deg)}
.pink-scrapbook-preview{aspect-ratio:2/1;width:100%}