#cn-festive-threecode-193,
#cn-festive-threecode-193 *{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%;
    font-family:"KaiTi","STKaiti","SimKai","楷体","Microsoft YaHei",serif;
}

#cn-festive-threecode-193{
    --green:#138a5a;
    --green-dark:#0b5a3b;
    --green-deep:#053222;
    --green-ink:#0d4f35;
    --emerald:#1fa36f;
    --emerald-light:#41c68f;
    --gold:#e6c36a;
    --gold-light:#fff0bd;
    --gold-dark:#a97918;
    --paper:#f7fff8;
    --ink:#173326;
    --purple:#5d8f78;

    width:100%;
    max-width:900px;
    margin:8px auto;
    color:var(--ink);
    isolation:isolate;
}

/* 外层高级绿色主框 */
#cn-festive-threecode-193 .cn-main{
    position:relative;
    overflow:hidden;
    padding:9px;
    border:3px solid var(--gold-dark);
    border-radius:18px;
    background:
        radial-gradient(circle at 10% 5%,rgba(255,231,160,.18) 0 3px,transparent 4px),
        radial-gradient(circle at 90% 5%,rgba(255,231,160,.18) 0 3px,transparent 4px),
        linear-gradient(135deg,#04281c 0%,#0a4b33 28%,#11734c 50%,#0c5c3d 72%,#032117 100%);
    box-shadow:
        0 6px 18px rgba(5,44,28,.30),
        inset 0 0 0 2px rgba(255,235,172,.34);
}

/* 四角装饰 */
#cn-festive-threecode-193 .cn-main:before,
#cn-festive-threecode-193 .cn-main:after{
    position:absolute;
    top:15px;
    z-index:2;
    color:var(--gold);
    font-size:28px;
    line-height:1;
    text-shadow:0 2px 2px rgba(8,38,23,.65);
    pointer-events:none;
}

#cn-festive-threecode-193 .cn-main:before{
    content:"◆";
    left:12px;
}

#cn-festive-threecode-193 .cn-main:after{
    content:"◆";
    right:12px;
}

/* 顶部牌匾 */
#cn-festive-threecode-193 .cn-banner{
    position:relative;
    z-index:1;
    margin-bottom:8px;
    padding:10px 58px 9px;
    border:1px solid rgba(255,234,177,.88);
    border-radius:12px;
    text-align:center;
    color:var(--gold-light);
    font-size:clamp(20px,4.8vw,34px);
    font-weight:900;
    letter-spacing:3px;
    line-height:1.15;
    white-space:nowrap;
    background:
        linear-gradient(90deg,#0a3927 0%,#116b47 50%,#0a3927 100%);
    text-shadow:
        0 2px 0 #0a2e1f,
        0 0 8px rgba(255,223,128,.35);
    box-shadow:
        inset 0 0 12px rgba(255,225,135,.14),
        0 3px 8px rgba(5,39,25,.28);
}

#cn-festive-threecode-193 .cn-banner:before,
#cn-festive-threecode-193 .cn-banner:after{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:var(--gold);
    font-size:25px;
}

#cn-festive-threecode-193 .cn-banner:before{
    content:"如意";
    left:32px;
    font-size:15px;
}

#cn-festive-threecode-193 .cn-banner:after{
    content:"吉祥";
    right:32px;
    font-size:15px;
}

/* 单期资料 */
#cn-festive-threecode-193 .cn-card{
    position:relative;
    overflow:hidden;
    padding:11px 13px 13px;
    border:2px solid var(--gold);
    border-radius:14px;
    background:
        linear-gradient(rgba(252,255,252,.98),rgba(239,250,243,.98)),
        repeating-linear-gradient(
            45deg,
            transparent 0 12px,
            rgba(21,126,83,.035) 12px 24px
        );
    box-shadow:
        inset 0 0 0 3px rgba(17,110,73,.08),
        0 4px 10px rgba(7,45,29,.18);
}

#cn-festive-threecode-193 .cn-card + .cn-card{
    margin-top:10px;
}

