/* D 复古胶片：暗调、颗粒、日期戳、拍立得。靠 filter + 噪点叠层出质感。 */
.v-D1, .v-D2, .v-D3 { --body: "Courier Prime", "Noto Serif SC", monospace; --head: "Courier Prime", monospace; }
.v-D1 { --bg: #0e0e0e; --fg: #e9dfcb; --accent: #ff9a3c; }
.v-D2 { --bg: #1b130e; --fg: #f0e2cc; --accent: #ffb060; }
.v-D3 { --bg: #e4d8bf; --fg: #3b3226; --accent: #a4502e; }
.stamp { font: 400 14px "Courier Prime", monospace; letter-spacing: .15em; color: #ff9a3c; text-shadow: 0 0 6px rgba(255,140,40,.7); }

/* D1 胶片条 */
.D1-cover { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; }
.D1-strip { width: 100%; padding: 16px 0; background: #1a1a1a; display: flex; gap: 6px; justify-content: center; position: relative; transform: rotate(-4deg) scale(1.08); }
.D1-strip::before, .D1-strip::after { content: ""; position: absolute; left: 0; right: 0; height: 7px; background: repeating-linear-gradient(90deg, #0e0e0e 0 8px, transparent 8px 16px); }
.D1-strip::before { top: 4px; } .D1-strip::after { bottom: 4px; }
.D1-strip i { width: 84px; height: 118px; background-size: cover; filter: contrast(1.1) saturate(.85) sepia(.2); }
.D1-cover h1 { font: 700 20px "Courier Prime"; letter-spacing: .3em; }
.D1-cover p { font-size: 11px; letter-spacing: .3em; opacity: .7; }

/* D2 暖光全幅 + 底部文字 */
.D2-cover { height: 100%; background: linear-gradient(transparent 45%, rgba(20,10,5,.85)), url(../assets/img/p1.jpg) 45% 50%/cover; }
.D2-text { position: absolute; left: 26px; bottom: 60px; right: 26px; }
.D2-text small { letter-spacing: .4em; font-size: 10px; opacity: .8; }
.D2-text h1 { font: 700 34px/1.15 "Courier Prime"; margin: 8px 0 12px; }
.D2-cover .stamp { position: absolute; right: 20px; top: 26px; }

/* D3 牛皮纸 + 叠放拍立得 */
.D3-cover { height: 100%; }
.D3-pol { position: absolute; width: 150px; padding: 8px 8px 28px; background: #fbf8f1; box-shadow: 0 8px 18px rgba(60,40,20,.3); }
.D3-pol i { display: block; height: 150px; background-size: cover; filter: sepia(.25) contrast(1.05); }
.D3-pol:nth-child(1) { left: 24px; top: 60px; transform: rotate(-8deg); }
.D3-pol:nth-child(2) { left: 120px; top: 150px; transform: rotate(6deg); }
.D3-pol:nth-child(3) { left: 40px; top: 290px; transform: rotate(-3deg); }
.D3-title { position: absolute; right: 20px; bottom: 44px; text-align: right; }
.D3-title h1 { font: 700 22px "Courier Prime"; }
.D3-title p { font-size: 11px; letter-spacing: .2em; }