/* قالب «مخمل» — عنّابي داكن وذهب، وغبار ذهبي يتطاير */
body.tpl-velvet { --q-bg: #3A0A14; --q-soft: #4A1020; --q-ink: #F3E2C7; --q-muted: #CDB39A; --q-accent: #E6C27A; --q-line: rgba(230,194,122,.35); --q-btn: #E6C27A; --q-btn-ink: #3A0A14; --q-display: 'Aref Ruqaa', serif; background: #3A0A14; }
.vv-cover { position: absolute; inset: 0; background: radial-gradient(520px 520px at 50% 42%, #7A1A2C, #3A0A14 75%); display: flex; align-items: center; justify-content: center; padding: 24px; overflow: hidden; transition: opacity .8s ease .5s; }
.vv-dust i { position: absolute; bottom: -10px; width: 4px; height: 4px; border-radius: 50%; background: #E6C27A; box-shadow: 0 0 8px #E6C27A; opacity: 0; animation: vv-rise 7s linear infinite; }
.vv-dust .d1 { left: 6%; animation-delay: 0s; } .vv-dust .d2 { left: 14%; animation-delay: 2.2s; } .vv-dust .d3 { left: 22%; animation-delay: 4.1s; }
.vv-dust .d4 { left: 30%; animation-delay: 1.1s; } .vv-dust .d5 { left: 38%; animation-delay: 5.3s; } .vv-dust .d6 { left: 46%; animation-delay: 3.2s; }
.vv-dust .d7 { left: 54%; animation-delay: .6s; } .vv-dust .d8 { left: 62%; animation-delay: 6.1s; } .vv-dust .d9 { left: 70%; animation-delay: 2.7s; }
.vv-dust .d10 { left: 78%; animation-delay: 4.6s; } .vv-dust .d11 { left: 86%; animation-delay: 1.6s; } .vv-dust .d12 { left: 94%; animation-delay: 3.7s; }
.vv-dust .d13 { left: 42%; animation-delay: 6.6s; width: 3px; height: 3px; } .vv-dust .d14 { left: 66%; animation-delay: 5.8s; width: 3px; height: 3px; }
@keyframes vv-rise { 0% { transform: translate(0, 0); opacity: 0; } 15% { opacity: .9; } 100% { transform: translate(30px, -105vh); opacity: 0; } }
.vv-frame { position: relative; width: min(320px, 100%); padding: 46px 26px; border: 2px solid #E6C27A; outline: 1px solid rgba(230,194,122,.45); outline-offset: 8px; border-radius: 160px 160px 12px 12px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; color: #F3E2C7; transition: transform 1.2s ease, opacity 1s ease; }
.vv-frame .q-guest { font-size: 15px; color: #CDB39A; }
.vv-frame .q-guest strong { font: 700 24px 'Amiri', serif; color: #F3E2C7; }
.vv-cn { font: 700 42px/1.4 'Aref Ruqaa', serif; color: #E6C27A; }
.vv-cn i { font-style: normal; font-size: 24px; color: #F3E2C7; }
.vv-open { min-height: 52px; padding: 0 30px; border-radius: 999px; border: 0; background: linear-gradient(90deg, #C9A04F, #F1D28A, #C9A04F); color: #3A0A14; font: 700 16px 'Plex Arabic', sans-serif; cursor: pointer; }
.is-opening .vv-frame { transform: scale(1.4); opacity: 0; }
.is-opening .vv-dust i { animation-duration: 1.4s; }
.is-opening .vv-cover { opacity: 0; }
.vv-band { height: 3px; margin: 0 30px; background: linear-gradient(90deg, transparent, #E6C27A, transparent); }
.vv-hero { display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; padding: 40px 24px 14px; }
.vv-orn { width: 14px; height: 14px; background: #E6C27A; transform: rotate(45deg); }
.vv-host { font: 400 17px 'Amiri', serif; color: #CDB39A; max-width: 30ch; }
.vv-names { display: flex; flex-direction: column; font: 700 54px/1.3 'Aref Ruqaa', serif; color: #E6C27A; outline: none; }
.vv-and { font-size: 24px; color: #F3E2C7; }
.vv-tag { font: 400 19px 'Aref Ruqaa', serif; color: #F3E2C7; }
.vv-when { display: flex; flex-direction: column; gap: 2px; }
.vv-when strong { font-size: 18px; }
.vv-when span { font-size: 14px; color: #CDB39A; }
@media (prefers-reduced-motion: reduce) { .vv-dust { display: none; } .vv-frame, .vv-cover { transition: none; } }