/* 淡纹理 */
#cn-festive-threecode-193 .cn-card:before,
#cn-festive-threecode-193 .cn-card:after{
    position:absolute;
    color:rgba(16,118,77,.08);
    font-size:58px;
    font-weight:900;
    line-height:1;
    pointer-events:none;
}

#cn-festive-threecode-193 .cn-card:before{
    content:"祥云";
    left:-6px;
    bottom:-12px;
    transform:rotate(-10deg);
}

#cn-festive-threecode-193 .cn-card:after{
    content:"如意";
    right:-5px;
    top:46px;
    transform:rotate(9deg);
}

/* 期数标题 */
#cn-festive-threecode-193 .cn-period{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
    padding:9px 5px;
    border-radius:9px;
    color:#fff;
    font-size:clamp(18px,4.1vw,29px);
    font-weight:900;
    line-height:1.2;
    white-space:nowrap;
    background:
        linear-gradient(135deg,#0a573a,#138a5a,#27b076,#0b6542);
    text-shadow:
        0 2px 0 #08412c,
        0 0 5px rgba(255,232,160,.28);
    box-shadow:
        inset 0 0 0 1px rgba(255,232,167,.75),
        inset 0 -4px 8px rgba(6,55,36,.18);
}

#cn-festive-threecode-193 .cn-period strong{
    color:var(--gold-light);
    font-weight:900;
}

/* 三行内容 */
#cn-festive-threecode-193 .cn-list{
    position:relative;
    z-index:1;
    padding:7px 0 2px;
}

#cn-festive-threecode-193 .cn-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    column-gap:7px;
    min-height:43px;
    padding:3px 8px;
    text-align:center;
    font-size:clamp(17px,4vw,28px);
    font-weight:900;
    line-height:1.15;
    white-space:nowrap;
}

#cn-festive-threecode-193 .cn-left{
    text-align:right;
}

#cn-festive-threecode-193 .cn-right{
    text-align:left;
}

#cn-festive-threecode-193 .cn-money{
    color:#8b6610;
    text-shadow:0 1px 0 #fff;
}

#cn-festive-threecode-193 .cn-secret{
    color:#12774d;
    text-shadow:0 1px 0 #fff;
}

#cn-festive-threecode-193 .cn-lock{
    color:#567d69;
    text-shadow:0 1px 0 #fff;
}

/* 号码块 */
#cn-festive-threecode-193 .cn-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:64px!important;
    padding:5px 8px 4px;
    border:2px solid #edd487;
    border-radius:8px;
    color:#fff6c8;
    font-family:Arial,"Microsoft YaHei",sans-serif;
    font-size:clamp(19px,4.5vw,31px);
    font-weight:900;
    line-height:1;
    background:
        linear-gradient(180deg,#28b67b 0%,#138a5a 48%,#0b6542 100%);
    box-shadow:
        inset 0 2px 2px rgba(255,255,255,.22),
        inset 0 -3px 4px rgba(5,49,31,.25),
        0 2px 4px rgba(6,64,41,.20);
    text-shadow:
        0 2px 0 #08462f,
        0 0 4px rgba(255,243,190,.22);
}

/* 如意分隔线 */
#cn-festive-threecode-193 .cn-wish{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-top:4px;
    color:#0e6b45;
    font-size:clamp(15px,3.6vw,24px);
    font-weight:900;
    white-space:nowrap;
}

#cn-festive-threecode-193 .cn-wish:before,
#cn-festive-threecode-193 .cn-wish:after{
    content:"";
    width:19%;
    height:2px;
    border-radius:10px;
    background:linear-gradient(90deg,transparent,var(--gold-dark),var(--green));
}

#cn-festive-threecode-193 .cn-wish:after{
    background:linear-gradient(90deg,var(--green),var(--gold-dark),transparent);
}

#cn-festive-threecode-193 .cn-wish span{
    padding:4px 13px;
    border:1px solid rgba(169,121,24,.45);
    border-radius:20px;
    color:#0c6a44;
    background:linear-gradient(180deg,#fff7d8,#f1ddb0);
    box-shadow:inset 0 0 5px rgba(255,255,255,.8);
}

