/* C 韩式清新：低饱和粉/绿/蓝、圆角、手写感字体（霞鹜文楷 + Great Vibes）。 */
.v-C1, .v-C2, .v-C3 { --body: "LXGW WenKai", serif; --head: "Great Vibes", "LXGW WenKai", cursive; --btn-radius: 99px; }
.v-C1 { --bg: #fbe8e6; --fg: #5a4340; --accent: #c9786f; }
.v-C2 { --bg: #eef3e8; --fg: #3d4a3a; --accent: #6f8f62; }
.v-C3 { --bg: #e3effa; --fg: #34506b; --accent: #5b8cba; }
.script { font: 400 34px/1.15 "Great Vibes", cursive; }

/* C1 拍立得 + 胶带 */
.C1-cover { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; }
.C1-polaroid { width: 200px; padding: 10px 10px 34px; background: #fff; transform: rotate(-3deg); box-shadow: 0 10px 24px rgba(120,70,60,.2); position: relative; }
.C1-polaroid::before { content: ""; position: absolute; top: -10px; left: 70px; width: 62px; height: 20px; background: rgba(240,190,180,.7); transform: rotate(4deg); }
.C1-polaroid i { display: block; height: 190px; background: url(../assets/img/p5.jpg) 40% 50%/cover; }
.C1-polaroid em { position: absolute; bottom: 8px; left: 0; right: 0; text-align: center; font-size: 13px; font-style: normal; }
.C1-cover p { font-size: 13px; letter-spacing: .2em; }

/* C2 全幅照片 + 毛玻璃卡片 */
.C2-cover { height: 100%; background: url(../assets/img/p6.jpg) 50% 50%/cover; }
.C2-glass { position: absolute; left: 18px; right: 18px; bottom: 34px; padding: 22px 16px; border-radius: 22px; background: rgba(255,255,255,.5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); text-align: center; color: #3d4a3a; border: 1px solid rgba(255,255,255,.7); }
.C2-glass p { font-size: 12px; letter-spacing: .25em; margin-top: 6px; }

/* C3 圆角大图 + 飘落花瓣 */
.C3-cover { height: 100%; padding: 38px 24px 0; text-align: center; background: linear-gradient(#cfe4f7, #fff 85%); }
.C3-photo { height: 340px; border-radius: 150px 150px 24px 24px; background: url(../assets/img/p4.jpg) 50% 30%/cover; box-shadow: 0 14px 30px rgba(80,120,170,.25); }
.C3-cover .script { margin-top: 18px; color: var(--accent); }
.C3-cover p { font-size: 12px; letter-spacing: .25em; margin-top: 4px; }
.petal { position: absolute; top: -12px; width: 9px; height: 12px; background: #fff; border-radius: 80% 0; opacity: .85; animation: fall linear infinite; z-index: 3; }
@keyframes fall { to { transform: translate(40px, 640px) rotate(540deg); } }