:root{--assessment-green:#003f3b;--assessment-mint:#3ddbc0;--assessment-orange:#ef6630;--assessment-cream:#f3ece1;--assessment-pink:#faf4f7}
body.okx-self-assessment-page{margin:0;background:#fff;color:var(--assessment-green)}
.okx-assessment-app,.okx-assessment-app *{box-sizing:border-box}
.okx-assessment-app{font-family:"Noto Sans TC","Noto Sans HK","Microsoft JhengHei",sans-serif;background:#fff}
.okx-assessment-container{width:min(1200px,calc(100% - 48px));margin:0 auto}
.okx-assessment-intro .okx-assessment-container,.okx-assessment-choice-grid{width:min(1200px,calc(100% - 48px))}
.okx-assessment-intro{display:flex;min-height:305px;align-items:center;padding:0;background:#ebe3d7;text-align:center}
.okx-assessment-intro p{margin:0!important;color:#162e43;font-size:30px;line-height:1.35;font-weight:800}
.okx-assessment-choices{padding:0 0 150px;background:#ebe3d7}
.okx-assessment-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.okx-assessment-choice{min-height:280px;padding:60px 20px 30px 30px;border-radius:8px;background:#f9f2f6;color:var(--assessment-green)}
.okx-assessment-choice h2{min-height:91px;margin:0 0 25px;color:inherit;font-size:35px;line-height:1.12;font-weight:800}
.okx-assessment-choice-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center}
.okx-assessment-choice a{justify-self:start;display:inline-block;padding:8px 15px;border-radius:60px;background:var(--assessment-orange);color:#fff!important;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.okx-choice-art{justify-self:center;width:75px;height:75px;color:var(--assessment-green)}
.okx-quiz-shell{padding:0 0 70px;background:#fff;color:#182c43}
.okx-quiz-page-heading{padding:8px 0 48px}
.okx-quiz-page-heading h1{margin:0 0 22px;color:#182c43;font-size:30px;line-height:1.35;font-weight:700}
.okx-quiz-meta{display:flex;align-items:center;gap:7px;margin:0!important;color:#111;font-size:13px}
.okx-quiz-avatar{display:inline-block;width:24px;height:24px;border:7px solid #ccc;border-bottom-color:transparent;border-radius:50%}
.okx-quiz-header{text-align:center}
.okx-quiz-header h1{max-width:900px;margin:0 auto 25px;color:#182c43;font-size:40px;line-height:1.35;font-weight:700}
.okx-quiz-header p{max-width:760px;margin:0 auto 10px;color:#617080;font-size:17px;line-height:1.75}
.okx-quiz-card{max-width:none;margin:28px auto 0;padding:0;border:0;background:#fff;box-shadow:none}
.okx-quiz-start{padding:35px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.okx-quiz-start-progress{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}
.okx-quiz-start-progress>span{height:5px;background:#e9e9e9}
.okx-quiz-start-progress b{color:#1685f8;font-size:13px;font-weight:400}
.okx-quiz-start-progress button{min-height:42px;padding:8px 20px;border:0;border-radius:0;background:#1abc9c;color:#fff;font-size:15px;cursor:pointer}
.okx-quiz-progress-head{display:flex;justify-content:space-between;margin-bottom:10px;color:#617a77;font-size:14px}
.okx-quiz-progress-head strong{color:var(--assessment-green)}
.okx-quiz-progress-head,.okx-quiz-progress{display:none}
.okx-native-quiz{padding-top:25px}
.okx-native-quiz[hidden]{display:none!important}
.okx-quiz-progress{height:5px;margin-bottom:35px;background:#e9e9e9;overflow:hidden}
.okx-quiz-progress span{display:block;width:0;height:100%;background:#1abc9c;transition:width .25s ease}
.okx-native-quiz:not([hidden])~.okx-quiz-result[hidden]{display:none}
.okx-native-quiz:not([hidden])+.okx-quiz-result{display:block}
.okx-quiz-card.is-running .okx-quiz-progress-head{display:flex}
.okx-quiz-card.is-running .okx-quiz-progress{display:block}
.okx-quiz-question{margin:0;padding:15px 0;border:0}
.okx-quiz-question[hidden]{display:none!important}
.okx-quiz-question legend{display:block;width:100%;margin:0 0 17px;color:#182c43;font-size:18px;line-height:1.55;font-weight:700}
.okx-quiz-question legend span{margin-right:5px;color:inherit}
.okx-quiz-options{display:grid;gap:7px}
.okx-quiz-options label{display:flex;align-items:center;cursor:pointer}
.okx-quiz-options input{
 position:static;
 flex:0 0 16px;
 width:16px;
 height:16px;
 margin:0 10px 0 0;
 border:1px solid #8b9695;
 border-radius:50%;
 background:#fff;
 appearance:none;
 -webkit-appearance:none;
 cursor:pointer;
}
.okx-quiz-options input:checked{
 border-color:#1abc9c;
 background:#fff radial-gradient(circle at center,#1abc9c 0 4px,transparent 4.5px);
}
.okx-quiz-options input:focus-visible{outline:2px solid rgba(26,188,156,.28);outline-offset:2px}
.okx-quiz-options label span{display:inline;padding:0;border:0;background:transparent;color:#333;font-size:14px}
.okx-quiz-options label:hover span{color:#003f3b}
.okx-quiz-options input:checked+span{border:0;background:transparent;color:#333;font-weight:400}
.okx-quiz-options label span:after{display:none}
.okx-quiz-error{margin-top:18px;color:#c23a20;font-size:14px}
.okx-quiz-actions{display:flex;justify-content:space-between;margin-top:25px;padding:15px 0;border-top:1px solid #eee}
.okx-quiz-actions button,.okx-quiz-restart{min-width:110px;min-height:42px;padding:8px 20px;border:0;border-radius:0;background:#1abc9c;color:#fff;font-weight:500;cursor:pointer}
.okx-quiz-actions .okx-quiz-next{background:#1abc9c;color:#fff}
.okx-quiz-actions button:disabled{opacity:.35;cursor:not-allowed}
.okx-quiz-card.is-finished .okx-quiz-progress-head,.okx-quiz-card.is-finished .okx-quiz-progress{display:none}
.okx-quiz-result{padding:15px 0 25px;text-align:left}
.okx-quiz-result[hidden]{display:none!important}
.okx-quiz-result .okx-result-title{margin:0 0 10px;color:#111;font-size:37px;line-height:1.25;font-weight:800}
.okx-result-products>h3{margin:0 0 28px;color:#182c43;font-size:30px;line-height:1.3;font-weight:800}
.okx-result-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px}
.okx-result-product{min-width:0;color:#172b40}
.okx-result-product-image{display:flex;align-items:center;justify-content:center;width:100%;height:315px;text-decoration:none}
.okx-result-product-image img{display:block;width:100%;height:100%;object-fit:contain}
.okx-result-product h4{margin:15px 0 8px;font-size:18px;line-height:1.45;font-weight:500}
.okx-result-product h4 a{color:#172b40!important;text-decoration:none}
.okx-result-product p{min-height:28px;margin:0 0 9px!important;color:#172b40;font-size:16px;line-height:1.55}
.okx-result-product-price{color:#ef6630;font-size:16px;font-weight:600}
.okx-result-product-price del{opacity:.55}.okx-result-product-price ins{text-decoration:none}
.okx-result-products-empty{margin:30px 0!important;color:#526a68}
.okx-quiz-result .okx-quiz-restart{min-width:112px;min-height:45px;margin-top:16px;padding:9px 20px;border:0;border-radius:0;background:#1abc9c;color:#fff;font-size:16px;font-weight:600;cursor:pointer}
.okx-commerce-line-sidebar{position:fixed;right:12px;top:38%;z-index:9999}.okx-commerce-line-sidebar img{display:block;width:54px}.okx-commerce-backtop{position:fixed;right:26px;bottom:26px;display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#00564e;color:#fff!important;text-decoration:none}

/* Keep every assessment route on the exact same public Elementor footer palette. */
body.okx-self-assessment-page footer.elementor-136,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-118a743,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-38ef221{
 background:#003f3b!important;
 color:#fff!important;
}
body.okx-self-assessment-page footer.elementor-136>.e-con-inner,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-118a743>.e-con-inner,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-38ef221>.e-con-inner{
 width:min(1200px,calc(100% - 48px))!important;
 max-width:1200px!important;
 margin-right:auto!important;
 margin-left:auto!important;
}
body.okx-self-assessment-page footer.elementor-136 .elementor-element-c80f4fc .elementor-divider-separator{
 display:block!important;
 width:100%!important;
 border-top:3px dotted #3ddbc0!important;
}
body.okx-self-assessment-page footer.elementor-136 .elementor-element-84541ea .elementor-heading-title,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-44643fb .elementor-heading-title,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-e427740 .elementor-heading-title{
 color:#ef6630!important;
}
body.okx-self-assessment-page footer.elementor-136 .elementor-element-aade172 a,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-e687cdd a,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-1c61929 a,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-1c61929 .elementor-icon-list-text,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-fe1a5e2,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-fe1a5e2 p,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-3a6d11f,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-3a6d11f p,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-0576989 a,
body.okx-self-assessment-page footer.elementor-136 .elementor-element-0576989 .elementor-icon-list-text{
 color:#fff!important;
}
body.okx-self-assessment-page footer.elementor-136 .elementor-element-ba388cd .elementor-divider-separator{
 border-color:#3ddbc0!important;
}
@media(max-width:767px){
 .okx-assessment-container{width:min(100% - 30px,1200px)}
 .okx-assessment-intro{min-height:150px;padding:0}.okx-assessment-intro p{font-size:18px;line-height:1.3}
 .okx-assessment-choices{padding:0 0 50px}.okx-assessment-choice-grid{width:83%;grid-template-columns:1fr;gap:50px}.okx-assessment-choice{min-height:250px;padding-top:52px}.okx-assessment-choice h2{font-size:29px}
 .okx-quiz-shell{padding:0 0 55px}.okx-quiz-page-heading{padding:8px 0 35px}.okx-quiz-page-heading h1{font-size:24px}.okx-quiz-header h1{font-size:28px}.okx-quiz-header p{font-size:15px}
 .okx-quiz-card{padding:0}.okx-quiz-progress{margin-bottom:25px}.okx-quiz-question legend{font-size:18px}
 .okx-quiz-options label span{min-height:0;padding-left:0;font-size:15px}.okx-quiz-actions button{min-width:110px}
 .okx-quiz-result{padding-top:5px}.okx-quiz-result .okx-result-title{font-size:27px}.okx-result-products>h3{font-size:24px}
 .okx-result-product-grid{grid-template-columns:1fr;gap:38px}.okx-result-product-image{height:250px}
 .okx-result-product h4{font-size:17px}.okx-result-product p{min-height:0;font-size:15px}
 .okx-quiz-result .okx-quiz-restart{width:auto}
 .okx-commerce-line-sidebar{right:6px}.okx-commerce-line-sidebar img{width:44px}
 body.okx-self-assessment-page footer.elementor-136>.e-con-inner,
 body.okx-self-assessment-page footer.elementor-136 .elementor-element-118a743>.e-con-inner,
 body.okx-self-assessment-page footer.elementor-136 .elementor-element-38ef221>.e-con-inner{width:calc(100% - 30px)!important}
}