/* 抽奖赢礼品 · 大转盘（V1.0.20 · 2026-09-22） */
.cl-hero{background:linear-gradient(115deg,#0b3d2a 0%,#145c3c 55%,#1d6b45 100%);border-radius:14px;padding:26px 30px;color:#fff;box-shadow:0 10px 30px rgba(6,50,32,.18)}
.cl-hero h1{color:#fff;font-size:26px;margin:8px 0 8px;line-height:1.4}
.cl-hero p{color:#cfe4d7;margin:0}
.cl-badge{display:inline-block;font-size:12px;letter-spacing:2px;color:#c9a961;font-weight:700}
.cl-meta{font-size:12px;color:#a9c4b4;margin-top:12px}
.cl-sec{margin:14px 0}
.cl-sec-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.cl-sec-h h2{font-size:21px;margin:0;color:#0b3d2a}
.cl-idx{font-size:12px;font-weight:700;color:#c9a961;letter-spacing:1px}
.cl-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;background:#fff;border:1px solid #dce7df;border-radius:12px;padding:20px}
.cl-wheel-box{position:relative;max-width:400px;margin:0 auto;width:100%}
.cl-wheel{width:100%;height:auto;display:block;filter:drop-shadow(0 10px 26px rgba(168,26,34,.28))}
.cl-wheel.spin{animation:cl-spin 1.6s cubic-bezier(.2,.8,.2,1)}
@keyframes cl-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.cl-pointer-note{text-align:center;font-size:12px;color:#A81A22;font-weight:700;margin-top:6px}
/* V7 新增：红金底座——转盘不悬空 */
.cl-pedestal{width:56%;max-width:230px;margin:-14px auto 0;text-align:center}
.cl-ped-top{height:9px;background:linear-gradient(180deg,#D8282F,#A81A22);border:1.5px solid #F5C542;border-bottom:0;border-radius:6px 6px 0 0}
.cl-ped-body{background:linear-gradient(180deg,#C8202A,#9E1620);border:1.5px solid #F5C542;border-top:0;padding:9px 8px 10px}
.cl-ped-body b{display:block;font-size:16px;font-weight:800;color:#FFE9A8;letter-spacing:2px}
.cl-ped-body span{display:block;font-size:11px;color:#F5C542;margin-top:3px;letter-spacing:.5px}
.cl-ped-foot{height:11px;background:linear-gradient(180deg,#8E121B,#6E0D14);border:1.5px solid #F5C542;border-top:0;border-radius:0 0 7px 7px;box-shadow:0 5px 14px rgba(110,13,20,.35)}
/* 100% 中奖 承诺条（V4 新增） */
.cl-guarantee{display:flex;align-items:center;gap:10px;background:linear-gradient(100deg,#FFF4E0,#FFE9C4);border:1px solid #F0C46A;border-radius:8px;padding:10px 14px}
.cl-guarantee b{flex:0 0 auto;background:#E23B3B;color:#FFF6D8;font-size:13px;font-weight:800;border-radius:999px;padding:4px 12px;letter-spacing:.5px}
.cl-guarantee span{font-size:12.5px;color:#8A5A12;line-height:1.6}
.cl-side{display:flex;flex-direction:column;gap:10px}
.cl-chance{display:flex;justify-content:space-between;align-items:center;background:#fdf9ef;border-left:4px solid #c9a961;border-radius:6px;padding:10px 14px}
.cl-chance span{font-size:13px;color:#6d8377}
.cl-chance b{font-size:17px;color:#8a6a1f}
.cl-btn{background:#C9A961;color:#123a28;border:0;border-radius:8px;padding:14px 18px;font-size:17px;font-weight:800;cursor:pointer;letter-spacing:2px}
.cl-btn:hover{background:#d3b877}
.cl-result{background:#f6faf7;border:1px solid #cfe0d6;border-radius:8px;padding:12px 14px}
.cl-result strong{color:#0b3d2a;font-size:15px}
.cl-result p{font-size:13px;color:#4d6b5c;margin:6px 0 0;line-height:1.7}
.cl-result code{background:#edf6ef;color:#14613d;padding:1px 6px;border-radius:4px;font-size:12px}
.cl-prizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cl-prize{border:1px solid #dce7df;border-radius:10px;padding:0;background:#fff;overflow:hidden}
/* V7 新增：奖品「产品样式框」——内置简笔示意图做样子；
   后台配置实物图后插入 <img> 即自动覆盖（img 绝对定位铺满）。 */
.cl-pimg{position:relative;height:96px;background:#fff;display:flex;align-items:center;justify-content:center;
  border-bottom:1px solid #e6ede8;overflow:hidden}
.cl-pimg .cl-pic{width:100%;height:100%;display:block}
.cl-pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cl-prize-gold .cl-pimg{background:#fffdf6}
.cl-prize-red .cl-pimg{background:#fffafa}
.cl-prize-green .cl-pimg{background:#f8fdfa}
.cl-pbody{padding:10px 13px 13px}
.cl-prize strong{display:block;font-size:15px;color:#0b3d2a;margin-bottom:4px}
.cl-prize span{font-size:12.5px;color:#6d8377;line-height:1.6}
.cl-prize-gold{border-color:#c9a961;background:#fdf9ef}
.cl-prize-gold strong{color:#8a6a1f}
.cl-prize-red{border-color:#e6b9b9;background:#fdf5f5}
.cl-prize-red strong{color:#a13c3c}
.cl-prize-green{border-color:#a9cdb8;background:#f4faf6}
/* 后台下架的奖品格：整体灰化，明确标注，不假装还在抽奖 */
.cl-prize-off{border-color:#dcdcdc!important;background:#f4f4f4!important;opacity:.72}
.cl-prize-off strong,.cl-prize-off span,.cl-prize-off .cl-pv{color:#8b8b8b!important}
.cl-prize-off .cl-pv{background:#eee!important;border-color:#ddd!important}
.cl-prize-off .cl-pimg{filter:grayscale(1);opacity:.5}
/* 中奖权重：后台配置多少就公示多少 */
.cl-pw{display:block;margin-top:7px;font-size:11.5px;font-style:normal;color:#0f4c33;
  background:#eef6f0;border:1px solid #d5e7db;border-radius:5px;padding:4px 7px;letter-spacing:.2px}
.cl-prize-off .cl-pw{color:#8b8b8b;background:#f0f0f0;border-color:#e0e0e0}
/* 活动关闭态 */
.cl-off{border:1px dashed #cfd8d2;border-radius:10px;background:#fafbfa;padding:18px 16px;text-align:center}
.cl-off b{display:block;font-size:15px;color:#3c4a40;margin-bottom:6px}
.cl-off span{font-size:12.5px;color:#6d8377}
.cl-ul{margin:0;padding-left:20px}
.cl-ul li{font-size:14px;color:#3d5c4b;line-height:1.9;margin-bottom:5px}
.cl-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.cl-btn2{border:1px solid #cfe0d6;border-radius:6px;padding:10px 16px;color:#14613d;text-decoration:none;font-size:14px;font-weight:700;background:#f6faf7}
.cl-btn2-primary{background:#14613d;color:#fff;border-color:#14613d}
.cl-rule{font-size:13px;color:#287044;line-height:1.7;margin:0}
.cl-caption{font-size:12px;color:#7b8b80;line-height:1.7;margin-top:10px}
.cl-prize{position:relative;padding-right:16px}
.cl-pno{position:absolute;right:9px;top:7px;font-style:normal;font-size:13px;color:#c9a961;font-weight:800;opacity:.8}
.cl-pv{display:inline-block;font-size:12.5px;font-weight:800;color:#8a6a1f;background:#f7f0dd;border:1px solid #e2d3ab;border-radius:4px;padding:2px 7px;margin-bottom:6px}
.cl-prize-red .cl-pv{color:#a13c3c;background:#fbeeee;border-color:#e8c4c4}
.cl-prize-green .cl-pv{color:#14613d;background:#eaf5ee;border-color:#bcdcc8}
@media(max-width:1100px){.cl-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.cl-board{grid-template-columns:1fr;padding:14px}.cl-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-hero{padding:18px}.cl-hero h1{font-size:21px}.cl-pimg{height:80px}}