#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;
    }
}