/* 第197期下方｜APP动态按钮 */
#cn-festive-threecode-193 .cn-app-actions{
    position:relative;
    z-index:3;
    display:grid;
    gap:7px;
    margin-top:10px;
    padding:10px;
    border:2px solid #d6b15f;
    border-radius:13px;
    background:
        radial-gradient(circle at 50% 0,rgba(255,238,153,.18),transparent 48%),
        linear-gradient(145deg,#083624 0%,#0d5f3f 48%,#09412c 100%);
    box-shadow:
        inset 0 0 0 2px rgba(255,228,132,.12),
        0 5px 12px rgba(6,47,30,.22);
    overflow:hidden;
}

#cn-festive-threecode-193 .cn-app-actions:before{
    content:"";
    position:absolute;
    inset:-80% -45%;
    background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.16) 49%,transparent 56%);
    transform:translateX(-55%) rotate(8deg);
    animation:cnAppSweep 3.8s linear infinite;
    pointer-events:none;
}

#cn-festive-threecode-193 .cn-app-btn{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    padding:8px 10px;
    border:1px solid rgba(255,226,128,.9);
    border-radius:10px;
    text-align:center;
    text-decoration:none!important;
    font-size:clamp(16px,3.8vw,25px);
    font-weight:900;
    line-height:1.18;
    letter-spacing:.5px;
    white-space:nowrap;
    overflow:hidden;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.35),
        0 3px 7px rgba(18,52,35,.18);
    transition:transform .2s ease,filter .2s ease;
    -webkit-tap-highlight-color:transparent;
}

#cn-festive-threecode-193 .cn-app-btn:active{
    transform:scale(.98);
}

#cn-festive-threecode-193 .cn-app-btn:nth-child(1){
    color:#fff0bf;
    background:linear-gradient(135deg,#0a3c28,#11734c,#1e9f6b,#0d5d3d);
    text-shadow:0 2px 0 #0a3523,0 0 8px rgba(255,224,132,.25);
    animation:cnAppGlow 1.8s ease-in-out infinite alternate;
}

#cn-festive-threecode-193 .cn-app-btn:nth-child(2){
    color:#5b4208;
    background:linear-gradient(110deg,#f4d98b 0%,#fff4c5 35%,#e4bc63 65%,#fff1bc 100%);
    background-size:220% 100%;
    text-shadow:0 1px 0 rgba(255,255,255,.72);
    animation:cnAppGoldFlow 2.7s linear infinite;
}

#cn-festive-threecode-193 .cn-app-btn:nth-child(3){
    color:#fff;
    border-color:#e8d086;
    background:linear-gradient(135deg,#1a9b67,#0b6e48,#1a9b67);
    text-shadow:0 2px 0 #075237,0 0 7px rgba(255,239,135,.24);
    animation:cnAppPulse 1.45s ease-in-out infinite;
}

#cn-festive-threecode-193 .cn-app-btn:nth-child(4){
    color:#fff6c9;
    background:linear-gradient(135deg,#0c4a31,#12764c,#0b5a3b);
    text-shadow:0 2px 0 #083825;
    animation:cnAppFloat 1.9s ease-in-out infinite;
}

#cn-festive-threecode-193 .cn-app-btn:nth-child(5){
    min-height:48px;
    color:#5d4308;
    border-width:2px;
    background:linear-gradient(135deg,#fff1b5,#eacb75,#fff5c7,#d9af4b);
    background-size:240% 100%;
    font-size:clamp(18px,4.4vw,29px);
    text-shadow:0 1px 0 #fff8d5;
    animation:cnAppGoldFlow 2s linear infinite,cnAppCta 1.25s ease-in-out infinite;
}

#cn-festive-threecode-193 .cn-app-btn:nth-child(5):before,
#cn-festive-threecode-193 .cn-app-btn:nth-child(5):after{
    content:"◆";
    margin:0 8px;
    color:#13754d;
    animation:cnAppArrow .8s ease-in-out infinite alternate;
}

@keyframes cnAppSweep{
    0%{transform:translateX(-65%) rotate(8deg)}
    100%{transform:translateX(65%) rotate(8deg)}
}

