:root{--popScale: 1;--popFull: 1
}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}ol,ul,dl{list-style:none}img{border:none}table{border-spacing:0;border-collapse:collapse}input,textarea,select{font:12px 'Microsoft YaHei', simsun, tahoma;outline:none}a{text-decoration:none;color:#2f2f2f;outline:none}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}.clearfix:after{display:block;height:0;font-size:0;visibility:hidden;clear:both;content:''}.clearfix{zoom:1}.clear{clear:both}.hidden{line-height:99999px;overflow:hidden}.relative{position:relative}.fl{float:left}.fr{float:right}[v-cloak]{display:none}*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}table th{font-weight:normal}@font-face{font-family:"SourceHanSansCN-Medium";src:url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Medium.woff2") format("woff2"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Medium.woff") format("woff"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Medium.ttf") format("truetype");font-style:normal;font-weight:normal}.font-syht-Medium,.reward-badge .reward-text,.content-card .card-title{font-family:"SourceHanSansCN-Medium"}@font-face{font-family:"SourceHanSansCN-Bold";src:url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Bold.woff2") format("woff2"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Bold.woff") format("woff"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Bold.ttf") format("truetype");font-style:normal;font-weight:normal}.font-syht-Bold,.stage h4 span,.progress-title .txt-big,.btn-detail{font-family:"SourceHanSansCN-Bold"}@font-face{font-family:"SourceHanSansCN-Normal";src:url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Normal.woff2") format("woff2"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Normal.woff") format("woff"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSansCN-Normal.ttf") format("truetype");font-style:normal;font-weight:normal}.font-syht-Normal,.progress-title .txt-sm,.mark-item .mark-label{font-family:"SourceHanSansCN-Normal"}@font-face{font-family:"SourceHanSerifCN-Bold";src:url("https://myvideo.99.com/games/my/2026/novice/SourceHanSerifCN-Bold.woff2") format("woff2"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSerifCN-Bold.woff") format("woff"),url("https://myvideo.99.com/games/my/2026/novice/SourceHanSerifCN-Bold.ttf") format("truetype");font-style:normal;font-weight:normal}.font-syst-Bold,.mark-item .mark-value,.benefit-list .benefit-title{font-family:"SourceHanSerifCN-Bold"}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}10%,20%{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 3deg)}40%,60%,80%{-webkit-transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -3deg)}100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@-webkit-keyframes aniOpacity{from{opacity:0}to{opacity:1}}@keyframes aniOpacity{from{opacity:0}to{opacity:1}}@-webkit-keyframes mask{from,to{-webkit-mask:url(https://myvideo.99.com/games/my/img/ani/mask/mask_09b54d2e-sm.png) center no-repeat}0%{-webkit-mask-size:35%;opacity:1}100%{-webkit-mask-size:532%;opacity:1}}@keyframes mask{from,to{mask:url(https://myvideo.99.com/games/my/img/ani/mask/mask_09b54d2e-sm.png) center no-repeat}0%{mask-size:35%;opacity:1}100%{mask-size:532%;opacity:1}}@-webkit-keyframes scaleBtn{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes scaleBtn{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.attribute{opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate3d(10%, 0, 0);transform:translate3d(10%, 0, 0)}.beginner{opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate3d(50%, 0, 0);transform:translate3d(50%, 0, 0)}.progress{opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0)}.full-bg{opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:scale(1.3);transform:scale(1.3)}.full-bg.ani{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-mask-size:4000% 100%;mask-size:4000% 100%;-webkit-animation:mask .3s linear;animation:mask .3s linear}.full-bg.ani .attribute,.full-bg.ani .beginner,.full-bg.ani .progress{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.full-bg.ani .beginner{-webkit-transition:all 0.3s 0.15s;transition:all 0.3s 0.15s}.full-bg.ani .attribute{-webkit-transition:all 0.3s 0.2s;transition:all 0.3s 0.2s}.full-bg.ani .progress{-webkit-transition:all 0.3s 0.1s;transition:all 0.3s 0.1s}.full-bg.ani .reward-badge{animation:scaleBtn 1.8s infinite ease-in-out}@-webkit-keyframes bright{from{-webkit-filter:brightness(1.1)}to{-webkit-filter:brightness(1)}}@keyframes bright{from{filter:brightness(1.1)}to{filter:brightness(1)}}@keyframes cardSlideUp{from{opacity:0;transform:translateX(10%)}to{opacity:1;transform:translateX(0)}}.note{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}.content-card{opacity:0}.attribute-items.active .content-card{animation:cardSlideUp 0.6s ease forwards}.attribute-items.active .content-card:nth-last-child(1){animation-delay:0.3s}.attribute-items.active .content-card:nth-last-child(2){animation-delay:0.2s}.attribute-items.active .content-card:nth-last-child(3){animation-delay:0.1s}.attribute-items.active .content-card:nth-last-child(4){animation-delay:0s}.attribute-items.active .content-card:nth-last-child(5){animation-delay:-0.1s}.attribute-items.active .content-card:nth-last-child(6){animation-delay:-0.2s}.attribute-items.active .note{opacity:1;-webkit-transition:all 0.6s 0.4s;transition:all 0.6s 0.4s;-webkit-transform:translateX(0);transform:translateX(0)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background:url("https://img6.99.com/my/activity/2026/03/novice/scroll.png") no-repeat center/100% 100%;border-radius:2.5px}body,html{position:relative;width:100%;height:100%;overflow:hidden}body{color:#fff;background:linear-gradient(to bottom, #7e8589, #82462b)}a.on,a.ed{cursor:default}.flex{display:flex;align-items:center;justify-content:center}.p-main{position:relative;width:100%;height:100%;overflow:hidden}.wrapper{position:relative;height:100%;margin:0 auto;padding:1px 0 0;z-index:5}.logo{position:absolute;z-index:10}.logo img{width:100%}.lists{position:relative;display:flex;align-items:flex-start;text-align:center}.lists li{background:no-repeat center/contain;position:relative}.btn{display:block;margin:0 auto;cursor:pointer}.btn.ed{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.btn-box{display:flex}.btn-box .btn{display:inline-block;margin:0}.scroll-mod{overflow-y:auto;overflow-x:hidden}.particles-js{position:absolute;width:100%;height:100%;z-index:30;top:0;left:0;pointer-events:none}.slogan{pointer-events:none;font-size:0}.hover-a,.beginner .begin-item-3:hover .hover{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);opacity:1}.hover{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;pointer-events:none;left:50%;-webkit-transform:translate(-50%, 10%);transform:translate(-50%, 10%);text-align:center;flex-direction:column}.hover p{width:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.main-content{height:100%}.top-title{display:none;font-size:0;width:0;height:0;overflow:hidden}.icon-light::after,.reward-badge .reward-icon::after,.progress-icon::after,.btn-detail::after{position:absolute;content:"";top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg, transparent 0, #fff 50%, transparent 100%);transform:skewX(-25deg);mix-blend-mode:overlay;z-index:10;pointer-events:none}.icon-light-a::after,.reward-badge-a .reward-icon::after,.reward-badge:hover .reward-icon::after,.btn-detail:hover::after,.progress-icon:hover::after{left:100%;-webkit-transition:all 2s cubic-bezier(0.19, 1, 0.22, 1);transition:all 2s cubic-bezier(0.19, 1, 0.22, 1)}.reward-badge{position:absolute;text-align:center;cursor:pointer}.reward-badge .reward-icon{position:relative;display:block;background:url(https://img6.99.com/my/activity/2026/03/novice/888.png) no-repeat center/contain;-webkit-mask:url(https://img6.99.com/my/activity/2026/03/novice/888.png) no-repeat center/contain;mask:url(https://img6.99.com/my/activity/2026/03/novice/888.png) no-repeat center/contain;margin:0 auto}.reward-badge .reward-text{color:#fff0d2;line-height:1.1;font-weight:bold;letter-spacing:1px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, #fff4de 20%, #fff1d3 80%);-webkit-filter:drop-shadow(0 0 1px #b96403) drop-shadow(0 0 1px #b96403) drop-shadow(0 0 1px #b96403) drop-shadow(0 0 1px #b96403);filter:drop-shadow(0 0 1px #b96403) drop-shadow(0 0 1px #b96403) drop-shadow(0 0 1px #b96403) drop-shadow(0 0 1px #b96403)}.content-layout{display:flex}.stage h4{position:relative;z-index:29}.stage h4 span{font-weight:bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, #fff1db 20%, #d0a561 49%, #ffe9c6 51%, #efce9a 52%, #fddead 55%, #ffd491 57%, #e4c08b 80%);-webkit-filter:drop-shadow(0 0 1px rgba(0,0,0,0.6)) drop-shadow(0 0 4px rgba(0,0,0,0.6));filter:drop-shadow(0 0 1px rgba(0,0,0,0.6)) drop-shadow(0 0 4px rgba(0,0,0,0.6))}.beginner .begin-item{line-height:1.1;color:#ffecb4;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto;text-align:center;letter-spacing:0.5px;cursor:pointer}.beginner .begin-item>span,.beginner .begin-item>b{position:relative;z-index:3}.beginner .begin-text{font-weight:bold}.beginner .begin-sm{line-height:1.3;color:#cab985}.beginner b{color:#ffc600;display:block}.beginner .begin-item-4{justify-content:flex-start;pointer-events:none}.beginner .begin-item-4 .begin-sm,.beginner .begin-item-4 .begin-text{line-height:1.5}.attribute{position:relative}.attribute-content{position:relative}.attribute-content .attribute-items{display:flex}.content-card{position:relative}.content-card::before{content:'';position:absolute;bottom:0;right:0;width:100%;height:100%}.content-card .card-level{position:relative;z-index:20}.content-card .card-title,.content-card .card-icon{position:absolute}.content-card .card-title{background:url(https://img6.99.com/my/activity/2026/03/novice/name.png) no-repeat center/auto 100%;color:#ffe3a8;text-align:center}.content-card .card-icon{background:no-repeat center/contain}.content-card .card-icon.character{background-image:url(https://img6.99.com/my/activity/2026/03/novice/icon-c.png)}.content-card .card-icon.fireSacred{background-image:url(https://img6.99.com/my/activity/2026/03/novice/icon-fireSacred.png)}.content-card .card-icon.fire{background-image:url(https://img6.99.com/my/activity/2026/03/novice/icon-fire.png)}.content-card .card-icon.beast{background-image:url(https://img6.99.com/my/activity/2026/03/novice/icon-hs.png)}.content-card .card-icon.equipment{background-image:url(https://img6.99.com/my/activity/2026/03/novice/icon-zb.png)}.content-card .card-icon.sacred{background-image:url(https://img6.99.com/my/activity/2026/03/novice/icon-sq.png)}.content-card .card-level{overflow:auto}.content-card .level-header{display:flex;color:#ffe3b3;align-items:center}.content-card .level-header::before{content:'';display:inline-block;background:url(https://img6.99.com/my/activity/2026/03/novice/icon.png) no-repeat center/contain}.content-card .level-header .level-title{font-weight:bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, #ceaa6b 20%, #ffe4ab 51%, #fffffe 80%)}.content-card .level-item{color:#d8d0bc}.content-card .level-item b{color:#ffd489}.content-card .level-item+.level-item{position:relative}.content-card .level-item+.level-item::before{content:'';position:absolute;top:0;left:0;width:323px;height:1px;background:url(https://img6.99.com/my/activity/2026/03/novice/line.png) no-repeat center top}.note{color:#fdebc6;-webkit-filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 2px #000) drop-shadow(0 0 10px rgba(0,0,0,0.7)) drop-shadow(0 0 20px rgba(0,0,0,0.5));filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 2px #000) drop-shadow(0 0 10px rgba(0,0,0,0.7)) drop-shadow(0 0 20px rgba(0,0,0,0.5))}.progress{z-index:20;position:absolute}.progress .wrapper{display:flex;align-items:flex-start;justify-content:flex-start}.progress-icon{background:no-repeat center top/contain;-webkit-mask:no-repeat center top/contain;mask:no-repeat center top/contain;text-align:center;position:relative}.progress-icon span{line-height:1.2;display:block;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, #fffeff 2%, #b9c6c6 46%, #fffeff 47%, #fffeff 100%);-webkit-filter:drop-shadow(0 0 1px #412010) drop-shadow(0 0 1px #412010) drop-shadow(0 0 1px #412010) drop-shadow(0 0 1px #412010);filter:drop-shadow(0 0 1px #412010) drop-shadow(0 0 1px #412010) drop-shadow(0 0 1px #412010) drop-shadow(0 0 1px #412010)}.progress-icon-strategy{background-image:url(https://img6.99.com/my/activity/2026/03/novice/progress-note.png);-webkit-mask-image:url(https://img6.99.com/my/activity/2026/03/novice/progress-note.png);mask-image:url(https://img6.99.com/my/activity/2026/03/novice/progress-note.png)}.progress-icon-video{background-image:url(https://img6.99.com/my/activity/2026/03/novice/progress-video.png);-webkit-mask-image:url(https://img6.99.com/my/activity/2026/03/novice/progress-video.png);mask-image:url(https://img6.99.com/my/activity/2026/03/novice/progress-video.png)}.progress-next-a,.progress-arrow.next:hover{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}.progress-prev-a,.progress-arrow.prev:hover{-webkit-transform:translate(-10%, 0);transform:translate(-10%, 0)}.progress-arrow{background:no-repeat center/contain;position:relative;z-index:10;-webkit-transition:all 0.3s;transition:all 0.3s}.progress-arrow.next{background-image:url(https://img6.99.com/my/activity/2026/03/novice/next.png)}.progress-arrow.prev{background-image:url(https://img6.99.com/my/activity/2026/03/novice/prev.png)}.progress-arrow.disabled{opacity:0.2;cursor:default;pointer-events:none}.progress-title{background:url(https://img6.99.com/my/activity/2026/03/novice/progress-tit.png) no-repeat 0 0/contain}.progress-title span{display:block;line-height:1.3}.progress-title .txt-big{font-weight:bold;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, #fff1db 10%, #d0a561 49%, #ffe9c6 51%, #efce9a 52%, #fddead 55%, #ffd491 57%, #e4c08b 80%)}.progress-title .txt-sm{color:#ab8564}.progress-bar{position:relative}.progress-bar .progress-bg{position:absolute;background:url(https://img6.99.com/my/activity/2026/03/novice/progress-bar.png) no-repeat center/100% 100%;display:flex;justify-content:flex-start;align-items:center}.progress-bar .progress-bg::before,.progress-bar .progress-bg::after{content:'';width:4px;background-image:url(https://img6.99.com/my/activity/2026/03/novice/progress-cur.png)}.progress-bar .progress-bg::before{background-position:center left}.progress-bar .progress-bg::after{background-position:center right}.progress-bar .cur-bar{display:block;background:url(https://img6.99.com/my/activity/2026/03/novice/progress-cur-bg.png);background-size:100% 100%;-webkit-transition:all 0.3s;transition:all 0.3s}.progress-bar .cur-arrow{position:absolute;background:url(https://img6.99.com/my/activity/2026/03/novice/progress-arrow.png) no-repeat center/contain}.mark-item-a::after,.mark-item.active::after,.mark-item:hover::after{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.progress-mark{display:flex}.mark-item{cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center}.mark-item::before{order:2;content:'';display:block;margin:0 auto;background:url(https://img6.99.com/my/activity/2026/03/novice/progress-icon.png) no-repeat center/contain}.mark-item::after{content:'';position:absolute;background:url(https://img6.99.com/my/activity/2026/03/novice/progress-arrow.png) no-repeat center/contain;opacity:0;z-index:1;pointer-events:none;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translate3d(0, 10%, 0);transform:translate3d(0, 10%, 0)}.mark-item span{z-index:3;position:relative;display:block;padding:0 4px}.mark-item .mark-value{order:1;font-style:italic;font-weight:bold;color:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:url("https://img6.99.com/my/activity/2026/03/novice/origin/1.png");display:flex;align-items:flex-end;white-space:nowrap}.mark-item .mark-label{order:3;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:url("https://img6.99.com/my/activity/2026/03/novice/origin/2.png")}.pop-box{display:none;position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background:rgba(0,0,0,0.7);-webkit-transition:0.6s allow-discrete;transition:0.6s allow-discrete;opacity:0}@starting-style{.pop-box{opacity:1}}.pop-box.active{display:block;opacity:1}@starting-style{.pop-box.active{opacity:0}}.pop-box.active .pop{-webkit-transform:translate3d(-50%, -50%, 0) scale(var(--popScale));transform:translate3d(-50%, -50%, 0) scale(var(--popScale))}@starting-style{.pop-box.active .pop{-webkit-transform:translate3d(-50%, 100%, 0) scale(0, 1);transform:translate3d(-50%, 100%, 0) scale(0, 1)}}.pop-box .contain{width:100%;height:100%}.pop{position:fixed;left:50%;top:50%;z-index:13;background:url(https://img6.99.com/my/activity/2026/03/novice/pop.png) no-repeat center top;width:897px;height:596px;margin-top:-1px;text-align:center;-webkit-transition:0.6s allow-discrete;transition:0.6s allow-discrete;-webkit-transform:translate3d(-50%, 100%, 0) scale(0, 1);transform:translate3d(-50%, 100%, 0) scale(0, 1)}@starting-style{.pop{-webkit-transform:translate3d(-50%, -50%, 0) scale(var(--popScale));transform:translate3d(-50%, -50%, 0) scale(var(--popScale))}}#popRegister .pop{-webkit-transform:translate3d(-50%, 100%, 0) scale(0);transform:translate3d(-50%, 100%, 0) scale(0)}@starting-style{#popRegister .pop{-webkit-transform:translate3d(-50%, -50%, 0) scale(var(--popFull));transform:translate3d(-50%, -50%, 0) scale(var(--popFull))}}#popRegister.active .pop{-webkit-transform:translate3d(-50%, -50%, 0) scale(var(--popFull));transform:translate3d(-50%, -50%, 0) scale(var(--popFull))}@starting-style{#popRegister.active .pop{-webkit-transform:translate3d(-50%, 100%, 0) scale(0);transform:translate3d(-50%, 100%, 0) scale(0)}}.pop-close{position:absolute;right:16px;top:32px;z-index:20;width:56px;height:56px;-webkit-transition:all 0.5s;transition:all 0.5s;font-size:0}.pop-close::before{background:url(https://img6.99.com/my/activity/2026/03/novice/pop-close.png) no-repeat center top/contain;display:block;width:100%;height:100%;content:''}.pop-close:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.btn-detail{font-size:26px;font-weight:bold;background:url(https://img6.99.com/my/activity/2026/03/novice/pop-btn-detail.png);-webkit-mask:url(https://img6.99.com/my/activity/2026/03/novice/pop-btn-detail.png) no-repeat center top/contain;mask:url(https://img6.99.com/my/activity/2026/03/novice/pop-btn-detail.png) no-repeat center top/contain;width:356px;height:54px;line-height:52px;-webkit-transition:all 0.3s;transition:all 0.3s}.btn-detail span{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, #fff1db 20%, #d0a561 49%, #ffe9c6 51%, #efce9a 52%, #fddead 55%, #ffd491 57%, #e4c08b 80%)}.btn-detail:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.pop-register{width:100%;height:100%}.benefit-list .benefit-item{padding-top:10px;background:url(https://img6.99.com/my/activity/2026/03/novice/benefit-item.png) no-repeat center top/contain;width:407px;height:118px;margin-bottom:15px}.benefit-list .benefit-num{display:none}.benefit-list .benefit-top{display:flex;align-items:center;justify-content:center}.benefit-list .benefit-top::before,.benefit-list .benefit-top::after{content:'';height:20px;margin-top:-5px;width:96px;display:block;background:url(https://img6.99.com/my/activity/2026/03/novice/benefit-tit.png) no-repeat}.benefit-list .benefit-top::before{background-position:left center}.benefit-list .benefit-top::after{background-position:right center}.benefit-list .benefit-title{margin-bottom:8px;min-width:120px;font-size:28px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to bottom, #fff1db 20%, #d0a561 49%, #ffe9c6 51%, #efce9a 52%, #fddead 55%, #ffd491 57%, #e4c08b 80%)}.benefit-list .benefit-desc{line-height:1.4;letter-spacing:1px;color:#ffeccd;font-size:16px;text-shadow:0 1px 3px rgba(9,1,3,0.35)}.benefit-list .benefit-item-1 .benefit-title{letter-spacing:2.6px}.reg-box{background:url(https://img6.99.com/my/activity/2026/03/novice/reg-box.png);position:absolute;width:437px;height:706px;padding:142px 15px 0 0}.pop-ms{background:url(https://img6.99.com/my/activity/2026/03/novice/pop-ms.png);padding-top:525px}.pop-video{padding:100px 0 0}.pop-video .video{margin:0 auto;background:url(https://img6.99.com/my/activity/2026/03/novice/video.png);padding:3px;width:730px;height:410px}.pop-video .video video{width:100%;height:100%;object-fit:cover}body{font:18px/1.5 "Microsoft Yahei"}.btn:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.btn.on:hover{-webkit-filter:brightness(1);filter:brightness(1)}.btn.ed:hover{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.full-bg{position:relative;z-index:20;width:100%;height:100%;margin:0 auto;overflow:hidden}.main-contain{position:absolute;left:50%;top:50%;z-index:10;width:0;height:0}section{position:absolute;top:50%;left:50%;margin:-540px 0 0 -960px;width:1920px;max-width:1920px;height:1080px;overflow:hidden}section.big{-webkit-mask-image:linear-gradient(to right, rgba(135,224,253,0) 0%, #87e0fd 1%, #000 99%, rgba(5,171,224,0))}.wrapper{width:1400px}.main-content{position:absolute;top:50%;left:50%;height:855px;transform:translate(-50%, -50%)}.logo{top:14px;left:12px;width:112px}.index{background:url("https://img6.99.com/my/activity/2026/03/novice/bg-pc.jpg") center no-repeat;background-size:cover}.index .progress-icon{display:none}.reward-badge{top:27px;right:103px;width:160px}.reward-badge .reward-icon{width:118px;height:112px}.reward-badge .reward-text{margin-top:-20px;font-size:16px}.content-layout{padding-top:129px}.stage h4{padding:16px 0 0 61px;width:218px;height:56px;font-size:24px}.beginner{padding:6px 0 0 15px}.beginner h4{background:url(https://img6.99.com/my/activity/2026/03/novice/step-1.png) no-repeat center left}.beginner .begin-content{margin:-18px 0 0 15px;padding:48px 5px 0 0;width:199px;height:532px;background:url(https://img6.99.com/my/activity/2026/03/novice/begin-bg.png)}.beginner .begin-item{font-size:16px;width:147px;height:52px}.beginner .begin-item:hover{-webkit-filter:none;filter:none}.beginner .begin-item:hover::after{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1}.beginner .begin-item::before{width:134px}.beginner .begin-item::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;mix-blend-mode:screen;z-index:2;opacity:0;background:url(https://img6.99.com/my/activity/2026/03/novice/begin-a-1.jpg) no-repeat center top;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:scale(0, 1);transform:scale(0, 1)}.beginner .begin-item+.begin-item{margin-top:6px}.beginner .begin-item+.begin-item::before{content:'';position:absolute;top:-3px;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;height:1px;z-index:1;background:#220400;border-top:1px solid #9c1a0b}.beginner .hover{font-size:18px}.beginner .begin-sm{font-size:12px}.beginner b{font-size:16px}.beginner .hover{background:url(https://img6.99.com/my/activity/2026/03/novice/begin-hover.png);color:#642111;z-index:30;padding-top:7px;width:146px;height:164px;top:100%;font-weight:bold;-webkit-transform:translate(-50%, -10%);transform:translate(-50%, -10%)}.beginner .hover img{width:114px;height:114px}.beginner .hover p{margin-top:4px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:url("https://img6.99.com/my/activity/2026/03/novice/origin/sm.png")}.beginner .begin-item-2::after{background-image:url(https://img6.99.com/my/activity/2026/03/novice/begin-a-2.jpg)}.beginner .begin-item-3{height:101px;padding-top:2px}.beginner .begin-item-3 .begin-text{margin-bottom:8px}.beginner .begin-item-3::after{background-image:url(https://img6.99.com/my/activity/2026/03/novice/begin-a-3.jpg)}.beginner .begin-item-4{height:244px;padding-top:16px}.beginner .begin-item-4::after{background-image:url(https://img6.99.com/my/activity/2026/03/novice/begin-a-3.png)}.beginner .begin-item-4 .begin-sm{margin-top:11px}.beginner .begin-item-4 b{margin-top:4px}.attribute{height:590px;margin-left:22px;padding-top:6px}.attribute h4{background:url(https://img6.99.com/my/activity/2026/03/novice/step-2.png) no-repeat center left}.attribute-content{position:relative;width:1170px}.attribute-content .attribute-items{flex-direction:row;flex-wrap:wrap;position:absolute;top:0;left:0;width:100%;height:100%;padding:15px 0 0 0;opacity:0;pointer-events:none;-webkit-transition:all 0.6s;transition:all 0.6s}.attribute-content .attribute-items.active{pointer-events:all;opacity:1;z-index:10}.content-card{height:232px;width:566px;margin:0 12px 6px 0;padding:14px 24px 0 208px}.content-card::before{bottom:5px;right:1px;width:619px;background:url(https://img6.99.com/my/activity/2026/03/novice/att-item.png)}.content-card .card-title{font-size:20px;width:142px;height:40px;top:156px;left:44px;line-height:40px}.content-card .card-icon{width:102px;height:104px;left:60px;top:60px}.content-card .level-header{font-size:18px}.content-card .level-header::before{width:16px;height:12px;margin:1px 5px 0 0}.content-card .level-desc{padding:0 0 0 21px}.content-card .level-item{font-size:14px}.content-card .level-item .big{margin-top:6px;font-size:16px}.content-card .level-item+.level-item{padding-top:12px}.note{bottom:11px;left:8px;font-size:16px}.progress{background:url(https://img6.99.com/my/activity/2026/03/novice/progress.png) no-repeat center top/100% 100%;bottom:0;left:0;width:100%;height:160px}.progress .wrapper{padding:6px 0 0 30px}.progress-icon{width:107px;height:98px;padding:65px 0 0 2px;font-size:14px;margin:9px 17px 0 0}.progress-icon span{line-height:16px}.progress-arrow{margin-top:33px;width:70px;height:57px}.progress-arrow.prev{margin-left:6px}.progress-title{margin-left:14px;margin-top:13px;width:220px;height:100px;padding:20px 0 0 102px}.progress-title .txt-big{font-size:24px}.progress-title .txt-sm{font-size:16px}.progress-bar{margin:0 0 0 20px;width:706px;padding:5px 0 0 28px}.progress-bar .progress-bg{top:52px;left:0;width:698px;height:14px;padding-left:4px;padding-right:4px}.progress-bar .progress-bg::before,.progress-bar .progress-bg::after,.progress-bar .progress-bg .cur-bar{height:8px}.progress-mark{width:726px}.mark-item{width:170px}.mark-item .mark-value{font-size:20px;height:40px}.mark-item::before{margin-top:-3px;width:23px;height:36px}.mark-item::after{width:213px;height:175px;top:-50px;left:50%;margin-left:-101px}.mark-item .mark-label{font-size:16px}.mark-item.mark-item-01 .mark-value{font-size:22px}.mark-item.mark-item-02 .mark-value{font-size:22px}.mark-item.mark-item-03 .mark-value{font-size:24px}.mark-item.mark-item-04 .mark-value{font-size:26px}.mark-item+.mark-item{margin-left:10px}.pop-register{background:url(https://img6.99.com/my/activity/2026/03/novice/pop-register.png) center no-repeat;width:1920px;height:1080px;margin-top:40px}.pop-register .pop-close{top:175px;right:350px}.benefit-list{padding:390px 0 0 412px}.benefit-list .benefit-item-2{margin-left:110px}.benefit-list .benefit-item-3{margin-left:220px}.reg-box{top:93px;right:342px}