/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Roboto+Slab:wght@100..900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-font-weight:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-leading:initial;--tw-border-style:solid;--tw-ease:initial;--tw-tracking:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--blur-xs:4px;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@keyframes glow{0%{opacity:0}50%{opacity:1}to{opacity:0}}body,html{height:100%}body{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);background-color:#0f0f0f;width:100%;position:fixed;overflow-x:hidden}main{height:100%}main.hasMinHeight{overflow-y:auto}.logo{top:calc(var(--spacing)*4);z-index:50;--tw-translate-x:calc(calc(1/2*100%)*-1);width:136px;translate:var(--tw-translate-x)var(--tw-translate-y);position:fixed;left:50%}@media (min-width:48rem){.logo{top:calc(var(--spacing)*5);width:174px}}.logo svg{width:100%;height:auto;display:block}.lang-switch{top:calc(var(--spacing)*5);left:calc(var(--spacing)*10);z-index:50;background-color:#00000080;border-radius:3.40282e+38px;justify-content:center;align-items:center;padding:5px;display:flex;position:fixed}@media (min-width:48rem){.lang-switch{left:calc(var(--spacing)*16)}}.lang-switch .now-lang{height:calc(var(--spacing)*5);width:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-normal);color:var(--color-white);background-color:#0c9907;border-radius:3.40282e+38px;justify-content:center;align-items:center;display:flex}.lang-switch .now-lang.en{font-size:14px}.lang-switch .btn-lang{height:calc(var(--spacing)*5);width:calc(var(--spacing)*6);cursor:pointer;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-normal);color:var(--color-white);border-radius:3.40282e+38px;justify-content:center;align-items:center;display:flex}@media (hover:hover){.lang-switch .btn-lang:hover{background-color:#0c9907}}.lang-switch .btn-lang.en{font-size:14px}.lang-switch .dash{--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:14px;font-weight:var(--font-weight-normal);color:var(--color-white);margin-inline:2px}.user-interface{pointer-events:none;z-index:39;--tw-translate-x:calc(calc(1/2*100%)*-1);width:calc(100% - 20px);height:calc(100% - 30px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;position:fixed;top:50%;left:50%}@media (min-width:48rem){.user-interface{width:calc(100% - 40px);height:calc(100% - 40px)}}.user-interface.display{opacity:1;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:1s;transition-duration:1s;transition-delay:2s}.user-interface.fadeOut{opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:1s;transition-duration:1s;transition-delay:1s}.user-interface .accurate{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);position:absolute}@media (min-width:48rem){.user-interface .accurate{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}}.user-interface .accurate:after,.user-interface .accurate:before{background-color:var(--color-white);--tw-content:"";content:var(--tw-content);display:block;position:absolute}.user-interface .accurate:before{height:calc(var(--spacing)*4);width:1px}@media (min-width:48rem){.user-interface .accurate:before{height:26px}}.user-interface .accurate:after{height:1px;width:calc(var(--spacing)*4)}@media (min-width:48rem){.user-interface .accurate:after{width:26px}}.user-interface .accurate.lt{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.user-interface .accurate.lt svg{width:9px;height:9px;margin-top:3px;margin-left:2px}@media (min-width:48rem){.user-interface .accurate.lt svg{width:auto;height:auto;margin-top:6px;margin-left:6px}}.user-interface .accurate.lt:before{top:calc(var(--spacing)*0);right:calc(var(--spacing)*0)}.user-interface .accurate.lt:after{bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.user-interface .accurate.rt{top:calc(var(--spacing)*0);right:calc(var(--spacing)*0)}.user-interface .accurate.rt:before{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.user-interface .accurate.rt:after{right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0)}.user-interface .accurate.lb{bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.user-interface .accurate.lb:before{right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0)}.user-interface .accurate.lb:after{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.user-interface .accurate.rb{right:calc(var(--spacing)*0);bottom:calc(var(--spacing)*0)}.user-interface .accurate.rb:before{bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0)}.user-interface .accurate.rb:after{top:calc(var(--spacing)*0);right:calc(var(--spacing)*0)}.user-interface .step-progress{bottom:calc(var(--spacing)*0);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);justify-content:center;align-items:flex-end;display:flex;position:absolute;left:50%}@media (min-width:80rem){.user-interface .step-progress{bottom:50%;left:calc(var(--spacing)*0);--tw-translate-x:calc(var(--spacing)*0);--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);flex-direction:column;align-items:flex-start}}.user-interface .step-unit{margin-inline:calc(var(--spacing)*5);height:calc(var(--spacing)*5);width:3px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background-color:#dddcdb;transition-duration:.3s;display:block;position:relative}@media (min-width:80rem){.user-interface .step-unit{margin-inline:calc(var(--spacing)*0);height:3px;width:calc(var(--spacing)*5);margin-block:50px}}.user-interface .step-unit.now-step{background-color:#0a793d;width:7px;height:30px}@media (min-width:80rem){.user-interface .step-unit.now-step{width:30px;height:7px}}.user-interface .step-unit.now-step .step-title{opacity:1}.user-interface .step-unit .step-title{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-normal);font-family:Roboto Slab;font-weight:var(--font-weight-normal);white-space:pre;color:var(--color-black);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background-color:#dddcdb;transition-duration:.3s;display:block;position:absolute;bottom:calc(100% + 15px);left:50%}@media (min-width:80rem){.user-interface .step-unit .step-title{--tw-translate-x:calc(var(--spacing)*0);--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);bottom:50%;left:calc(100% + 15px)}}.user-interface .step-unit .step-title.hide{opacity:0}.section-intro{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:40;width:100%;height:100%;position:relative}.section-intro .site-data{pointer-events:none;right:calc(var(--spacing)*-14);bottom:calc(var(--spacing)*5);z-index:1;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute}@media (min-width:64rem){.section-intro .site-data{right:calc(var(--spacing)*16);bottom:calc(var(--spacing)*7)}}.section-intro .viewer{margin-bottom:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-bold);font-size:16px;font-weight:var(--font-weight-bold)}.section-intro .copyright,.section-intro .viewer{font-family:Noto Sans TC;color:var(--color-white)}.section-intro .copyright{transform-origin:0 100%;--tw-scale-x:66%;--tw-scale-y:66%;--tw-scale-z:66%;width:180px;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-font-weight:var(--font-weight-normal);font-size:12px;font-weight:var(--font-weight-normal)}@media (min-width:64rem){.section-intro .copyright{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;width:280px;scale:var(--tw-scale-x)var(--tw-scale-y);display:flex}}.section-intro .copyright svg{margin-right:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*2);transform-origin:0 100%;--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;width:55px;scale:var(--tw-scale-x)var(--tw-scale-y);flex:none;display:block}@media (min-width:64rem){.section-intro .copyright svg{margin-bottom:calc(var(--spacing)*0);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.section-intro.init .desktop .left,.section-intro.init .desktop .right{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:1s;transition-duration:1s;transition-delay:.3s}.section-intro.init .exe{opacity:1;--tw-duration:1s;transition-duration:1s;transition-delay:.3s}.section-intro.init .exe .blur_1_hover,.section-intro.init .exe .blur_2_hover{animation:glow 3s linear 1.5s infinite}.section-intro.transparent{pointer-events:none}.section-intro.transparent .desktop{opacity:0;--tw-duration:1s;transition-duration:1s}.section-intro.transparent .starfield{opacity:1}.section-intro.transparent .site-data{opacity:0;--tw-duration:.5s;transition-duration:.5s}.section-intro.fadeOut{pointer-events:none;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:1s;transition-duration:1s;transition-delay:1s;position:absolute}.section-intro.fadeOut .starfield{opacity:1}.section-intro .desktop{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:0;width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#4154d5;position:absolute}.section-intro .desktop .left,.section-intro .desktop .right{z-index:0;--tw-content:"";content:var(--tw-content);background-image:url(/images/background.jpg);background-repeat:no-repeat;background-size:auto 120%;width:32%;height:100%;display:block;position:absolute}.section-intro .desktop .left{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);background-position:12% 0}@media (min-width:48rem){.section-intro .desktop .left{background-position:8% 0}}@media (min-width:80rem){.section-intro .desktop .left{background-image:url(/images/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}}.section-intro .desktop .right{top:calc(var(--spacing)*0);right:calc(var(--spacing)*0);background-position:80% 0}@media (min-width:48rem){.section-intro .desktop .right{background-position:84% 0}}@media (min-width:80rem){.section-intro .desktop .right{display:none}}.section-intro .starfield{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;width:100%;height:100%}.section-intro .exe,.section-intro .starfield{pointer-events:none;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute}.section-intro .exe{z-index:2;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(50% - 19px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:50%;left:50%}.section-intro .exe .svg{width:100%;height:100%;position:relative}.section-intro .exe .svg:before{--tw-translate-x:calc(calc(1/2*100%)*-1);width:60%;--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;--tw-content:"";content:var(--tw-content);background-color:#313131;border-radius:10%;margin-top:-6.7%;padding-top:60%;display:block;position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-intro .exe .svg:before{width:78%;padding-top:78%}}.section-intro .exe-icon{cursor:pointer;width:100vw;max-width:170px;height:100vh;max-height:170px;margin-inline:auto;position:relative}@media (min-width:48rem){.section-intro .exe-icon{max-width:230px;max-height:230px}}.section-intro .exe-icon svg{--tw-translate-x:calc(calc(1/2*100%)*-1);width:188%;height:auto;--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);display:block;position:absolute;top:50%;left:50%}.section-intro .exe-icon .blur_1{filter:url(#blur_1)}.section-intro .exe-icon .blur_1,.section-intro .exe-icon .blur_2{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.section-intro .exe-icon .blur_2{filter:url(#blur_2)}.section-intro .exe-icon .blur_1_hover{filter:url(#blur_1_hover)}.section-intro .exe-icon .blur_1_hover,.section-intro .exe-icon .blur_2_hover{opacity:0;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.section-intro .exe-icon .blur_2_hover{filter:url(#blur_2_hover)}.section-intro .exe-icon .icon-shadow{filter:url(#shadow)}.section-intro .exe-icon .name{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.section-intro .exe-icon .background{transform-origin:50%}.section-intro .exe-detail{max-height:calc(var(--spacing)*0);opacity:.5;background-color:#7c7c7c;display:block;overflow:hidden}@media (min-width:64rem){.section-intro .exe-detail{max-width:calc(var(--spacing)*0)}}.section-intro .exe-title{margin-inline:calc(var(--spacing)*5);margin-top:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:24px;font-weight:var(--font-weight-bold);word-break:break-all;color:var(--color-white)}@media (min-width:64rem){.section-intro .exe-title{margin-inline:calc(var(--spacing)*10);margin-top:calc(var(--spacing)*10);width:calc(var(--spacing)*36);--tw-leading:90%;font-size:36px;line-height:90%}}.section-intro .exe-copyright{margin-inline:calc(var(--spacing)*5);margin-top:calc(var(--spacing)*3);margin-bottom:calc(var(--spacing)*2);--tw-leading:140%;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:12px;line-height:140%;font-weight:var(--font-weight-normal);white-space:pre;color:var(--color-white)}@media (min-width:64rem){.section-intro .exe-copyright{margin-inline:calc(var(--spacing)*10);margin-top:calc(var(--spacing)*9);margin-bottom:calc(var(--spacing)*4)}}.section-intro .exe-data{margin-inline:calc(var(--spacing)*5);--tw-leading:140%;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:12px;line-height:140%;font-weight:var(--font-weight-normal);color:var(--color-white)}@media (min-width:64rem){.section-intro .exe-data{margin-inline:calc(var(--spacing)*10)}}.section-intro .exe-initial{margin-inline:calc(var(--spacing)*5);margin-top:calc(var(--spacing)*2);margin-bottom:calc(var(--spacing)*5);--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:12px;font-weight:var(--font-weight-normal);color:var(--color-white)}@media (min-width:64rem){.section-intro .exe-initial{margin-inline:calc(var(--spacing)*10);margin-top:calc(var(--spacing)*4)}}.section-intro .exe.execute{border-style:var(--tw-border-style);border-width:3px;border-color:var(--color-white);width:250px;transition-property:border-width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;border-radius:8px;transition-duration:.5s;transition-delay:1s;overflow:hidden}@media (min-width:64rem){.section-intro .exe.execute{border-style:var(--tw-border-style);border-width:5px;border-radius:12px;justify-content:center;width:auto;display:flex}}.section-intro .exe.execute .exe-detail{opacity:1;max-height:198px;transition-property:opacity,max-width,max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;flex:none;transition-duration:.5s;transition-delay:1s}@media (min-width:64rem){.section-intro .exe.execute .exe-detail{--tw-duration:.5s,.5s,0s;width:100%;max-width:280px;max-height:330px;transition-duration:.5s,.5s,0s}}.section-intro .exe.execute .exe-icon{max-width:248px;max-height:158px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;flex:none;transition-duration:.3s;overflow:hidden}@media (min-width:64rem){.section-intro .exe.execute .exe-icon{max-width:330px;max-height:330px}}.section-intro .exe.execute .exe-icon .svg{width:100%;height:100%;position:relative}.section-intro .exe.execute .exe-icon .svg:before{opacity:1;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;margin-top:-.5%;transition-duration:.5s;transition-delay:.7s;scale:2}@media (min-width:64rem){.section-intro .exe.execute .exe-icon .svg:before{scale:2.4}}.section-intro .exe.execute .exe-icon svg{display:block;top:calc(50% + 15px)}@media (min-width:64rem){.section-intro .exe.execute .exe-icon svg{--tw-scale-x:130%;--tw-scale-y:130%;--tw-scale-z:130%;scale:var(--tw-scale-x)var(--tw-scale-y);top:calc(50% + 28px)}}.section-intro .exe.execute .exe-icon .blur_1,.section-intro .exe.execute .exe-icon .blur_1_hover,.section-intro .exe.execute .exe-icon .blur_2,.section-intro .exe.execute .exe-icon .blur_2_hover{opacity:0;transition-property:none;animation:none}.section-intro .exe.execute .exe-icon .name{opacity:0;transition-property:none}.section-intro .exe.execute .exe-icon .background{opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.section-intro .exe.execute .exe-icon .icon-shadow{filter:none}.section-intro .alert-box{pointer-events:none;z-index:2;--tw-translate-x:calc(calc(1/2*100%)*-1);width:calc(100% - 60px);max-width:330px;--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;--tw-shadow:0 6px 16px 0 var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:20px;flex-direction:column;display:flex;position:absolute;bottom:calc(50% - 19px);left:50%;overflow:hidden}@media (min-width:48rem){.section-intro .alert-box{min-height:calc(var(--spacing)*0);--tw-translate-y:calc(var(--spacing)*0);max-width:854px;translate:var(--tw-translate-x)var(--tw-translate-y);bottom:min(136px,14.1vh)}}.section-intro .alert-box.display{pointer-events:auto;opacity:1;--tw-duration:.3s;transition-duration:.3s;transition-delay:2s}.section-intro .alert-status{margin-top:calc(var(--spacing)*1);margin-bottom:calc(var(--spacing)*3);text-align:center;--tw-leading:140%;--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:20px;line-height:140%;font-weight:var(--font-weight-bold);color:var(--color-black)}@media (min-width:48rem){.section-intro .alert-status{margin-top:calc(var(--spacing)*0);margin-bottom:calc(var(--spacing)*0)}}.section-intro .alert-title{padding-block:calc(var(--spacing)*2);text-align:center;--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-black);background-color:#eceefb}@media (min-width:48rem){.section-intro .alert-title{padding-block:7px;font-size:20px}}.section-intro .alert-content{border-style:var(--tw-border-style);height:100%;padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*6);background-color:#e0e0e0;border-width:1px;border-color:#b1b1b1;border-bottom-right-radius:20px;border-bottom-left-radius:20px}@media (min-width:48rem){.section-intro .alert-content{min-height:152px;padding-inline:calc(var(--spacing)*13)}}.section-intro .alert-paragraph{margin-bottom:calc(var(--spacing)*5);text-align:center;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:14px;font-weight:var(--font-weight-normal);color:var(--color-black)}@media (min-width:48rem){.section-intro .alert-paragraph{margin-bottom:calc(var(--spacing)*0);font-size:16px}}.section-intro .alert-paragraph .br{display:block}@media (min-width:48rem){.section-intro .alert-paragraph .br{display:inline}}.section-intro .btn-group{margin-top:calc(var(--spacing)*5)}@media (min-width:48rem){.section-intro .btn-group{margin-top:calc(var(--spacing)*3);justify-content:center;align-items:center;display:flex}}.section-intro .btn-group button{margin-inline:auto;margin-bottom:calc(var(--spacing)*3);height:38px;width:calc(var(--spacing)*40);cursor:pointer;--tw-font-weight:var(--font-weight-medium);font-family:Noto Sans TC;font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-white);--tw-shadow:0px 1px 4px 0px var(--tw-shadow-color,#fff6)inset;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:10px;display:block}@media (min-width:48rem){.section-intro .btn-group button{margin-inline:10px;margin-bottom:calc(var(--spacing)*0);width:132px}}@media (hover:none){.section-intro .btn-group .btn-cancel{-webkit-tap-highlight-color:#0000}.section-intro .btn-group .btn-cancel:active{background-color:#70976f}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-intro .btn-group .btn-cancel:hover{background-color:#70976f}}@media (hover:none){.section-intro .btn-group .btn-confirm{-webkit-tap-highlight-color:#0000}.section-intro .btn-group .btn-confirm:active{background-color:#0acb03}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-intro .btn-group .btn-confirm:hover{background-color:#0acb03}}.section-intro .btn-confirm{background-color:#0c9907}.section-intro .btn-cancel{background-color:#567455}.section-explorer{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:39;opacity:1;width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0f0f0f;position:absolute}.section-explorer.init{position:relative}.section-explorer.init .solar-system{opacity:1}.section-explorer.init .solar-system canvas{--tw-duration:.8s}.section-explorer.init .solar-system .core,.section-explorer.init .solar-system canvas{--tw-translate-y:calc(50% + 30vh);translate:var(--tw-translate-x)var(--tw-translate-y);transition-duration:.8s;transition-delay:1.2s}.section-explorer.init .solar-system .core{--tw-scale-x:50%;--tw-scale-y:50%;--tw-scale-z:50%;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-duration:.8s}@media (min-width:64rem){.section-explorer.init .solar-system .core{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.section-explorer.init .system-text-left{opacity:1;--tw-duration:1s;transition-duration:1s;transition-delay:2.2s}.section-explorer.init .system-text-mid{opacity:1;--tw-duration:1s;transition-duration:1s;transition-delay:2.8s}.section-explorer.init .system-text-right{opacity:1;--tw-duration:1s;transition-duration:1s;transition-delay:2.5s}.section-explorer.init .quest-box{opacity:1;--tw-duration:1s;transition-duration:1s;transition-delay:3.2s}.section-explorer.fadeOut{pointer-events:none;opacity:0;--tw-duration:.5s;transition-duration:.5s;transition-delay:1.5s;position:absolute}.section-explorer.fadeOut .solar-system canvas{--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;transition-property:transform,translate,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s;transition-delay:0s}.section-explorer.fadeOut .solar-system .core{--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);transition-property:all,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s,.1s;background-color:#0000;transition-duration:.5s,.1s;transition-delay:0s}@media (min-width:64rem){.section-explorer.fadeOut .solar-system .core{--tw-scale-x:225%;--tw-scale-y:225%;--tw-scale-z:225%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media (min-width:96rem){.section-explorer.fadeOut .solar-system .core{--tw-scale-x:300%;--tw-scale-y:300%;--tw-scale-z:300%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.section-explorer.fadeOut .solar-system .core:after,.section-explorer.fadeOut .solar-system .core:before{opacity:0}.section-explorer.fadeOut .solar-system .core .icon{opacity:1}.section-explorer.fadeOut .solar-system .core .icon .left .layer{--tw-translate-x:calc(20%*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-duration:.5s;transition-duration:.5s;transition-delay:.8s}.section-explorer.fadeOut .solar-system .core .icon .right .layer{--tw-translate-x:20%;translate:var(--tw-translate-x)var(--tw-translate-y);--tw-duration:.5s;transition-duration:.5s;transition-delay:.8s}.section-explorer.fadeOut .solar-system .core .icon .layer{border-style:var(--tw-border-style);--tw-duration:.5s;border-width:1px;transition-duration:.5s;transition-delay:.8s}.section-explorer.fadeOut .solar-system .core .glow,.section-explorer.fadeOut .system-text{opacity:0}.section-explorer.fadeOut .quest-box,.section-explorer.fadeOut .system-text-left,.section-explorer.fadeOut .system-text-mid,.section-explorer.fadeOut .system-text-right{--tw-duration:.5s;transition-duration:.5s;transition-delay:0s}.section-explorer.fadeOut .quest-box{opacity:0}.section-explorer .solar-system{pointer-events:none;height:100%;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));overflow:hidden}.section-explorer .solar-system,.section-explorer .solar-system canvas{z-index:0;--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;bottom:50%;left:50%}.section-explorer .solar-system canvas{height:calc(100% + 60vh);--tw-ease:linear;transition-timing-function:linear;display:block}.section-explorer .solar-system .core{z-index:5;--tw-translate-x:calc(calc(1/2*100%)*-1);width:400px;height:400px;--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:20%;--tw-scale-y:20%;--tw-scale-z:20%;scale:var(--tw-scale-x)var(--tw-scale-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-ease:linear;background-color:#79def5;border-radius:3.40282e+38px;justify-content:center;align-items:center;transition-timing-function:linear;display:flex;position:absolute;bottom:50%;left:50%}.section-explorer .solar-system .core:before{--tw-shadow:0 0 80px 80px var(--tw-shadow-color,#65bef580),inset 0 0 30px 10px var(--tw-shadow-color,#32a0c8cc);--tw-content:""}.section-explorer .solar-system .core:after,.section-explorer .solar-system .core:before{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;width:100%;height:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);content:var(--tw-content);border-radius:3.40282e+38px;display:block;position:absolute}.section-explorer .solar-system .core:after{--tw-shadow:0 0 20px 5px var(--tw-shadow-color,#0003);--tw-content:""}.section-explorer .solar-system .core .glow{--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;height:100%;--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:.6;--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.section-explorer .solar-system .core .glow:after,.section-explorer .solar-system .core .glow:before{border-style:var(--tw-border-style);border-width:20px;border-color:var(--color-white);--tw-content:"";content:var(--tw-content);width:20%;height:20%;margin-inline:.5%;display:block}.section-explorer .solar-system .core .glow:before{border-radius:30% 0;rotate:45deg}.section-explorer .solar-system .core .glow:after{border-radius:0 30%;rotate:-45deg}.section-explorer .solar-system .core .icon{--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;height:100%;--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:.4;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}.section-explorer .solar-system .core .icon .left{width:20%;height:20%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex:none;position:relative}.section-explorer .solar-system .core .icon .left .layer{right:calc(var(--spacing)*0);--tw-translate-x:calc(3%*-1);translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:30% 0;rotate:45deg}.section-explorer .solar-system .core .icon .right{width:20%;height:20%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex:none;position:relative}.section-explorer .solar-system .core .icon .right .layer{left:calc(var(--spacing)*0);--tw-translate-x:3%;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:0 30%;rotate:-45deg}.section-explorer .solar-system .core .icon .layer{top:calc(var(--spacing)*0);border-style:var(--tw-border-style);border-width:20px;border-color:var(--color-white);will-change:transform;--tw-content:"";content:var(--tw-content);width:100%;height:100%;display:block;position:absolute}.section-explorer .system-text{pointer-events:none;color:#10a4d8;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));align-items:flex-start;font-family:Roboto Slab;display:flex;position:absolute}.section-explorer .system-text .arrow{background-color:var(--color-black);padding-inline:calc(var(--spacing)*2);padding-bottom:calc(var(--spacing)*2);--tw-leading:1.2em;--tw-font-weight:var(--font-weight-bold);font-size:20px;line-height:1.2em;font-weight:var(--font-weight-bold);display:inline-block}@media (min-width:64rem){.section-explorer .system-text .arrow{--tw-leading:32px;font-size:48px;line-height:32px}}.section-explorer .system-text .title{z-index:1;--tw-leading:1em;--tw-font-weight:var(--font-weight-bold);font-size:20px;line-height:1em;font-weight:var(--font-weight-bold);display:inline-block;position:relative}@media (min-width:64rem){.section-explorer .system-text .title{font-size:36px}.section-explorer .system-text .title .tag{padding-bottom:calc(var(--spacing)*3)}}.section-explorer .system-text .paragraph{z-index:0;transform-origin:0 0;--tw-leading:1.2em;--tw-font-weight:var(--font-weight-normal);font-size:12px;line-height:1.2em;font-weight:var(--font-weight-normal);position:relative;scale:.833}@media (min-width:64rem){.section-explorer .system-text .paragraph{--tw-leading:1.6em;line-height:1.6em}}.section-explorer .system-text .tag{background-color:var(--color-black);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);display:inline-block}.section-explorer .system-text.system-text-left{top:130px;left:calc(var(--spacing)*4);max-width:200px}@media (min-width:64rem){.section-explorer .system-text.system-text-left{max-width:none;top:250px}}@media (min-width:80rem){.section-explorer .system-text.system-text-left{left:calc(50% - 400px)}}.section-explorer .system-text.system-text-mid{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);top:220px;left:50%}@media (min-width:64rem){.section-explorer .system-text.system-text-mid{--tw-translate-x:-60px;translate:var(--tw-translate-x)var(--tw-translate-y);top:360px}}.section-explorer .system-text.system-text-mid .arrow{padding-inline:calc(var(--spacing)*0);background-color:#0000;font-size:26px}@media (min-width:64rem){.section-explorer .system-text.system-text-mid .arrow{--tw-translate-y:calc(5px*-1);translate:var(--tw-translate-x)var(--tw-translate-y);font-size:48px}}.section-explorer .system-text.system-text-mid .title{white-space:pre;font-size:26px}@media (min-width:64rem){.section-explorer .system-text.system-text-mid .title{font-size:48px}}.section-explorer .system-text.system-text-mid .title .tag{padding-bottom:calc(var(--spacing)*4)}.section-explorer .system-text.system-text-mid .paragraph{z-index:1;margin-top:calc(var(--spacing)*-2);margin-left:calc(var(--spacing)*-4);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);text-align:center;--tw-font-weight:var(--font-weight-bold);font-size:26px;font-weight:var(--font-weight-bold);position:relative}@media (min-width:64rem){.section-explorer .system-text.system-text-mid .paragraph{margin-top:calc(var(--spacing)*-2);margin-left:calc(var(--spacing)*12);text-align:left;--tw-leading:40px;font-size:48px;line-height:40px}}.section-explorer .system-text.system-text-right{top:80px;right:-16px}@media (min-width:64rem){.section-explorer .system-text.system-text-right{top:125px;right:calc(var(--spacing)*4)}}@media (min-width:80rem){.section-explorer .system-text.system-text-right{right:calc(50% - 580px)}}.quest-box{z-index:2;--tw-translate-x:calc(calc(1/2*100%)*-1);width:calc(100% - 56px);max-width:535px;translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*6);opacity:0;--tw-shadow:0 4px 30px 11px var(--tw-shadow-color,#fffc),inset 0 4px 17px 12px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#171717cc;border-radius:10px;padding-block:34px;position:absolute;bottom:100px;left:50%}@media (min-width:64rem){.quest-box{padding-inline:calc(var(--spacing)*12);padding-block:46px}}@media (min-width:80rem){.quest-box{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);left:100px}}.quest-box:after{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);border-style:var(--tw-border-style);--tw-content:"";content:var(--tw-content);border-width:10px 0;border-color:#8be487;border-radius:10px;width:100%;height:100%;position:absolute}.quest-box .quest-box-title{border-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-medium);font-family:Roboto Slab;font-size:24px;font-weight:var(--font-weight-medium);color:var(--color-white);border-width:2px;border-radius:2px;padding-block:1px;display:inline-block;position:relative}@media (min-width:64rem){.quest-box .quest-box-title{padding-inline:calc(var(--spacing)*4);font-size:30px}}.quest-box .quest-box-title:before{--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);white-space:pre;--tw-blur:blur(10px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);--tw-content:"MAIN QUEST";content:var(--tw-content);position:absolute;top:50%;left:50%}.quest-box .quest-title{margin-top:calc(var(--spacing)*5);margin-left:calc(var(--spacing)*-2);--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab,Noto Sans TC;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-white)}@media (min-width:64rem){.quest-box .quest-title{margin-left:calc(var(--spacing)*-4);font-size:24px}}.quest-box .quest-paragraph{--tw-leading:1.4em;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:14px;line-height:1.4em;font-weight:var(--font-weight-normal);color:var(--color-white);margin-top:2px}@media (min-width:80rem){.quest-box .quest-paragraph{max-width:400px}}.quest-box .btn-next{margin-top:calc(var(--spacing)*5);cursor:pointer;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-normal);color:var(--color-white);--tw-shadow:0 0 40px 12px var(--tw-shadow-color,#0c990799);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0c9907;border-radius:2px;padding-block:6px;padding-inline:14px}@media (hover:hover){.quest-box .btn-next:hover{background-color:#1edc17}}@media (min-width:64rem){.quest-box .btn-next{padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2)}}.section-tools{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:38;background-color:#0f0f0f;width:100%;height:100%;position:absolute}.section-tools .copyright{bottom:calc(var(--spacing)*13);left:calc(var(--spacing)*4);z-index:1;transform-origin:0 100%;--tw-scale-x:66%;--tw-scale-y:66%;--tw-scale-z:66%;width:180px;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:12px;font-weight:var(--font-weight-normal);color:var(--color-white);position:absolute}@media (min-width:64rem){.section-tools .copyright{right:calc(var(--spacing)*20);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;width:280px;scale:var(--tw-scale-x)var(--tw-scale-y);display:flex;bottom:30px;left:auto}}.section-tools .copyright svg{margin-right:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*2);transform-origin:0 100%;--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;width:55px;scale:var(--tw-scale-x)var(--tw-scale-y);flex:none;display:block}@media (min-width:64rem){.section-tools .copyright svg{margin-bottom:calc(var(--spacing)*0);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.section-tools canvas{pointer-events:none;z-index:0;--tw-translate-x:calc(calc(1/2*100%)*-1);width:100%;height:100%;--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;display:block;position:absolute;bottom:50%;left:50%}.section-tools.init{position:relative}.section-tools.init canvas{opacity:1;--tw-duration:.5s;transition-duration:.5s;transition-delay:2s}.section-tools.init .core .left,.section-tools.init .core .right{--tw-scale-x:1;--tw-scale-y:1.8;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-duration:.5s;transition-duration:.5s;transition-delay:1.8s}@media (min-width:64rem){.section-tools.init .core .left,.section-tools.init .core .right{--tw-scale-y:1;scale:var(--tw-scale-x)var(--tw-scale-y)}}.section-tools.init .core .left .layer_1{--tw-translate-x:10%;translate:var(--tw-translate-x)var(--tw-translate-y)}.section-tools.init .core .left .layer_2{--tw-translate-x:calc(5%*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.section-tools.init .core .left .layer_3{--tw-translate-x:calc(20.5%*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.section-tools.init .core .right .layer_1{--tw-translate-x:calc(10%*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.section-tools.init .core .right .layer_2{--tw-translate-x:5%;translate:var(--tw-translate-x)var(--tw-translate-y)}.section-tools.init .core .right .layer_3{--tw-translate-x:20.5%;translate:var(--tw-translate-x)var(--tw-translate-y)}.section-tools.init .core .layer{--tw-duration:.5s;transition-duration:.5s;transition-delay:1.8s}.section-tools.init .core .layer_2{scale:.708333}.section-tools.init .core .layer_3{scale:1}.section-tools.init .group-title{opacity:1}.section-tools.init .group-type_1{--tw-duration:.5s;transition-duration:.5s;transition-delay:2.65s}.section-tools.init .group-type_2{--tw-duration:.5s;transition-duration:.5s;transition-delay:2.75s}.section-tools.init .group-type_3{--tw-duration:.5s;transition-duration:.5s;transition-delay:2.85s}@keyframes float1{0%{transform:translateY(0)}50%{transform:translateY(5%)}to{transform:translateY(0)}}.section-tools.init .tool-unit{opacity:1}.section-tools.init .tool-unit:first-child{--tw-duration:.5s;transition-duration:.5s;transition-delay:2.4s}.section-tools.init .tool-unit:first-child .animate-group{animation:float1 5s infinite}.section-tools.init .tool-unit:nth-child(2){--tw-duration:.5s;transition-duration:.5s;transition-delay:2.5s}.section-tools.init .tool-unit:nth-child(2) .animate-group{animation:float1 5s infinite reverse}.section-tools.init .tool-unit:nth-child(3){--tw-duration:.5s;transition-duration:.5s;transition-delay:2.6s}.section-tools.init .tool-unit:nth-child(3) .animate-group{animation:float1 6s infinite}.section-tools.init .tool-unit:nth-child(4){--tw-duration:.5s;transition-duration:.5s;transition-delay:2.7s}.section-tools.init .tool-unit:nth-child(4) .animate-group{animation:float1 6s infinite alternate}.section-tools.init .tool-unit:nth-child(5){--tw-duration:.5s;transition-duration:.5s;transition-delay:2.8s}.section-tools.init .tool-unit:nth-child(5) .animate-group{animation:float1 5s infinite alternate}.section-tools.init .tool-unit:nth-child(6){--tw-duration:.5s;transition-duration:.5s;transition-delay:2.9s}.section-tools.init .tool-unit:nth-child(6) .animate-group{animation:float1 5s infinite reverse}.section-tools.init .tool-unit:nth-child(7){--tw-duration:.5s;transition-duration:.5s;transition-delay:3s}.section-tools.init .tool-unit:nth-child(7) .animate-group{animation:float1 5s infinite}.section-tools.init .quest-box{opacity:1;--tw-duration:1s;transition-duration:1s;transition-delay:3.2s}.section-tools.start .tools{pointer-events:auto}.section-tools.start .quest-box{pointer-events:none;opacity:0;--tw-duration:.3s;transition-duration:.3s;transition-delay:0s}.section-tools.start .btn-trail{opacity:1;--tw-duration:.3s;transition-duration:.3s}.section-tools.fadeOut{pointer-events:none;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s;position:absolute}.section-tools.fadeOut .tools{pointer-events:none}.section-tools .core{pointer-events:none;z-index:0;--tw-translate-x:calc(calc(1/2*100%)*-1);width:400px;height:400px;--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .core{width:900px;height:900px}}@media (min-width:96rem){.section-tools .core{width:1200px;height:1200px}}.section-tools .core .left{transform-origin:100%;width:20%;height:20%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex:none;position:relative}.section-tools .core .left .layer{right:calc(var(--spacing)*0);--tw-translate-x:20.5%;translate:var(--tw-translate-x)var(--tw-translate-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:30% 0;rotate:45deg}.section-tools .core .right{transform-origin:0;width:20%;height:20%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex:none;position:relative}.section-tools .core .right .layer{left:calc(var(--spacing)*0);--tw-translate-x:calc(20.5%*-1);border-radius:0 30%;rotate:-45deg}.section-tools .core .layer,.section-tools .core .right .layer{translate:var(--tw-translate-x)var(--tw-translate-y);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.section-tools .core .layer{--tw-translate-y:calc(calc(1/2*100%)*-1);width:240%;height:240%;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);display:block;position:absolute;top:50%;scale:.416667}.section-tools .group-title{pointer-events:none;z-index:1;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--color-black);--tw-font-weight:var(--font-weight-medium);font-family:Roboto Slab;font-size:14px;font-weight:var(--font-weight-medium);opacity:0;position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .group-title{font-size:20px}}.section-tools .group-title.group-type_1{--tw-translate-x:calc(calc(50% + 130px)*-1);--tw-translate-y:calc(calc(50% - 170px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);color:#c02015}@media (min-width:64rem){.section-tools .group-title.group-type_1{--tw-translate-x:calc(calc(50% + 450px)*-1);--tw-translate-y:calc(calc(50% + 25px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:80rem){.section-tools .group-title.group-type_1{--tw-translate-x:calc(calc(50% + 550px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .group-title.group-type_1{--tw-translate-x:calc(calc(50% + 740px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .group-title.group-type_2{--tw-translate-y:calc(calc(50% - 80px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);color:#097aa2}@media (min-width:64rem){.section-tools .group-title.group-type_2{--tw-translate-x:calc(var(--spacing)*0);--tw-translate-y:calc(calc(50% - 20px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .group-title.group-type_3{--tw-translate-x:calc(calc(50% - 130px)*-1);--tw-translate-y:calc(calc(50% + 170px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);color:#0c9907}@media (min-width:64rem){.section-tools .group-title.group-type_3{--tw-translate-x:calc(calc(50% - 450px)*-1);--tw-translate-y:calc(calc(50% - 25px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:80rem){.section-tools .group-title.group-type_3{--tw-translate-x:calc(calc(50% - 550px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .group-title.group-type_3{--tw-translate-x:calc(calc(50% - 740px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tools{pointer-events:none;z-index:2;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-scale-x:80%;--tw-scale-y:80%;--tw-scale-z:80%;scale:var(--tw-scale-x)var(--tw-scale-y);position:absolute;top:50%;left:50%}@media (min-width:376px){.section-tools .tools{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.section-tools .tool-unit{cursor:pointer;text-align:center;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:relative}.section-tools .tool-unit .tool-title{margin-bottom:calc(var(--spacing)*1);text-align:center;--tw-font-weight:var(--font-weight-semibold);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-semibold);transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:64rem){.section-tools .tool-unit .tool-title{font-size:18px}}.section-tools .tool-unit .tool-unlock{--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-white);flex:none;padding-inline:10px}@media (min-width:64rem){.section-tools .tool-unit .tool-unlock{padding-inline:14px;font-size:18px}}.section-tools .tool-unit .tool-unlock:before{content:"> "}.section-tools .tool-unit .tool-group{justify-content:center;align-items:center;display:flex}.section-tools .tool-unit .done-arrow{margin-left:calc(var(--spacing)*1);height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);background-position:50%;background-repeat:no-repeat;flex:none;display:none}@media (min-width:64rem){.section-tools .tool-unit .done-arrow{background-position:55%;width:27px;height:27px}}.section-tools .tool-unit .done-arrow{background-image:url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.section-tools .tool-unit .icon{margin-inline:auto;margin-bottom:calc(var(--spacing)*1);width:70px}@media (min-width:64rem){.section-tools .tool-unit .icon{margin-bottom:calc(var(--spacing)*2);width:90px}}.section-tools .tool-unit .icon svg{width:100%;height:auto;display:block}.section-tools .tool-unit .icon .bg{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.section-tools .tool-unit.type_1 .done-arrow{background-color:#e82114}.section-tools .tool-unit.type_1 .icon{--tw-shadow:0 0 12px 6px var(--tw-shadow-color,#f98f88e5);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#c02015;border-radius:3.40282e+38px}.section-tools .tool-unit.type_1 .tool-title{color:#c02015}.section-tools .tool-unit.type_1 .tool-unlock{background-color:#c02015}@media (hover:none){.section-tools .tool-unit.type_1{-webkit-tap-highlight-color:#0000}.section-tools .tool-unit.type_1:active .bg{fill:#e82114}.section-tools .tool-unit.type_1:active .tool-title{color:#e82114}.section-tools .tool-unit.type_1:active .tool-unlock{background-color:#e82114}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-tools .tool-unit.type_1:hover .bg{fill:#e82114}.section-tools .tool-unit.type_1:hover .tool-title{color:#e82114}.section-tools .tool-unit.type_1:hover .tool-unlock{background-color:#e82114}}.section-tools .tool-unit.type_1:first-child{--tw-translate-x:calc(calc(50% + 124px)*-1);--tw-translate-y:calc(calc(50% + 85px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .tool-unit.type_1:first-child{--tw-translate-x:calc(calc(50% + 400px)*-1);--tw-translate-y:calc(calc(50% + 130px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:80rem){.section-tools .tool-unit.type_1:first-child{--tw-translate-x:calc(calc(50% + 476px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .tool-unit.type_1:first-child{--tw-translate-x:calc(calc(50% + 620px)*-1);--tw-translate-y:calc(calc(50% + 169px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tool-unit.type_1:nth-child(2){--tw-translate-x:calc(calc(50% + 124px)*-1);--tw-translate-y:calc(calc(50% - 85px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .tool-unit.type_1:nth-child(2){--tw-translate-x:calc(calc(50% + 360px)*-1);--tw-translate-y:calc(calc(50% - 160px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:80rem){.section-tools .tool-unit.type_1:nth-child(2){--tw-translate-x:calc(calc(50% + 440px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .tool-unit.type_1:nth-child(2){--tw-translate-x:calc(calc(50% + 572px)*-1);--tw-translate-y:calc(calc(50% - 208px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tool-unit.type_1:nth-child(3){--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(50% + 170px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .tool-unit.type_1:nth-child(3){--tw-translate-x:calc(calc(50% + 180px)*-1);--tw-translate-y:calc(calc(50% + 180px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:80rem){.section-tools .tool-unit.type_1:nth-child(3){--tw-translate-x:calc(calc(50% + 200px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .tool-unit.type_1:nth-child(3){--tw-translate-x:calc(calc(50% + 260px)*-1);--tw-translate-y:calc(calc(50% + 234px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tool-unit.type_2 .done-arrow{background-color:#0a8cbb}.section-tools .tool-unit.type_2 .icon{--tw-shadow:0 0 12px 6px var(--tw-shadow-color,#6cb0c7e5);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0a8cbb;border-radius:3.40282e+38px}.section-tools .tool-unit.type_2 .tool-title{color:#0a8cbb}.section-tools .tool-unit.type_2 .tool-unlock{background-color:#0a8cbb}@media (hover:none){.section-tools .tool-unit.type_2{-webkit-tap-highlight-color:#0000}.section-tools .tool-unit.type_2:active .bg{fill:#2fb8e9}.section-tools .tool-unit.type_2:active .tool-title{color:#2fb8e9}.section-tools .tool-unit.type_2:active .tool-unlock{background-color:#2fb8e9}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-tools .tool-unit.type_2:hover .bg{fill:#2fb8e9}.section-tools .tool-unit.type_2:hover .tool-title{color:#2fb8e9}.section-tools .tool-unit.type_2:hover .tool-unlock{background-color:#2fb8e9}}.section-tools .tool-unit.type_2:nth-child(4){--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .tool-unit.type_2:nth-child(4){--tw-translate-x:calc(calc(50% + 100px)*-1);--tw-translate-y:calc(calc(50% - 90px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .tool-unit.type_2:nth-child(4){--tw-translate-x:calc(calc(50% + 130px)*-1);--tw-translate-y:calc(calc(50% - 117px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tool-unit.type_2:nth-child(5){--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(50% - 170px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .tool-unit.type_2:nth-child(5){--tw-translate-x:calc(calc(50% - 100px)*-1);--tw-translate-y:calc(calc(50% + 90px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .tool-unit.type_2:nth-child(5){--tw-translate-x:calc(calc(50% - 130px)*-1);--tw-translate-y:calc(calc(50% + 117px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tool-unit.type_3 .done-arrow{background-color:#0c9907}.section-tools .tool-unit.type_3 .icon{--tw-shadow:0 0 12px 6px var(--tw-shadow-color,#aee5ace5);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0c9907;border-radius:3.40282e+38px}.section-tools .tool-unit.type_3 .tool-title{color:#0c9907}.section-tools .tool-unit.type_3 .tool-unlock{background-color:#0c9907}@media (hover:none){.section-tools .tool-unit.type_3{-webkit-tap-highlight-color:#0000}.section-tools .tool-unit.type_3:active .bg{fill:#1edc17}.section-tools .tool-unit.type_3:active .tool-title{color:#1edc17}.section-tools .tool-unit.type_3:active .tool-unlock{background-color:#1edc17}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-tools .tool-unit.type_3:hover .bg{fill:#1edc17}.section-tools .tool-unit.type_3:hover .tool-title{color:#1edc17}.section-tools .tool-unit.type_3:hover .tool-unlock{background-color:#1edc17}}.section-tools .tool-unit.type_3:nth-child(6){--tw-translate-x:calc(calc(50% - 124px)*-1);--tw-translate-y:calc(calc(50% + 85px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .tool-unit.type_3:nth-child(6){--tw-translate-x:calc(calc(50% - 400px)*-1);--tw-translate-y:calc(calc(50% + 130px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:80rem){.section-tools .tool-unit.type_3:nth-child(6){--tw-translate-x:calc(calc(50% - 476px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .tool-unit.type_3:nth-child(6){--tw-translate-x:calc(calc(50% - 620px)*-1);--tw-translate-y:calc(calc(50% + 169px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tool-unit.type_3:nth-child(7){--tw-translate-x:calc(calc(50% - 124px)*-1);--tw-translate-y:calc(calc(50% - 85px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-tools .tool-unit.type_3:nth-child(7){--tw-translate-x:calc(calc(50% - 360px)*-1);--tw-translate-y:calc(calc(50% - 160px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:80rem){.section-tools .tool-unit.type_3:nth-child(7){--tw-translate-x:calc(calc(50% - 440px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}@media (min-width:96rem){.section-tools .tool-unit.type_3:nth-child(7){--tw-translate-x:calc(calc(50% - 572px)*-1);--tw-translate-y:calc(calc(50% - 208px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}}.section-tools .tool-unit.done .done-arrow{display:block}.section-tools .tool-unit.done .icon{--tw-shadow:0 0 14px 7px var(--tw-shadow-color,#ffffffb2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#676767}.section-tools .tool-unit.done .tool-title{color:#676767}.section-tools .tool-unit.done .bg{fill:#676767}.section-tools .tool-unit.done .tool-unlock{color:var(--color-black);background-color:#676767}.section-tools .tool-unit.done .tool-unlock:before{content:"已"}.section-tools .tool-unit.done .tool-unlock.en:before{content:""}.section-tools .tool-unit.done .tool-unlock.en:after{content:"ed"}@media (hover:none){.section-tools .tool-unit.done{-webkit-tap-highlight-color:#0000}.section-tools .tool-unit.done:active .bg{fill:#676767}.section-tools .tool-unit.done:active .tool-title{color:#676767}.section-tools .tool-unit.done:active .tool-unlock{background-color:#676767}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-tools .tool-unit.done:hover .bg{fill:#676767}.section-tools .tool-unit.done:hover .tool-title{color:#676767}.section-tools .tool-unit.done:hover .tool-unlock{background-color:#676767}}.section-tools .score{top:calc(var(--spacing)*11);right:calc(var(--spacing)*8);z-index:2;position:absolute}@media (min-width:48rem){.section-tools .score{right:calc(var(--spacing)*22)}}.section-tools .score-title{--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:14px;font-weight:var(--font-weight-bold);--tw-tracking:.1em;letter-spacing:.1em;color:var(--color-white)}@media (min-width:48rem){.section-tools .score-title{font-size:16px}}.section-tools .score-number{text-align:right;--tw-leading:1em;--tw-font-weight:var(--font-weight-black);font-family:Roboto Slab;font-size:36px;line-height:1em;font-weight:var(--font-weight-black);color:#097aa2}@media (min-width:48rem){.section-tools .score-number{font-size:66px}}.section-tools .btn-trail{bottom:calc(var(--spacing)*13);--tw-translate-x:calc(calc(1/2*100%)*-1);height:38px;translate:var(--tw-translate-x)var(--tw-translate-y);cursor:pointer;padding-inline:calc(var(--spacing)*6);--tw-font-weight:var(--font-weight-medium);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-white);opacity:0;--tw-shadow:0 0 40px 12px var(--tw-shadow-color,#0c990799);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:background-color,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0c9907;position:fixed;left:50%}@media (min-width:64rem){.section-tools .btn-trail{bottom:calc(var(--spacing)*30)}}.section-tools .btn-trail:disabled{cursor:auto;--tw-shadow:0 0 40px 10px var(--tw-shadow-color,#6d6d6d4d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#6d6d6d}.section-question{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:39;opacity:0;width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;background-color:#0f0f0f;transition-duration:.5s;position:absolute;overflow:hidden auto}@media (min-width:80rem){.section-question{overflow:hidden}}.section-question .question-copyright{margin-inline:auto;margin-top:calc(var(--spacing)*4);max-width:600px}@media (min-width:80rem){.section-question .question-copyright{right:calc(var(--spacing)*20);margin:calc(var(--spacing)*0);margin-top:calc(var(--spacing)*0);max-width:none;position:absolute;bottom:30px}}.section-question .copyright{z-index:1;transform-origin:0 100%;--tw-scale-x:66%;--tw-scale-y:66%;--tw-scale-z:66%;width:180px;scale:var(--tw-scale-x)var(--tw-scale-y);--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:12px;font-weight:var(--font-weight-normal);color:var(--color-white);position:relative}@media (min-width:80rem){.section-question .copyright{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;width:280px;scale:var(--tw-scale-x)var(--tw-scale-y);display:flex}}.section-question .copyright svg{margin-right:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*2);transform-origin:0 100%;--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;width:55px;scale:var(--tw-scale-x)var(--tw-scale-y);flex:none;display:block}@media (min-width:80rem){.section-question .copyright svg{margin-bottom:calc(var(--spacing)*0);--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.section-question .background{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:0;width:100%;height:100%;position:absolute}.section-question .background .circle-group_1,.section-question .background .circle-group_2{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;position:absolute;overflow:hidden}.section-question .background .circle-group_1:before{--tw-translate-x:calc(calc(1/2*100%)*-1);width:433%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);--tw-content:"";content:var(--tw-content);border-width:2px;border-color:#313131;border-radius:100%;padding-top:631.437%;position:absolute;top:106px;left:28%;rotate:16.73deg}@media (min-width:80rem){.section-question .background .circle-group_1:before{width:200%;padding-top:291.582%;top:80px;left:20%}}.section-question .background .circle-group_1:after{--tw-translate-x:calc(calc(1/2*100%)*-1);width:336%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);--tw-content:"";content:var(--tw-content);border-width:2px;border-color:#313131;border-radius:100%;padding-top:490.021%;position:absolute;top:350px;left:42%;rotate:16.73deg}@media (min-width:80rem){.section-question .background .circle-group_1:after{width:148%;padding-top:215.776%;top:500px;left:40%}}.section-question .background .circle-group_2:before{--tw-translate-x:calc(calc(1/2*100%)*-1);width:124%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-color:#8d8d8d;border-radius:100%;padding-top:130.812%;position:absolute;top:-65px;left:47%;rotate:16.73deg}@media (min-width:80rem){.section-question .background .circle-group_2:before{--tw-content:"";content:var(--tw-content)}}.section-question .background .circle-group_2:after{--tw-translate-x:calc(calc(1/2*100%)*-1);width:96%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-color:#8d8d8d;border-radius:100%;padding-top:79.5588%;position:absolute;top:300px;left:70%;rotate:16.73deg}@media (min-width:80rem){.section-question .background .circle-group_2:after{--tw-content:"";content:var(--tw-content)}}.section-question .question-group{width:100%;height:100%;position:relative}.section-question.show{pointer-events:auto;opacity:1}.section-question.show_1 .question-content:first-child{pointer-events:auto;z-index:1;opacity:1;width:100%;height:auto;position:relative}@media (min-width:80rem){.section-question.show_1 .question-content:first-child{height:100%;overflow:hidden}}.section-question.show_2 .question-content:nth-child(2){pointer-events:auto;z-index:1;opacity:1;width:100%;height:auto;position:relative}@media (min-width:80rem){.section-question.show_2 .question-content:nth-child(2){height:100%;overflow:hidden}}.section-question.show_3 .question-content:nth-child(3){pointer-events:auto;z-index:1;opacity:1;width:100%;height:auto;position:relative}@media (min-width:80rem){.section-question.show_3 .question-content:nth-child(3){height:100%;overflow:hidden}}.section-question.show_4 .question-content:nth-child(4){pointer-events:auto;z-index:1;opacity:1;width:100%;height:auto;position:relative}@media (min-width:80rem){.section-question.show_4 .question-content:nth-child(4){height:100%;overflow:hidden}}.section-question.show_5 .question-content:nth-child(5){pointer-events:auto;z-index:1;opacity:1;width:100%;height:auto;position:relative}@media (min-width:80rem){.section-question.show_5 .question-content:nth-child(5){height:100%;overflow:hidden}}.section-question.show_6 .question-content:nth-child(6){pointer-events:auto;z-index:1;opacity:1;width:100%;height:auto;position:relative}@media (min-width:80rem){.section-question.show_6 .question-content:nth-child(6){height:100%;overflow:hidden}}.section-question.show_7 .question-content:nth-child(7){pointer-events:auto;z-index:1;opacity:1;width:100%;height:auto;position:relative}@media (min-width:80rem){.section-question.show_7 .question-content:nth-child(7){height:100%;overflow:hidden}}.section-question .question-content{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:0;opacity:0;padding-inline:28px;width:100%;height:0;padding-top:90px;padding-bottom:100px;position:absolute;overflow:hidden}@media (min-width:80rem){.section-question .question-content{--tw-translate-x:calc(calc(1/2*100%)*-1);max-width:1500px;translate:var(--tw-translate-x)var(--tw-translate-y);left:50%}}.section-question .question-content:last-child .tool-video{flex:none;padding-top:177.778%}@media (min-width:80rem){.section-question .question-content:last-child .tool-video{margin-top:calc(var(--spacing)*0);flex:none;width:56%;padding-top:99.5556%}.section-question .question-content:last-child .content-group{display:flex}.section-question .question-content:last-child .tool-detail{width:44%;padding-right:20px}}.section-question .pic-tool{background-color:var(--color-black);border-radius:3.40282e+38px;justify-content:center;align-items:center;width:264px;height:264px;margin-inline:auto;display:flex;position:relative}@media (min-width:80rem){.section-question .pic-tool{--tw-translate-y:calc(calc(1/2*100%)*-1);width:510px;height:510px;translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;top:50%;left:180px}}.section-question .pic-tool.type_1{--tw-shadow:0 0 59px 30px var(--tw-shadow-color,#8a2b24),inset 0 0 59px 30px var(--tw-shadow-color,#8a2b24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.section-question .pic-tool.type_1:after{border-color:#8a2b24}.section-question .pic-tool.type_2{--tw-shadow:0 0 59px 30px var(--tw-shadow-color,#097aa2),inset 0 0 59px 30px var(--tw-shadow-color,#097aa2);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.section-question .pic-tool.type_2:after{border-color:#097aa2}.section-question .pic-tool.type_3{--tw-shadow:0 0 59px 30px var(--tw-shadow-color,#1a8017),inset 0 0 59px 30px var(--tw-shadow-color,#1a8017);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.section-question .pic-tool.type_3:after{border-color:#1a8017}.section-question .pic-tool:before{--tw-shadow:0 0 14px 7px var(--tw-shadow-color,#097aa222);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:3.40282e+38px}.section-question .pic-tool:after,.section-question .pic-tool:before{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;--tw-content:"";content:var(--tw-content);display:block;position:absolute}.section-question .pic-tool:after{border-style:var(--tw-border-style);border-width:3px;border-radius:3.40282e+38px}.section-question .pic-tool img{width:68%;height:auto;display:block}.section-question .tool-content{z-index:1;margin-inline:auto;margin-top:calc(var(--spacing)*9);border-style:var(--tw-border-style);max-width:600px;padding-inline:calc(var(--spacing)*7);padding-top:calc(var(--spacing)*6);padding-bottom:calc(var(--spacing)*10);--tw-shadow:0 0 50px 0 var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0f0f0f;border-width:1px;border-color:#4e4e4e;border-radius:6px;position:relative}@media (min-width:80rem){.section-question .tool-content{margin-top:calc(var(--spacing)*0);--tw-translate-y:calc(calc(1/2*100%)*-1);width:calc(100% - 860px);max-height:calc(100vh - 178px);translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*8);padding-top:calc(var(--spacing)*8);position:absolute;top:50%;left:815px}}.section-question .tool-content .simplebar-scrollbar.simplebar-visible:before{opacity:1;background-color:#676767}@media (hover:none){.section-question .tool-content{--tw-shadow:0 0 50px 0 var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.section-question .tool-content .tool-description,.section-question .tool-content .tool-name,.section-question .tool-content .tool-note{color:var(--color-white)}.section-question .tool-content .tool-video{border-color:var(--color-white)}.section-question .tool-content{-webkit-tap-highlight-color:#0000}.section-question .tool-content:active{--tw-shadow:0 0 50px 0 var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.section-question .tool-content:active .tool-description,.section-question .tool-content:active .tool-name,.section-question .tool-content:active .tool-note{color:var(--color-white)}.section-question .tool-content:active .tool-video{border-color:var(--color-white)}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-question .tool-content:hover{--tw-shadow:0 0 50px 0 var(--tw-shadow-color,#ffffff80);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.section-question .tool-content:hover .tool-description,.section-question .tool-content:hover .tool-name,.section-question .tool-content:hover .tool-note{color:var(--color-white)}.section-question .tool-content:hover .tool-video{border-color:var(--color-white)}}.section-question .tool-name{margin-bottom:calc(var(--spacing)*3);--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:18px;font-weight:var(--font-weight-bold);color:#a0a0a0;transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:64rem){.section-question .tool-name{font-size:24px}}.section-question .tool-description{--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:14px;font-weight:var(--font-weight-normal);color:#a0a0a0;transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:64rem){.section-question .tool-description{font-size:16px}}.section-question .tool-video{margin-top:calc(var(--spacing)*4);border-style:var(--tw-border-style);width:100%;transition-property:border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-color:#484848;padding-top:56.25%;position:relative;overflow:hidden}.section-question .tool-video .react-player__preview{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;position:absolute}.section-question .tool-video .play-icon{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);background-color:#0009;width:100%;height:100%;display:none;position:absolute}@media (min-width:80rem){.section-question .tool-video .play-icon{display:block}}.section-question .tool-video .play-icon.preview{background-size:cover}@media (min-width:80rem){.section-question .tool-video .play-icon.preview{background-image:url(/images/pic-preview.png)}}.section-question .tool-video .play-icon:after,.section-question .tool-video .play-icon:before{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-content:"";content:var(--tw-content);display:block;position:absolute;top:50%;left:50%}.section-question .tool-video .play-icon:before{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:#0c9907;border-radius:3.40282e+38px}.section-question .tool-video .play-icon:after{--tw-translate-x:calc(calc(50% - 2px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);border-width:8px 0 8px 14px;border-color:#0000 #0000 #0000 #fff}.section-question .tool-video .mask{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:2;cursor:pointer;background-color:#0009;width:100%;height:100%;display:block;position:absolute}@media (min-width:80rem){.section-question .tool-video .mask{display:none}}.section-question .tool-video .mask.preview{background-image:url(/images/pic-preview.png);background-size:cover}.section-question .tool-video .mask:after,.section-question .tool-video .mask:before{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-content:"";content:var(--tw-content);display:block;position:absolute;top:50%;left:50%}.section-question .tool-video .mask:before{height:calc(var(--spacing)*9);width:calc(var(--spacing)*9);--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:#0c9907;border-radius:3.40282e+38px}.section-question .tool-video .mask:after{--tw-translate-x:calc(calc(50% - 2px)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);border-width:8px 0 8px 14px;border-color:#0000 #0000 #0000 #fff}.section-question .tool-video .mask-play{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;cursor:pointer;background-color:#0000;width:100%;height:100%;display:block;position:absolute}.section-question .tool-note{margin-top:calc(var(--spacing)*5);padding-top:calc(var(--spacing)*4);--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:14px;font-weight:var(--font-weight-normal);color:#a0a0a0;transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-top:1px var(--tw-border-style);border-color:#363636}@media (min-width:64rem){.section-question .tool-note{font-size:16px}}.section-question .tool-note svg{margin-inline:calc(var(--spacing)*1);margin-top:calc(var(--spacing)*-1);display:inline}@keyframes glowing{0%{opacity:1}50%{opacity:.35}to{opacity:1}}.section-question .question-box{z-index:2;margin-inline:auto;margin-top:calc(var(--spacing)*7);max-width:600px;padding-inline:calc(var(--spacing)*8);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#171717cc;border-radius:10px;padding-block:34px;position:relative}@media (min-width:64rem){.section-question .question-box{padding-block:calc(var(--spacing)*9);padding-right:calc(var(--spacing)*16);padding-left:calc(var(--spacing)*12)}}@media (min-width:80rem){.section-question .question-box{max-width:670px;position:absolute;bottom:70px;left:110px}}.section-question .question-box:before{z-index:0;--tw-shadow:0 4px 30px 11px var(--tw-shadow-color,#fffc),inset 0 4px 17px 12px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:10px;animation:glowing 10s infinite}.section-question .question-box:after,.section-question .question-box:before{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;--tw-content:"";content:var(--tw-content);position:absolute}.section-question .question-box:after{z-index:2;border-style:var(--tw-border-style);border-width:10px 0;border-color:#8be487;border-radius:10px}.section-question .question-box.hide{pointer-events:none;height:calc(var(--spacing)*0);cursor:auto;padding:calc(var(--spacing)*0);opacity:0}.section-question .question-main{padding-top:2px;padding-right:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab,Noto Sans TC;font-size:18px;font-weight:var(--font-weight-bold);color:#171717;--tw-shadow:0 0 10px 5px var(--tw-shadow-color,#8be487);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#8be487;border-radius:2px;display:inline-block}@media (min-width:64rem){.section-question .question-main{font-size:30px}}.section-question .question-title{margin-top:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*1);--tw-leading:1.4em;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:14px;line-height:1.4em;font-weight:var(--font-weight-normal);color:var(--color-white);justify-content:flex-start;display:flex;position:relative}@media (min-width:64rem){.section-question .question-title{margin-top:calc(var(--spacing)*5);max-width:520px;font-size:18px}}.section-question .question-title:before{--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab;font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-white);--tw-content:"Q：";content:var(--tw-content)}@media (min-width:64rem){.section-question .question-title:before{font-size:29px}}.section-question .answers{counter-reset:count;flex-direction:column;align-items:flex-start;display:flex}@media (min-width:64rem){.section-question .answers{margin-top:calc(var(--spacing)*6)}}@media (min-width:80rem){.section-question .answers{flex-flow:wrap}}.section-question .btn-answer{margin-top:calc(var(--spacing)*2);cursor:pointer;text-align:left;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:14px;font-weight:var(--font-weight-normal);color:var(--color-white);transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));counter-increment:count;padding-block:6px;background-color:#0c9907;border-radius:2px;padding-left:48px;padding-right:14px;display:block;position:relative}@media (hover:hover){.section-question .btn-answer:hover{background-color:#1edc17}}@media (min-width:64rem){.section-question .btn-answer{padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*3);padding-left:48px;font-size:16px}}@media (min-width:80rem){.section-question .btn-answer{margin-top:calc(var(--spacing)*3);margin-right:calc(var(--spacing)*4)}}.section-question .btn-answer:before{content:counter(count,Upper-alpha)" ： ";position:absolute;top:6px;left:14px}.section-question .question-btn{max-width:600px;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));margin-inline:auto;transition-delay:.5s}@media (min-width:80rem){.section-question .question-btn{justify-content:flex-end;align-items:flex-end;width:100%;max-width:670px;display:flex;position:absolute;bottom:50px;left:110px}}.section-question .question-btn.hide{pointer-events:none;height:calc(var(--spacing)*0);cursor:auto;opacity:0}.section-question .btn-back{margin-inline:auto;margin-top:calc(var(--spacing)*5);cursor:pointer;padding-block:calc(var(--spacing)*2);padding-right:calc(var(--spacing)*5);padding-left:calc(var(--spacing)*3);text-align:left;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-normal);color:var(--color-white);transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));counter-increment:count;background-color:#0c9907;border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative}@media (hover:hover){.section-question .btn-back:hover{background-color:#1edc17}}@media (min-width:80rem){.section-question .btn-back{margin:calc(var(--spacing)*0)}}.section-question .btn-back:before{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6);--tw-content:"";content:var(--tw-content);background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L9 12L15 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-position:50%;background-repeat:no-repeat;display:inline-block}.popup-video{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:99;background-color:var(--color-black);opacity:0;width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:fixed}.popup-video.display{pointer-events:auto;opacity:1}@media (min-width:80rem){.popup-video.display{pointer-events:none;opacity:0}}.popup-video .mask-play{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:2;cursor:pointer;width:100%;height:100%;position:absolute}.popup-video .btn-close{z-index:2;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);cursor:pointer;background-color:#0c9907;border-radius:2px;position:absolute;top:2px;right:2px}.popup-video .btn-close:after,.popup-video .btn-close:before{height:2px;width:calc(var(--spacing)*4);--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--color-white);--tw-content:"";content:var(--tw-content);border-radius:3.40282e+38px;display:block;position:absolute;top:50%;left:50%}.popup-video .btn-close:before{rotate:45deg}.popup-video .btn-close:after{rotate:-45deg}@keyframes shiny{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%{opacity:1}to{opacity:1}}.upgrade{pointer-events:none;z-index:39;text-align:center;opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;background-color:#0f0f0f;transition-duration:.5s}.upgrade,.upgrade .background{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;position:absolute}.upgrade .background{z-index:0}.upgrade .background .circle-group_1,.upgrade .background .circle-group_2{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;position:absolute;overflow:hidden}.upgrade .background .circle-group_1:before{--tw-translate-x:calc(calc(1/2*100%)*-1);width:433%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);--tw-content:"";content:var(--tw-content);border-width:2px;border-color:#313131;border-radius:100%;padding-top:631.437%;position:absolute;top:106px;left:28%;rotate:16.73deg}@media (min-width:80rem){.upgrade .background .circle-group_1:before{width:200%;padding-top:291.582%;top:80px;left:20%}}.upgrade .background .circle-group_1:after{--tw-translate-x:calc(calc(1/2*100%)*-1);width:336%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);--tw-content:"";content:var(--tw-content);border-width:2px;border-color:#313131;border-radius:100%;padding-top:490.021%;position:absolute;top:350px;left:42%;rotate:16.73deg}@media (min-width:80rem){.upgrade .background .circle-group_1:after{width:148%;padding-top:215.776%;top:500px;left:40%}}.upgrade .background .circle-group_2:before{--tw-translate-x:calc(calc(1/2*100%)*-1);width:124%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-color:#8d8d8d;border-radius:100%;padding-top:130.812%;position:absolute;top:-65px;left:47%;rotate:16.73deg}@media (min-width:80rem){.upgrade .background .circle-group_2:before{--tw-content:"";content:var(--tw-content)}}.upgrade .background .circle-group_2:after{--tw-translate-x:calc(calc(1/2*100%)*-1);width:96%;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-color:#8d8d8d;border-radius:100%;padding-top:79.5588%;position:absolute;top:300px;left:70%;rotate:16.73deg}@media (min-width:80rem){.upgrade .background .circle-group_2:after{--tw-content:"";content:var(--tw-content)}}.upgrade .upgrade-content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.upgrade.display{pointer-events:auto;opacity:1;--tw-duration:.3s;transition-duration:.3s}.upgrade.display.layer_2 .upgrade-box:first-child{height:calc(var(--spacing)*0);opacity:0}.upgrade.display.layer_2 .upgrade-box:nth-child(2){animation:shiny .2s .5s forwards}.upgrade.display.layer_2 .upgrade-box:nth-child(3){height:calc(var(--spacing)*0);opacity:0}.upgrade.display.layer_2 .upgrade-box:nth-child(4){animation:shiny .2s .7s forwards}@media (min-width:48rem){.upgrade.display.layer_2 .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-8)}}@media (min-width:64rem){.upgrade.display.layer_2 .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-12)}}.upgrade.display.layer_2 .skill-point:nth-child(5){transition-delay:1.1s}.upgrade.display.layer_2 .skill-point:nth-child(6){transition-delay:1.6s}.upgrade.display.layer_3 .upgrade-box:first-child{height:calc(var(--spacing)*0);opacity:0}.upgrade.display.layer_3 .upgrade-box:nth-child(2){animation:shiny .2s .5s forwards}.upgrade.display.layer_3 .upgrade-box:nth-child(3){margin-top:calc(var(--spacing)*-4);animation:shiny .2s .7s forwards}@media (min-width:48rem){.upgrade.display.layer_3 .upgrade-box:nth-child(3){margin-top:calc(var(--spacing)*-8)}}@media (min-width:64rem){.upgrade.display.layer_3 .upgrade-box:nth-child(3){margin-top:calc(var(--spacing)*-10)}}.upgrade.display.layer_3 .upgrade-box:nth-child(3) svg{margin-inline:calc(var(--spacing)*1);width:30px}@media (min-width:48rem){.upgrade.display.layer_3 .upgrade-box:nth-child(3) svg{margin-inline:calc(var(--spacing)*2);width:69px}}.upgrade.display.layer_3 .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-4);animation:shiny .2s .9s forwards}@media (min-width:48rem){.upgrade.display.layer_3 .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-8)}}@media (min-width:64rem){.upgrade.display.layer_3 .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-12)}}.upgrade.display.layer_3 .skill-point:nth-child(5){transition-delay:1.3s}.upgrade.display.layer_3 .skill-point:nth-child(6){transition-delay:1.8s}.upgrade.display.layer_4 .upgrade-box{color:#0aff00}.upgrade.display.layer_4 .upgrade-box:first-child{animation:shiny .2s .5s forwards}.upgrade.display.layer_4 .upgrade-box:nth-child(2){animation:shiny .2s .7s forwards}.upgrade.display.layer_4 .upgrade-box:nth-child(3){animation:shiny .2s .9s forwards}.upgrade.display.layer_4 .upgrade-box:nth-child(4){animation:shiny .2s 1.1s forwards}.upgrade.display.layer_4 .skill-point:nth-child(5){transition-delay:1.5s}.upgrade.display.layer_4 .skill-point:nth-child(6){transition-delay:2s}.upgrade.display .skill-point:nth-child(5),.upgrade.display .skill-point:nth-child(6){opacity:1}.upgrade.display .skill-point:nth-child(6).hide{opacity:0}.upgrade.en .upgrade-box:nth-child(4){padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*5);--tw-leading:1em;--tw-tracking:0;letter-spacing:0;font-size:40px;line-height:1em}@media (min-width:48rem){.upgrade.en .upgrade-box:nth-child(4){font-size:80px}}@media (min-width:64rem){.upgrade.en .upgrade-box:nth-child(4){padding-top:calc(var(--spacing)*3);padding-bottom:calc(var(--spacing)*6);font-size:100px}}.upgrade .upgrade-box{pointer-events:none;z-index:1;padding-inline:6px;padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-weight:var(--font-weight-bold);color:#696969;opacity:0;--tw-shadow:0 4px 30px 5px var(--tw-shadow-color,#fff9),inset 0 4px 17px 12px var(--tw-shadow-color,#fffc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#171717cc;border-radius:10px;display:inline-block;position:relative}@media (min-width:64rem){.upgrade .upgrade-box{padding-inline:calc(var(--spacing)*4)}}.upgrade .upgrade-box:after{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);border-style:var(--tw-border-style);--tw-content:"";content:var(--tw-content);border-width:10px 0;border-color:#8be487;border-radius:10px;width:100%;height:100%;position:absolute}.upgrade .upgrade-box svg{width:100%;height:auto;display:block}.upgrade .upgrade-box:first-child{margin-top:calc(var(--spacing)*5);font-size:18px}@media (min-width:48rem){.upgrade .upgrade-box:first-child{font-size:36px}}@media (min-width:64rem){.upgrade .upgrade-box:first-child{font-size:46px}}.upgrade .upgrade-box:nth-child(2){margin-top:calc(var(--spacing)*-5);font-size:26px}@media (min-width:48rem){.upgrade .upgrade-box:nth-child(2){margin-top:calc(var(--spacing)*-8);font-size:52px}}@media (min-width:64rem){.upgrade .upgrade-box:nth-child(2){margin-top:calc(var(--spacing)*-11);font-size:66px}}.upgrade .upgrade-box:nth-child(3){margin-top:calc(var(--spacing)*-6);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*4);justify-content:center;align-items:center;display:flex}@media (min-width:48rem){.upgrade .upgrade-box:nth-child(3){margin-top:calc(var(--spacing)*-10)}}@media (min-width:64rem){.upgrade .upgrade-box:nth-child(3){margin-top:calc(var(--spacing)*-14);padding-inline:calc(var(--spacing)*10);padding-block:calc(var(--spacing)*7)}}.upgrade .upgrade-box:nth-child(3) svg{margin-inline:calc(var(--spacing)*2);width:40px}@media (min-width:48rem){.upgrade .upgrade-box:nth-child(3) svg{width:80px}}@media (min-width:64rem){.upgrade .upgrade-box:nth-child(3) svg{width:100px}}.upgrade .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-8);padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*6);--tw-leading:1.2em;--tw-font-weight:var(--font-weight-medium);font-size:40px;line-height:1.2em;font-weight:var(--font-weight-medium);--tw-tracking:.1em;letter-spacing:.1em;color:var(--color-white)}@media (min-width:48rem){.upgrade .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-10);font-size:100px}}@media (min-width:64rem){.upgrade .upgrade-box:nth-child(4){margin-top:calc(var(--spacing)*-18);padding:calc(var(--spacing)*3) calc(var(--spacing)*8) calc(var(--spacing)*6) calc(var(--spacing)*13);--tw-font-weight:var(--font-weight-bold);font-size:120px;font-weight:var(--font-weight-bold);--tw-tracking:.2em;letter-spacing:.2em}}.upgrade .skill-point{pointer-events:none;z-index:2;--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--color-white);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute}.upgrade .skill-point.hide{opacity:0}.upgrade .skill-point .skill-name{padding-inline:calc(var(--spacing)*2);padding-top:2px;font-family:Noto Sans TC;font-size:14px;display:inline-block}@media (min-width:48rem){.upgrade .skill-point .skill-name{font-size:24px}}.upgrade .skill-point .point{padding-inline:calc(var(--spacing)*3);--tw-leading:1em;margin-top:-2px;padding-block:2px;font-family:Roboto Slab;font-size:37px;line-height:1em;display:inline-block}@media (min-width:48rem){.upgrade .skill-point .point{font-size:60px}}.upgrade .skill-point:nth-child(5){top:130px;left:calc(50% - 170px)}@media (min-width:48rem){.upgrade .skill-point:nth-child(5){left:calc(50% - 360px)}}@media (min-width:80rem){.upgrade .skill-point:nth-child(5){top:200px;left:calc(50% - 540px)}}.upgrade .skill-point:nth-child(6){top:190px;left:calc(50% + 70px)}@media (min-width:48rem){.upgrade .skill-point:nth-child(6){left:calc(50% + 220px)}}@media (min-width:64rem){.upgrade .skill-point:nth-child(6){top:150px}}@media (min-width:80rem){.upgrade .skill-point:nth-child(6){left:calc(50% + 380px)}}.upgrade .skill-point.coordination .point,.upgrade .skill-point.coordination .skill-name{background-color:#7c7c7c}.upgrade .skill-point.visual .point,.upgrade .skill-point.visual .skill-name{background-color:#097aa2}.upgrade .skill-point.empathetic .point,.upgrade .skill-point.empathetic .skill-name{background-color:#e82114}.upgrade .skill-point.strategic .point,.upgrade .skill-point.strategic .skill-name{background-color:#0c9907}.section-outcome{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:37;opacity:0;width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.5s;transition-duration:.5s;position:absolute;overflow:hidden auto}@media (min-width:64rem){.section-outcome{min-height:800px}}.section-outcome .content{min-height:100%;padding-bottom:calc(var(--spacing)*8);position:relative}@media (min-width:64rem){.section-outcome .content{height:100%;padding-bottom:calc(var(--spacing)*0)}}.section-outcome .desktop{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;position:absolute;overflow:hidden}.section-outcome .desktop:before{z-index:0;--tw-translate-x:calc(calc(1/2*100%)*-1);width:calc(100% + 20px);height:calc(100% + 20px);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-content:"";content:var(--tw-content);background-color:#4154d5;background-image:url(/images/background-outcome.jpg);background-position:2% 0;background-repeat:no-repeat;background-size:300%;background-attachment:fixed;display:block;position:absolute;top:50%;left:50%}@media (min-width:64rem){.section-outcome .desktop:before{background-position:0 0;background-size:cover}}.section-outcome.init{pointer-events:auto;opacity:1;position:relative}.section-outcome.outcome .desktop:before{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,);transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:1s;transition-duration:1s;transition-delay:2.2s}.section-outcome.outcome .starfield,.section-outcome.outcome .text-group{opacity:0;--tw-duration:1s;transition-duration:1s;transition-delay:1s}.section-outcome.outcome .text-group{pointer-events:none}.section-outcome.outcome .dialog-unit{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-duration:.3s;transition-duration:.3s}.section-outcome.outcome .dialog-unit:first-child{transition-delay:2s}.section-outcome.outcome .dialog-unit:nth-child(2){transition-delay:2.05s}@media (min-width:64rem){.section-outcome.outcome .dialog-unit:nth-child(3){transition-delay:2.1s}.section-outcome.outcome .dialog-unit:nth-child(4){transition-delay:2.15s}.section-outcome.outcome .dialog-unit:nth-child(5){transition-delay:2.2s}}.section-outcome.outcome .outcome-content{pointer-events:auto;opacity:1;--tw-duration:.5s;transition-duration:.5s;transition-delay:2.4s}.section-outcome.outcome .outcome-image{--tw-duration:.5s;max-height:1200px;transition-duration:.5s;transition-delay:3s}@media (min-width:64rem){.section-outcome.outcome .outcome-image{max-height:500px}}.section-outcome .starfield{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:1;height:100%;position:absolute}.section-outcome .starfield,.section-outcome .text-group{width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.section-outcome .text-group{z-index:2;--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);text-align:center;position:fixed;top:50%;left:50%}.section-outcome .complete-title{--tw-leading:1.4em;--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab,Noto Sans TC;font-size:32px;line-height:1.4em;font-weight:var(--font-weight-bold);color:var(--color-white)}@media (min-width:64rem){.section-outcome .complete-title{font-size:50px}}.section-outcome .complete-paragraph{margin-top:calc(var(--spacing)*4);--tw-leading:1.4em;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:16px;line-height:1.4em;font-weight:var(--font-weight-normal);color:var(--color-white)}@media (min-width:64rem){.section-outcome .complete-paragraph{font-size:18px}}.section-outcome .complete-paragraph .br{display:block}@media (min-width:64rem){.section-outcome .complete-paragraph .br{display:inline}}.section-outcome .dialog-group{float:right;width:calc(100% - 48px);max-width:400px;padding-top:calc(var(--spacing)*16);padding-right:calc(var(--spacing)*6);position:relative;overflow:hidden}.section-outcome .dialog-unit{margin-bottom:calc(var(--spacing)*2);--tw-translate-x:calc(100% + 30px);translate:var(--tw-translate-x)var(--tw-translate-y);padding:calc(var(--spacing)*3);--tw-shadow:0 2px 4px 0 var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);background-color:#f3f3f3a6;border-radius:14px;justify-content:flex-start;align-items:flex-start;display:flex;position:relative}.section-outcome .dialog-unit .icon{margin-top:calc(var(--spacing)*1);margin-right:calc(var(--spacing)*2)}.section-outcome .dialog-unit:nth-child(3){display:none}@media (min-width:64rem){.section-outcome .dialog-unit:nth-child(3){display:flex}}.section-outcome .dialog-unit:nth-child(4){display:none}@media (min-width:64rem){.section-outcome .dialog-unit:nth-child(4){display:flex}}.section-outcome .dialog-unit:nth-child(5){display:none}@media (min-width:64rem){.section-outcome .dialog-unit:nth-child(5){display:flex}}.section-outcome .message-title{--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-black)}.section-outcome .message{-webkit-line-clamp:1;color:var(--color-black);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.section-outcome .message,.section-outcome .message-time{--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:12px;font-weight:var(--font-weight-normal)}.section-outcome .message-time{top:calc(var(--spacing)*2);right:calc(var(--spacing)*3);color:#525252;position:absolute}.section-outcome .outcome-content{pointer-events:none;z-index:2;clear:both;padding-inline:calc(var(--spacing)*5);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));padding-top:2px;position:relative}@media (min-width:64rem){.section-outcome .outcome-content{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;padding:calc(var(--spacing)*0);justify-content:center;align-items:center;display:flex;position:absolute}}.section-outcome .outcome-box{border-style:var(--tw-border-style);background-color:#dae0e2;border-width:1px;border-color:#cecece;border-radius:16px;max-width:500px;margin-inline:auto}@media (min-width:64rem){.section-outcome .outcome-box{width:860px;max-width:none;margin-inline:auto}}.section-outcome .title-bar{padding-inline:calc(var(--spacing)*4);background-color:#eceefb;border-bottom:1px var(--tw-border-style);border-color:#cecece;border-radius:18px 18px 0 0;justify-content:flex-start;align-items:center;padding-block:8px;display:flex}.section-outcome .btn-window{height:calc(var(--spacing)*3);width:calc(var(--spacing)*7);border-style:var(--tw-border-style);border-width:2px 0;border-color:#ababab}.section-outcome .outcome-title{margin-left:calc(var(--spacing)*2);--tw-leading:1.2em;--tw-font-weight:var(--font-weight-bold);width:100%;font-family:loos-wide;font-size:16px;line-height:1.2em;font-weight:var(--font-weight-bold);color:var(--color-black)}@media (min-width:64rem){.section-outcome .outcome-title{margin-left:calc(var(--spacing)*4);font-size:20px}}.section-outcome .outcome-title.en{font-size:12px}@media (min-width:64rem){.section-outcome .outcome-title.en{font-size:18px}}.section-outcome .outcome-title svg{width:28px;height:28px}@media (min-width:64rem){.section-outcome .outcome-title svg{width:34px;height:34px}}.section-outcome .outcome-title .br{display:block}@media (min-width:64rem){.section-outcome .outcome-title .br{margin-inline:calc(var(--spacing)*1);display:inline-block}}.section-outcome .outcome-image{max-height:calc(var(--spacing)*0);width:100%;transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#000;overflow:hidden}@media (min-width:64rem){.section-outcome .outcome-image{justify-content:center;align-items:center;display:flex}}.section-outcome .outcome-image.type_empathetic .pic-designer img:first-child{display:block}.section-outcome .outcome-image.type_empathetic .section-type.en{background-position-x:2%}@media (min-width:64rem){.section-outcome .outcome-image.type_empathetic .section-type.en{background-position-x:0}}.section-outcome .outcome-image.type_empathetic .section-strengths.en,.section-outcome .outcome-image.type_empathetic .section-weakness.en{background-position-x:2%}@media (min-width:64rem){.section-outcome .outcome-image.type_empathetic .section-strengths.en,.section-outcome .outcome-image.type_empathetic .section-weakness.en{background-position-x:0}}.section-outcome .outcome-image.type_empathetic .tag{color:#e82114}.section-outcome .outcome-image.type_strategic .pic-designer img:nth-child(2){display:block}.section-outcome .outcome-image.type_strategic .section-type{background-position-x:33.3333%}.section-outcome .outcome-image.type_strategic .section-type.en{background-position-x:34%}@media (min-width:64rem){.section-outcome .outcome-image.type_strategic .section-type.en{background-position-x:33.3333%}}.section-outcome .outcome-image.type_strategic .section-strengths,.section-outcome .outcome-image.type_strategic .section-weakness{background-position-x:33.3333%}.section-outcome .outcome-image.type_strategic .section-strengths.en,.section-outcome .outcome-image.type_strategic .section-weakness.en{background-position-x:34%}@media (min-width:64rem){.section-outcome .outcome-image.type_strategic .section-strengths.en,.section-outcome .outcome-image.type_strategic .section-weakness.en{background-position-x:33.3333%}}.section-outcome .outcome-image.type_strategic .section-skill,.section-outcome .outcome-image.type_strategic .section-teammate{background-position-x:28%}@media (min-width:64rem){.section-outcome .outcome-image.type_strategic .section-skill,.section-outcome .outcome-image.type_strategic .section-teammate{background-position-x:28.6%}}.section-outcome .outcome-image.type_strategic .tag{color:#0a793d}.section-outcome .outcome-image.type_visual .pic-designer img:nth-child(3){display:block}.section-outcome .outcome-image.type_visual .section-type{background-position-x:66.6666%}.section-outcome .outcome-image.type_visual .section-type.en{background-position-x:65.5%}@media (min-width:64rem){.section-outcome .outcome-image.type_visual .section-type.en{background-position-x:66.6666%}}.section-outcome .outcome-image.type_visual .section-strengths,.section-outcome .outcome-image.type_visual .section-weakness{background-position-x:66.6666%}.section-outcome .outcome-image.type_visual .section-strengths.en,.section-outcome .outcome-image.type_visual .section-weakness.en{background-position-x:65.5%}@media (min-width:64rem){.section-outcome .outcome-image.type_visual .section-strengths.en,.section-outcome .outcome-image.type_visual .section-weakness.en{background-position-x:66.6666%}}.section-outcome .outcome-image.type_visual .section-skill,.section-outcome .outcome-image.type_visual .section-teammate{background-position-x:56%}@media (min-width:64rem){.section-outcome .outcome-image.type_visual .section-skill,.section-outcome .outcome-image.type_visual .section-teammate{background-position-x:57.119%}}.section-outcome .outcome-image.type_visual .tag{color:#097aa2}.section-outcome .outcome-image.type_coordination .pic-designer img:nth-child(4){display:block}.section-outcome .outcome-image.type_coordination .section-type{background-position-x:100%}.section-outcome .outcome-image.type_coordination .section-type.en{background-position-x:97.5%}@media (min-width:64rem){.section-outcome .outcome-image.type_coordination .section-type.en{background-position-x:100%}}.section-outcome .outcome-image.type_coordination .section-strengths,.section-outcome .outcome-image.type_coordination .section-weakness{background-position-x:99%}@media (min-width:64rem){.section-outcome .outcome-image.type_coordination .section-strengths,.section-outcome .outcome-image.type_coordination .section-weakness{background-position-x:99.9%}}.section-outcome .outcome-image.type_coordination .section-strengths.en,.section-outcome .outcome-image.type_coordination .section-weakness.en{background-position-x:97.5%}@media (min-width:64rem){.section-outcome .outcome-image.type_coordination .section-strengths.en,.section-outcome .outcome-image.type_coordination .section-weakness.en{background-position-x:99.9%}}.section-outcome .outcome-image.type_coordination .section-skill,.section-outcome .outcome-image.type_coordination .section-teammate{background-position-x:85%}@media (min-width:64rem){.section-outcome .outcome-image.type_coordination .section-skill,.section-outcome .outcome-image.type_coordination .section-teammate{background-position-x:85.7%}}.section-outcome .outcome-image.type_coordination .tag{color:var(--color-black)}.section-outcome .section-type{background-image:url(/images/outcome-background.png);background-size:400%;padding-top:116.279%;position:relative}@media (min-width:64rem){.section-outcome .section-type{width:50%;height:500px;padding-top:calc(var(--spacing)*0)}}.section-outcome .section-type.en{background-size:480%;padding-top:139.535%}@media (min-width:64rem){.section-outcome .section-type.en{height:500px;padding-top:calc(var(--spacing)*0);background-size:400%}}.section-outcome .section-type.en .content-group .pic-designer{bottom:25%}@media (min-width:64rem){.section-outcome .section-type.en .content-group .pic-designer{--tw-translate-y:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y);bottom:50%}}.section-outcome .section-type .content-group{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;height:100%;padding-inline:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*6);position:absolute}.section-outcome .section-type .content-group .outcome-text-group{z-index:1;position:relative}.section-outcome .section-type .content-group .your-are{--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab,Noto Sans TC;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-black)}.section-outcome .section-type .content-group .outcome-type-title{margin-block:calc(var(--spacing)*1);--tw-leading:1em;--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab,Noto Sans TC;font-size:30px;line-height:1em;font-weight:var(--font-weight-bold);color:var(--color-black)}@media (min-width:64rem){.section-outcome .section-type .content-group .outcome-type-title{font-size:42px}}.section-outcome .section-type .content-group .outcome-description{--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab,Noto Sans TC;font-size:18px;font-weight:var(--font-weight-bold);color:var(--color-black)}.section-outcome .section-type .content-group .pic-designer{z-index:0;--tw-translate-x:calc(calc(1/2*100%)*-1);width:calc(100% - 48px);translate:var(--tw-translate-x)var(--tw-translate-y);position:absolute;bottom:15%;left:50%;overflow:hidden}@media (min-width:64rem){.section-outcome .section-type .content-group .pic-designer{--tw-translate-y:calc(1/2*100%);width:300px;translate:var(--tw-translate-x)var(--tw-translate-y);bottom:50%}}.section-outcome .section-type .content-group .pic-designer img{width:100%;height:auto;display:none}.section-outcome .section-type .content-group .tags-group{bottom:calc(var(--spacing)*0);left:calc(var(--spacing)*0);width:100%;max-width:400px;padding-inline:calc(var(--spacing)*5);padding-bottom:calc(var(--spacing)*6);position:absolute}@media (min-width:64rem){.section-outcome .section-type .content-group .tags-group{max-width:none}}.section-outcome .section-type .content-group .tag{margin-top:6px;margin-right:calc(var(--spacing)*3);background-color:var(--color-white);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:13px;font-weight:var(--font-weight-bold);border-radius:3.40282e+38px;display:inline-block}.section-outcome .section-type .content-group .tag.en{font-size:12px}@media (min-width:376px){.section-outcome .section-type .content-group .tag,.section-outcome .section-type .content-group .tag.en{font-size:14px}}@media (min-width:768px){.section-outcome .section-type .content-group .tag{font-size:18px}.section-outcome .section-type .content-group .tag.en{font-size:14px}}@media (min-width:64rem){.section-outcome .section-group{width:50%;height:100%}}.section-outcome .section-strengths{height:150px;padding-block:calc(var(--spacing)*4);background-image:url(/images/outcome-background.png);background-position-y:57.9%;background-size:580%;position:relative;overflow:hidden}@media (min-width:64rem){.section-outcome .section-strengths{background-size:410%;height:140px}}.section-outcome .section-strengths .tool-title{padding-inline:calc(var(--spacing)*4)}.section-outcome .section-weakness{height:150px;padding-block:calc(var(--spacing)*4);background-image:url(/images/outcome-background.png);background-position-y:74.2%;background-size:580%;position:relative;overflow:hidden}@media (min-width:64rem){.section-outcome .section-weakness{background-size:410%;height:140px}}.section-outcome .section-weakness .tool-title{padding-inline:calc(var(--spacing)*4)}.section-outcome .section-bar-group{justify-content:center;align-items:center;display:flex}.section-outcome .section-skill{width:50%;height:210px;padding:calc(var(--spacing)*4);background-image:url(/images/outcome-background.png);background-position-y:100%;background-size:980%;position:relative;overflow:hidden}@media (min-width:64rem){.section-outcome .section-skill{background-size:802%;height:220px}}.section-outcome .section-teammate{width:50%;height:210px;padding-block:calc(var(--spacing)*4);background-image:url(/images/outcome-background.png);background-position-y:100%;background-size:980%;position:relative;overflow:hidden}@media (min-width:64rem){.section-outcome .section-teammate{background-size:802%;height:220px}}.section-outcome .section-teammate .tool-title{padding-inline:calc(var(--spacing)*5)}.section-outcome .section-teammate .pic-teammate{margin-inline:auto;margin-top:calc(var(--spacing)*2);width:50%}@media (min-width:64rem){.section-outcome .section-teammate .pic-teammate{margin-top:calc(var(--spacing)*4);width:60%}}.section-outcome .section-teammate .pic-teammate img{width:100%;height:auto;display:none}.section-outcome .section-teammate .pic-teammate.type_coordination img:nth-child(4),.section-outcome .section-teammate .pic-teammate.type_empathetic img:first-child,.section-outcome .section-teammate .pic-teammate.type_strategic img:nth-child(2),.section-outcome .section-teammate .pic-teammate.type_visual img:nth-child(3){display:block}.section-outcome .tool-title{--tw-font-weight:var(--font-weight-bold);font-family:Roboto Slab,Noto Sans TC;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-black)}.section-outcome .tool-group{margin-top:calc(var(--spacing)*4);justify-content:center;align-items:flex-start;display:flex}@media (min-width:64rem){.section-outcome .tool-group{margin-top:calc(var(--spacing)*2)}}.section-outcome .tool-unit{margin-left:calc(var(--spacing)*5);cursor:pointer;text-align:center;--tw-leading:1em;line-height:1em;position:relative}.section-outcome .tool-unit:after{top:calc(var(--spacing)*12);height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);--tw-content:"";content:var(--tw-content);background-image:url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.625 9.25L5.375 5.5L1.625 1.75' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;display:inline-block;position:absolute;right:-18px}.section-outcome .tool-unit:first-child{margin-left:calc(var(--spacing)*0)}.section-outcome .tool-unit .icon{height:calc(var(--spacing)*11);width:calc(var(--spacing)*11);border-radius:6px;margin-inline:auto;display:block;overflow:hidden}.section-outcome .tool-unit .icon svg{width:100%;height:auto;display:block}.section-outcome .tool-unit .tool-link{--tw-font-weight:var(--font-weight-medium);font-family:Noto Sans TC;font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-black);text-underline-offset:2px;transition-property:color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:underline;position:relative}@media (min-width:376px){.section-outcome .tool-unit .tool-link{font-size:11px}}@media (min-width:768px){.section-outcome .tool-unit .tool-link{font-size:12px}}.section-outcome .tool-unit .icon-black,.section-outcome .tool-unit .icon-blue,.section-outcome .tool-unit .icon-green,.section-outcome .tool-unit .icon-red{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:none){.section-outcome .tool-unit{-webkit-tap-highlight-color:#0000}.section-outcome .tool-unit:active:after{background-image:url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.625 9.25L5.375 5.5L1.625 1.75' stroke='%234D4D4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.section-outcome .tool-unit:active .tool-link{color:#4d4d4d}.section-outcome .tool-unit:active .icon-red{fill:#ec453a}.section-outcome .tool-unit:active .icon-blue{fill:#37a7cf}.section-outcome .tool-unit:active .icon-green{fill:#4fa04c}.section-outcome .tool-unit:active .icon-black{fill:#3f3f3f}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-outcome .tool-unit:hover:after{background-image:url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.625 9.25L5.375 5.5L1.625 1.75' stroke='%234D4D4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.section-outcome .tool-unit:hover .tool-link{color:#4d4d4d}.section-outcome .tool-unit:hover .icon-red{fill:#ec453a}.section-outcome .tool-unit:hover .icon-blue{fill:#37a7cf}.section-outcome .tool-unit:hover .icon-green{fill:#4fa04c}.section-outcome .tool-unit:hover .icon-black{fill:#3f3f3f}}.section-outcome .score-bar{margin-inline:auto;margin-top:calc(var(--spacing)*4);width:130px;padding-inline:calc(var(--spacing)*2);padding-top:2px;padding-bottom:calc(var(--spacing)*1);text-align:center;background-color:#fff6;border-radius:12px;display:block}.section-outcome .score-bar .score{font-size:26px}.section-outcome .score-bar .score,.section-outcome .score-bar .total{--tw-font-weight:var(--font-weight-bold);font-family:loos-wide;font-weight:var(--font-weight-bold);color:var(--color-black)}.section-outcome .score-bar .total{font-size:16px}.section-outcome .skill-description{margin-top:calc(var(--spacing)*3);text-align:justify;--tw-font-weight:var(--font-weight-medium);font-family:Noto Sans TC;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-black)}@media (min-width:768px){.section-outcome .skill-description{font-size:14px}}.section-outcome .teammate-name{text-align:center;--tw-font-weight:var(--font-weight-medium);font-family:Noto Sans TC;font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-black)}.section-outcome .outcome-footer{padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*10)}@media (min-width:64rem){.section-outcome .outcome-footer{padding-inline:calc(var(--spacing)*8);padding-block:calc(var(--spacing)*5);justify-content:space-between;align-items:center;display:flex}}.section-outcome .outcome-slogan{margin-bottom:calc(var(--spacing)*4);text-align:center;--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-black)}@media (min-width:64rem){.section-outcome .outcome-slogan{margin-bottom:calc(var(--spacing)*0);text-align:left}}.section-outcome .outcome-slogan.en{font-size:14px}.section-outcome .btn-group{flex-wrap:wrap;justify-content:space-between;align-items:center;width:220px;margin-inline:auto;display:flex;position:relative}@media (min-width:64rem){.section-outcome .btn-group{margin-inline:calc(var(--spacing)*0);flex-wrap:nowrap;justify-content:flex-end;width:auto}}.section-outcome .btn-group .link{margin-bottom:calc(var(--spacing)*3);width:100%;padding-inline:calc(var(--spacing)*3);text-align:center;--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-white);--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,#fff6)inset;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#0c9907;border-radius:10px;padding-block:6px}@media (min-width:64rem){.section-outcome .btn-group .link{margin-bottom:calc(var(--spacing)*0);width:auto}}.section-outcome .btn-group .link.en{font-size:14px}@media (hover:none){.section-outcome .btn-group .link{-webkit-tap-highlight-color:#0000}.section-outcome .btn-group .link:active{background-color:#0acb03}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-outcome .btn-group .link:hover{background-color:#0acb03}}.section-outcome .btn-group .btn-again,.section-outcome .btn-group .btn-share{z-index:0;cursor:pointer;padding-inline:calc(var(--spacing)*3);text-align:center;--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-white);--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,#fff6)inset;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-color:#567455;border-radius:10px;flex:none;justify-content:center;align-items:center;padding-block:6px;display:flex}.section-outcome .btn-group .btn-again svg,.section-outcome .btn-group .btn-share svg{margin-left:calc(var(--spacing)*2)}.section-outcome .btn-group .btn-again.en,.section-outcome .btn-group .btn-share.en{font-size:14px}@media (hover:none){.section-outcome .btn-group .btn-again,.section-outcome .btn-group .btn-share{-webkit-tap-highlight-color:#0000}.section-outcome .btn-group .btn-again:active,.section-outcome .btn-group .btn-share:active{background-color:#70976f}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-outcome .btn-group .btn-again:hover,.section-outcome .btn-group .btn-share:hover{background-color:#70976f}}.section-outcome .btn-group .btn-share{width:100%}@media (min-width:64rem){.section-outcome .btn-group .btn-share{width:auto;position:relative}}.section-outcome .btn-group .share-group{z-index:1}@media (min-width:64rem){.section-outcome .btn-group .share-group{position:relative}}.section-outcome .btn-group .share-group.display .share-link-group{pointer-events:auto;opacity:1}.section-outcome .btn-group .share-group.display .btn-share svg{rotate:180deg}.section-outcome .btn-group .btn-again,.section-outcome .btn-group .share-group{width:calc(50% - 4px)}@media (min-width:64rem){.section-outcome .btn-group .btn-again,.section-outcome .btn-group .share-group{margin-left:calc(var(--spacing)*5);width:auto}}.section-outcome .btn-group .share-link-group{pointer-events:none;--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);padding-inline:calc(var(--spacing)*2);opacity:0;--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,#fff6)inset;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#8bb389;border-radius:10px;display:flex;position:absolute;top:calc(100% + 8px);left:50%}.section-outcome .btn-group .share-link-group a,.section-outcome .btn-group .share-link-group button{cursor:pointer;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-medium);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-medium);white-space:pre;color:var(--color-white);position:relative}.section-outcome .btn-group .share-link-group a:after,.section-outcome .btn-group .share-link-group button:after{top:50%;right:calc(var(--spacing)*0);height:calc(var(--spacing)*3);--tw-translate-y:calc(calc(1/2*100%)*-1);width:1px;translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--color-white);--tw-content:"";content:var(--tw-content);display:block;position:absolute}.section-outcome .btn-group .share-link-group a:last-child:after,.section-outcome .btn-group .share-link-group button:last-child:after{display:none}@media (hover:none){.section-outcome .btn-group .share-link-group a,.section-outcome .btn-group .share-link-group button{-webkit-tap-highlight-color:#0000}.section-outcome .btn-group .share-link-group a:active,.section-outcome .btn-group .share-link-group button:active{text-underline-offset:2px;text-decoration-line:underline}}@media (-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.section-outcome .btn-group .share-link-group a:hover,.section-outcome .btn-group .share-link-group button:hover{text-underline-offset:2px;text-decoration-line:underline}}.section-outcome .copyright{margin-inline:auto;margin-top:calc(var(--spacing)*5);text-align:center;--tw-font-weight:var(--font-weight-normal);width:200px;font-family:Noto Sans TC;font-size:12px;font-weight:var(--font-weight-normal);color:var(--color-white);position:relative;scale:.833}@media (min-width:64rem){.section-outcome .copyright{bottom:calc(var(--spacing)*6);margin-top:calc(var(--spacing)*0);justify-content:center;align-items:center;width:auto;display:flex;position:absolute}}.section-outcome .copyright svg{margin-inline:auto;margin-bottom:calc(var(--spacing)*4);width:66px;display:block;scale:1.2}@media (min-width:64rem){.section-outcome .copyright svg{margin:calc(var(--spacing)*0);margin-right:calc(var(--spacing)*9)}}.section-outcome .canvas-wrapper{z-index:calc(1*-1);transform-origin:0 0;position:absolute;overflow:hidden}.alert-window,.section-outcome .canvas-wrapper{pointer-events:none;top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);opacity:0;height:100%}.alert-window{z-index:80;width:100%;padding:calc(var(--spacing)*8);justify-content:center;align-items:center;display:flex;position:fixed}.alert-window .bg{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:0;background-color:#000c;width:100%;height:100%;position:absolute}@supports (color:color-mix(in lab,red,red)){.alert-window .bg{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.alert-window.display{pointer-events:auto;opacity:1}.alert-window .alert-box{--tw-shadow:0 6px 16px 0 var(--tw-shadow-color,#00000080);width:100%;max-width:490px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:20px;margin-inline:auto;position:relative;overflow:hidden}.alert-window .alert-box .btn-close{z-index:1;height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);cursor:pointer;border-radius:2px;position:absolute;top:2px;right:2px}.alert-window .alert-box .btn-close:after,.alert-window .alert-box .btn-close:before{height:2px;width:calc(var(--spacing)*4);--tw-translate-x:calc(calc(1/2*100%)*-1);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--color-black);--tw-content:"";content:var(--tw-content);border-radius:3.40282e+38px;display:block;position:absolute;top:50%;left:50%}.alert-window .alert-box .btn-close:before{rotate:45deg}.alert-window .alert-box .btn-close:after{rotate:-45deg}.alert-window .alert-title{padding-block:calc(var(--spacing)*2);text-align:center;--tw-font-weight:var(--font-weight-bold);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-black);background-color:#e8e8e8}@media (min-width:48rem){.alert-window .alert-title{padding-block:7px;font-size:20px}}.alert-window .alert-content{border-style:var(--tw-border-style);height:100%;padding-inline:calc(var(--spacing)*6);padding-block:calc(var(--spacing)*6);background-color:#e0e0e0;border-width:1px;border-color:#b1b1b1;border-bottom-right-radius:20px;border-bottom-left-radius:20px;flex-direction:column;justify-content:center;align-items:center;display:flex}@media (min-width:48rem){.alert-window .alert-content{min-height:152px;padding-inline:calc(var(--spacing)*13)}}.alert-window .alert-content .btn-group{justify-content:space-between;align-items:center;width:100%;display:flex}.alert-window .alert-content .btn-group .alert-btn{width:calc(50% - 10px)}.alert-window .alert-paragraph{text-align:center;--tw-font-weight:var(--font-weight-normal);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-normal)}@media (min-width:48rem){.alert-window .alert-paragraph{font-size:16px}}.alert-window .alert-btn{margin-inline:auto;margin-top:calc(var(--spacing)*5);margin-bottom:calc(var(--spacing)*3);height:38px;width:calc(var(--spacing)*40);cursor:pointer;text-align:center;--tw-font-weight:var(--font-weight-medium);font-family:Noto Sans TC;font-size:16px;font-weight:var(--font-weight-medium);color:var(--color-white);--tw-shadow:0px 1px 4px 0px var(--tw-shadow-color,#fff6)inset;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0c9907;border-radius:10px;justify-content:center;align-items:center;display:flex}.alert-window .alert-btn.cancel{margin-right:calc(var(--spacing)*4);background-color:#567455}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}