@keyframes cnAppGlow{
    from{filter:brightness(.96);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 5px rgba(255,218,112,.10)}
    to{filter:brightness(1.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 0 13px rgba(255,218,112,.35)}
}

@keyframes cnAppGoldFlow{
    0%{background-position:0 0}
    100%{background-position:220% 0}
}

@keyframes cnAppPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.018)}
}

@keyframes cnAppFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-2px)}
}

@keyframes cnAppCta{
    0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.56),0 3px 7px rgba(45,60,20,.18)}
    50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 0 15px rgba(255,221,79,.42)}
}

@keyframes cnAppArrow{
    from{transform:translateX(-2px)}
    to{transform:translateX(2px)}
}

/* 手机端适配 */
@media(max-width:600px){
    #cn-festive-threecode-193{
        margin:5px auto;
    }

    #cn-festive-threecode-193 .cn-main{
        padding:6px;
        border-width:2px;
        border-radius:12px;
    }

    #cn-festive-threecode-193 .cn-banner{
        padding:9px 45px 8px;
        letter-spacing:1px;
        border-radius:9px;
    }

    #cn-festive-threecode-193 .cn-banner:before,
    #cn-festive-threecode-193 .cn-banner:after{
        font-size:12px;
    }

    #cn-festive-threecode-193 .cn-card{
        padding:7px 6px 9px;
        border-radius:10px;
    }

    #cn-festive-threecode-193 .cn-period{
        gap:2px;
        padding:8px 2px;
        letter-spacing:-.5px;
    }

    #cn-festive-threecode-193 .cn-list{
        padding-top:5px;
    }

    #cn-festive-threecode-193 .cn-row{
        grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
        column-gap:3px;
        min-height:3px;
        padding:2px 1px;
        letter-spacing:-.7px;
    }

    #cn-festive-threecode-193 .cn-number{
        min-width:53px!important;
        padding:5px 5px 4px;
        border-radius:6px;
    }

    #cn-festive-threecode-193 .cn-wish{
        gap:4px;
    }

    #cn-festive-threecode-193 .cn-wish span{
        padding:3px 9px;
    }

    #cn-festive-threecode-193 .cn-app-actions{
        gap:6px;
        margin-top:8px;
        padding:7px;
        border-radius:10px;
    }

    #cn-festive-threecode-193 .cn-app-btn{
        min-height:38px;
        padding:7px 4px;
        font-size:clamp(14px,4vw,19px);
        letter-spacing:-.4px;
    }

    #cn-festive-threecode-193 .cn-app-btn:nth-child(5){
        min-height:43px;
        font-size:clamp(16px,4.5vw,22px);
    }
}

@media(max-width:390px){
    #cn-festive-threecode-193 .cn-banner{
        padding-left:37px;
        padding-right:37px;
    }

    #cn-festive-threecode-193 .cn-row{
        font-size:16px;
        letter-spacing:-1px;
    }

    #cn-festive-threecode-193 .cn-number{
        min-width:47px!important;
        font-size:19px;
        padding-left:3px;
        padding-right:3px;
    }

    #cn-festive-threecode-193 .cn-period{
        font-size:16px;
    }

    #cn-festive-threecode-193 .cn-app-btn{
        font-size:13px;
        letter-spacing:-.8px;
    }

    #cn-festive-threecode-193 .cn-app-btn:nth-child(5){
        font-size:16px;
    }

    #cn-festive-threecode-193 .cn-app-btn:nth-child(5):before,
    #cn-festive-threecode-193 .cn-app-btn:nth-child(5):after{
        margin:0 3px;
    }
}











#cs-jj9-bluegold-panel,
#cs-jj9-bluegold-panel *{
  box-sizing:border-box !important;
  margin:0;
  padding:0;
  max-width:100%;
  font-family:"KaiTi","楷体","STKaiti","SimKai","Microsoft YaHei",serif !important;
}

#cs-jj9-bluegold-panel{
  width:100%;
  margin:6px auto;
  text-align:center;
  color:#111;
  isolation:isolate;
  contain:layout paint style;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}



