@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2026-03-13
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
ol, ul, dl { list-style: none; }
body { font: 12px/1.5 "Microsoft YaHei", simsun, tahoma; color: #fff7c5; background: #000; }
img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
input, textarea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: none }
a { color: #fff7c5; text-decoration: none; outline: none }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.clear { clear: both }
.hidden { line-height: 99999px; overflow: hidden }
.relative { position: relative }
.left { float: left }
.right { float: right }
.wrapper { width: 1400px; margin: 0 auto; position: relative; }
body, html { position: relative; width: 100%; height: 100%; overflow: hidden; }
.full-bg { position: relative; width: 100%; height: 100%; max-width: 1920px; max-height: 1080px; margin: 0 auto; overflow: hidden; }
.contain { position: absolute; left: 50%; top: 50%; z-index: 10; width: 0; height: 0; }
.p { position: absolute; top: 50%; left: 50%; margin: -540px 0 0 -960px; width: 1920px; max-width: 1920px; height: 1080px; overflow: hidden; visibility: hidden; background: url(https://img5.99.com/mykd/img/acts/2024/bwcg/mask.png) center no-repeat; }
.p.active { z-index: 1000; visibility: visible; }
.p.show { z-index: 10007; animation: mask 0.5s linear 1 forwards; -webkit-mask: url(https://img5.99.com/mykd/img/acts/2024/bwcg/mask.png) center center no-repeat; visibility: visible; }
@keyframes mask {
 0% {
 -webkit-mask-size: 20%;
 -webkit-transform: translate3d(0, 0, 0);
 opacity: 1;
}
 100% {
 -webkit-mask-size: 452%;
 -webkit-transform: translate3d(0, 0, 0);
 opacity: 1;
}
}
.p.active.show { pointer-events: none; }

.go-footer { position: fixed; bottom: 10px; right: 5px; height: 30px; line-height: 30px; font-size: 14px; color: #000; background: rgba(255, 255, 255, .75); z-index: 40; padding: 0 20px; border-radius: 15px }
.go-footer.show i { transform: rotate(180deg) }
.go-footer i { display: inline-block; width: 22px; height: 22px; background: url(https://wjdown.99.com/games/mykd/2022/zyjx/pc/images/icon-arrow.png) no-repeat; margin-left: 5px; vertical-align: middle; transition: all .3s }
.footer { position: fixed; bottom: 0; left: 0; width: 100%; font-size: 12px; color: #FFF; background: #000; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all .3s linear; z-index: 22; padding: 10px 0; transform: translateY(100%); visibility: hidden; }
.footer.show { transform: translateY(0); visibility: visible; }
.footer a { color: #fff; }


.nav-box{width: 100%;position: absolute;left: 0;top: 45px;z-index: 1000;}
.nav-box .contain{top: 0;}
.nav-box nav{width: 1920px;position: absolute;left: 50%;margin-left: -960px;top: 0;font-family: "HGJXT";}
.nav-box nav::before{content: "";width: 100%;height: 106px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/nav-bg.png) center 0 no-repeat;pointer-events: none;position: absolute;left: 0;top: 0;}
.nav-box nav .wrapper{height: 90px;display: flex;justify-content: center;}
.nav-box a{width: 200px;height: 90px;color: #fff;font-size: 24px;text-align: center;line-height: 80px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/nav-line.png) right center no-repeat;position: relative;}
.nav-box a::before{content: "";background: url(https://img5.99.com/mykd/img/acts/2026/syzd/nav-light.png) center no-repeat;width: 484px;height: 79px;position: absolute;left: 50%;transform: translateX(-50%) scale(0.8);top: 30px;pointer-events: none;display: none;}
.nav-box a:last-of-type{background: none;}
.nav-box a.on::before,.nav-box a:hover::before{display: block;}
.nav-box a span,.nav-box a i{filter: drop-shadow(0 0 6px rgba(0,162,255,0.52)) drop-shadow(0 0 13px rgba(0,162,255,0.52));transform: scaleX(1.4);display: inline-block;}
.nav-box a:hover{text-decoration: none;}
.nav-box a:hover span,.nav-box a.on span,.nav-box a:hover i,.nav-box a.on i{filter: drop-shadow(0 0 6px rgba(7,11,31,0.28))  drop-shadow(0 0 13px rgba(7,11,31,0.28));background:-webkit-linear-gradient(top,#c49c60 40%,#feffbd 80%,#feffbd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-box a i{transform: scaleX(1);padding-left: 20px;}
.nav-box a:first-of-type{letter-spacing: -8px;}
.nav-box a i{font-style: normal;letter-spacing: 0;font-family: "syst-m";}

.tips-box{width: 100%;position: absolute;left: 0;bottom: 10px;z-index: 1000;pointer-events: none;}
.tips-box .contain{top: auto;bottom: 0;}
.tips{ position: absolute; left: 50%;margin-left: -51px;bottom: -10px; width: 102px; height: 66px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p1-tips.png);}
.tips{animation: tips 1s linear alternate infinite;}
@keyframes tips{
    100%{transform: translateY(-5px);}
}

/*p1*/
.p1 { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/bg-p1.jpg) center 0 no-repeat; }
#logo{position: absolute;left:50%; margin-left: -720px;top: 130px;}
#logo img{width: 175px;}

.btn:hover{filter: brightness(1.1);}
.p1-btn-yy{position: absolute; left: 610px; top: 872px; width: 296px; height: 75px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p1-btn-yy.png) no-repeat; }
.p1-btn-xz{position: absolute; left: 986px; top: 872px; width: 296px; height: 75px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p1-btn-xz.png) no-repeat; }
/*p1End*/

/*p2*/
.p2 { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/bg-p2.jpg) center 0 no-repeat; }
.p2-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 203px;text-shadow: 0 0 4px rgba(0,0,0,0.6);}
.p2-bz i{position: absolute;  width: 25px; height: 137px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-close.png) no-repeat; }
.p2-bz1 i{left: 752px; top: 536px;}
.p2-bz2 i{left: 1154px; top: 642px;}
.p2-bz3 i{left: 1388px; top: 584px;}
.p2-bz4 i{left: 1179px; top: 432px;}
.p2-bz5 i{ left: 1008px; top: 396px; }
.p2-bz-txt{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-open.png) center no-repeat;width: 76px;height: 227px;position: absolute;color: #fcffcf;font-size: 18px;left: 721px; top: 470px;flex-direction: column;align-items: center;display: none;}
.p2-bz-txt b{font-weight: normal;height: 70px;text-align: center;box-sizing: border-box;padding-top: 32px;}
.p2-bz-txt span{width: 1em;display: flex;align-items: flex-start;justify-content: flex-start;flex-grow: 1;padding-top: 10px;line-height: 1.3;}
.p2-bz2 .p2-bz-txt{left: 1140px; top: 620px;}
.p2-bz3 .p2-bz-txt{left: 1374px; top: 550px;}
.p2-bz4 .p2-bz-txt{left: 1165px; top: 420px;}
.p2-bz5 .p2-bz-txt{left: 977px; top: 340px;}
.p2-bz.open i{display: none;}
.p2-bz.open .p2-bz-txt{display: flex;}
.p2-tag{padding-top: 10px;}
.p2-tag-txt{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-tag.png) no-repeat;width: 363px;height: 49px;line-height: 49px;color: #4d7ac1;font-size: 20px;margin-bottom: 15px;box-sizing: border-box;padding-left: 60px;}
.p2-info{width: 363px;position: absolute;left: 261px;top: 460px;color: #e6e2b5;font-size: 20px;transform: scale(0.9);transform-origin: center 0;}
.p2-info h4{display: none;}

.p2-txt{padding: 0 20px 20px 26px;}
.p2-txt p{text-indent: 2em;margin-bottom: 10px;}
.p2-tab{width: 165px;position: absolute;right: 295px;top: 342px;z-index: 2;}
.p2-tab li{width: 100%;height: 94px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-tab-on.png) 0 0 no-repeat;margin-bottom: -10px;cursor: pointer;box-sizing: border-box;padding-top: 8px;padding-right: 10px;}
.p2-tab li:nth-of-type(1){transform: translateX(-2px);}
.p2-tab li:nth-of-type(2){transform: translateX(13px);}
.p2-tab li:nth-of-type(3){transform: translateX(28px);}
.p2-tab li:nth-of-type(4){transform: translateX(44px);}
.p2-tab li:nth-of-type(5){transform: translateX(60px);}
.p2-tab li:hover,.p2-tab li.on{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-tab.png) 0 0 no-repeat ;}
.p2-tab li p{color: #fff;font-size: 24px;line-height: 1;font-family: "syst-b";filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));}
.p2-tab li span{color:#d1f6fe ;font-size: 16px;display: block;line-height: 1;padding: 5px 0;filter: drop-shadow(0 0 4px rgba(0,0,0,0.5));}
.p2-tab li:hover span,.p2-tab li.on span{color:#fffdd4;}
.p2-title{position: absolute; left: 553px; top: 108px; width: 837px; height: 120px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-title.png) no-repeat;line-height: 999px;overflow: hidden;}
/*p2End*/

/*p3*/
.p3{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/bg-p3.jpg) center no-repeat;}
.p3-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 193px;text-shadow: 0 0 4px rgba(0,0,0,0.6);}
/* 卡片主体 */
.p3-card { width: 610px;height: 380px;position: absolute;left: 1020px;top: 280px;transform: skewY(-1deg);}

/* 卡片内容 */
.p3-card-content { position: relative; z-index: 1; }
/* 标题区域 */
.p3-header { text-align: center; margin-bottom: 10px;padding-top: 40px; }
.p3-title-wrapper { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 5px; }
.p3-decor {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-l.png) no-repeat;width: 42px;height: 13px; }
.p3-decor:last-of-type {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-r.png) no-repeat; }
.p3-main-title { font-size: 42px;; background: linear-gradient(to bottom, #0176d6 30%, #61b5ff 70%, #61b5ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: "syht-b";line-height: 1; }
.p3-description { font-size: 18px; color: #2f8dd3; }
/* 词条列表 */
.p3-stats-list { display: flex; flex-direction: column;gap:6px;    transform: skewX(-5deg);padding: 6px 0; }
/* 词条项 */
.p3-stat-item { display: flex; align-items: center;color: #308ed4;font-size: 24px;width: fit-content; margin: 0 auto; }
.p3-dot { flex-shrink: 0; }
.p3-stat-text{padding: 0 10px;}
.p3-bonus-label,.p3-skill-label{flex-basis: 200px;text-align: right;}
/* MAX 标签 */
.p3-max-tag { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-icon.png) no-repeat;width: 52px;height: 22px;}
/* 分隔线 */
.p3-divider {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-line.png) center no-repeat; width: 100%; height: 1px;margin: 5px 0;}
/* 神启属性 */
.p3-bonus-item,.p3-skill-item { display: flex; align-items: center; gap:0;  font-size: 24px;color: #308ed4;font-weight: bold;text-align: center;line-height: 1;margin: 3px 0;}

/* 锐意技能 */
.p3-skill-item { color: #a98013;background: linear-gradient(to bottom, #ad8518 30%, #d0bd7f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
/* 底部提示 */
.p3-footer {  text-align: right;color: #3e96e1;font-size: 16px;padding-right: 36px; }

.p3-sub-ti{font-family: "syht-b";font-size: 30px;text-align: center;display: flex;justify-content: center;width: 670px;position: absolute;left: 990px;top: 723px;color: #fff;}
.p3-sub-ti::before,.p3-sub-ti::after{content: "";background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-sub-l.png) no-repeat;width: 81px;height: 51px;}
.p3-sub-ti::after{background-image: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-sub-r.png);}
.p3-sub-ti span{filter: drop-shadow(0 0 6px rgba(0,162,255,0.52)) drop-shadow(0 0 13px rgba(0,162,255,0.52)); }

/* #swiperDl{visibility: hidden;}
.active #swiperDl{visibility: visible;}
.show #swiperDl{animation: sw3 1.6s linear 1 forwards;}
@keyframes sw3{
    100%{visibility: visible;}
} */
#swiperDl{width: 710px;height: 201px;perspective: 1300px;position: absolute;left: 968px;top: 770px;}
#swiperDl .swiper-wrapper{width:317px;height: 100%;} 

.p3-sp-item{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-item.png) no-repeat;width: 317px;height: 201px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;padding-bottom: 12px;}
.p3-sp-item em{font-style: normal;color: #aedeff;font-size: 18px;padding: 0 0 0 74px;}
.p3-sp-item b{color: #fff88e;font-size: 41px;background: linear-gradient(to bottom, #fcffd1 40%, #ffe84a 70%, #ffe84a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;text-align: center;}
.p3-sp-item span{display: block;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-line-s.png) center 0 no-repeat;padding-top: 8px;color: #ffffff;font-size: 22px;text-align: center;padding-left: 14px;}
.p3 .swiper-pagination{width: 710px;position: absolute;left: 968px;top: 966px;}
.p3 .swiper-pagination-bullet{opacity: 1;width: 18px;height: 10px;border-radius: 5px;background-color: #bccade; margin: 0 5px;}
.p3 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;width: 50px;}
.p3-title{ position: absolute; left: 50%; top: 96px; width: 832px; height: 121px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p3End*/

/*p4*/
.p4{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/bg-p4.jpg) center 0 no-repeat; }
.p4-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 203px;}
.p4-t1{position: absolute; left: 250px; top: 833px;color: #eeeeab;font-size: 24px;width: 510px;text-align: center;font-weight: bold;}
.p4-t2{position: absolute; left: 1096px; top: 830px;color: #c7ebff;font-size: 24px;width: 510px;text-align: center;font-weight: bold;}
.p4-btn1{position: absolute; left: 289px; top: 877px; width: 485px; height: 181px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p4-btn1.png) no-repeat; }
.p4-btn2{ position: absolute; left: 1190px; top: 894px; width: 368px; height: 94px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p4-btn2.png) no-repeat; }
.p4-title{ position: absolute; left:50%; top: 109px; width: 906px; height: 121px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p4-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p4End*/

/*p5*/
.p5{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/bg-p5.jpg) center 0 no-repeat; }
.p5-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 203px;}
.p5-hl{position: absolute; left: 81px; top: 665px; width: 266px; height: 327px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-hl.png) no-repeat;pointer-events: none;}
.p5-layer{position: absolute; left: 168px; top: 245px; width: 1595px; height: 732px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-layer.png) no-repeat;pointer-events: none;}
.p5-tab{width: 190px;position: absolute;left: 1528px;top: 380px;z-index: 2;}
.p5-tab li{width: 190px;height: 86px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-tab.png) no-repeat;margin-bottom: 30px;cursor: pointer;box-sizing: border-box;}
.p5-tab li:hover,.p5-tab li.on{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-tab-on.png) 0 3px no-repeat ;}
.p5-tab li p{color: #feffbe;font-size: 33px;line-height: 1;
 background-image:-webkit-linear-gradient(top,#fff3a1 40%,#ffffff 80%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family: "syht-b";filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));}
.p5-tab li span{color: #feffbe;font-size: 18px;display: block;line-height: 1;padding: 5px 0;}
.p5-tab li:hover p,.p5-tab li.on p{ background-image:-webkit-linear-gradient(top,#27745c 40%,#27745c 80%,#27745c 100%);-webkit-text-fill-color:transparent;font-family: "syht-b";filter: drop-shadow(0 0 4px rgba(255,255,255,1));}
.p5-tab li:hover span,.p5-tab li.on span{color: #74ad74;}
.p5-tab-con{width: 1190px;height: 625px;overflow: hidden;position: absolute;left: 324px;top: 290px;}
.p5-tab-item{display: none;}
.p5-tab-item.on,.p5-tab-item img{display: block;}
.p5-title{ position: absolute; left: 50%; top: 127px; width: 891px; height: 82px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p5End*/

/*p6*/
.p6{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/bg-p6.jpg) center 0 no-repeat; }
.p6-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 230px;}
.p6-tip{font-size: 18px;color: #fff;filter: drop-shadow(0 0 6px rgba(0,0,0,1));position: absolute;left: 650px;top: 835px;}
.p6-list{width: 900px;display: flex;justify-content: space-between;position: absolute;left: 638px;top: 258px;}
.p6-list li{width: 284px;height: 551px;box-sizing: border-box;padding-top: 360px;}
.p6-item1{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-item1.png) no-repeat;}
.p6-item2{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-item2.png) no-repeat;}
.p6-item3{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-item3.png) no-repeat;}
.p6-name{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-name.png) center no-repeat;height: 26px;text-align: center;color: #fff79e;font-size: 20px;margin-bottom: 8px;line-height: 24px;}
.p6-num{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-ti.png) center no-repeat;font-size: 26px;text-align: center;line-height: 1.2;height: 26px;color: #fffac6;margin-bottom: 8px;font-family: "fzxk";}
.p6-prize{text-align: center;color: #fffac6;font-size: 22px;margin-bottom: 8px;}

.p6-btn{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-btn.png) no-repeat;width: 219px;height: 45px;position: relative;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-bottom: 3px;margin: 0 auto;}
.p6-btn p{background-image:-webkit-linear-gradient(top,#7d571b 40%,#a88539 80%,#a88539 100%);font-family: "syst-b";height: 30px;line-height: 30px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size: 28px;display: flex;justify-content: center;}
.p6-btn p::before{content: "";background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-bs.png) no-repeat;width: 29px;height: 30px;display: block;margin-right: 5px; }
.p6-btn span{margin-right: 5px;}
.p6-title{ position: absolute; left: 50%; top: 137px; width: 695px; height: 119px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p6End*/

/*p7*/
.p7{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/bg-p7.jpg) center 0 no-repeat; }
.p7-img1{position: absolute; left: 259px; top: 278px; width: 968px; height: 656px; }
.p7-img2{position: absolute; left: 1252px; top: 279px; width: 411px; height: 318px;  }
.p7-img3{position: absolute; left: 1252px; top: 613px; width: 411px; height: 318px; }
.p7 img{background: #000;display: block;width: 100%;}
.p7-title{ position: absolute; left: 50%; top: 108px;  width: 636px; height: 119px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p7-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
.p7-imgs a::after{content:attr(title);color: #fff;position: absolute;left: 12px;bottom: 8px;right: 12px;font-size: 22px;}
/*p7End*/

/*弹窗*/
.pop { width: 100%; height: 100%; background: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; z-index: 100000; display: none }
.pop-cont { width: 901px; height: 846px; padding: 0 10px 5px;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-bg.png) no-repeat; box-sizing: border-box;padding: 90px 80px 0;}
.pop-close { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-close.png) no-repeat center; width: 55px; height: 55px; position: absolute; right: -15px; top: 60px; display: block; z-index: 10; line-height: 999px; overflow: hidden }
.pop.show{display: block;}

/* 标题区域 */
.pop-header { text-align: center; margin-bottom: 20px; }
.pop-title-wrapper { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 5px; }
.pop-decor-line { width: 135px; height: 10px; position: relative; }
.pop-decor-line::before { content: ''; position: absolute; right: 0; top: 0;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-ti-l.png);width: 100%;height: 10px;  }
.pop-decor-line:last-child::before { content: ''; position: absolute; right: 0; top: 0;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-ti-r.png);width: 100%;height: 10px; }
.pop-main-title { font-size: 42px; font-weight: bold; color: #3a7bc8; letter-spacing: 8px;line-height: 42px;background:-webkit-linear-gradient(top,#2e4ccb 30%,#77b7ff 80%,#77b7ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family: "syst-b";}
.pop-sub-title { font-size: 20px; color: #6ea9f8; margin-bottom: 15px; }
/* 顶部标签 */
.pop-tabs-container { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.pop-tab { border: none; font-size: 20px; color: #fff; cursor: pointer; position: relative;cursor: default;padding: 0 8px; }
.pop-tab-primary { background: #e4767b }
.pop-tab-secondary { background:#cab128 }
.pop-tab-tertiary { background: #76b4e4 }
/* 主要内容区域 */
.pop-content { display: flex; flex-direction: column; gap: 10px; }
/* 媒体区域 */
.pop-media-container { width: 100%; }
.pop-media-placeholder { width: 90%; background: #000; position: relative;border-radius: 10px; margin: 0 auto 5px;overflow: hidden; }
.pop-media-placeholder img{display: block;width: 100%;}
/* 分类标签 */
.pop-category-tags { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.pop-tag {background: #fff; border: 1px solid #6aa6f5;  font-size: 20px; color: #6aa6f5;padding: 0 8px;  }
/* 描述文字 */
.pop-description { padding: 10px 30px; color: #6aa6f5; }
.pop-description p { font-size: 20px; }
/* 按钮区域 */
.pop-button-container { display: flex; justify-content: center; padding: 10px 0; }
.pop-action-btn {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-btn.png) no-repeat; width: 540px;height: 44px;display: block; }
/*弹窗end*/

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 6px;
}
::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
 background: #6282e8
}
::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    background: #9bb5d9;
}