/* 广告推荐区 */
#vip-emerald-luxe-173,
#vip-emerald-luxe-173 *{
    box-sizing:border-box;
}

#vip-emerald-luxe-173{
    width:100%;
    position:relative;
}

/* 主面板 */
#vip-emerald-luxe-173 .lux-box{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:18px;
    border:2px solid #b8f3d0;
    background:
        linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,0) 28%),
        radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 24%),
        radial-gradient(circle at 85% 22%,rgba(170,255,214,.15),transparent 30%),
        radial-gradient(circle at 50% 100%,rgba(0,0,0,.18),transparent 52%),
        linear-gradient(135deg,#013a2f 0%,#055844 28%,#0b7b5d 52%,#0a5d49 76%,#022d24 100%);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.14) inset,
        0 0 0 4px rgba(10,93,73,.45) inset,
        0 14px 35px rgba(0,45,36,.42),
        0 3px 10px rgba(255,255,255,.08) inset;
}

/* 纹理层 */
#vip-emerald-luxe-173 .lux-box:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,.055) 0px,
            rgba(255,255,255,.055) 2px,
            transparent 2px,
            transparent 18px
        ),
        repeating-linear-gradient(
            -35deg,
            rgba(0,0,0,.06) 0px,
            rgba(0,0,0,.06) 1px,
            transparent 1px,
            transparent 22px
        ),
        radial-gradient(circle at 12% 82%,rgba(255,255,255,.10),transparent 16%),
        radial-gradient(circle at 82% 68%,rgba(255,255,255,.08),transparent 18%);
    mix-blend-mode:screen;
    opacity:.9;
}

/* 柔光扫过 */
#vip-emerald-luxe-173 .lux-box:after{
    content:"";
    position:absolute;
    top:0;
    left:-55%;
    width:42%;
    height:100%;
    pointer-events:none;
    background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.24) 48%,transparent 100%);
    transform:skewX(-18deg);
    animation:vipEmeraldSweep 4.2s linear infinite;
    opacity:.85;
}

@keyframes vipEmeraldSweep{
    0%{ left:-55%; }
    100%{ left:125%; }
}

/* 标题 */
#vip-emerald-luxe-173 .lux-title{
    position:relative;
    min-height:52px;
    line-height:52px;
    text-align:center;
    padding:0 10px;
    font-size:26px;
    font-weight:900;
    letter-spacing:1px;
    color:#f9fff9;
    text-shadow:
        0 1px 0 rgba(0,0,0,.55),
        0 0 10px rgba(201,255,224,.35);
    background:
        linear-gradient(180deg,rgba(233,255,243,.28),rgba(255,255,255,.04)),
        linear-gradient(90deg,#035f4a 0%,#11a278 50%,#035f4a 100%);
    border-bottom:2px solid rgba(199,255,222,.5);
    box-shadow:
        0 1px 0 rgba(255,255,255,.18) inset,
        0 -1px 0 rgba(0,0,0,.18) inset;
    white-space:nowrap;
    overflow:hidden;
}

#vip-emerald-luxe-173 .lux-title .domain-blue{ color:#9ddcff; }
#vip-emerald-luxe-173 .lux-title .domain-red{ color:#ff5252; }
#vip-emerald-luxe-173 .lux-title .domain-white{ color:#ffffff; }

#vip-emerald-luxe-173 .title-line-left,
#vip-emerald-luxe-173 .title-line-right{
    position:absolute;
    top:50%;
    width:56px;
    height:2px;
    margin-top:-1px;
    background:linear-gradient(to right,transparent,#d9ffe8,transparent);
    opacity:.9;
}
#vip-emerald-luxe-173 .title-line-left{ left:10px; }
#vip-emerald-luxe-173 .title-line-right{ right:10px; }

/* 主体 */
#vip-emerald-luxe-173 .lux-content{
    display:grid;
    grid-template-columns:14% 85%;
    position:relative;
    z-index:2;
    padding:10px;
    gap:10px;
margin-bottom:-75px;}

