:root{--popScale: 0.8;--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{-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:active .reward-icon::after,.btn-detail:hover::after,.progress-icon:active::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{-webkit-transform:translate(10%, 0);transform:translate(10%, 0)}.progress-prev-a{-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{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}.mod-orient-layer{display:none;position:fixed;height:100%;width:100%;left:0;top:0;right:0;bottom:0;background:#000;z-index:9997}.mod-orient-layer-content{position:absolute;width:100%;top:45%;margin-top:-75px;text-align:center;-webkit-transform:scale(0.7);transform:scale(0.7)}.mod-orient-layer-icon-orient{background-image:url(https://img5.99.com/my/img/ani/icon-orient.png);display:inline-block;width:94px;height:153px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-webkit-animation:rotation infinite 1.5s ease-in-out;animation:rotation infinite 1.5s ease-in-out;background-size:94px}.mod-orient-layer-desc{margin-top:20px;font-size:20px;color:#fff}@-webkit-keyframes rotation{10%,100%,90%{-webkit-transform:rotate(90deg)}50%,60%{-webkit-transform:rotate(0deg)}}@keyframes rotation{10%,100%,90%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%,60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media screen and (orientation: landscape){#orientLayer{display:block}}*{zoom:1.000001;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}body{font:28px "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif;background:linear-gradient(to bottom, #4e5865, #2c3b5f);line-height:1.5}.full-bg{position:relative;margin:0 auto;height:100%}.contain{position:absolute;top:50%;left:50%}.logo{top:38px;left:30px;width:120px}.index{height:100%;overflow:auto;overflow-x:hidden}.index .wrapper{background:url("https://img6.99.com/my/activity/2026/03/novice/bg-m-1.jpg") top center no-repeat,url("https://img6.99.com/my/activity/2026/03/novice/bg-m-2.jpg") center 1298px no-repeat,url("https://img6.99.com/my/activity/2026/03/novice/bg-m-3.jpg") center 2806px no-repeat,url("https://img6.99.com/my/activity/2026/03/novice/bg-m-4.jpg") center 4310px no-repeat}.main-content{padding-top:635px;height:auto}.reward-badge{top:27px;right:5px;width:160px}.reward-badge .reward-icon{width:118px;height:112px}.reward-badge .reward-text{margin-top:-20px;font-size:16px}.progress-icon{position:absolute;width:107px;height:98px;padding:65px 0 0 2px;right:32px;font-size:14px}.progress-icon span{line-height:16px}.progress-icon-strategy{top:177px}.progress-icon-video{top:295px}.content-layout{flex-direction:column}.stage h4{height:60px;padding:18px 0 0 62px;letter-spacing:-1px;font-size:37px}.beginner h4{text-align:center;background:url(https://img6.99.com/my/activity/2026/03/novice/step-1-m.png) no-repeat 231px center}.begin-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;margin:38px 0 0}.begin-content .begin-item{background:url(https://img6.99.com/my/activity/2026/03/novice/begin-item-m.jpg);width:140px;height:140px;margin:0 12px 20px;padding-top:87px}.begin-content .begin-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}.begin-content .begin-item .begin-text{padding:1px 0 0;position:relative;font-size:22px;color:#ffc467;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to top, #ffc467 20%, #ffddb0 80%);-webkit-filter:drop-shadow(0px 0px 10px #000);filter:drop-shadow(0px 0px 10px #000)}.begin-content .begin-item-1::before{background-image:url(https://img6.99.com/my/activity/2026/03/novice/begin-item-m-1.png)}.begin-content .begin-item-2::before{background-image:url(https://img6.99.com/my/activity/2026/03/novice/begin-item-m-2.png)}.begin-content .begin-item-3{padding-top:85px}.begin-content .begin-item-3::before{background:url(https://img6.99.com/my/activity/2026/03/novice/begin-item-m-3.png) no-repeat -38px -34px/160%;z-index:20;pointer-events:none}.begin-content .begin-item-3 .begin-sm{display:none}.begin-content .begin-item-3 .begin-text{font-size:17px}.begin-content .begin-item-3 .hover{top:0;pointer-events:all;opacity:1;padding-top:8px;width:100%;mix-blend-mode:screen}.begin-content .begin-item-3 .hover img{width:50%}.begin-content .begin-item-3 .hover p{display:none}.begin-content .begin-item-4{width:465px;height:138px;background-image:url(https://img6.99.com/my/activity/2026/03/novice/begin-item-m-big.jpg);padding:40px 0 0 146px;align-items:flex-start}.begin-content .begin-item-4::before{width:54px;height:53px;top:29px;left:45px;background-image:url(https://img6.99.com/my/activity/2026/03/novice/begin-item-m-4.png)}.begin-content .begin-item-4 .begin-text{left:14px;top:86px;width:120px;position:absolute;font-size:16px;line-height:1.2}.begin-content .begin-item-4 p{width:290px;margin-bottom:17px;line-height:24px;display:flex;font-size:18px;align-items:center;justify-content:flex-start;text-align:left}.begin-content .begin-item-4 p .begin-sm{flex:1;font-size:16px}.begin-content .begin-item-4 p br{display:none}.attribute{margin-top:76px}.attribute h4{background:url(https://img6.99.com/my/activity/2026/03/novice/step-2-m.png) no-repeat center left;margin-left:493px;padding:16px 0 0 60px}.attribute-content{position:relative;padding:77px 0 0 53px}.attribute-content::before{content:'';position:absolute;background:url(https://img6.99.com/my/activity/2026/03/novice/progress-bar-m.png);width:15px;height:3519px;top:0px;left:64px}.attribute-content .attribute-items{margin-bottom:57px;flex-direction:column}.mark-item{width:334px;background:url(https://img6.99.com/my/activity/2026/03/novice/progress-icon-m.png);flex-direction:row;padding:0 0 0 40px;height:42px;margin-bottom:17px}.mark-item .mark-value{font-size:24px;flex:0 0 70px;padding-bottom:2px;justify-content:flex-end}.mark-item .mark-label{flex:1 1 auto;margin-left:20px;font-size:15px}.content-card{height:232px;width:566px;margin:0 0 6px 65px;padding:15px 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;padding-right:10px}.content-card .level-item .big{margin-top:7px;font-size:16px}.content-card .level-item+.level-item{padding-top:12px}.progress-title{position:absolute;width:220px;height:100px;padding:20px 0 0 102px;top:-75px;left:22px;z-index:20}.progress-title .txt-big{font-size:24px}.progress-title .txt-sm{font-size:16px}.note{font-size:18px;width:100%;text-align:justify;padding:0 35px 0 35px}.pop-register{background:url(https://img6.99.com/my/activity/2026/03/novice/pop-register-m.png) no-repeat}.pop-register .pop-close{top:174px;right:163px}.benefit-list{position:relative;z-index:3;padding:724px 0 0 169px}.reg-box{top:90px;right:156px}