@charset "utf-8"; :root{ --CPT-THM-R: 0; --CPT-THM-G: 187; --CPT-THM-B: 255; --CPT-THM-H: 196; --CPT-THM-S: 100%; --CPT-THM-L: 50%; --body-background-color:#0E182B; --background-color-L1:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 21%); --background-color-L2:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 18%); --background-color-L3:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 15%); --background-color-mask-a75:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/75%); --background-color-mask-a50:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/50%); --background-color-mask-a25:hsl(var(--CPT-THM-H,0) calc(var(--CPT-THM-S,100%) / 10) 5%/25%); --body-text-color:rgba(255 255 255/100%); --body-text-color-a75:rgba(255 255 255/75%); --body-text-color-a50:rgba(255 255 255/50%); --body-text-color-a25:rgba(255 255 255/25%); --body-text-color-a10:rgba(255 255 255/10%); --body-text-color-a5:rgba(255 255 255/5%); --body-text-color-a2:rgba(255 255 255/2%); --body-text-color-a0:rgba(255 255 255/0); --background-color-warning: rgba(255 255 0/10%); --text-color-warning: rgba(255 255 0); --background-color-alert: rgba(255 50 50/25%); --text-color-alert: rgba(255 70 70); --background-color-complete: rgb(154 205 50/10%); --text-color-complete: rgba(154 205 50); --background-color-promotion: rgb(154 205 50/10%); --text-color-promotion: rgba(154 205 50); --CPT-CLR: #fff; --CPT-INPTBG: rgba(255 255 255/5%); --CPT-INPTCL: #fff; --CPT-INPTTP: rgba(255 255 255/75%); --CPT-INPTPH: rgba(255 255 255/50%); --CPT-FBDCL: rgba(0 0 0/50%); --CPT-FBDBG: rgba(0 0 0/5%); --brightness-filter: 1; color-scheme: dark; } /*fonts*/ /* khmer */ @font-face { font-family: "Bayon"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../../fonts/bayon/v34/bayon-khmer-d0af8de1e8.woff2") format("woff2"); unicode-range: U+1780-17FF, U+19E0-19FF, U+200C-200D, U+25CC; } /* latin */ @font-face { font-family: "Bayon"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../../fonts/bayon/v34/bayon-d37824bc87.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root{ /*专题字体*/ --font-family-heading-2: "Bayon"; /*专题字体*/ --SiteFF3:var(--font-family-heading-2, ""), "Arial",system-ui,sans-serif; } body{background:var(--body-background-color) url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/background.jpg") no-repeat top center/min(200%,1920px) auto fixed;} #site_header{transition:background-color 300ms;} @media only screen and (min-width: 1001px){ #site_header:not(.float){background-color:transparent;} } @media only screen and (max-width: 1000px){ #site_header:not(.float,:has(#global_nav .nav.show)){background-color:transparent;} #site_header:not(.float,:has(#global_nav .nav.show)) #global_nav{background-color:var(--SiteTHM-A10);} } #promotion_cover{margin-block-start:calc(var(--site-header-height,144) * -1px);} #promotion_cover>.inner{position:relative;padding-block-start:unset;max-width:clamp(var(--MaxContentWidth),100%,1680px);} #promotion_cover h1{display:none;} #promotion_cover .art{-webkit-mask:linear-gradient(90deg,rgba(0 0 0/0%),rgba(0 0 0/100%) 25% 75%,rgba(0 0 0/0%));mask:linear-gradient(90deg,rgba(0 0 0/0%),rgba(0 0 0/100%) 25% 75%,rgba(0 0 0/0%));} #promotion_cover .art::before{content:"";display:block;padding-block-start:calc(9 / 21 * 100%);background:var(--img-art,url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/art.jpg?x-oss-process=image/watermark,image_cHJvbW90aW9uL3YyL21sYmIyMDI0L3RpdGxlXzQucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLHdfMTQwMA==,g_north,y_700/crop,w_3840,h_1646,g_center/resize,w_3264")) no-repeat center/cover;-webkit-mask:linear-gradient(180deg,rgba(0 0 0/0%),rgba(0 0 0/100%) calc(var(--site-header-height,144) * 1px) 75%,rgba(0 0 0/0%));mask:linear-gradient(180deg,rgba(0 0 0/0%),rgba(0 0 0/100%) calc(var(--site-header-height,144) * 1px) 75%,rgba(0 0 0/0%));} #promotion_cover .art::after{content:"";display:block;padding-block-start:calc(1 / 4 * 100%);margin-inline:auto;margin-block-start:-10%;position:relative;background-image:var(--img-prize,url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/prize1.png?x-oss-process=image/resize,h_816,limit_0")),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiBncmFkaWVudFRyYW5zZm9ybT0icm90YXRlKDkwKSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iaHNsKDE5NiAxMDAlIDUwJS8wJSkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9ImhzbCgxOTYgMTAwJSA1MCUvMjAlKSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwb2x5Z29uIGZpbGw9InVybCgnI2EnKSIgcG9pbnRzPSIwLDAgMjAwLDAgMTAwLDkwIi8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y2ZDQ4ZiIgc3Ryb2tlLXdpZHRoPSIxIiBwb2ludHM9IjAsMCAxMDAsOTAgMjAwLDAiLz48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjZkNDhmIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1vcGFjaXR5PSIuNSIgcG9pbnRzPSIwLDggMTAwLDk4IDIwMCw4Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:center,center 45%;background-size:contain,100% 60%;} @media only screen and (max-width: 1440px){ #promotion_cover .art{margin-inline:-2em;-webkit-mask:unset;mask:unset;} } @media only screen and (max-width: 1000px){ #promotion_cover{margin-block-start:calc((var(--site-header-height,120) - var(--global-nav-height,48)) * -1px);} #promotion_cover .art::before{--img-art:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/art.jpg?x-oss-process=image/watermark,image_cHJvbW90aW9uL3YyL21sYmIyMDI0L3RpdGxlXzQucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLHdfMjAwMA==,g_north,y_600/crop,w_3200,h_1372,g_north,y_360/resize,w_2000");-webkit-mask:linear-gradient(180deg,rgba(0 0 0/0%),rgba(0 0 0/100%) calc((var(--site-header-height,144) - var(--global-nav-height,48)) * 1px) 75%,rgba(0 0 0/0%));mask:linear-gradient(180deg,rgba(0 0 0/0%),rgba(0 0 0/100%) calc((var(--site-header-height,144) - var(--global-nav-height,48)) * 1px) 75%,rgba(0 0 0/0%));} #promotion_cover .art::after{padding-block-start:calc(1 / 3.5 * 100%);--img-prize:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/prize1.png?x-oss-process=image/resize,h_500,limit_0");background-position:center,center 45%;background-size:contain,100% 60%;margin-block-start:-7.5%;} } @media only screen and (max-width: 480px){ #promotion_cover{margin-block-start:calc((var(--site-header-height,108) - var(--global-nav-height,48)) * -1px);} #promotion_cover .art::before{padding-block-start:calc(9 / 11 * 100%);--img-art:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/art.jpg?x-oss-process=image/watermark,image_cHJvbW90aW9uL3YyL21sYmIyMDI0L3RpdGxlXzQucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLHdfMTUwMA==,g_north,y_680/crop,w_1600,h_1309,g_north,y_400/resize,w_960");} #promotion_cover .art::after{padding-block-start:calc(1 / 2 * 100%);--img-prize:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/prize2.png?x-oss-process=image/resize,h_480,limit_0");background-position:center,center 66%;background-size:contain,100% 33%;margin-block-start:-15%;} } #promotion_countdown_title>span{font-size:1.166667em;} #promotion_countdown_title>span.closed{font-size:1.5em;} #promotion_timer{background:unset;color:white;grid-template-columns:repeat(4,1fr);gap:1em;padding:unset;} #promotion_timer>div{background:rgba(0 0 0/50%) radial-gradient(var(--SiteTHM-A50),var(--SiteTHM-A0) 70%) no-repeat center top/150% 250%;background-clip:padding-box;border:3px transparent solid;border-image:linear-gradient(180deg,#f5d590,#f5d59088) 1;padding:.75em;box-sizing:border-box;} #promotion_winner{display:flex;flex-direction:column;gap:1.5em;width:100%;max-width:80em;margin-inline:auto;margin-block-end:2em;} #promotion_winner h3{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1em;font-size:1.5em;font-weight:800;} #promotion_winner h3::before{content:attr(icon);display:block;font-size:1.5em;width:1em;height:1em;line-height:1;overflow:hidden;color:#f5d590;} #promotion_winner .list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));gap:1.5em 2em;padding:1.5em;background:rgba(0 0 0/50%) radial-gradient(var(--SiteTHM-A50),var(--SiteTHM-A0) 70%) no-repeat center top/150% 250%;background-clip:padding-box;border:3px transparent solid;border-image:linear-gradient(180deg,#f5d590,#f5d59088) 1;position:relative;} #promotion_winner .list::before{content:"";display:block;font-size:2em;width:calc(var(--w) * 1em);height:1em;margin-inline:auto;position:absolute;inset-inline:0;inset-block-start:calc(-.5em - 1px);z-index:1;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzBFMTgyQiIgc3Ryb2tlPSIjZjVkNTkwIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0yMiAxMiAxMiAyMiAyIDEyIDEyIDJ6bTAgMCIvPjxwYXRoIGZpbGw9IiNmNWQ1OTAiIGQ9Im04LjQ2NCAxMiAzLjQ2NS0zLjQ2NUwxNS4zOTQgMTJsLTMuNDY1IDMuNDY1eiIvPjwvc3ZnPg==") repeat-x left center/contain;} #promotion_winner .list:nth-of-type(1){--w:4;} #promotion_winner .list:nth-of-type(2){--w:3;} #promotion_winner .list:nth-of-type(3){--w:2;} #promotion_winner .list:nth-of-type(4){--w:1;} #promotion_winner .winner{display:grid;grid:"avatar name" "avatar entry" / auto 1fr;column-gap:1em;align-items:start;} #promotion_winner .avatar{grid-area:avatar;width:2.75em;height:2.75em;border-radius:100%;overflow:hidden;background:var(--body-text-color-a5);box-shadow:var(--body-text-color-a10) 0 0 0 1px;} #promotion_winner .avatar>img{vertical-align:top;width:100%;height:100%;} #promotion_winner .name{grid-area:name;font-weight:800;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #promotion_winner .entry{grid-area:entry;font-size:.833334em;color:var(--body-text-color-a50);} #promotion_winner .tips{font-size:1.166667em;} @media only screen and (max-width: 1000px){ #promotion_winner{max-width:60em;} } @media only screen and (max-width: 480px){ #promotion_winner h3{font-size:1.166667em;} #promotion_winner .list{row-gap:1em;} #promotion_winner .winner{grid:"avatar name entry" / auto 1fr auto;align-items:center;} #promotion_winner .avatar{width:2em;height:2em;} #promotion_winner .tips{font-size:1em;} } h2{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;font-size:1em;font-family:var(--SiteFF3);--title-size:clamp(54px,8.4vw,84px);margin-inline:-2em;} h2::before, h2::after{content:"";display:block;height:var(--title-size);min-width:2em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDcyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjZkNDhmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1vcGFjaXR5PSIuNSIgcG9pbnRzPSIwLDExIDEsMTEiLz48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjZkNDhmIiBzdHJva2Utd2lkdGg9IjIiIHBvaW50cz0iMCwyMyAxLDIzIi8+PC9zdmc+");background-repeat:no-repeat;background-size:100% 100%;} h2::before{-webkit-mask:linear-gradient(calc(var(--translate-reverse,1) * 90deg),rgba(0 0 0/0%),rgba(0 0 0/100%));mask:linear-gradient(calc(var(--translate-reverse,1) * 90deg),rgba(0 0 0/0%),rgba(0 0 0/100%));} h2::after{-webkit-mask:linear-gradient(calc(var(--translate-reverse,1) * -90deg),rgba(0 0 0/0%),rgba(0 0 0/100%));mask:linear-gradient(calc(var(--translate-reverse,1) * -90deg),rgba(0 0 0/0%),rgba(0 0 0/100%));} h2>span{display:block;font-size:calc(var(--title-size) / 2);font-weight:400;line-height:1;text-transform:uppercase;text-align:center;color:#f5d590;min-height:var(--title-size);padding-inline:var(--title-size);padding-block-end:calc(var(--title-size) / 2);box-sizing:border-box;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiA3MiI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y2ZDQ4ZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjUiIHBvaW50cz0iMCw1OSAyOCw1OSAzNiw1MSA0NCw1OSA3Miw1OSIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNmNmQ0OGYiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSIwLDQ3IDExLDQ3IDM2LDcxIDYxLDQ3IDcyLDQ3Ii8+PHBhdGggZmlsbD0iI2Y2ZDQ4ZiIgZD0ibTMyLjA0IDYxIDQuMDMtNC4wM0w0MC4xIDYxbC00LjAzIDQuMDN6Ii8+PC9zdmc+"),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiA3MiI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y2ZDQ4ZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjUiIHBvaW50cz0iMCwxMSA4LDExIDU2LDU5IDcyLDU5Ii8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y2ZDQ4ZiIgc3Ryb2tlLXdpZHRoPSIyIiBwb2ludHM9IjAsMjMgMzYsMjMgNjAsNDcgNzIsNDciLz48L3N2Zz4="),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MiA3MiI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y2ZDQ4ZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjUiIHBvaW50cz0iNzIsMTEgNjQsMTEgMTYsNTkgMCw1OSIvPjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNmNmQ0OGYiIHN0cm9rZS13aWR0aD0iMiIgcG9pbnRzPSI3MiwyMyAzNiwyMyAxMiw0NyAwLDQ3Ii8+PC9zdmc+"),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDcyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjZkNDhmIiBzdHJva2Utd2lkdGg9IjIiIHBvaW50cz0iMCw0NyAxLDQ3Ii8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y2ZDQ4ZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjUiIHBvaW50cz0iMCw1OSAxLDU5Ii8+PC9zdmc+"),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDcyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZjZkNDhmIiBzdHJva2Utd2lkdGg9IjIiIHBvaW50cz0iMCw0NyAxLDQ3Ii8+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y2ZDQ4ZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjUiIHBvaW50cz0iMCw1OSAxLDU5Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:center bottom,left bottom,right bottom,calc(0% + var(--title-size)) bottom,calc(100% - var(--title-size)) bottom;background-size:var(--title-size) var(--title-size),var(--title-size) var(--title-size),var(--title-size) var(--title-size),calc((100% - var(--title-size) * 2) / 2 - var(--title-size) / 2) var(--title-size),calc((100% - var(--title-size) * 2) / 2 - var(--title-size) / 2) var(--title-size);} #promotion_content article.docs{margin-block-end:2em;} .rules_steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2em;margin-block:3em;} .rules_steps .step{display:flex;flex-direction:column;gap:1em;text-align:center;font-weight:800;} .rules_steps .step::before{content:'';display:block;width:100%;max-width:12.5em;aspect-ratio:10/7;margin-inline:auto;background:url('https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/steps3.png?x-oss-process=image/resize,w_1200') no-repeat calc((var(--i) - 1) * 50%) 0/300% 100%;filter:drop-shadow(0 0 2em var(--SiteTHM-A50));} .rules_steps .step:nth-child(1){--i:1} .rules_steps .step:nth-child(2){--i:2} .rules_steps .step:nth-child(3){--i:3} @media only screen and (max-width: 480px){ #promotion_content article.docs{margin-block:unset;} .rules_steps{display:flex;flex-direction:column;gap:1em;max-width:30em;margin-block:2em;margin-inline:auto;} .rules_steps .step{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2em;text-align:start;} .rules_steps .step::before{width:unset;max-width:unset;height:5em;} } #promotion_task{display:grid;grid-template-columns:3fr 4fr;gap:2em;width:100%;max-width:80em;margin-inline:auto;--unit-size:9em;} #promotion_task .task{display:flex;flex-direction:column;gap:1.5em;} #promotion_task .title{text-align:center;} #promotion_task .title h3{font-size:2em;font-weight:800;text-transform:uppercase;} #promotion_task .title span{color:var(--body-text-color-a50);} #promotion_task .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--unit-size),1fr));column-gap:2px;padding:2px;background:rgba(0 0 0/50%) radial-gradient(var(--SiteTHM-A25),var(--SiteTHM-A0) 70%) no-repeat center top/200% 200%;background-clip:padding-box;border:3px transparent solid;border-image:linear-gradient(180deg,#f5d590,#f5d59088) 1;position:relative;} #promotion_task .list::before{content:"";display:block;font-size:2em;width:1em;height:1em;margin-inline:auto;position:absolute;inset-inline:0;inset-block-start:calc(-.5em - 1px);z-index:1;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzBFMTgyQiIgc3Ryb2tlPSIjZjVkNTkwIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0yMiAxMiAxMiAyMiAyIDEyIDEyIDJ6bTAgMCIvPjxwYXRoIGZpbGw9IiNmNWQ1OTAiIGQ9Im04LjQ2NCAxMiAzLjQ2NS0zLjQ2NUwxNS4zOTQgMTJsLTMuNDY1IDMuNDY1eiIvPjwvc3ZnPg==") repeat-x center/contain;} #promotion_task .item{display:block;color:inherit;} #promotion_task .item:hover .img{background-size:85%,calc(100% - 2em);} #promotion_task .img{background-image:var(--img-item,url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/diamond1.png?x-oss-process=image/resize,w_300")),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBmaWxsPSJyZ2JhKDI1NSAyNTUgMjU1LzUlKSI+PHBhdGggZD0iTS42IDExLjZ2MmMuMyAxNC4zLjQgMjguNC44IDQyLjcgMCAyLjguNyA1LjUgMi4xIDhDNSA2NyA3LjIgNjkgOS4yIDcxYzUuOSA1LjcgMTEuOCAxMS40IDE3LjcgMTcgMy4xIDIuOSA2LjQgNS43IDkuNiA4LjQgMS43IDEuNSA0IDIuNCA2LjEgMi45IDIuMS40IDQuNC40IDYuNS40IDguNy4xIDE3LjUuMSAyNi4xLjNoMTYuMWwtMS43LTEuN2MtMy4xLTMuMS02LjEtNi4zLTkuMi05LjMtMy41LTMuNS02LjgtNy4xLTEwLjMtMTAuNS0uNy0uNy0uOS0xLjMtLjktMi4zLS4xLTExLS4yLTIxLjktLjItMzIuOSAwLS40IDAtLjctLjEtMS4zLS41LjQtLjguNy0xLjEuOS01LjYgNS4yLTExLjIgMTAuNC0xNi44IDE1LjgtLjQuNC0uOC41LTEuMy4xLS4zLS4zLS43LS41LS45LS44TDM0LjUgNDRjLS45LS45LTItMS45LTMuMS0yLjlsLS40LjFjMCAxMy4yLjUgMjYuNC41IDM5LjYtLjQtLjEtLjctLjMtLjktLjUtMS41LTEuNS0yLjktMi44LTQuNC00LjMtMy4xLTMuMS02LjEtNi4xLTkuMS05LjItLjMtLjMtLjUtLjktLjUtMS4zLS4xLTIuNC0uMS00LjktLjEtNy4zbC0uNC0zMC44YzAtLjgtLjMtMS41LS44LTItNC40LTQuMS04LjctOC4zLTEzLjEtMTIuNC0uNS0uNS0xLjEtLjktMS42LTEuNS4zIDAgLjEgMCAwIC4xTTU1IDBDNDEgLjEgMjYuOSAwIDEyLjkuMWMtLjMgMC0uNy4xLTEuMi4xIDEyLjUgMTMuMSAyNS42IDI1LjUgMzguNCAzNy45QzU2LjYgMzEuNyA2MyAyNS40IDY5LjQgMTljLjMuMS40LjEuNS4zIDQuNCA0LjUgOC45IDguOSAxMy4zIDEzLjUuMy4zLjUuOC41IDEuMi4xIDEuMi4xIDIuNS4xIDMuNy4xIDEwLjkuMyAyMiAuMyAzMi45IDAgLjguMSAxLjUgMS4xIDEuOS4zLjEuNS4zLjcuNWwxMC43IDEwLjNjLjkuOCAxLjkgMS42IDIuOCAyLjV2LTEuN2MwLTguNC0uMS0xNi43LS4zLTI1LjEtLjEtNi4xLS4xLTEyLjMtLjItMTguNS0uMS0zLjItMS42LTYtMy43LTguMy0yLTItNC4xLTQtNi4xLTYtNy4xLTcuMS0xNC4zLTE0LTIxLjMtMjEuMUM2NC4yIDEuOSA2MC4yIDAgNTUgMHEuMTUgMCAwIDBNMS44IDc3LjZjLjMgNy4zLjQgMTQuNS43IDIyIC41LjEgMS4xLjMgMS42LjNoMTcuNmMuNCAwIC43LS4xIDEuMS0uMS41IDAgMS4yIDAgMS43LjEuMyAwIC40IDAgLjcuMSAwLS4xLjEtLjEuMS0uMy03LjktNy4zLTE1LjUtMTQuOC0yMy4xLTIyLjItLjEgMC0uMy4xLS40LjFNNzYuNy4xYy0uMS4xLS4xLjMtLjMuNEM4My43IDcuNyA5MS4xIDE1IDk4LjUgMjIuNGMuNC0xLjUuMy0yMS41LS4xLTIyLjN6Ii8+PC9zdmc+");background-repeat:no-repeat;background-position:center;background-size:80%,calc(100% - 2em);padding-block-start:100%;} #promotion_task .sku{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5em;height:3.5em;padding:.5em .75em;box-sizing:border-box;line-height:1.25;color:#412420;background-color:#f5d590;background-image:radial-gradient(rgba(255 255 255/15%),rgba(255 255 255/0%) 80%),linear-gradient(180deg,#F6D48F,#BD965B);background-repeat:no-repeat;background-position:top center,center;background-size:100% 250%,cover;} #promotion_task .sku::before{order:9;content:attr(icon);display:block;font-size:1.25em;width:1em;height:1em;line-height:1;overflow:hidden;color:#f5d590;background-color:#412420;border-radius:100%;} #promotion_task .sku>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:2.5em;} [data-sku="10628"],[data-sku="10629"],[data-sku="10630"]{--img-item:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/diamond1.png?x-oss-process=image/resize,w_300")} [data-sku="10631"],[data-sku="10632"],[data-sku="10633"],[data-sku="10634"]{--img-item:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/diamond2.png?x-oss-process=image/resize,w_300")} [data-sku="10635"],[data-sku="10636"]{--img-item:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/diamond3.png?x-oss-process=image/resize,w_300")} [data-sku="10637"],[data-sku="10638"]{--img-item:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/diamond4.png?x-oss-process=image/resize,w_300")} [data-sku="10639"]{--img-item:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/diamond5.png?x-oss-process=image/resize,w_300")} /* [data-sku="xxxx"]{--img-item:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/diamond6.png?x-oss-process=image/resize,w_300")} */ @media only screen and (max-width: 1000px){ #promotion_task{max-width:60em;grid-template-columns:1fr;} } @media only screen and (max-width: 480px){ #promotion_task{max-width:60em;grid-template-columns:1fr;--unit-size:8em;} #promotion_task .title h3{font-size:1.5em;} #promotion_task .list{display:flex;flex-direction:column;gap:1px;padding:unset;} #promotion_task .img{display:none;} #promotion_task .sku{color:inherit;background:unset;padding:.75em 1em;height:unset;gap:1em;} #promotion_task .sku::before{content:'Top up';font-size:1em;line-height:1.5;font-family:inherit;font-weight:800;text-transform:uppercase;width:auto;height:1.5em;padding:.25em .75em;color:#412420;border-radius:unset;background-color:#f5d590;background-image:radial-gradient(rgba(255 255 255/25%),rgba(255 255 255/0%) 70%),linear-gradient(180deg,#F6D48F,#BD965B);background-repeat:no-repeat;background-position:top center,center;background-size:100% 250%,cover;} #promotion_task .sku>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:unset;} #promotion_task .item~.item .sku{box-shadow:rgb(245 213 144/25%) 0 -1px 0;} } #promotion_btc{position:sticky;inset-block-end:-2em;z-index:8;margin-block:2em;} #promotion_btc>.inner{max-width:clamp(var(--MaxContentWidth),100%,1280px)} #entry_btc{padding-block:3px;margin-inline:-2em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMiAyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNWQ1OTAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjVkNTkwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVkNTkwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoJyNhJykiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48L3N2Zz4="),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMiAyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmNWQ1OTAwMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZjVkNTkwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjVkNTkwMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCBmaWxsPSJ1cmwoJyNhJykiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48L3N2Zz4="),linear-gradient(90deg,transparent,var(--body-background-color) 15% 85%,transparent);background-repeat:no-repeat;background-position:top center,bottom center,center;background-size:var(--MaxContentWidth) 3px,var(--MaxContentWidth) 3px,cover;position:relative;--button-size:clamp(36px,5vw,60px);} #entry_btc::before, #entry_btc::after{content:"";display:block;font-size:2em;width:3em;height:1em;margin-inline:auto;position:absolute;inset-inline:0;z-index:1;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzBFMTgyQiIgc3Ryb2tlPSIjZjVkNTkwIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0yMiAxMiAxMiAyMiAyIDEyIDEyIDJ6bTAgMCIvPjxwYXRoIGZpbGw9IiNmNWQ1OTAiIGQ9Im04LjQ2NCAxMiAzLjQ2NS0zLjQ2NUwxNS4zOTQgMTJsLTMuNDY1IDMuNDY1eiIvPjwvc3ZnPg==") repeat-x center/contain;} #entry_btc::before{inset-block-start:calc(-.5em + 1px);} #entry_btc::after{inset-block-end:calc(-.5em + 1px);} #entry_btc>.inner{display:flex;align-items:center;justify-content:center;gap:calc(var(--button-size) / 1.25);padding:calc(var(--button-size) / 2.5);box-sizing:border-box;overflow:hidden;position:relative;} #entry_btc>.inner::before{content:"";display:block;position:absolute;inset:0;z-index:0;background-image:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/art.jpg?x-oss-process=image/crop,w_3840,h_480,y_480,g_north/resize,w_2880");background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-mask:linear-gradient(90deg,rgba(0 0 0/0%),rgba(0 0 0/50%),rgba(0 0 0/0%));mask:linear-gradient(90deg,rgba(0 0 0/0%),rgba(0 0 0/50%),rgba(0 0 0/0%));pointer-events:none;} #entry_btc>.inner>*{position:relative;} #entry_btc .chance, #entry_btc .entry{display:flex;flex-direction:column;align-items:center;} #entry_btc .chance b, #entry_btc .entry b{display:block;font-size:calc(var(--button-size) / 1.5);font-weight:800;line-height:1;text-shadow:rgba(0 0 0/50%) 0 0 .25em;} #entry_btc .chance span, #entry_btc .entry span{display:block;text-transform:uppercase;} #entry_btc .convert{display:block;padding:.25em;text-align:center;background-color:#f5d590;background-image:radial-gradient(rgba(255 255 255/25%),rgba(255 255 255/0%) 70%),linear-gradient(180deg,#F6D48F,#BD965B);background-repeat:no-repeat;background-position:top center,center;background-size:100% 250%,cover;cursor:pointer;} #entry_btc .convert>span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;height:calc(var(--button-size) - .5em);padding-inline:calc(var(--button-size) / 2) calc(var(--button-size) / 4);box-shadow:rgba(255 255 255/25%) 0 0 0 2px inset;} #entry_btc .convert>span::after{content:"";display:block;font-size:calc(var(--button-size) / 2);width:1em;height:1em;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMSA0MiIgZmlsbD0iIzY2M0YyQyI+PHBhdGggZD0iTTguMjM3IDE3LjIyNmMwIDEuNzk0IDIuNTg0IDMuNDQgMy44NzYgNC4wMzgtMi4zMjYuNzE3LTMuNTUzIDIuOTktMy44NzYgNC4wMzctLjc3NS0xLjQzNS01LjgxNC0zLjI5LTguMjM3LTQuMDM3IDIuNzEzLS4zNiA2LjYyMi0yLjg0MiA4LjIzNy00LjAzOCIvPjxwYXRoIGQ9Im04LjU3NS4xMjQgMjEuODkgMjEuMTVMOC41NzUgNDJsMS43MTctMTAuNTc1YzIuMTQ2LjE0MSA2LjYxLS40MjMgNy4yOTctMy44MDdzLTIuMjktNS42NC0zLjg2My02LjM0NWMxLjU3My0uNTY0IDQuNTUtMi40NTMgMy44NjMtNS40OTlzLTUuMTUtMy44MDYtNy4yOTctMy44MDZ6bTEzLjIyOCAyMy41NjJhMi40MjMgMi40MjMgMCAxIDAgMC00Ljg0NSAyLjQyMyAyLjQyMyAwIDAgMCAwIDQuODQ1Ii8+PC9zdmc+") no-repeat center/contain;opacity:.5;} #entry_btc .convert>span i{display:block;font-style:normal;font-family:var(--SiteFF3);font-size:calc(var(--button-size) / 2);font-weight:600;line-height:1;text-transform:uppercase;color:#663F2C;background-image:linear-gradient(180deg,#412420,#A56D3F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(rgba(255 255 255/50%) 0 1px 0);} #entry_btc .tips{max-width:25em;font-size:1.166667em;} #entry_btc .tips b{font-weight:800;} #entry_btc .login{display:block;padding:.25em;text-align:center;background-color:#f5d590;background-image:radial-gradient(rgba(255 255 255/25%),rgba(255 255 255/0%) 70%),linear-gradient(180deg,#F6D48F,#BD965B);background-repeat:no-repeat;background-position:top center,center;background-size:100% 250%,cover;cursor:pointer;} #entry_btc .login>span{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1em;height:calc(var(--button-size) - .5em);padding-inline:calc(var(--button-size) / 2) calc(var(--button-size) / 4);box-shadow:rgba(255 255 255/25%) 0 0 0 2px inset;} #entry_btc .login>span i{display:block;font-style:normal;font-family:var(--SiteFF3);font-size:calc(var(--button-size) / 2);font-weight:600;line-height:1;text-transform:uppercase;color:#663F2C;background-image:linear-gradient(180deg,#412420,#A56D3F);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(rgba(255 255 255/50%) 0 1px 0);} #entry_btc .timer{display:grid;grid-template-columns:repeat(4,1fr);gap:.75em;} #entry_btc .timer>div{display:flex;flex-direction:column;gap:.5em;text-align:center;} #entry_btc .timer>div::before{display:block;font-size:calc(var(--button-size) / 2);font-weight:800;line-height:1;} #entry_btc .timer>div::after{content:attr(data-title);display:block;line-height:1;font-size:.833334em;text-transform:uppercase;opacity:.5;} #entry_btc .timer>div[data-title="day"]::before{counter-reset:days var(--PromotionTimer-days,0);content:counter(days);} #entry_btc .timer>div[data-title="hour"]::before{counter-reset:hours var(--PromotionTimer-hours,0);content:counter(hours);} #entry_btc .timer>div[data-title="minute"]::before{counter-reset:minutes var(--PromotionTimer-minutes,0);content:counter(minutes);} #entry_btc .timer>div[data-title="second"]::before{counter-reset:seconds var(--PromotionTimer-seconds,0);content:counter(seconds);} @media only screen and (max-width: 1280px){ #entry_btc{padding-block:3px;margin-inline:-2em;background-color:var(--body-background-color);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMiAyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cmVjdCBmaWxsPSIjZjVkNTkwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PC9zdmc+"),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMiAyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cmVjdCBmaWxsPSIjZjVkNTkwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PC9zdmc+");background-repeat:repeat-x;background-position:top center,bottom center;background-size:100% 3px;} #entry_btc>.inner::before{-webkit-mask:unset;mask:unset;opacity:.3;background-image:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/art.jpg?x-oss-process=image/crop,w_2000,h_480,y_480,g_north");} } @media only screen and (max-width: 480px){ #entry_btc>.inner{gap:calc(var(--button-size) / 2.5);justify-content:space-evenly;} #entry_btc>.inner::before{background-image:url("https://seagm-media.seagmcdn.com/promotion/v2/mlbb2024/art.jpg?x-oss-process=image/crop,w_3200,h_480,y_480,g_north/resize,w_1200");} #entry_btc .chance span, #entry_btc .entry span{font-size:.833334em;} #entry_btc .tips{font-size:1em;} #entry_btc .timer{gap:.25em;} #entry_btc .timer>div{flex-direction:row;align-items:center;gap:.25em;} #entry_btc .timer>div::after{content:unset;} #entry_btc .timer>div:not([data-title="second"])::after{ content:':';font-size:calc(var(--button-size) / 2);opacity: unset; } } #particles-js{position:fixed;inset:0;z-index:-1;pointer-events:none;} #particles-js .particles-js-canvas-el{display:block;width:100% !important;height:100% !important;object-fit:cover;}