.sihai-vip-banner{
    width:100%;
    max-width:700px;
    height:260px;
    margin:10px auto;
    position:relative;
    overflow:hidden;

    border-radius:28px;

    border:3px solid #ffd54f;

    background:
    linear-gradient(
    135deg,
    #7ee3ff 0%,
    #1693ff 25%,
    #0055ff 50%,
    #006eff 75%,
    #82ebff 100%
    );

    box-shadow:
    0 0 40px rgba(0,180,255,.6),
    inset 0 0 50px rgba(255,255,255,.25);
}

/* 动态流光 */
.sihai-vip-banner:before{
    content:"";
    position:absolute;
    top:0;
    left:-150%;

    width:60%;
    height:100%;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.75),
    transparent
    );

    transform:skewX(-25deg);

    animation:bannerShine 4s linear infinite;
}

@keyframes bannerShine{
    100%{
        left:180%;
    }
}

/* 星空粒子 */
.banner-glow{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0 2px,transparent 3px),
    radial-gradient(circle at 80% 30%,rgba(255,255,255,.8) 0 3px,transparent 4px),
    radial-gradient(circle at 40% 70%,rgba(255,255,255,.8) 0 2px,transparent 3px),
    radial-gradient(circle at 90% 80%,rgba(255,255,255,.8) 0 2px,transparent 3px);
    animation:twinkle 2s infinite alternate;
}

@keyframes twinkle{
    from{opacity:.5;}
    to{opacity:1;}
}

.top-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 25px 0;
}

.left-box,
.right-box{

    height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:34px;
    font-weight:900;

    color:#fff;

    border-radius:15px;

    border:2px solid rgba(255,215,0,.9);

    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.25),
    rgba(0,0,0,.15)
    );

    text-shadow:
    0 2px 3px rgba(0,0,0,.5);
}

.left-box{
    width:250px;
}

.right-box{
    width:470px;
}

.right-box span{
    color:#ffd700;
    margin-left:8px;

    text-shadow:
    0 0 10px #ffd700,
    0 0 20px #ffd700;
}

/* 域名区域 */

.domain-box{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:8px;
}

.domain{

    position:relative;

    font-size:105px;
    font-weight:900;
    letter-spacing:3px;
    line-height:1;

    background:
    linear-gradient(
    180deg,
    #ffffff 0%,
    #fff9b5 20%,
    #ffd700 45%,
    #ffb300 70%,
    #fffef0 100%
    );

    background-size:100% 300%;

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:
    0 2px 0 ,
    0 4px 0 #c78c00,
    0 8px 15px rgba(0,0,0,.4);

    animation:
    goldFlow 2s linear infinite,
    domainGlow 1.5s ease-in-out infinite alternate;
}

.domain:after{

    content:"";

    position:absolute;
    top:0;
    left:-40%;

    width:40%;
    height:100%;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.9),
    transparent
    );

    transform:skewX(-20deg);

    animation:lightSweep 2.5s linear infinite;
}

@keyframes lightSweep{
    100%{
        left:140%;
    }
}

@keyframes goldFlow{
    100%{
        background-position:0 300%;
    }
}

@keyframes domainGlow{
    from{
        filter:
        drop-shadow(0 0 5px );
    }
    to{
        filter:
        drop-shadow(0 0 25px );
    }
}

/* 底部 */

.bottom-bar{

    position:absolute;

    bottom:18px;

    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
}

.crown{
    font-size:42px;
    filter:drop-shadow(0 0 10px gold);
}

.slogan{

    padding:10px 30px;

    border-radius:14px;

    border:2px solid rgba(255,215,0,.8);

    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.2),
    rgba(0,0,0,.15)
    );

    color:#fff;

    font-size:42px;
    font-weight:900;

    text-shadow:
    0 2px 4px rgba(0,0,0,.5);
}

.slogan span{
    color:#ffd700;

    text-shadow:
    0 0 8px #ffd700,
    0 0 15px #ffd700;
}

/* 手机适配 */

@media(max-width:768px){

    .sihai-vip-banner{
        height:180px;
    max-width:330px;}

    .left-box,
    .right-box{
        font-size:16px;
        height:38px;
    }

    .left-box{
        width:110px;
    }

    .right-box{
        width:190px;
    }

    .domain{
        font-size:47px;
    }

    .slogan{
        font-size:20px;
        padding:6px 15px;
    }

    .crown{
        font-size:24px;
    }
}