/* 外框 */
#cs-jj9-bluegold-panel .cs-shell{
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:8px;
  border-radius:20px;
  overflow:hidden;
  border:3px solid #d6b15f;
  background:
    radial-gradient(circle at 12% 6%,rgba(255,226,140,.26),transparent 28%),
    radial-gradient(circle at 88% 0%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(135deg,#07142f 0%,#12265a 42%,#071a3d 74%,#030814 100%);
  box-shadow:
    0 10px 26px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.16);
}

/* 标题 */
#cs-jj9-bluegold-panel .cs-title{
  padding:11px 8px;
  border-radius:15px;
  border:2px solid #f1d27b;
  background:linear-gradient(180deg,#254c9b 0%,#12265a 48%,#07142f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 4px 12px rgba(0,0,0,.28);
  color:#fff;
  font-size:clamp(19px,4.8vw,30px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:
    0 2px 3px rgba(0,0,0,.75),
    0 0 8px rgba(255,215,100,.55);
}

#cs-jj9-bluegold-panel .cs-title .gold{
  color:#fff200;
}

#cs-jj9-bluegold-panel .cs-title .domain{
  color:#7ff6ff;
}

/* 列表 */
#cs-jj9-bluegold-panel .cs-list{
  margin-top:8px;
  display:grid;
  gap:8px;
}

/* 普通卡片 */
#cs-jj9-bluegold-panel .cs-card{
  position:relative;
  overflow:hidden;
  border-radius:16px;
  border:2px solid #d6b15f;
  background:
    linear-gradient(90deg,rgba(18,38,90,.08),transparent 18%,transparent 82%,rgba(18,38,90,.08)),
    linear-gradient(180deg,#fffdf3 0%,#f7e7bc 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.86),
    0 4px 12px rgba(0,0,0,.18);
}

/* 中奖卡片高级底色 */
#cs-jj9-bluegold-panel .cs-win-card{
  border:2px solid #ffcc66;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,241,150,.45),transparent 34%),
    linear-gradient(180deg,#fffaf0 0%,#ffe7a6 48%,#f6cf76 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.92),
    0 4px 14px rgba(130,70,0,.22),
    0 0 0 1px rgba(255,220,120,.25);
  transform:translateZ(0);
}

/* 两边星光：轻量闪动 */
#cs-jj9-bluegold-panel .cs-win-card:before,
#cs-jj9-bluegold-panel .cs-win-card:after{
 
  position:absolute;
  top:10px;
  color:#b88620;
  font-size:17px;
  opacity:.55;
  animation:csStarTwinkle 2.8s ease-in-out infinite;
  will-change:transform,opacity;
  pointer-events:none
}

#cs-jj9-bluegold-panel .cs-win-card:before{
  left:10px;
}

#cs-jj9-bluegold-panel .cs-win-card:after{
  right:10px;
  animation-delay:1.1s;
}

#cs-jj9-bluegold-panel .cs-head{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  padding:9px 8px 4px;
  font-size:clamp(18px,4.4vw,25px);
  line-height:1.25;
  font-weight:900;
  color:#101010;
}

#cs-jj9-bluegold-panel .cs-issue{
  color:#111;
}

/* 红色标签 */
#cs-jj9-bluegold-panel .cs-tag{
  display:inline-block;
  padding:2px 11px;
  border-radius:999px;
  color:#ffffff;
  background:linear-gradient(180deg,#ff3b3b 0%,#d80000 50%,#8d0000 100%);
  border:1px solid #ffd36a;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 2px 5px rgba(0,0,0,.22);
  font-size:clamp(16px,4vw,22px);
  text-shadow:0 1px 2px rgba(0,0,0,.55);
}

/* 金色命中章：轻微浮动 */
#cs-jj9-bluegold-panel .cs-win-seal{
  display:inline-block;
  padding:2px 10px;
  border-radius:999px;
  color:#7a0000;
  background:
    linear-gradient(180deg,#fff7b3 0%,#ffd75a 48%,#d69a12 100%);
  border:1px solid #9d0000;
  font-size:clamp(15px,3.8vw,21px);
  font-weight:900;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.75),
    0 2px 6px rgba(150,80,0,.25);
  animation:csSealFloat 2.6s ease-in-out infinite;
  will-change:transform;
}

