/* 坐的回报：坐完的回报卡、回向挑人卡、灯油、静后签、上锁的造型（js/sitgift.js、js/huixiang.js、js/oil.js、js/qian.js、js/monk-look.js） */

/* —— 回报卡 —— */
.card.gift-card{position:relative;width:min(380px,100%);text-align:left;padding:22px 18px 16px;overflow-x:hidden}
.gift-card h2{margin:6px 0 4px;font-size:18px;letter-spacing:.14em}
.gf-sub{margin:0 0 14px;text-align:center;font-size:12.5px;color:#cdb78a;letter-spacing:.06em;line-height:1.6}
.gf-lotus{width:44px;height:44px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(242,198,107,.32),rgba(242,198,107,0) 70%)}
.gf-lotus i{width:28px;height:28px;background:var(--gold);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 10c6 7 8 15 0 28-8-13-6-21 0-28zM12 26c9 0 15 5 18 14-10 0-16-5-18-14zM52 26c-9 0-15 5-18 14 10 0 16-5 18-14zM12 48h40v3H12z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 10c6 7 8 15 0 28-8-13-6-21 0-28zM12 26c9 0 15 5 18 14-10 0-16-5-18-14zM52 26c-9 0-15 5-18 14 10 0 16-5 18-14zM12 48h40v3H12z'/%3E%3C/svg%3E") center/contain no-repeat;animation:gfBreath 4s ease-in-out infinite}
@keyframes gfBreath{50%{transform:scale(1.08);opacity:.85}}
.gf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.gf-list li{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:12px;border:1px solid rgba(242,198,107,.18);background:rgba(20,12,8,.55)}
.gf-list li.on{border-color:rgba(242,198,107,.55);background:linear-gradient(90deg,rgba(120,80,30,.42),rgba(40,24,14,.6))}
.gf-list li.wait .gf-tx span{opacity:.7}
.gf-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;font-weight:700;color:#2a1a08;background:radial-gradient(circle at 40% 35%,#f8dc98,#c48a2c);box-shadow:0 0 12px rgba(242,198,107,.35)}
.gf-list li:not(.on) .gf-ic{background:rgba(242,198,107,.16);color:var(--gold);box-shadow:none;border:1px solid rgba(242,198,107,.4)}
.gf-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gf-tx b{font-size:14px;font-weight:600;color:var(--paper);letter-spacing:.04em;line-height:1.45}
.gf-list li.on .gf-tx b{color:#ffe9b8}
.gf-tx span{font-size:12px;color:#c9b383;line-height:1.55;overflow-wrap:anywhere}
.gf-list button{flex:none;white-space:nowrap}
.gf-acts{margin:14px 0 0}
.dots,.oil i{font-style:normal;letter-spacing:.12em;color:var(--gold);font-size:11px;vertical-align:1px}
.gf-bar{display:block;height:5px;margin:4px 0 3px;border-radius:3px;background:rgba(242,198,107,.15);overflow:hidden}
.gf-bar em{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#a8741f,#f2c66b)}
/* 解锁新造型：金色的小花瓣从卡片上方散开 */
.gf-burst{position:absolute;left:50%;top:44px;width:0;height:0;pointer-events:none}
.gf-burst i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50% 0;background:var(--gold);opacity:0;animation:gfPetal 1.6s ease-out forwards}
@keyframes gfPetal{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) scale(1) rotate(160deg)}}
.gift-card.celebrate .gf-look{animation:gfGlow 2.4s ease-in-out 2}
@keyframes gfGlow{50%{box-shadow:0 0 0 1px rgba(242,198,107,.8),0 0 22px rgba(242,198,107,.45)}}
.gf-new{color:#ffe9b8;font-weight:600}

/* —— 回向挑人卡 —— */
.card.hx-card{width:min(400px,100%);text-align:left;padding:20px 16px 14px}
.hx-card h2{margin-bottom:8px}
.hx-sub{margin:0 0 12px;text-align:center;font-size:12.5px;line-height:1.7;color:#d8c597}
.hx-sub b{color:var(--gold);font-size:15px}
.hx-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hx-list li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid rgba(242,198,107,.22);background:rgba(20,12,8,.55)}
.hx-list li.sent{border-color:rgba(242,198,107,.7);background:linear-gradient(90deg,rgba(120,80,30,.45),rgba(40,24,14,.6))}
.hx-list .wv-lantern{flex:none;width:30px;height:40px;margin:0;border-radius:14px 14px 12px 12px;font-size:14px;box-shadow:0 0 14px rgba(255,170,80,.45)}
.hx-tx{flex:1;min-width:0}
.hx-nick{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gold);letter-spacing:.04em}
.hx-nick .wtag{margin:0}
.hx-tx p{margin:2px 0 1px;font-size:14px;line-height:1.5;color:var(--paper);overflow-wrap:anywhere}
.hx-tx small{font-size:11px;color:#a99467}
.hx-list button{flex:none}
.hx-empty{justify-content:center;color:#bba57a;font-size:13px;min-height:60px}
.hx-guest{margin:10px 2px 0;font-size:12px;line-height:1.6;color:#e6c98a;text-align:center}
.hx-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px;font-size:11.5px;color:#a99467}
.hx-foot .linkbtn{font-size:13px;flex:none}
/* 心愿灯卡片 / 心愿墙里的「回向 N 分钟」 */
button.hx-btn{border-color:rgba(242,198,107,.85);color:#ffe9b8;background:linear-gradient(rgba(120,80,30,.85),rgba(70,44,20,.9))}
button.hx-btn:hover{background:linear-gradient(rgba(150,100,36,.9),rgba(90,58,24,.95))}

/* —— 灯油 / 回向分钟 —— */
.oil{white-space:nowrap}
.oil b{font-weight:400;color:#c9b383;margin-right:4px;font-size:11.5px}
.ded{color:#ffd98a;white-space:nowrap}
.lc-oil{margin:2px 0 6px;font-size:12.5px;color:#c9b383}
.ww-oil{margin:2px 0 6px;font-size:11.5px;color:#c9b383}
.wlist .pubst.oil-line{color:#c9b383}
.ww-ft .ww-hx{margin-left:auto}
.ww-ft .ww-hx + .ww-bless{margin-left:0}
@media (max-width:420px){.ww-ft{flex-wrap:wrap}.ww-ft .ww-count{flex-basis:100%}}

/* —— 静后签 —— */
.q-stillnote{margin:2px 0 8px;font-size:12px;line-height:1.7;color:#a99467;letter-spacing:.08em}
.q-stillnote.on{color:#f2d99a}
.q-stillnote b{font-weight:600;color:var(--gold)}
.q-seal{display:inline-grid;place-items:center;padding:1px 6px;border:1.5px solid #f6dfa6;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#f6dfa6;transform:rotate(-6deg);box-shadow:inset 0 0 0 1px rgba(126,30,18,.6)}
.q-still{padding:6px 8px;border-radius:6px;background:rgba(217,164,65,.16);border:1px dashed rgba(126,30,18,.35)}
.q-still b{background:#a8741f!important}

/* —— 上锁的造型 —— */
.arch-card.locked .arch-pic img{filter:grayscale(.55) brightness(.7)}
.arch-card.locked b{color:#c9b383}
.arch-lock{display:flex;align-items:center;gap:3px;margin-top:2px;font-size:10.5px;color:#ffd98a;letter-spacing:.02em;line-height:1.3}
.arch-lock svg{flex:none;width:11px;height:11px}
.arch-lock em{font-style:normal}
.arch-card.locked small:not(.arch-lock){display:none}
.arch-lock[hidden]{display:none}