/* 左侧 */
#vip-emerald-luxe-173 .lux-left{
    display:flex;
    align-items:center;
    justify-content:center;
    height:60px !important;  /* 改这里数字，直接控制高矮，越小越矮 */
    min-height:unset !important;
    text-align:center;
    border-radius:14px;
    border:1px solid rgba(206,255,225,.55);
    background:
        radial-gradient(circle at 30% 22%,rgba(255,255,255,.24),transparent 30%),
        linear-gradient(180deg,#0f8b67 0%,#0b6e54 52%,#075340 100%);
    box-shadow:
        0 0 0 1px rgba(255,255,255,.08) inset,
        0 8px 18px rgba(0,0,0,.18),
        0 2px 6px rgba(255,255,255,.08) inset;
    position:relative;
    overflow:hidden;
}

#vip-emerald-luxe-173 .lux-left:before{
    content:"";
    position:absolute;
    inset:0;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.05) 0px,
            rgba(255,255,255,.05) 2px,
            transparent 2px,
            transparent 18px
        );
    opacity:.65;
    pointer-events:none;
}

#vip-emerald-luxe-173 .left-inner{
    position:relative;
    z-index:1;
    color:#f7fff8;
    text-shadow:0 1px 2px rgba(0,0,0,.35);
    line-height:1.55;
    font-size:26px;
    font-weight:900;
}

#vip-emerald-luxe-173 .left-inner span{
    display:block;
}

/* 右侧 */
#vip-emerald-luxe-173 .lux-right{
    display:grid;
    grid-template-rows:1fr 1fr;
    gap:10px;
}

#vip-emerald-luxe-173 .line-card{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:8px 8px;
    border-radius:14px;
    border:1px solid rgba(223,255,236,.55);
    background:
        linear-gradient(180deg,rgba(255,255,255,.96),rgba(225,255,238,.92));
    box-shadow:
        0 2px 0 rgba(255,255,255,.7) inset,
        0 -1px 0 rgba(0,0,0,.05) inset,
        0 7px 16px rgba(0,35,24,.16);
    color:#08392d;
    font-size:26px;
    font-weight:900;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
}

#vip-emerald-luxe-173 .line-card:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:40%;
    background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,0));
    pointer-events:none;
}

/* ===== 数字立体三角框 ===== */
#vip-emerald-luxe-173 .tri-group{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-left:8px;
    flex-wrap:nowrap;
    justify-content:center;
}

#vip-emerald-luxe-173 .tri-num{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    height:40px;
    padding:0 16px;
    color:#fff36a;
    font-size:24px;
    font-weight:900;
    letter-spacing:1px;
    border-radius:10px;
    border:1px solid #ffd98d;
    background:
        linear-gradient(180deg,#ff6666 0%,#e10000 55%,#9f0000 100%);
    box-shadow:
        0 3px 0 #680000,
        0 0 0 1px rgba(255,255,255,.12) inset,
        0 8px 16px rgba(110,0,0,.25),
        0 0 10px rgba(255,70,70,.24);
    text-shadow:0 1px 1px rgba(0,0,0,.35);
    overflow:visible;
    z-index:1;
}

/* 左右三角立体翼 */
#vip-emerald-luxe-173 .tri-num:before,
#vip-emerald-luxe-173 .tri-num:after{
    content:"";
    position:absolute;
    top:50%;
    width:0;
    height:0;
    transform:translateY(-50%);
    z-index:-1;
}

#vip-emerald-luxe-173 .tri-num:before{
    left:-12px;
    border-top:14px solid transparent;
    border-bottom:14px solid transparent;
    border-right:12px solid #b30000;
    filter:drop-shadow(-1px 2px 0 #650000);
}

#vip-emerald-luxe-173 .tri-num:after{
    right:-12px;
    border-top:14px solid transparent;
    border-bottom:14px solid transparent;
    border-left:12px solid #ff4242;
    filter:drop-shadow(1px 2px 0 #650000);
}

/* 上方高光 */
#vip-emerald-luxe-173 .tri-num i{
    position:absolute;
    left:6px;
    right:6px;
    top:4px;
    height:10px;
    border-radius:10px;
    background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));
    pointer-events:none;
}