#cs-jj9-bluegold-panel .cs-body{
  padding:5px 8px 12px;
  line-height:1.15;
}

/* 高级中奖内容 */
#cs-jj9-bluegold-panel .cs-win-main{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  font-weight:900;
}

#cs-jj9-bluegold-panel .cs-label{
  font-size:clamp(22px,5.5vw,32px);
  color:#9d0000;
}

/* 生肖大字：呼吸 + 扫光 */
#cs-jj9-bluegold-panel .cs-big{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:86px;
  min-height:72px;
  padding:2px 12px;
  border-radius:18px;
  color:#fff200;
  font-size:clamp(44px,12vw,70px);
  line-height:1;
  font-weight:900;
  background:
    radial-gradient(circle at 35% 20%,#ff6464 0%,#e60012 45%,#8d0000 100%);
  border:3px solid #ffd36a;
  text-shadow:
    0 2px 2px rgba(0,0,0,.75),
    0 0 8px rgba(255,255,0,.55);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.38),
    0 0 0 2px rgba(255,255,255,.45),
    0 4px 12px rgba(170,0,0,.34);
  animation:csHitBreathe 2.4s ease-in-out infinite;
  will-change:transform;
  transform:translateZ(0);
}

#cs-jj9-bluegold-panel .cs-big:after{
  content:"";
  position:absolute;
  top:-30%;
  left:-80%;
  width:42%;
  height:160%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transform:skewX(-22deg) translateX(0);
  animation:csHitShine 3.4s linear infinite;
  will-change:transform;
  pointer-events:none;
}

#cs-jj9-bluegold-panel .cs-hot{
  display:inline-block;
  padding:4px 11px;
  border-radius:999px;
  color:#ffffff;
  background:linear-gradient(180deg,#12265a 0%,#07142f 100%);
  border:1px solid #d6b15f;
  font-size:clamp(19px,5vw,29px);
  font-weight:900;
  text-shadow:0 1px 2px rgba(0,0,0,.65);
}

#cs-jj9-bluegold-panel .cs-win-note{
  margin-top:6px;
  color:#8b0000;
  font-size:clamp(15px,4vw,21px);
  font-weight:900;
  line-height:1.25;
}

#cs-jj9-bluegold-panel .cs-win-note span{
  display:inline-block;
  padding:1px 8px;
  border-radius:6px;
  color:#ffffff;
  background:#d80000;
  border:1px solid #ffd36a;
  text-shadow:0 1px 2px rgba(0,0,0,.55);
  animation:csNotePop 2.9s ease-in-out infinite;
  will-change:transform;
}

/* 错开动画，避免全部一起跳 */
#cs-jj9-bluegold-panel .cs-win-card:nth-child(2) .cs-big,
#cs-jj9-bluegold-panel .cs-win-card:nth-child(2) .cs-win-seal,
#cs-jj9-bluegold-panel .cs-win-card:nth-child(2) .cs-win-note span{
  animation-delay:.25s;
}

#cs-jj9-bluegold-panel .cs-win-card:nth-child(3) .cs-big,
#cs-jj9-bluegold-panel .cs-win-card:nth-child(3) .cs-win-seal,
#cs-jj9-bluegold-panel .cs-win-card:nth-child(3) .cs-win-note span{
  animation-delay:.5s;
}

#cs-jj9-bluegold-panel .cs-win-card:nth-child(4) .cs-big,
#cs-jj9-bluegold-panel .cs-win-card:nth-child(4) .cs-win-seal,
#cs-jj9-bluegold-panel .cs-win-card:nth-child(4) .cs-win-note span{
  animation-delay:.75s;
}

/* 轻量动画关键帧：只动 transform / opacity */
@keyframes csHitBreathe{
  0%,100%{
    transform:translateZ(0) scale(1);
  }
  50%{
    transform:translateZ(0) scale(1.045);
  }
}

