@charset "UTF-8";
html{}
body{font:12px/1.5 var(--SiteFF2);font-weight:600;margin:0;background:#fff;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,textarea,select{font-size:1em;color:#555;font-family:var(--SiteFF);}
h1,h2,h3,h4,h5,h6,ul,ol{margin:0;}
h1,h2,h3{font-family:var(--SiteFF);font-weight:bold;}
ul,ol,menu{padding-left:0;}
li{list-style-type:none;}
form,dl,dd,menu{margin:0;}
a img{border:none;}
a{color:var(--SiteTHM);text-decoration:none;-webkit-tap-highlight-color:transparent}


/*readex pro*/
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:200;font-display:swap;src:url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2'),url('../fonts/readexpro/v5/200-dda9164391.woff') format('woff');}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2'),url('../fonts/readexpro/v5/300-9f81c50ad7.woff') format('woff');}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2'),url('../fonts/readexpro/v5/400-4ad4c2b3bd.woff') format('woff');}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2'),url('../fonts/readexpro/v5/500-3c88e6e100.woff') format('woff');}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2'),url('../fonts/readexpro/v5/600-f54b33e30a.woff') format('woff');}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2'),url('../fonts/readexpro/v5/700-b6321e7223.woff') format('woff');}
@supports(font-variation-settings:normal){
	@font-face{font-family:'Readex Pro';src:url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2 supports variations'),url('../fonts/readexpro/v5/readexpro-7a12d8aa5a.woff2') format('woff2-variations');font-weight:200 700;font-stretch:25% 151%;font-style:normal;font-display:swap;}
}
/*Manrope*/
@font-face{font-family:'Manrope';font-style:normal;font-weight:200;font-display:swap;src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2'),url('../fonts/manrope/v11/200-dc1e353cb2.woff') format('woff');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2'),url('../fonts/manrope/v11/300-849bf0d534.woff') format('woff');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2'),url('../fonts/manrope/v11/400-8b864fa1df.woff') format('woff');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2'),url('../fonts/manrope/v11/500-4414da4b89.woff') format('woff');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2'),url('../fonts/manrope/v11/600-8a9405a576.woff') format('woff');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2'),url('../fonts/manrope/v11/700-5981f18709.woff') format('woff');}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2'),url('../fonts/manrope/v11/800-ae6afc15fa.woff') format('woff');}
@supports(font-variation-settings:normal){
	@font-face{font-family:'Manrope';src:url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2 supports variations'),url('../fonts/manrope/v11/manrope-feb85f32d5.woff2') format('woff2-variations');font-weight:200 800;font-stretch:25% 151%;font-style:normal;font-display:swap;}
}
/* montserrat */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/100-7692bfc404.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:200;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/200-ebf427ad29.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/300-40ffc315ba.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/400-d629279f10.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/500-4cd7e2f3d0.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/600-ebbb9e41d9.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/700-5df8b01018.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/800-e9e3688e1c.woff') format('woff');}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:900;font-display:swap;src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2'),url('../fonts/montserrat/v23/900-574f80fa84.woff') format('woff');}
@supports(font-variation-settings:normal){
	@font-face{font-family:'Montserrat';src:url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2 supports variations'),url('../fonts/montserrat/v23/montserrat-57cf39e316.woff2') format('woff2-variations');font-weight:100 900;font-stretch:25% 200%;font-style:normal;font-display:swap;}
}

/*全局字体变量*/
:root{

	/*标题字体*/
	--font-family-heading-1:"Montserrat";
	--font-family-heading-2:"Montserrat";
	/*普通字体*/
	--font-family-content-1:"Manrope";
	/*fall back*/
	--font-family-default:"Arial", "Verdana", "PingFang", "Helvetica", system-ui, sans-serif;

	/*标题字体*/
	--SiteFF:var(--font-family-heading-1, ""), var(--font-family-default);
	--SiteFF3:var(--font-family-heading-2, ""), var(--font-family-default);
	/*普通字体*/
	--SiteFF2:var(--font-family-content-1, ""), var(--font-family-default);
}

/*variables*/
body{
	--VWX:calc(var(--VW) * 1px);
	--VHX:calc(var(--VH) * 1px);
	--VWidth:var(--VWX,100vw);
	--VHeight:var(--VHX,100vh);

	--CPT-BDR:6em;
	--CPT-FF:"Manrope","Arial","Verdana","PingFang","Helvetica",system-ui,sans-serif;
}
.btw{--font-weight:800;}

/*scrolling*/
@media only screen and (min-width:1001px){html,body{scroll-behavior:smooth;}}
/*layout*/
body{display:flex;flex-direction:column;justify-content:space-between;min-width:320px;min-height:var(--VHeight);}



/*header*/
body{
	--HeaderHighlight-h:51;
	--HeaderHighlight-s:100%;
	--HeaderHighlight-l:50%;
	--HeaderHighlight-a:50%;
	--HeaderHeight:8em;
	--PagePadding:4em;
}
@media only screen and (max-width:1000px){
	body{
		--HeaderHeight:6em;
		--PagePadding:3em;
	}
}
@media only screen and (max-width:640px){
	body{
		--HeaderHeight:5em;
		--PagePadding:2em;
	}
}

#header{position:fixed;top:0;left:0;right:0;z-index:999;background:var(--HeaderBG,unset);color:var(--HeaderColor,#fff);box-shadow:var(--HeaderFloatShadow,unset);transition:background .2s,color .2s,box-shadow .2s;}
#header.float{
	--HeaderBG:#fff;
	--HeaderColor:rgba(0 0 0/80%);
	--HeaderHighlight-h:0;
	--HeaderHighlight-s:0%;
	--HeaderHighlight-l:0%;
	--HeaderHighlight-a:20%;
	--HeaderFloatShadow:hsl(0 0% 0%/.1) 0 0 2em;
}
@media only screen and (min-width:1001px){
	#header>.inner{max-width:104em;margin:0 auto;padding:0 var(--PagePadding);height:var(--HeaderHeight);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;}

	#header_logo{}
	#header_logo svg{vertical-align:top;width:8.666667em;height:2em;}
	#header_logo span{display:none;}

	#header_nav{}
	#header_nav>.inner{}
	#header_nav ul{display:flex;}
	#header_nav ul li{position:relative;}
	#header_nav ul li>a{display:block;font-weight:800;text-transform:uppercase;padding:.75em 2em;border-radius:.25em;transition:background .2s;cursor:pointer;}
	#header_nav ul span{display:block;font-size:1.25em;height:24px;line-height:24px;}
	#header_nav ul span:before{content:none!important;}
	#header_nav ul li>a:hover{color:hsl(var(--HeaderHighlight-h) var(--HeaderHighlight-s) var(--HeaderHighlight-l) / 1);background-color:hsl(var(--HeaderHighlight-h) var(--HeaderHighlight-s) var(--HeaderHighlight-l) / .1);}
	#header_nav ul li>a.on{color:hsl(var(--HeaderHighlight-h) var(--HeaderHighlight-s) var(--HeaderHighlight-l) / 1);background-image:linear-gradient(90deg,hsl(var(--HeaderHighlight-h) var(--HeaderHighlight-s) var(--HeaderHighlight-l) / 0),hsl(var(--HeaderHighlight-h) var(--HeaderHighlight-s) var(--HeaderHighlight-l) / var(--HeaderHighlight-a)),hsl(var(--HeaderHighlight-h) var(--HeaderHighlight-s) var(--HeaderHighlight-l) / 0));background-repeat:no-repeat;background-position:center bottom;background-size:calc(100% - 2em) 2px;}
	#header_nav .dropdown{position:absolute;top:100%;left:0;z-index:1;min-width:100%;box-sizing:border-box;background:hsl(var(--HeaderHighlight-h) var(--HeaderHighlight-s) var(--HeaderHighlight-l) / 10%);padding:1em 0;margin:-2px 0;border-radius:.5em;transition:.2s;visibility:hidden;opacity:0;transform:translateY(1em);}
	#header_nav ul li:hover .dropdown{visibility:visible;opacity:1;transform:none;}

	#header_nav .dropdown a{display:block;padding:1em 2em;text-align:center;}
	#header_nav .dropdown a span{display:none;}
	#header_nav .dropdown a svg{vertical-align:top;width:auto;height:1.333334em;fill:currentColor;}

	#header.float #header_nav .dropdown{background:#fff;box-shadow:var(--HeaderFloatShadow,unset);}


	#header .site_menu_ctrl_off,
	.site_menu_ctrl{display:none;}
}
@media only screen and (max-width:1000px){
	body{--SiteMenuWidth:min(30em,calc(var(--VWidth) - var(--HeaderHeight)));}

	#header>.site_menu_ctrl{
		display:flex;align-items:center;justify-content:space-between;
		height:var(--HeaderHeight);
		transition:.2s;
	}
	#header>.site_menu_ctrl>.seagm-logo{width:6em;height:1.333334em;vertical-align:top;margin:0 2em;opacity:.5;}
	#header .site_menu_ctrl_on{display:block;}
	#header .site_menu_ctrl_on>span{display:flex;align-items:center;justify-content:center;width:var(--HeaderHeight);height:var(--HeaderHeight);}
	#header .site_menu_ctrl_on>span:before{content:var(--i,attr(icon));display:block;font-size:2em;width:1em;height:1em;line-height:1;overflow:hidden;--IconFF:var(--IconFF2);}

	#header>.inner{position:fixed;top:0;left:calc(var(--SiteMenuWidth) * -1);bottom:0;right:unset;z-index:999;display:flex;flex-direction:column;width:var(--SiteMenuWidth);height:100%;box-sizing:border-box;transition:.2s;background:#fff;color:#000;}

	#header_logo{flex:none;padding:4em;text-align:center;background:linear-gradient(90deg,rgba(0 0 0/0),rgba(0 0 0/10%),rgba(0 0 0/0)) no-repeat center bottom/100% 1px;}
	/*#header_logo:after {
		content:'';display:block;
		width:var(--art-size);
		height:var(--art-size);
		margin:0 auto -4em;
		background-image:url(https://seagm-media.seagmcdn.com/corp/art/icon_tigoo-f10a6eda2c.png?x-oss-process=image/resize,h_100);
		background-image:-webkit-image-set(
			url(https://seagm-media.seagmcdn.com/corp/art/icon_tigoo-f10a6eda2c.png?x-oss-process=image/resize,h_100/format,webp) 1x,
			url(https://seagm-media.seagmcdn.com/corp/art/icon_tigoo-f10a6eda2c.png?x-oss-process=image/resize,h_200/format,webp) 2x
		);
		background-image:image-set(
			url(https://seagm-media.seagmcdn.com/corp/art/icon_tigoo-f10a6eda2c.png?x-oss-process=image/resize,h_100/format,webp) 1x,
			url(https://seagm-media.seagmcdn.com/corp/art/icon_tigoo-f10a6eda2c.png?x-oss-process=image/resize,h_200/format,webp) 2x
		);
		background-repeat:no-repeat;
		background-position:calc(var(--offsetX,0) * var(--art-size) * -1) 0;
		background-size:auto 100%;
		--offsetX:2;
		--art-size:8em;
	}*/
	#header_logo:after{content:'';display: block;width: 8em;height: 8em;margin: 0 auto -4em;background:url(../images/art/icon_tigoo2-c8e482db78.png) no-repeat center/cover;}
	#header_logo svg{display:block;vertical-align:top;width:100%;height:2em;}
	#header_logo span{display:block;opacity:.25;margin:1em 0 2em;transform:scale(.8);}
	#header_logo b{}
	#header_logo i{font-style:normal;}

	#header_nav{flex:auto;padding:2em;overflow:hidden;overflow-y:auto;}
	#header_nav>.inner{}
	#header_nav ul{}
	#header_nav ul li{}
	#header_nav ul li>a{display:block;font-family:var(--SiteFF);font-weight:700;text-transform:uppercase;padding:1em 1.5em;border-radius:2em;transition:.2s;}
	#header_nav ul li>a span{display:grid;grid-template-columns:2em 1fr;grid-gap:1.5em;align-items:center;}
	#header_nav ul li>a span:before{content:attr(icon);display:block;font-size:2em;--IconFF:var(--IconFF2);opacity:var(--IconOpacity,.5);}
	#header_nav ul li>a span[icon-brand='seagm']:before{transform:scale(1.2);}
	#header_nav ul li>a a.on{background:hsl(44 99% 53%/40%);color:#000;--IconOpacity:1;}

	#header_nav .dropdown{margin-left:4em;padding:1em 0;}
	#header_nav .dropdown a{display:block;padding:1em;}
	#header_nav .dropdown a span{display:none;}
	#header_nav .dropdown a svg{vertical-align:top;width:auto;height:1.25em;fill:currentColor;}

	#content{overflow:hidden;position:relative;}
	#content>.site_menu_ctrl_off{position:fixed;top:0;left:var(--SiteMenuWidth);right:0;bottom:0;z-index:999;display:none;}
	#content>.inner{transition:.2s;}

	body{-ms-overflow-style:none;scrollbar-width:none;}
	body::-webkit-scrollbar{width:0;}
	body.site_menu_activated{overflow:hidden;}
	body.site_menu_activated #header>.inner{transform:translateX(var(--SiteMenuWidth));box-shadow:hsl(0 0% 0%/.1) 0 0 2em;}
	body.site_menu_activated #header .site_menu_ctrl{transform:translateX(var(--SiteMenuWidth));}
	body.site_menu_activated #header .site_menu_ctrl_on{--i:'close';transform:rotate(270deg);transition:transform .5s;}
	body.site_menu_activated #content>.site_menu_ctrl_off{display:block;}
	body.site_menu_activated #content>.inner{transform:translateX(var(--SiteMenuWidth));}
	body.site_menu_activated #content>.inner>*{pointer-events:none;}
}