/* 下方金属底边 */
#vip-emerald-luxe-173 .tri-num b{
    position:absolute;
    left:8px;
    right:8px;
    bottom:-4px;
    height:5px;
    border-radius:0 0 6px 6px;
    background:linear-gradient(90deg,#ffefad,#c88d18,#ffefad);
    opacity:.95;
    pointer-events:none;
}

/* 单个一码数字稍大一点 */
#vip-emerald-luxe-173 .tri-num.big{
    min-width:66px;
    height:42px;
    font-size:25px;
}

/* 底部 */
#vip-emerald-luxe-173 .lux-footer{
    position:relative;
    z-index:2;
    margin:0 10px 10px;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:8px 8px;
    border-radius:14px;
    border:1px solid rgba(208,255,229,.5);
    background:
        linear-gradient(180deg,#08382d 0%,#052820 100%);
    box-shadow:
        0 1px 0 rgba(255,255,255,.08) inset,
        0 7px 14px rgba(0,0,0,.18);
    color:#ffffff;
    font-size:24px;
    font-weight:900;
    line-height:1.45;
    text-shadow:0 1px 2px rgba(0,0,0,.45);
}

#vip-emerald-luxe-173 .green{ color:#66ff99; }
#vip-emerald-luxe-173 .blue{ color:#6ed0ff; }
#vip-emerald-luxe-173 .red{ color:#ff5252; }

/* 手机端 */
@media screen and (max-width:480px){
    #vip-emerald-luxe-173 .lux-box{
        border-radius:14px;
    }

    #vip-emerald-luxe-173 .lux-title{
        min-height:44px;
        line-height:44px;
        font-size:20px;
        padding:0 6px;
        letter-spacing:0;
    }

    #vip-emerald-luxe-173 .title-line-left,
    #vip-emerald-luxe-173 .title-line-right{
        width:30px;
    }

    #vip-emerald-luxe-173 .lux-content{
        grid-template-columns:18% 81%;
        gap:5px;
        padding:5px;
    margin-bottom:-60px;}

@media screen and (max-width:480px){
#vip-emerald-luxe-173 .lux-left{
    height:50px !important; /* 手机端高度，自行调数字 */
    min-height:unset !important;
    border-radius:12px;
}
}

    #vip-emerald-luxe-173 .left-inner{
        font-size:20px;
    }

@media screen and (max-width:480px){
#vip-emerald-luxe-173 .line-card{
    min-height:44px;
    font-size:20px;
    padding:3px 4px 6px 4px;
    border-radius:12px;
    flex-wrap:wrap;
    align-items:flex-start;
}
}

    #vip-emerald-luxe-173 .tri-group{
        gap:5px;
        margin-left:4px;
    }

    #vip-emerald-luxe-173 .tri-num{
        min-width:56px;
        height:34px;
        font-size:23px;
        padding:0 10px;
    }

    #vip-emerald-luxe-173 .tri-num.big{
        min-width:52px;
        height:36px;
        font-size:20px;
    }

    #vip-emerald-luxe-173 .tri-num:before{
        left:-10px;
        border-top:12px solid transparent;
        border-bottom:12px solid transparent;
        border-right:10px solid #b30000;
    }

    #vip-emerald-luxe-173 .tri-num:after{
        right:-10px;
        border-top:12px solid transparent;
        border-bottom:12px solid transparent;
        border-left:10px solid #ff4242;
    }

    #vip-emerald-luxe-173 .lux-footer{
        margin:-7 8px 8px;
        font-size:22px;
        min-height:42px;
        padding:6px 4px;
        border-radius:12px;
    }


@media screen and (max-width:360px){
    #vip-emerald-luxe-173 .lux-title{
        font-size:18px;
    }

    #vip-emerald-luxe-173 .left-inner{
        font-size:18px;
    }

    #vip-emerald-luxe-173 .line-card{
        font-size:17px;
    }

    #vip-emerald-luxe-173 .tri-num{
        min-width:40px;
        font-size:18px;
        padding:0 8px;
    }

    #vip-emerald-luxe-173 .lux-footer{
        font-size:18px;
    }
}