@keyframes csHitShine{
  0%{
    transform:skewX(-22deg) translateX(0);
  }
  100%{
    transform:skewX(-22deg) translateX(420%);
  }
}

@keyframes csSealFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-3px);
  }
}

@keyframes csNotePop{
  0%,100%{
    transform:scale(1);
  }
  50%{
    transform:scale(1.035);
  }
}

@keyframes csStarTwinkle{
  0%,100%{
    opacity:.45;
    transform:scale(1);
  }
  50%{
    opacity:.9;
    transform:scale(1.22);
  }
}

/* 186期领取卡 */
#cs-jj9-bluegold-panel .cs-link-card{
  background:
    radial-gradient(circle at 50% 0%,rgba(255,224,120,.48),transparent 32%),
    linear-gradient(180deg,#fffef7 0%,#f5d991 100%);
  border-color:#ffcc66;
}

#cs-jj9-bluegold-panel .cs-link-card .cs-big-text{
  display:inline-block;
  padding:5px 16px;
  border-radius:15px;
  background:linear-gradient(180deg,#fff65f 0%,#ffd000 52%,#f0a900 100%);
  border:2px solid #d50000;
  color:#d80000;
  font-size:clamp(34px,9vw,58px);
  font-weight:900;
  line-height:1.12;
  box-shadow:
    0 4px 10px rgba(0,0,0,.2),
    inset 0 2px 0 rgba(255,255,255,.75);
  text-shadow:0 1px 0 #fff;
}

#cs-jj9-bluegold-panel .cs-link-title{
  margin-top:7px;
  color:#0038ff;
  font-size:clamp(26px,7vw,42px);
  font-weight:900;
  line-height:1.18;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}

#cs-jj9-bluegold-panel .cs-app{
  margin-top:6px;
  font-size:clamp(16px,4.3vw,24px);
  font-weight:900;
  line-height:1.35;
  color:#111;
}

#cs-jj9-bluegold-panel .cs-app b{
  display:inline-block;
  padding:2px 8px;
  border-radius:6px;
  background:linear-gradient(180deg,#e60000 0%,#9d0000 100%);
  color:#fff400;
  border:1px solid #ffd36a;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
}

#cs-jj9-bluegold-panel .cs-app img{
  display:block;
  width:424px;
  max-width:100%;
  height:auto;
  max-height:66px;
  margin:6px auto 0;
  border:0;
}

/* 底部 */
#cs-jj9-bluegold-panel .cs-footer{
  margin-top:8px;
  padding:9px 7px;
  border-radius:14px;
  background:linear-gradient(180deg,#fff8df 0%,#ffe08a 100%);
  border:2px solid #d6b15f;
  color:#111;
  font-size:clamp(17px,4.5vw,25px);
  line-height:1.25;
  font-weight:900;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 3px 9px rgba(0,0,0,.16);
}

#cs-jj9-bluegold-panel .green{
  color:#008000;
}

#cs-jj9-bluegold-panel .blue{
  color:#0038ff;
}

#cs-jj9-bluegold-panel .red{
  color:#e60000;
}

/* 手机适配 */
@media screen and (max-width:480px){
  #cs-jj9-bluegold-panel .cs-shell{
    padding:6px;
    border-radius:15px;
    border-width:2px;
  }

  #cs-jj9-bluegold-panel .cs-title{
    padding:9px 4px;
    border-radius:12px;
  }

  #cs-jj9-bluegold-panel .cs-card{
    border-radius:13px;
  }

  #cs-jj9-bluegold-panel .cs-big{
    min-width:70px;
    min-height:60px;
  }
}

/* 系统开启减少动态时自动关闭动画 */
@media (prefers-reduced-motion:reduce){
  #cs-jj9-bluegold-panel .cs-win-card:before,
  #cs-jj9-bluegold-panel .cs-win-card:after,
  #cs-jj9-bluegold-panel .cs-win-seal,
  #cs-jj9-bluegold-panel .cs-big,
  #cs-jj9-bluegold-panel .cs-big:after,
  #cs-jj9-bluegold-panel .cs-win-note span{
    animation:none !important;
  }
}