/*page wrapper*/
.step{min-height:min(var(--VHeight),1080px);display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background:#fff;color:#000;}
.step>.inner{width:100%;max-width:104em;padding:var(--HeaderHeight) var(--PagePadding);box-sizing:border-box;}
.step h1{font-size:3em;font-weight:700;}

@media only screen and (max-width:1000px){
	.step{min-height:unset;}
}

.hue-background{
	background-color:hsl(var(--h) 100% 5%);
	background-image:
		radial-gradient(hsl(var(--h) 100% 50%/30%), hsl(var(--h) 100% 50%/0%) 70%), 
		radial-gradient(hsl(var(--h) 100% 50%/50%), hsl(var(--h) 100% 50%/0%) 70%), 
		radial-gradient(hsl(calc(var(--h) + 50) 100% 50%/30%), hsl(calc(var(--h) - 40) 100% 50%/0%) 70%), 
		linear-gradient(-60deg, hsl(calc(var(--h) + 20) 70% 20%/100%), hsl(calc(var(--h) + 20) 70% 20%/0%));
	background-size:
		calc(var(--VWidth, 100vw) * .7) calc(var(--VWidth, 100vw) * .7),
		calc(var(--VWidth, 100vw) * 1) calc(var(--VWidth, 100vw) * .8),
		calc(var(--VWidth, 100vw) * .9) calc(var(--VWidth, 100vw) * .9),
		contain;
	background-position:
		calc(var(--VWidth, 100vw) * -.35) calc(var(--VWidth, 100vw) * -.35),
		center calc(var(--VWidth, 100vw) * .6 + 100%),
		right calc(var(--VWidth, 100vw) * -.5),
		center;
	background-repeat:no-repeat;
	color:#fff;
}



/*animation var*/
.anu>*:nth-child(1){--t:1}.anu>*:nth-child(2){--t:2}.anu>*:nth-child(3){--t:3}.anu>*:nth-child(4){--t:4}.anu>*:nth-child(5){--t:5}.anu>*:nth-child(6){--t:6}.anu>*:nth-child(7){--t:7}.anu>*:nth-child(8){--t:8}.anu>*:nth-child(9){--t:9}.anu>*:nth-child(10){--t:10}.anu>*:nth-child(11){--t:11}.anu>*:nth-child(12){--t:12}.anu>*:nth-child(13){--t:13}.anu>*:nth-child(14){--t:14}.anu>*:nth-child(15){--t:15}.anu>*:nth-child(16){--t:16}.anu>*:nth-child(17){--t:17}.anu>*:nth-child(18){--t:18}.anu>*:nth-child(19){--t:19}.anu>*:nth-child(20){--t:20}.anu>*:nth-child(21){--t:21}.anu>*:nth-child(22){--t:22}.anu>*:nth-child(23){--t:23}.anu>*:nth-child(24){--t:24}.anu>*:nth-child(25){--t:25}.anu>*:nth-child(26){--t:26}.anu>*:nth-child(27){--t:27}.anu>*:nth-child(28){--t:28}.anu>*:nth-child(29){--t:29}.anu>*:nth-child(30){--t:30}.anu>*:nth-child(31){--t:31}.anu>*:nth-child(32){--t:32}.anu>*:nth-child(33){--t:33}.anu>*:nth-child(34){--t:34}.anu>*:nth-child(35){--t:35}.anu>*:nth-child(36){--t:36}.anu>*:nth-child(37){--t:37}.anu>*:nth-child(38){--t:38}.anu>*:nth-child(39){--t:39}.anu>*:nth-child(40){--t:40}
.anu>*:nth-child(2n+1){--c1:-3}.anu>*:nth-child(3n+2){--c1:-2}.anu>*:nth-child(5n+3){--c1:-1}.anu>*:nth-child(7n+5){--c1:0}.anu>*:nth-child(11n+7){--c1:1}.anu>*:nth-child(13n+11){--c1:2}.anu>*:nth-child(17n+13){--c1:3}
.anu>*:nth-child(2n-1){--c2:-3}.anu>*:nth-child(3n-2){--c2:-2}.anu>*:nth-child(5n-3){--c2:-1}.anu>*:nth-child(7n-5){--c2:0}.anu>*:nth-child(11n-7){--c2:1}.anu>*:nth-child(13n-11){--c2:2}.anu>*:nth-child(17n-13){--c2:3}
