/* ============ 百年太平送好礼 · 前台样式(红金主题) ============ */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { font-size: 16px; }
body {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
    background: linear-gradient(175deg, #7a0a18 0%, #a30f21 30%, #c8102e 65%, #8e0e1d 100%);
    background-attachment: fixed;
    color: #5a2a10;
    min-height: 100vh;
    overflow-x: hidden;
    padding-bottom: 64px;
}
.hidden { display: none !important; }

/* ---------- 背景装饰 ---------- */
.bg-deco { position: fixed; inset: 0; pointer-events: none; z-index: 0; overflow: hidden; }
.ray {
    position: absolute; left: 50%; top: -140px; width: 640px; height: 640px; margin-left: -320px;
    background: conic-gradient(from 0deg,
        rgba(255,216,130,.16) 0deg 14deg, transparent 14deg 30deg,
        rgba(255,216,130,.16) 30deg 44deg, transparent 44deg 60deg,
        rgba(255,216,130,.16) 60deg 74deg, transparent 74deg 90deg,
        rgba(255,216,130,.16) 90deg 104deg, transparent 104deg 120deg,
        rgba(255,216,130,.16) 120deg 134deg, transparent 134deg 150deg,
        rgba(255,216,130,.16) 150deg 164deg, transparent 164deg 180deg,
        rgba(255,216,130,.16) 180deg 194deg, transparent 194deg 210deg,
        rgba(255,216,130,.16) 210deg 224deg, transparent 224deg 240deg,
        rgba(255,216,130,.16) 240deg 254deg, transparent 254deg 270deg,
        rgba(255,216,130,.16) 270deg 284deg, transparent 284deg 300deg,
        rgba(255,216,130,.16) 300deg 314deg, transparent 314deg 330deg,
        rgba(255,216,130,.16) 330deg 344deg, transparent 344deg 360deg);
    border-radius: 50%;
    animation: rayspin 24s linear infinite;
    mask-image: radial-gradient(circle, #000 0%, transparent 68%);
    -webkit-mask-image: radial-gradient(circle, #000 0%, transparent 68%);
}
@keyframes rayspin { to { transform: rotate(360deg); } }
.p { position: absolute; display: block; width: 6px; height: 6px; border-radius: 50%;
     background: radial-gradient(circle, #ffe9a8, #f2c14e); opacity: .75; animation: float 9s ease-in-out infinite; }
.p1 { left: 8%;  top: 22%; animation-delay: 0s; }
.p2 { left: 86%; top: 16%; width: 4px; height: 4px; animation-delay: 1.6s; }
.p3 { left: 16%; top: 58%; width: 5px; height: 5px; animation-delay: 3s; }
.p4 { left: 78%; top: 52%; animation-delay: 4.4s; }
.p5 { left: 40%; top: 80%; width: 4px; height: 4px; animation-delay: 5.8s; }
.p6 { left: 64%; top: 30%; width: 3px; height: 3px; animation-delay: 7s; }
@keyframes float {
    0%, 100% { transform: translateY(0) scale(1); opacity: .75; }
    50% { transform: translateY(-26px) scale(1.25); opacity: .3; }
}

.stage { position: relative; z-index: 1; max-width: 480px; margin: 0 auto; padding: 0 14px; }

/* ---------- 顶部 ---------- */
.hero { position: relative; text-align: center; padding: 30px 10px 26px; }
.hero-badge {
    display: inline-block; padding: 5px 16px; border-radius: 999px; font-size: .74rem; letter-spacing: 1px;
    color: #ffe9b0; border: 1px solid rgba(255,222,140,.55);
    background: rgba(120,10,20,.35); backdrop-filter: blur(2px);
}
.hero-title {
    margin-top: 16px; font-size: 2.05rem; font-weight: 800; line-height: 1.32; letter-spacing: 3px;
    background: linear-gradient(180deg, #fff6dc 8%, #ffd977 45%, #f0b23e 78%, #ffe9a8 100%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 3px 6px rgba(90,10,10,.55));
    animation: titleIn .9s cubic-bezier(.2,.9,.3,1.2) both;
}
@keyframes titleIn { from { opacity: 0; transform: translateY(18px) scale(.94); } to { opacity: 1; transform: none; } }
.hero-divider { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 14px auto 10px; width: 78%; }
.hero-divider span { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,220,140,.8)); }
.hero-divider span.r, .hero-divider span:last-child { background: linear-gradient(270deg, transparent, rgba(255,220,140,.8)); }
.hero-divider b { color: #ffd977; font-size: .6rem; }
.hero-sub { color: #ffe3ac; font-size: .88rem; letter-spacing: 1px; }
.hero-addr { color: rgba(255,227,172,.75); font-size: .74rem; margin-top: 6px; }

/* 双庆印章 */
.seal {
    position: absolute; right: 52px; top: 86px; width: 46px; height: 46px; z-index: 2;
    border: 2px solid #ffd977; border-radius: 6px; color: #ffd977; font-size: .78rem; font-weight: 800;
    display: flex; align-items: center; justify-content: center; letter-spacing: 2px;
    transform: rotate(14deg); background: rgba(160,8,20,.45);
    box-shadow: 0 0 0 3px rgba(255,217,119,.18), 0 4px 10px rgba(0,0,0,.25);
    animation: sealIn 1.1s .4s cubic-bezier(.2,1.4,.4,1) both;
}
@keyframes sealIn { from { opacity: 0; transform: rotate(14deg) scale(1.6); } to { opacity: 1; transform: rotate(14deg) scale(1); } }

.cloud { position: absolute; width: 180px; opacity: .9; animation: cloudMove 18s ease-in-out infinite; }
.c1 { top: 8%; left: -20px; } .c2 { top: 38%; right: -30px; animation-delay: -8s; width: 140px; }
@keyframes cloudMove { 0%,100% { transform: translateX(0); } 50% { transform: translateX(18px); } }

/* 灯笼 */
.lantern { position: absolute; top: 44px; width: 34px; animation: sway 3.4s ease-in-out infinite; transform-origin: top center; }
.lantern-l { left: 4px; } .lantern-r { right: 4px; animation-delay: 1.7s; }
.lantern i {
    display: block; width: 34px; height: 42px; border-radius: 46% / 50%; position: relative;
    background: radial-gradient(circle at 34% 30%, #ff6b52, #d31022 70%);
    box-shadow: inset 0 -4px 8px rgba(120,0,0,.6), 0 2px 8px rgba(0,0,0,.35);
    border-top: 3px solid #f2c14e; border-bottom: 3px solid #f2c14e;
}
.lantern i::before { content: ""; position: absolute; top: -12px; left: 50%; width: 2px; height: 10px; background: #f2c14e; transform: translateX(-50%); }
.lantern i::after { content: ""; position: absolute; bottom: -14px; left: 50%; width: 4px; height: 12px; background: linear-gradient(#f2c14e, #d99a1e); transform: translateX(-50%); border-radius: 2px; }
@keyframes sway { 0%,100% { transform: rotate(-6deg); } 50% { transform: rotate(6deg); } }

/* ---------- 卡片通用 ---------- */
.card {
    position: relative; margin-bottom: 16px; padding: 20px 16px; border-radius: 18px;
    background: linear-gradient(180deg, #fffdf6 0%, #fff6e3 100%);
    border: 1.5px solid rgba(242,193,78,.9);
    box-shadow: 0 8px 24px rgba(90,8,16,.35), inset 0 1px 0 #fff;
    animation: cardIn .7s cubic-bezier(.2,.8,.3,1) both;
}
.card:nth-of-type(1) { animation-delay: .05s; }
.card:nth-of-type(2) { animation-delay: .12s; }
.card:nth-of-type(3) { animation-delay: .18s; }
.card:nth-of-type(4) { animation-delay: .24s; }
.card:nth-of-type(5) { animation-delay: .3s; }
.card:nth-of-type(6) { animation-delay: .36s; }
@keyframes cardIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.card::before {
    content: ""; position: absolute; inset: 5px; border-radius: 13px;
    border: 1px dashed rgba(216,154,30,.35); pointer-events: none;
}
.card-head { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 14px; }
.card-head h2 {
    font-size: 1.12rem; font-weight: 800; letter-spacing: 2px; white-space: nowrap;
    background: linear-gradient(180deg, #a3081c, #d3122a);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.deco-line { width: 44px; height: 2px; background: linear-gradient(90deg, transparent, #e0a83c); border-radius: 2px; }
.deco-line.r { background: linear-gradient(270deg, transparent, #e0a83c); }

/* ---------- 倒计时 ---------- */
.countdown-card { text-align: center; }
.cd-label { color: #a3081c; font-weight: 700; font-size: .95rem; margin-bottom: 12px; letter-spacing: 2px; }
.cd-boxes { display: flex; justify-content: center; gap: 10px; }
.cd-item b {
    display: block; min-width: 52px; padding: 10px 6px; border-radius: 10px; font-size: 1.5rem; color: #ffe9b0;
    background: linear-gradient(180deg, #b30d22, #8e0e1d);
    box-shadow: inset 0 2px 4px rgba(255,255,255,.15), 0 4px 10px rgba(140,10,20,.4);
    font-variant-numeric: tabular-nums;
}
.cd-item i { display: block; margin-top: 6px; font-style: normal; font-size: .72rem; color: #b06a2a; }
.cd-tip { margin-top: 12px; font-size: .76rem; color: #b06a2a; }

/* ---------- 进度 ---------- */
.user-row { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 12px; font-size: .9rem; }
.user-tag { font-size: .68rem; color: #fff; background: linear-gradient(135deg, #d3122a, #a3081c); padding: 2px 8px; border-radius: 999px; }
.user-row b { color: #7a2b0c; }
.user-row i { font-style: normal; color: #b06a2a; font-size: .8rem; }
.progress-wrap { position: relative; padding: 4px 6px 0; }
.progress-track { height: 16px; border-radius: 999px; background: #f3e3c3; box-shadow: inset 0 2px 4px rgba(160,110,40,.3); overflow: hidden; }
.progress-fill {
    height: 100%; border-radius: 999px; position: relative; width: 0;
    background: linear-gradient(90deg, #f6c34c, #eda428, #ffd977);
    background-size: 200% 100%;
    transition: width .8s cubic-bezier(.3,1.2,.4,1);
    animation: shimmer 2.4s linear infinite;
}
@keyframes shimmer { to { background-position: -200% 0; } }
.progress-glow { position: absolute; right: -2px; top: 50%; width: 22px; height: 22px; transform: translateY(-50%);
    background: radial-gradient(circle, rgba(255,240,190,.95), transparent 70%); border-radius: 50%; }
.progress-steps { display: flex; justify-content: space-between; padding: 0 2px; margin-top: 8px; }
.progress-steps span {
    width: 24px; height: 24px; border-radius: 50%; font-size: .72rem; display: flex; align-items: center; justify-content: center;
    background: #f3e3c3; color: #b58a4a; border: 1.5px solid #e5c98f; transition: all .35s;
}
.progress-steps span.on {
    background: linear-gradient(135deg, #f6c34c, #ec9f22); color: #7a2b0c; border-color: #d99a1e;
    box-shadow: 0 0 0 4px rgba(246,195,76,.28); transform: scale(1.12);
}
.progress-text { text-align: center; margin: 12px 0 4px; font-size: .92rem; color: #8a4a18; }
.progress-text b { color: #d3122a; font-size: 1.2rem; }
.mini-tip { margin-top: 10px; font-size: .72rem; color: #bb8a50; text-align: center; line-height: 1.6; }
.unlock-ok { margin-top: 12px; text-align: center; color: #a3081c; font-weight: 700; font-size: .92rem; animation: pulse 1.6s ease-in-out infinite; }
@keyframes pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }

/* ---------- 按钮 ---------- */
.btn {
    display: block; width: 100%; margin-top: 14px; padding: 13px 0; border: none; border-radius: 999px;
    font-size: 1.02rem; font-weight: 800; letter-spacing: 3px; cursor: pointer; position: relative; overflow: hidden;
}
.btn-gold {
    color: #7a2b0c;
    background: linear-gradient(180deg, #ffe08a 0%, #f6c34c 45%, #ec9f22 100%);
    box-shadow: 0 6px 16px rgba(160,80,10,.45), inset 0 1.5px 0 rgba(255,255,255,.7);
}
.btn-gold:active { transform: translateY(2px); box-shadow: 0 3px 8px rgba(160,80,10,.45); }
.btn-gold::after {
    content: ""; position: absolute; top: 0; left: -80%; width: 45%; height: 100%;
    background: linear-gradient(105deg, transparent, rgba(255,255,255,.7), transparent);
    transform: skewX(-24deg); animation: sweep 2.8s ease-in-out infinite;
}
@keyframes sweep { 0%, 55% { left: -80%; } 90%, 100% { left: 140%; } }
.btn-sm { padding: 10px 0; font-size: .92rem; margin-top: 10px; }
.btn[disabled] { filter: grayscale(.55); opacity: .7; }

/* ---------- 盲盒 ---------- */
.box-card { text-align: center; }
.rate-tag {
    display: inline-block; margin-bottom: 14px; padding: 4px 16px; border-radius: 999px; font-size: .8rem;
    color: #fff; background: linear-gradient(135deg, #e2263e, #a3081c); box-shadow: 0 3px 8px rgba(180,20,40,.4);
}
.rate-tag b { font-size: 1rem; color: #ffd977; }
.boxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 12px; padding: 6px 4px; }
.box { position: relative; height: 100px; cursor: pointer; animation: bob 3s ease-in-out infinite; transition: transform .25s ease, filter .25s; }
.box:nth-child(2) { animation-delay: .4s; } .box:nth-child(3) { animation-delay: .8s; }
.box:nth-child(4) { animation-delay: 1.2s; } .box:nth-child(5) { animation-delay: 1.6s; } .box:nth-child(6) { animation-delay: 2s; }
@keyframes bob { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
.box:hover:not(.locked):not(.opened) { transform: translateY(-10px) scale(1.07); filter: drop-shadow(0 10px 14px rgba(140,10,20,.45)); animation: none; }
.box-glow {
    position: absolute; inset: 18px 8px 0; border-radius: 50%; z-index: 0;
    background: radial-gradient(ellipse at center, rgba(255,217,119,.45), transparent 70%);
    opacity: 0; transition: opacity .3s;
}
.box:hover:not(.locked) .box-glow, .box.opened .box-glow { opacity: 1; }
.box-lid {
    position: absolute; top: 8px; left: 4%; width: 92%; height: 26px; z-index: 2; border-radius: 6px 6px 3px 3px;
    background: linear-gradient(180deg, #ff5a4a, #b30d22);
    box-shadow: 0 2px 4px rgba(100,5,15,.5), inset 0 2px 0 rgba(255,255,255,.28);
    transition: transform .5s cubic-bezier(.3,1.4,.5,1), opacity .4s;
}
.box-lid::before {
    content: ""; position: absolute; left: 8%; right: 8%; top: 6px; height: 6px; border-radius: 3px;
    background: linear-gradient(90deg, transparent, rgba(255,217,119,.7), transparent);
}
.box-lid::after { content: ""; position: absolute; left: 50%; top: -9px; width: 22px; height: 14px; transform: translateX(-50%);
    background: radial-gradient(circle at 30% 40%, #ffe08a, #eda428); border-radius: 50% 50% 40% 40%;
    box-shadow: 0 1px 3px rgba(120,60,0,.4); }
.box-body {
    position: absolute; bottom: 4px; left: 10%; width: 80%; height: 62px; border-radius: 4px 4px 8px 8px; z-index: 1;
    background: linear-gradient(180deg, #e2263e, #9c0c1e);
    box-shadow: 0 6px 14px rgba(90,8,16,.4), inset 0 -5px 10px rgba(0,0,0,.25);
    display: flex; align-items: center; justify-content: center;
}
.box-body::before { content: ""; position: absolute; top: 0; left: 50%; width: 12px; height: 100%; transform: translateX(-50%);
    background: linear-gradient(180deg, #ffe08a, #eda428); opacity: .95; }
.box-body::after {
    content: ""; position: absolute; inset: 8px 10px; border-radius: 4px;
    border: 1px dashed rgba(255,217,119,.35); pointer-events: none;
}
.box-body em {
    position: relative; font-style: normal; font-weight: 900; font-size: 1.7rem; color: #ffe9b0;
    text-shadow: 0 2px 4px rgba(80,0,0,.6); z-index: 1;
}
.box.locked { filter: grayscale(.7) brightness(.82); animation: none; cursor: not-allowed; }
.box.ready .box-glow { opacity: .85; animation: glowPulse 1.6s ease-in-out infinite; }
@keyframes glowPulse { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
.box.shaking { animation: shake .12s linear 8; }
@keyframes shake { 0% { transform: rotate(0) } 25% { transform: rotate(-5deg) translateX(-2px) } 75% { transform: rotate(5deg) translateX(2px) } 100% { transform: rotate(0) } }
.box.opened { animation: none; }
.box.opened .box-lid { transform: translateY(-36px) rotate(-22deg); opacity: 0; }
.box.opened .box-body { box-shadow: 0 0 26px rgba(255,214,119,.95), 0 6px 14px rgba(90,8,16,.4); }
.box-tip { margin-top: 14px; font-size: .8rem; color: #b06a2a; }
.deadline { margin-top: 8px; font-size: .82rem; font-weight: 700; color: #d3122a; }

/* ---------- 我的奖品 ---------- */
.myprize-body { text-align: center; }
.myprize-img { width: 128px; height: 128px; margin: 0 auto 10px; border-radius: 14px; overflow: hidden;
    background: #fff; border: 2px solid #f2c14e; display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 16px rgba(160,90,20,.25); }
.myprize-img img { width: 100%; height: 100%; object-fit: cover; }
.mp-emoji { font-size: 3.4rem; }
.myprize-name { font-size: 1.2rem; font-weight: 800; color: #a3081c; }
.myprize-code { margin-top: 8px; font-size: .95rem; color: #8a4a18; }
.myprize-code b { color: #d3122a; letter-spacing: 2px; font-size: 1.1rem; }
.myprize-status { margin-top: 8px; }
.myprize-status .st { display: inline-block; padding: 3px 14px; border-radius: 999px; font-size: .78rem; }
.st-wait { color: #b06a2a; background: #fdf0d5; border: 1px solid #ecd39a; }
.st-done { color: #1a7a3c; background: #e2f5e8; border: 1px solid #a8dcba; }
.myprize-note { margin-top: 12px; font-size: .78rem; color: #8a4a18; line-height: 1.8; background: #fdf3dd; border-radius: 10px; padding: 10px 12px; }

/* ---------- 活动介绍/规则 ---------- */
.intro-text p { font-size: .88rem; line-height: 1.9; color: #6b3a16; margin-bottom: 10px; text-align: justify; }
.intro-text b { color: #a3081c; }
.intro-slogan { text-align: center !important; font-weight: 800; letter-spacing: 4px; font-size: 1.05rem !important;
    background: linear-gradient(180deg, #a3081c, #d3122a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rules-list { padding-left: 20px; }
.rules-list li { font-size: .86rem; line-height: 1.8; color: #6b3a16; margin-bottom: 8px; }
.rules-list b { color: #a3081c; }

/* ---------- 奖品网格 ---------- */
.prize-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.prize-item { background: #fff; border: 1px solid #f0d9a8; border-radius: 12px; padding: 8px 6px 10px; text-align: center;
    box-shadow: 0 3px 8px rgba(180,120,40,.12); transition: transform .25s, box-shadow .25s; }
.prize-item:hover { transform: translateY(-4px); box-shadow: 0 8px 16px rgba(180,80,20,.22); }
.prize-item .pi-img { width: 100%; aspect-ratio: 1; border-radius: 8px; overflow: hidden; background: #fdf5e4;
    display: flex; align-items: center; justify-content: center; font-size: 2rem; }
.prize-item .pi-img img { width: 100%; height: 100%; object-fit: cover; }
.prize-item .pi-name { margin-top: 6px; font-size: .74rem; color: #6b3a16; font-weight: 600; line-height: 1.35;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2em; }
.prize-item .pi-num { margin-top: 3px; font-size: .68rem; color: #d3122a; }

/* ---------- 页脚 ---------- */
.footer { text-align: center; padding: 8px 0 20px; color: rgba(255,227,172,.6); font-size: .72rem; line-height: 1.9; }

/* ---------- 底部轮播 ---------- */
.marquee-bar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; height: 44px;
    background: linear-gradient(180deg, rgba(90,6,14,.94), rgba(64,4,10,.97));
    border-top: 1px solid rgba(242,193,78,.5); backdrop-filter: blur(6px);
    display: flex; align-items: center; padding: 0 10px;
}
.marquee-icon { font-size: 1.1rem; margin-right: 8px; }
.marquee-view { flex: 1; overflow: hidden; height: 100%; display: flex; align-items: center; }
.marquee-track { display: inline-flex; white-space: nowrap; will-change: transform; }
.marquee-track span { color: #ffe3ac; font-size: .78rem; margin-right: 42px; }
.marquee-track b { color: #ffd977; }

/* ---------- 弹窗 ---------- */
.mask { position: fixed; inset: 0; z-index: 100; background: rgba(30,2,6,.72); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(3px); }
.modal {
    width: 86%; max-width: 360px; border-radius: 20px; padding: 26px 22px; position: relative;
    background: linear-gradient(180deg, #fffdf6, #fff3da);
    border: 2px solid #f2c14e; box-shadow: 0 20px 50px rgba(0,0,0,.5);
    animation: popIn .45s cubic-bezier(.2,1.4,.4,1) both;
}
@keyframes popIn { from { opacity: 0; transform: scale(.7) translateY(24px); } to { opacity: 1; transform: none; } }
.modal-close { position: absolute; right: 12px; top: 8px; font-size: 1.5rem; color: #c9a86a; cursor: pointer; line-height: 1; padding: 4px; }
.modal-title { text-align: center; font-size: 1.2rem; font-weight: 800; color: #a3081c; letter-spacing: 2px; }
.modal-sub { text-align: center; font-size: .76rem; color: #b06a2a; margin: 8px 0 16px; }
.reg-modal input {
    width: 100%; margin-bottom: 12px; padding: 12px 14px; border-radius: 12px; font-size: 1rem;
    border: 1.5px solid #ecd39a; background: #fff; color: #5a2a10; outline: none;
}
.reg-modal input:focus { border-color: #ec9f22; box-shadow: 0 0 0 3px rgba(246,195,76,.25); }

/* ---------- 分享引导 ---------- */
.share-guide { position: fixed; inset: 0; z-index: 120; background: rgba(20,2,5,.85); backdrop-filter: blur(3px);
    display: flex; flex-direction: column; align-items: center; padding: 26px 24px; }
.share-arrow { align-self: flex-end; font-size: 2.6rem; color: #ffd977; transform: rotate(-52deg); animation: arrowUp 1.1s ease-in-out infinite; margin-right: 14px; }
@keyframes arrowUp { 0%,100% { transform: rotate(-52deg) translateX(0); } 50% { transform: rotate(-52deg) translateX(10px); } }
.share-text { margin-top: 8px; color: #fff6dc; text-align: center; font-size: 1.05rem; line-height: 2; }
.share-text b { color: #ffd977; }
.share-text span { font-size: .8rem; color: #e8c98f; }
.share-copy { margin-top: 26px; width: 100%; max-width: 340px; background: rgba(255,250,238,.1);
    border: 1px dashed rgba(255,217,119,.6); border-radius: 14px; padding: 14px; text-align: center; }
.share-copy p { color: #ffe3ac; font-size: .8rem; margin-bottom: 8px; }
.share-link { color: #fff; font-size: .72rem; word-break: break-all; background: rgba(0,0,0,.28); border-radius: 8px; padding: 8px; }
.share-close { margin-top: 28px; padding: 10px 44px; border-radius: 999px; border: 1.5px solid rgba(255,217,119,.8);
    background: transparent; color: #ffd977; font-size: .95rem; letter-spacing: 2px; cursor: pointer; }

/* ---------- 开奖结果 ---------- */
.result-modal { text-align: center; }
.result-ribbon {
    display: inline-block; margin: -40px auto 12px; padding: 8px 34px; font-size: 1.15rem; font-weight: 800; letter-spacing: 4px; color: #fff;
    background: linear-gradient(180deg, #e2263e, #a3081c); border-radius: 999px;
    box-shadow: 0 6px 14px rgba(160,10,30,.5), inset 0 1px 0 rgba(255,255,255,.3);
}
.result-img { width: 120px; height: 120px; margin: 4px auto 12px; border-radius: 16px; overflow: hidden; background: #fff;
    border: 2px solid #f2c14e; display: flex; align-items: center; justify-content: center;
    animation: prizeGlow 1.8s ease-in-out infinite; }
@keyframes prizeGlow { 0%,100% { box-shadow: 0 0 12px rgba(246,195,76,.5); } 50% { box-shadow: 0 0 30px rgba(246,195,76,.95); } }
.result-img img { width: 100%; height: 100%; object-fit: cover; }
.result-prize { font-size: 1.18rem; font-weight: 800; color: #a3081c; }
.result-code { margin-top: 10px; font-size: .95rem; color: #8a4a18; }
.result-code b { color: #d3122a; letter-spacing: 2px; }
.result-note { margin-top: 12px; font-size: .78rem; color: #8a4a18; line-height: 1.9; }
.result-lose-icon { font-size: 3.2rem; margin: 6px 0 12px; }

/* ---------- 彩带画布 ---------- */
#confetti { position: fixed; inset: 0; z-index: 130; pointer-events: none; display: none; }

@media (max-width: 340px) {
    .hero-title { font-size: 1.7rem; }
    .cd-item b { min-width: 44px; font-size: 1.2rem; }
    .seal { display: none; }
}