.info_c_h{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:flex-start;color:#fff;margin-top:3.2vw;padding:4.8vw 4.267vw 10.133vw;border-radius:3.733vw;border:.267vw solid rgba(243,199,162,.26);background:radial-gradient(circle at 86% 4%,rgba(255,214,154,.14),transparent 44%),linear-gradient(150deg,rgba(74,55,38,.5),rgba(31,28,31,.94));box-shadow:0 1.6vw 4.8vw rgba(0,0,0,.42),inset 0 1px 0 rgba(255,244,219,.16);overflow:hidden}

.info_c_h:before{content:"";position:absolute;top:0;left:-40%;width:40%;height:.4vw;background:linear-gradient(90deg,transparent,rgba(255,226,184,.85),transparent);animation:cd-sweep 4.5s ease-in-out infinite}

.info_c_h .m1{position:relative;z-index:1;padding-left:2.667vw;padding-bottom:2.4vw;font-size:3.467vw;letter-spacing:.5px;color:#e6b98a}

.info_c_h .m1:before{content:"";position:absolute;left:0;top:.267vw;width:.8vw;height:3.733vw;border-radius:.4vw;background:linear-gradient(180deg,#efcba7,#dcab76)}

.info_c_h .p_number{position:relative;z-index:1;padding-bottom:3.733vw;font-size:3.733vw;color:hsla(0,0%,100%,.7)}

.info_c_h .p_number .expect_num{display:inline-block;font-weight:700;font-size:5.067vw;color:#fff;text-shadow:0 0 2.133vw rgba(243,199,162,.45);animation:cd-expect-in .5s cubic-bezier(.22,1,.36,1)}

.info_c_h .c_time{float:none;width:100%;margin:0;padding:0;border:none;border-radius:0;color:inherit;font-size:inherit}

.cd__row{position:relative;z-index:1;display:flex;align-items:flex-start;gap:2.133vw}

.cd__unit{display:flex;flex-direction:column;align-items:center}

.cd__digits{position:relative;min-width:16.533vw;height:11.2vw;padding:0 2.4vw;border-radius:2.4vw;overflow:hidden;border:.267vw solid rgba(243,199,162,.42);background:linear-gradient(180deg,rgba(94,70,47,.9),rgba(38,30,25,.95));box-shadow:inset 0 .267vw 0 rgba(255,244,219,.22),0 1.067vw 2.667vw rgba(0,0,0,.4);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}

.cd__val{display:flex;align-items:center;justify-content:center;height:100%;font-size:7.2vw;font-weight:800;letter-spacing:.267vw;color:#ffedd6;font-variant-numeric:tabular-nums}

.cd-fade-enter-active,.cd-fade-leave-active{transition:opacity .45s ease}

.cd-fade-enter,.cd-fade-leave-to{opacity:0}

.cd-fade-leave-active{position:absolute;top:0;right:0;bottom:0;left:0}

.cd__sep{padding-top:1.6vw;font-size:6.667vw;font-weight:800;line-height:1.2;color:rgba(243,199,162,.9);animation:cd-blink 1s ease-in-out infinite}

.cd__label{margin-top:1.6vw;font-size:2.667vw;letter-spacing:.533vw;color:rgba(243,199,162,.55);transition:color .3s ease}

.cd__scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:3.733vw;pointer-events:none}

.cd__scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(104deg,rgba(31,28,31,.95),rgba(31,28,31,.84) 28%,rgba(31,28,31,.46) 58%,rgba(31,28,31,.2))}

.cd__field{position:absolute;top:24%;right:0;bottom:0;left:0;background:repeating-linear-gradient(86deg,hsla(0,0%,100%,.032) .267vw,rgba(0,0,0,.05) .267vw 1.067vw),linear-gradient(180deg,#16290f,#21401a 30%,#2d5624 66%,#386b2c)}

.cd__field:before{content:"";position:absolute;top:0;right:0;left:0;height:34%;background:linear-gradient(180deg,rgba(146,174,128,.26),transparent)}

.cd__grass{position:absolute;width:.34em;height:1em;border-radius:.34em .34em 0 0;transform-origin:bottom center;background:linear-gradient(180deg,#5a9645,#23421a);animation:sway 2.2s ease-in-out infinite}

.cd__grass:after,.cd__grass:before{content:"";position:absolute;bottom:0;width:.28em;height:.66em;border-radius:.28em .28em 0 0;background:linear-gradient(180deg,#4b8339,#1f3a17)}

.cd__grass:before{left:-.42em;transform:rotate(-16deg);transform-origin:bottom center}

.cd__grass:after{left:.42em;transform:rotate(15deg);transform-origin:bottom center}

.cd__flower{position:absolute;width:.26em;height:1em;border-radius:.26em .26em 0 0;transform-origin:bottom center;background:linear-gradient(180deg,#74ad5c,#2a4d20);animation:sway 2.6s ease-in-out infinite;color:#ffd9e8}

.cd__flower--c1{color:#ffd9e8}

.cd__flower--c2{color:#ffe6ab}

.cd__flower--c3{color:#ded0ff}

.cd__flower--c4{color:#ffc2a8}

.cd__flower--c5{color:#fdf7ec}

.cd__flower--c6{color:#b9e3ff}

.cd__petal{position:absolute;left:50%;background:currentColor;filter:drop-shadow(0 .06em .12em rgba(0,0,0,.5))}

.cd__flower--round .cd__petal{top:-.52em;width:.34em;height:.34em;margin-left:-.17em;border-radius:50%;box-shadow:.26em 0 0 currentColor,-.26em 0 0 currentColor,0 .26em 0 currentColor,0 -.26em 0 currentColor}

.cd__flower--round .cd__petal:after{content:"";position:absolute;top:.08em;left:.08em;width:.18em;height:.18em;border-radius:50%;background:#ffcf5e}

.cd__flower--daisy .cd__petal{top:-.5em;width:.26em;height:.26em;margin-left:-.13em;border-radius:50%;box-shadow:.24em 0 0 currentColor,-.24em 0 0 currentColor,0 .24em 0 currentColor,0 -.24em 0 currentColor,.17em .17em 0 currentColor,-.17em .17em 0 currentColor,.17em -.17em 0 currentColor,-.17em -.17em 0 currentColor}

.cd__flower--daisy .cd__petal:after{content:"";position:absolute;top:.05em;left:.05em;width:.16em;height:.16em;border-radius:50%;background:#ffcf5e}

.cd__flower--tulip .cd__petal{top:-.78em;width:.6em;height:.72em;margin-left:-.3em;border-radius:50% 50% 44% 44%/62% 62% 38% 38%}

.cd__flower--tulip .cd__petal:after{content:"";position:absolute;top:.06em;left:50%;width:.06em;height:56%;margin-left:-.03em;background:rgba(120,70,60,.24)}

.cd__flower--bell .cd__petal{top:-.66em;width:.52em;height:.6em;margin-left:-.26em;border-radius:44% 44% 50% 50%/30% 30% 70% 70%}

.cd__flower--bell .cd__petal:after{content:"";position:absolute;right:.06em;bottom:.06em;left:.06em;height:.14em;border-radius:50%;background:hsla(0,0%,100%,.34)}

.cd__mill{position:absolute;bottom:23%;left:78%;z-index:2;width:0;height:0;perspective:74.667vw;filter:drop-shadow(0 1.067vw 2vw rgba(0,0,0,.5))}

.cd__towerL{position:absolute;bottom:-1.333vw;left:-6.533vw;width:6.533vw;height:22.133vw;clip-path:polygon(0 93.75%,100% 100%,100% 6.25%,36.8% 0);background:linear-gradient(100deg,#cfe3e8,#eef8fa 46%,#dfeef2)}

.cd__towerL:after{content:"";position:absolute;top:4.533vw;left:1.6vw;width:.8vw;height:.667vw;border-radius:1px;background:#ef8fb4;box-shadow:1.733vw 2.533vw 0 #7cc9ea,-.533vw 5.333vw 0 #ef8fb4,2.533vw 7.067vw 0 #55c6d6,.533vw 9.867vw 0 #f6bcd2,2.933vw 12.133vw 0 #7cc9ea,-1px 14.533vw 0 #ef8fb4,2.133vw 16vw 0 #55c6d6}

.cd__towerR{position:absolute;bottom:-1.333vw;left:0;width:6.533vw;height:22.133vw;clip-path:polygon(0 100%,100% 93.75%,63.2% 0,0 6.25%);background:linear-gradient(100deg,#b6d3db,#a3c5cf 60%,#8fb4bf)}

.cd__towerR:after{content:"";position:absolute;top:5.867vw;left:1.333vw;width:.8vw;height:.667vw;border-radius:1px;background:#d9789c;box-shadow:1.6vw 3.067vw 0 #63aec9,-.4vw 6.267vw 0 #d9789c,2.133vw 9.067vw 0 #46a7b6,.4vw 11.733vw 0 #d9789c}

.cd__roof{position:absolute;bottom:18.667vw;left:-6.4vw;width:12.8vw;height:8.267vw;clip-path:polygon(2% 100%,0 82%,6% 82%,3% 68%,9% 68%,6% 54%,12% 54%,10% 40%,16% 40%,19% 30%,26% 21%,35% 15%,44% 12%,50% 11%,56% 12%,65% 15%,74% 21%,81% 30%,84% 40%,90% 40%,88% 54%,94% 54%,91% 68%,97% 68%,94% 82%,100% 82%,98% 100%);background:radial-gradient(ellipse at 36% 22%,hsla(0,0%,100%,.55) 0,transparent 48%),linear-gradient(104deg,#f68cb2,#f2648f 32%,#ef5480 56%,#e2456f 80%,#c9345b)}

.cd__win{position:absolute;border:.267vw solid #6b5478;background:linear-gradient(180deg,#dff0f5,#a9c9d6)}

.cd__win--l{bottom:5.867vw;left:-4.533vw;width:2.933vw;height:3.6vw;transform:skewY(9deg)}

.cd__win--l:after{content:"";position:absolute;top:50%;right:-.267vw;left:-.267vw;height:.267vw;margin-top:-1px;background:#6b5478}

.cd__win--r{bottom:10.8vw;left:1.733vw;width:2.667vw;height:3.467vw;border-radius:1.333vw 1.333vw .4vw .4vw;transform:skewY(-9deg)}

.cd__door{position:absolute;bottom:0;left:-2.133vw;width:3.467vw;height:5.2vw;border-radius:1.733vw 1.733vw .4vw .4vw;transform:skewY(9deg);background:linear-gradient(180deg,#7a5a86,#4b3557);box-shadow:inset 0 0 0 .267vw rgba(240,235,245,.35)}

.cd__rotor{position:absolute;bottom:16.267vw;left:-2.4vw;width:0;height:0;transform:rotateY(-30deg);animation:mill-spin 3.6s linear infinite}

.cd__blade{position:absolute;bottom:0;left:-1.867vw;width:3.867vw;height:13.467vw;transform-origin:bottom center}

.cd__blade:before{content:"";position:absolute;top:1.333vw;right:1px;bottom:2.267vw;left:1.467vw;border-radius:1px;background:linear-gradient(102deg,#fffdf7,#f2ece0 62%,#ded6c6)}

.cd__blade:after{content:"";position:absolute;top:0;bottom:0;left:.8vw;width:.667vw;border-radius:.333vw;background:linear-gradient(180deg,#7c6389,#5b4568 52%,#3d2c48)}

.cd__blade:first-child{transform:rotate(45deg)}

.cd__blade:nth-child(2){transform:rotate(135deg)}

.cd__blade:nth-child(3){transform:rotate(225deg)}

.cd__blade:nth-child(4){transform:rotate(315deg)}

.cd__hub{position:absolute;bottom:15.067vw;left:-3.733vw;width:2.667vw;height:2.667vw;border-radius:50%;background:radial-gradient(circle at 34% 30%,#8f7699,#4e3a5b 70%,#33243d)}

.cd__tree{position:absolute;bottom:19%;left:57%;z-index:1;width:5.067vw;height:5.067vw;border-radius:50%;background:radial-gradient(circle at 33% 28%,#63ac4d 0,#2f6428 62%,#1b3d17 100%);filter:drop-shadow(0 .533vw .933vw rgba(0,0,0,.45))}

.cd__tree:after{content:"";position:absolute;top:88%;left:50%;width:.933vw;height:2.4vw;margin-left:-.467vw;border-radius:.267vw;background:linear-gradient(90deg,#4a3220,#8a6440 45%,#3d2a1a)}

.cd__tree--far{bottom:27%;left:50%;width:3.467vw;height:3.467vw;opacity:.72}

.cd__tree--far:after{width:.667vw;height:1.733vw;margin-left:-.333vw}

.cd__scene--gust .cd__flower,.cd__scene--gust .cd__grass{--sway:9deg;animation-duration:1.3s!important}

.cd__bar{position:absolute;right:4.267vw;bottom:3.467vw;left:4.267vw;z-index:1;height:1.067vw;border-radius:1.067vw;overflow:hidden;background:hsla(0,0%,100%,.08)}

.cd__bar i{display:block;width:100%;height:100%;border-radius:1.067vw;transform-origin:left center;transition:transform 1s linear,background .3s ease;background:linear-gradient(90deg,#dcab76,#f3c7a2,#ffe6c4)}

.cd__bar:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:cd-flow 2.2s linear infinite}

.cd--urgent .cd__digits{border-color:rgba(255,128,128,.75);background:linear-gradient(180deg,rgba(122,46,46,.92),rgba(46,24,24,.96));box-shadow:inset 0 .267vw 0 rgba(255,220,220,.2),0 0 3.467vw rgba(255,90,90,.35);animation:cd-pulse 1s ease-in-out infinite}

.cd--urgent .cd__val{color:#ffe2e2}

.cd--urgent .cd__sep{color:#ff9b9b}

.cd--urgent .cd__label{color:rgba(255,155,155,.7)}

.cd--urgent .cd__bar i{background:linear-gradient(90deg,#d94f4f,#ff7a7a,#ffb0b0)}



.options-bar{border:.267vw solid #766350;border-radius:2.133vw;background:#2b2b2b;margin:4vw 2.667vw;margin-bottom:4vw}

.put_tit_r{font-weight:700;color:#e6b98a;font-size:3.733vw;padding-left:2.133vw;position:relative;margin:2.667vw}

.put_tit_r:before{content:"";display:block;position:absolute;width:1.067vw;height:4vw;background:linear-gradient(90deg,#ff7a8d 0,#ff4d67);left:0;top:.8vw}

.options-bar .game{flex:1;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}

.options-bar .game .tips{display:flex;align-items:center;height:13.333vw;padding:0 2.667vw}

.options-bar .game .tips .odds{flex:1;font-size:4.667vw;font-weight:500;color:#ff253f}

.options-bar .game .tips .play-tip{display:flex;align-items:center;height:100%}

.options-bar .game .tips .play-tip .span-text{margin-left:1.333vw;font-size:4.667vw;font-weight:bolder;color:#ff253f}

.sumValueTwoSides{display:flex;padding:1.333vw 0;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap}

.sumValueTwoSides .c_u_item{display:flex;align-items:center;justify-content:center;padding:2.667vw 1.867vw;border:.533vw solid #766350;border-radius:2.133vw;box-sizing:border-box}

.sumValueTwoSides .c_u_item img{width:100%;aspect-ratio:2;-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply}

.rectangle{overflow:hidden}

.rectangle.large{width:calc(50% - 4vw)!important;text-align:center;background:transparent;margin:0 0 4vw 2.667vw;width:20%;border-radius:2.667vw;color:#fff}

.rectangle.large.active,
.rectangle.large.selected{position:relative}

.rectangle.large.active .c_u_item,
.rectangle.large.selected .c_u_item{
  position:relative;
  overflow:hidden;
  color:#f3c7a2!important;
  box-sizing:border-box;
  border:.533vw solid #f3c7a2;
  box-shadow:0 0 0 .267vw rgba(243,199,162,.35);
}

/* 右下角三角勾：贴齐圆角，透明区不露底 */
.rectangle.large.active .c_u_item:after,
.rectangle.large.selected .c_u_item:after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:7.467vw;
  height:7.467vw;
  background:url("/static/index/images/ico_yes.png") no-repeat right bottom;
  background-size:100% 100%;
  z-index:2;
  pointer-events:none;
}

.rectangle .wrapper{position:relative;padding:0 1.333vw;background:#fff}

.rectangle .wrapper .content{position:absolute;display:flex;top:0;left:0;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}

.rectangle.large .wrapper{padding-bottom:100%}

.rectangle .wrapper .content .name-text.large{font-size:4.267vw}

.rectangle .wrapper .content .name-text{color:#7d7c7c}

.rectangle .wrapper .content .odd-text.large{font-size:3.333vw;margin-top:-4vw}

.rectangle .wrapper .content .odd-text{text-align:center;color:#ff253f}

.rectangle.active .wrapper{background-color:#ff253f!important}

.rectangle.active .wrapper{background-color:#d07ac7!important}

.rectangle.active .wrapper .name-text,.rectangle.active .wrapper .odd-text{color:#fff!important}
@keyframes cd-sweep{0%{left:-40%;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}
@keyframes cd-expect-in{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(0)}}
@keyframes cd-blink{0%,to{opacity:1}50%{opacity:.25}}
@keyframes cd-flow{0%{transform:translateX(-100%)}to{transform:translateX(400%)}}
@keyframes cd-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes mill-spin{0%{transform:rotateY(-30deg) rotate(0deg)}to{transform:rotateY(-30deg) rotate(1turn)}}
@keyframes sway{0%,to{transform:rotate(calc(var(--sway, 5deg)*-1))}50%{transform:rotate(var(--sway,5deg))}}

/* ===== lottery page glue (manual include) ===== */
.lottery-ck-wrap { padding: 3.2vw 2.667vw 0; }
.lottery-ck-wrap .info_c_h { margin-top: 0; }
.lottery-ck-history {
  display: flex; justify-content: flex-end; align-items: center; gap: 4px;
  margin: 2.667vw 0 0; padding: 0 1.333vw;
  font-size: 3.733vw; color: #e6b98a; cursor: pointer;
}
.lottery-ck-history svg { width: 4.267vw; height: 4.267vw; }
.lottery-ck-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--brand-soft, #ffe2ac);
  cursor: pointer;
}
.lottery-ck-menu svg {
  width: 24px;
  height: 24px;
  display: block;
}

/* vote options: always-on colors + gold selected */
.options-bar { margin-bottom: 4vw !important; }
.sumValueTwoSides .rectangle.large .c_u_item { width: 100%; }
.sumValueTwoSides .rectangle.large:nth-child(1) .c_u_item { background: rgb(137, 72, 251); }
.sumValueTwoSides .rectangle.large:nth-child(2) .c_u_item { background: rgb(255, 99, 152); }
.sumValueTwoSides .rectangle.large:nth-child(3) .c_u_item { background: rgb(255, 125, 115); }
.sumValueTwoSides .rectangle.large:nth-child(4) .c_u_item { background: rgb(33, 150, 243); }
.sumValueTwoSides .rectangle.large.selected .c_u_item,
.sumValueTwoSides .rectangle.large.active .c_u_item {
  position: relative;
  overflow: hidden;
  border: .533vw solid #f3c7a2 !important;
  box-shadow: 0 0 0 .267vw rgba(243,199,162,.35);
}
.sumValueTwoSides .vote-option-name {
  margin-top: 1.6vw; font-size: 3.2vw; color: #e6b98a; text-align: center;
}
.sumValueTwoSides .rectangle.large { cursor: pointer; transition: transform .15s ease; }
.sumValueTwoSides .rectangle.large:active { transform: scale(0.98); }

/* map existing class names if pasted over .vote-option-item */
.vote-option-item.c_u_item-wrap { /* noop helper */ }