/* ==================== 
   Personality Test Page - CSS
   Based on Figma Design: 企业信息 (node-id=40-2829)
   ==================== */

#test_index .questionnaire-section.wide2{
   width: 1200px;
}
@media (max-width: 768px) {
   #test_index .questionnaire-section.wide2{width: auto;}
}
/* ==================== 
   Main Container Styles
   ==================== */
*{border:0 solid transparent}
#test_index .personality-test-main{min-height:calc(100vh - var(--navbar-visible-h));position:relative;width:100%;padding:0;margin:0}
#test_index .hero-section{width:100%;padding:60px 0 0;display:flex;align-items:center;justify-content:center}
#test_index .hero-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0 20px}
#test_index .logo-section{display:flex;justify-content:center;align-items:center}
#test_index .logo-icon{width:80px;height:80px;display:flex;justify-content:center;align-items:center}
#test_index .logo-icon img{width:80px;height:80px;object-fit:contain}
#test_index .title-section{text-align:center}
#test_index .main-title{font-family:var(--font-family-text);font-size:53.89453125px;font-weight:700;line-height:1.0761759802855693;letter-spacing:-0.7421903422909248%;color:#343C4B;margin:0;text-align:center;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .subtitle-section{text-align:center}
#test_index .subtitle-text{position:relative;display:inline-flex;align-items:center;gap:2px;height:30px}
#test_index .subtitle{font-family:var(--font-family-text);font-size:19.375px;font-weight:500;line-height:1.5483870967741935;letter-spacing:-1.032258079897973%;color:#343C4B;text-align:center;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .registered{font-family:var(--font-family-text);font-size:15px;font-weight:500;line-height:2;letter-spacing:-1.3333333532015483%;color:#343C4B;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .steps-section{display:flex;justify-content:center;position:relative;overflow:hidden;padding:50px 0}
#test_index .steps-container{display:flex;justify-content:stretch;align-items:stretch;gap:20px;position:relative;z-index:2}
#test_index .step-card{flex:1;display:flex;flex-direction:column;position:relative}
#test_index .card-container{border-radius:10px;box-shadow:0px 4px 8px 0px rgba(29,36,50,0.1);display:flex;flex-direction:column;align-self:stretch;position:relative;overflow:hidden;transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out}
#test_index .card-container:hover{transform:translateY(-4px)}
#test_index .card-top-border{width:100%;height:5px;position:relative;overflow:hidden}
#test_index .border-decoration{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#test_index .border-decoration svg{width:100%;height:100%;display:block}
#test_index .card-content{display:flex;align-items:flex-start;padding:21px;min-height:253px;position:relative}
#test_index .card-text-content{flex:1;display:flex;flex-direction:column;justify-content: center;align-items: center;height: 100%;gap: 10px;}
#test_index .step-image{position:absolute;top:0;right:21px;display:flex;align-items:flex-start;justify-content:center;width:160px;height:160px;margin-top:15px}
#test_index .step-image img{width:160px;height:160px;object-fit:contain;display:block}
#test_index .step-badge{display:flex;align-items:center;;border-radius:50%;width:55px;height: 55px;justify-content: center;flex-direction: column;background: #fff;}
#test_index .step-title{margin-top:10px}
#test_index .step-title h2{font-size:22px;font-weight:bold;color:#fff;margin:0;text-align:left;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .step-description{margin-top:15px}
#test_index .step-description p{font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-0.6250000093132257%;color:#fff;margin:0;text-align:left;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
/* #test_index .step-1-badge{background-color:rgb(var(--rgb-blue))}
#test_index .step-2-badge{background-color:rgb(var(--rgb-green))}
#test_index .step-3-badge{background-color:rgb(var(--rgb-purple))} */
#test_index .steps-container .step-card:first-child .card-content{background-color:#4badcc;color:#4badcc}
#test_index .steps-container .step-card:nth-child(2) .card-content{background-color:#3aaf7c;color:#3aaf7c}
#test_index .steps-container .step-card:nth-child(3) .card-content{background-color:#88619a;color:#88619a}
#test_index .step-number{font-size:24px;font-weight:bold;line-height:1;text-transform:uppercase;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .step-text{font-size: 12px;display: none;}
#test_index .step-separator{width:100%;height:10px;border-radius:0 0 10px 10px;margin-top:auto}
#test_index .step-1-separator{background-color:rgb(var(--rgb-blue))}
#test_index .step-2-separator{background-color:rgb(var(--rgb-green))}
#test_index .step-3-separator{background-color:rgb(var(--rgb-purple))}
#test_index .steps__bg{position:absolute;bottom:0;left:0;width:100%;z-index:0;background-color:#FFFFFF;height:265px}
#test_index .steps__bg .bg--sm{display:block;width:100%}
#test_index .steps__bg .bg--md,#test_index .steps__bg .bg--lg{display:none}

/* Medium screens */
@media (min-width: 768px) {
    #test_index .steps__bg .bg--sm {display: none;}
    
    #test_index .steps__bg .bg--md {display: block; width: 100%;}
    
    #test_index .steps__bg .bg--lg {display: none;}
}

/* Large screens */
@media (min-width: 1920px) {
    #test_index .steps__bg .bg--sm, #test_index .steps__bg .bg--md {display: none;}
    
    #test_index .steps__bg .bg--lg {display: block; width: 100%;}
}

/* ====================
   Start Button Section
   ==================== */

#test_index .start-button-section{width:100%;padding:40px 0;display:flex;justify-content:center;align-items:center}
#test_index .start-button-container{display:flex;justify-content:center;align-items:center}
#test_index .start-button{background-color:#e4ae3d;color:#fff;font-size:18px;padding:20px 50px;border-radius:30px;border:none;cursor:pointer;font-family:var(--font-family-text);font-weight:500;transition:all 0.2s ease-in-out;text-decoration:none;display:inline-block;text-align:center;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .start-button:hover{background-color:#d19c2e;transform:translateY(-2px);box-shadow:0 8px 25px rgba(228,174,61,0.25)}
#test_index .start-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(228,174,61,0.2)}

/* ====================
   Progress Bar Section
   ==================== */

#test_index .progress-bar-container{width:100%;display:flex;justify-content:center;padding:10px 0;background-color:#FFFFFF;border-bottom:1px solid #E0E4E7;box-shadow:0 0 10px rgba(29,36,50,.1);border-radius:10px}
#test_index .progress-bar-wrapper{width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}
#test_index .progress-bar-left{flex-shrink:0}
#test_index .back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;cursor:pointer;font-family:var(--font-family-text);font-size:16px;font-weight:500;color:rgb(var(--rgb-blue));text-decoration:none;transition:all 0.2s ease-in-out;border-radius:20px}
#test_index .back-button:hover{background-color:rgba(var(--rgb-blue),0.1);transform:translateX(-2px)}
#test_index .back-icon{width:18px;height:18px;fill:currentColor;transition:transform 0.2s ease-in-out}
#test_index .back-button:hover .back-icon{transform:translateX(-2px)}
#test_index .back-text{color:inherit;font-weight:inherit;font-family:inherit}
#test_index .progress-bar-right{flex-shrink:0}
#test_index .progress-info{display:flex;align-items:center;gap:15px}
#test_index .progress-track{width:300px;height:6px;background-color:#E0E4E7;border-radius:3px;overflow:hidden;position:relative}
#test_index .progress-fill{height:100%;background-color:rgb(var(--rgb-blue));border-radius:3px;transition:width 0.4s ease-in-out;width:50%}
#test_index .progress-text{font-family:var(--font-family-text);font-size:16px;font-weight:500;color:#343C4B;white-space:nowrap;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .current-step,#test_index .total-steps{font-weight:700;color:rgb(var(--rgb-blue))}
#test_index .questionnaire-section{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding-top:50px}
#test_index .form-container{width:100%;padding:0 20px 80px;}
#test_index .personality-form{display:flex;flex-direction:column;width:100%}
#test_index .question-fieldset{display:flex;flex-direction:column;gap:30px;padding:0 0 40px;margin:0;border:none;border-bottom:1px solid #EEEFF1;width:100%;margin-bottom:40px !important}
#test_index .question-fieldset.question-last{padding-bottom:30px;border-bottom:none}
#test_index .question-content{display:flex;flex-direction:column;align-self:stretch;padding:0 0 1px}
#test_index .question-text{font-family:var(--font-family-text);font-size:22px;font-weight:700;line-height:1.3636363636363635;letter-spacing:-0.22727273065935483%;color:#343C4B;margin:0;text-align:left;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing);width:100%}
#test_index .question-controls{display:flex;align-items:center;align-self:stretch;width:100%}
#test_index .scale-label{display:flex;align-items:center;width:fit-content}
#test_index .scale-label-left{justify-content:flex-start}
#test_index .scale-label-right{justify-content:flex-end}
#test_index .scale-label span{font-family:var(--font-family-text);font-size:20px;font-weight:500;line-height:1.5;letter-spacing:-1.0000000149011612%;text-align:left;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .scale-label-left span{color:rgb(var(--rgb-green))}
#test_index .scale-label-right span{color:rgb(var(--rgb-purple))}
#test_index .scale-container{display:flex;padding:0 60px}
#test_index .scale-options{display:flex;justify-content:space-between;align-items:center;gap:40px;width:fit-content}
#test_index .scale-option{display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color: transparent;}
#test_index .option-circle{border-radius:50%;border:3px solid rgb(var(--rgb-green));background-color:transparent;opacity:0.5;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}
#test_index .option-circle-35{width:70px;height:70px;padding:3px}
#test_index .option-circle-28{width:56px;height:56px;padding:3px}
#test_index .option-circle-23{width:46px;height:46px;padding:3px}
#test_index .option-circle-18{width:36px;height:36px;padding:3px}
#test_index .scale-option-selected .option-circle{border-color:#9B9FAA;opacity:1}
#test_index .scale-option-selected .option-circle .check-icon{opacity:1}
#test_index .scale-option-1.scale-option-selected .option-circle,#test_index .scale-option-2.scale-option-selected .option-circle,#test_index .scale-option-3.scale-option-selected .option-circle{background-color:rgb(var(--rgb-green));border-color:rgb(var(--rgb-green))}
#test_index .scale-option-4.scale-option-selected .option-circle{background-color:rgb(var(--rgb-purple));border-color:rgb(var(--rgb-purple))}
#test_index .scale-option-5.scale-option-selected .option-circle,#test_index .scale-option-6.scale-option-selected .option-circle,#test_index .scale-option-7.scale-option-selected .option-circle{background-color:rgb(var(--rgb-purple));border-color:rgb(var(--rgb-purple))}
#test_index .scale-option-4 .option-circle{border-color:rgb(var(--rgb-purple))}
#test_index .scale-option-5 .option-circle,#test_index .scale-option-6 .option-circle,#test_index .scale-option-7 .option-circle{border-color:rgb(var(--rgb-purple))}
#test_index .check-icon{width:60%;height:60%;fill:#FFFFFF;opacity:0;transition:opacity 0.2s ease-in-out;pointer-events:none}
#test_index .option-circle:hover{opacity:1;transform:scale(1.05)}
#test_index .option-circle:hover .check-icon{opacity:1}
#test_index .scale-option-1 .option-circle:hover,#test_index .scale-option-2 .option-circle:hover,#test_index .scale-option-3 .option-circle:hover{background-color:rgb(var(--rgb-green))}
#test_index .scale-option-4 .option-circle:hover{background-color:rgb(var(--rgb-purple))}
#test_index .scale-option-5 .option-circle:hover,#test_index .scale-option-6 .option-circle:hover,#test_index .scale-option-7 .option-circle:hover{background-color:rgb(var(--rgb-purple))}
#test_index .question-disabled{opacity:0.3}
#test_index .question-disabled .option-circle{cursor:not-allowed}
#test_index .question-disabled .option-circle:hover{transform:none;opacity:0.3}
#test_index .button-container{width:fit-content;display:flex;flex-direction:column;align-items:left;margin-top:0}
#test_index .next-button{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px 41px;height:60px;background-color:rgb(var(--rgb-purple));color:#FFFFFF;border:1px solid rgb(var(--rgb-purple));border-radius:40px;cursor:pointer;transition:all 0.2s ease-in-out;font-family:var(--font-family-text);font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-0.5555555638339784%;text-align:center;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
#test_index .button-text{color:inherit;font-weight:inherit;font-family:inherit}
#test_index .button-icon{width:18px;height:18px;fill:currentColor;transition:transform 0.2s ease-in-out}
#test_index .next-button:hover{background-color:#54384D;border-color:#54384D;transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--rgb-purple),0.25)}
#test_index .next-button:hover .button-icon{transform:translateX(3px)}
#test_index .next-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(var(--rgb-purple),0.2)}
#test_index .share-section{width:100%;background-color:#F6F6F7;display:flex;flex-direction:column;align-self:stretch;margin-bottom:60px}
#test_index .share-section.start_share .share-background .share-content{padding: 150px 0;}
#test_index .share-background{background-color:#fff;width:100%;display:flex;flex-direction:column;align-self:stretch}
#test_index .angular-1920{display:block;background:#fff}
#test_index .angular-1920 path{fill:#f6f6f7}
#test_index .share-content{background-color:#F6F6F7;width:100%;display:flex;flex-direction:column;align-self:stretch;gap:20px;padding:80px 0}
#test_index .share-stats{display:flex;flex-direction:column;align-self:stretch;gap:20px}
#test_index .stats-number{display:flex;flex-direction:column;align-items:center;align-self:stretch}
#test_index .stats-number h3{font-family:var(--font-family-text);font-size:32px;font-weight:700;line-height:1.25;letter-spacing:-0.4687500186264515%;color:#343C4B;margin:0;text-align:center;-webkit-font-smoothing:var(--font-text-webkit-smoothing);-moz-osx-font-smoothing:var(--font-text-osx-smoothing)}
/* #test_index .social-buttons{display:flex;justify-content:center;align-self:stretch;flex-wrap:wrap;gap:15px}
#test_index .social-button{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:100px;padding:1px;transition:all 0.2s ease-in-out;text-decoration:none}
#test_index .facebook-button{border:1px solid rgba(8,102,255,0.5)}
#test_index .facebook-button .social-icon{fill:#0866FF}
#test_index .twitter-button{border:1px solid rgba(0,0,0,0.5)}
#test_index .twitter-button .social-icon{fill:#000000}
#test_index .pinterest-button{border:1px solid rgba(189,8,28,0.5)}
#test_index .pinterest-button .social-icon{fill:#BD081C}
#test_index .email-button,#test_index .qr-button{border:1px solid rgba(154,159,169,0.5)}
#test_index .email-button .social-icon,#test_index .qr-button .social-icon{fill:#9A9FA9}
#test_index .social-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.15)}
#test_index .social-icon{width:26px;height:26px;fill:currentColor} */

/* ==================== 
   Responsive Design
   ==================== */

/* Large screens (1200px and up) */
@media (min-width: 1200px) {
    #test_index .main-title {font-size: 53.89453125px; line-height: 1.0761759802855693; letter-spacing: -0.7421903422909248%;}
    
    #test_index .subtitle {font-size: 19.375px; line-height: 1.5483870967741935; letter-spacing: -1.032258079897973%;}
}

@media (max-width: 1200px) {
   #test_index .progress-bar-wrapper{gap:20px}
   #test_index .progress-track{width:100px}
   #test_index .steps-container{gap:15px}
   /* #test_index .card-text-content{padding-right:160px;max-width:calc(100% - 160px)} */
   #test_index .step-image{right:18px;width:140px;height:140px;margin-top:-10px}
   #test_index .step-image img{width:140px;height:140px}
   #test_index .steps__bg{height:50px}
   #test_index .scale-container{padding:0 40px}
   #test_index .scale-options{gap:30px}
   #test_index .main-title{font-size:2.6875rem;line-height:1.11627907;letter-spacing:-0.3px}
   #test_index .subtitle{font-size:1.125rem;line-height:1.44444444}
   #test_index .share-content{padding: 10vw 0;}
}

@media (max-width: 768px) {
   #test_index .hero-section{padding:40px 0 0}
   #test_index .progress-bar-wrapper{padding:0 15px;gap:15px;box-sizing: border-box;}
   #test_index .back-button{font-size:14px;padding:6px 12px}
   #test_index .back-icon{width:16px;height:16px}
   #test_index .progress-info{gap:10px}
   #test_index .progress-track{width:80px;height:4px}
   #test_index .progress-text{font-size:14px}
   #test_index .hero-container{padding:0 15px;gap:15px}
   #test_index .main-title{font-size:2.25rem;line-height:1.11111111;letter-spacing:-0.2px}
   #test_index .subtitle{font-size:1rem;line-height:1.375;letter-spacing:-0.1px}
   #test_index .steps-section{padding:30px 0;display: none;}
   #test_index .steps-container{flex-direction:column;gap:25px}
   #test_index .card-text-content{padding-right:0;max-width:100%;order:2}
   #test_index .step-image{position:static;width:120px;height:120px;margin:0 auto;order:1}
   #test_index .step-image img{width:120px;height:120px}
   #test_index .steps__bg{height:30px}
   #test_index .form-container{padding:60px 0}
   #test_index .question-fieldset{gap:25px;padding:0 0 30px}
   #test_index .question-text{font-size:var(--font-p-md-size-bp-sm);line-height:var(--font-p-md-line-height-bp-sm)}
   #test_index .question-controls{display:flex;flex-wrap:wrap;gap:15px}
   #test_index .scale-label span{font-size:var(--font-p-md-size-bp-sm);line-height:var(--font-p-md-line-height-bp-sm)}
   #test_index .scale-container{order:1;width:100%;padding:0 15px;justify-content:center}
   #test_index .scale-options{gap:15px}
   #test_index .scale-label-left{order:2;flex:1}
   #test_index .scale-label-right{order:2;flex:1;text-align:right}
   #test_index .option-circle-35{width:50px;height:50px}
   #test_index .option-circle-28{width:40px;height:40px}
   #test_index .option-circle-23{width:35px;height:35px}
   #test_index .option-circle-18{width:28px;height:28px}
   #test_index .next-button{padding:15px 35px;font-size:var(--font-btn-60-size);line-height:var(--font-btn-60-line-height);letter-spacing:var(--font-btn-60-spacing);min-height:50px}
   #test_index .stats-number h3{font-size:var(--font-p-md-size-bp-sm)}
   #test_index .social-buttons{gap:12px}
   #test_index .social-button{width:50px;height:50px}
   #test_index .social-icon{width:22px;height:22px}
   /* #test_index .questionnaire-section{padding-top: 0;} */
   #test_index .progress-bar-container{display: block!important;}
}

/* Extra Small screens (480px and below) */
@media (max-width: 480px) {
   #test_index .scale-container{order:1;width:100%;padding:0 10px;justify-content:center}
   #test_index .scale-options{gap:12px}
   #test_index .scale-label-left{order:2;flex:1}
   #test_index .scale-label-right{order:2;flex:1;text-align:right}
   #test_index .option-circle-35{width:35px;height:35px}
   #test_index .option-circle-28{width:32px;height:32px}
   #test_index .option-circle-23{width:28px;height:28px}
   #test_index .option-circle-18{width:20px;height:20px}
}

/* ==================== 
   Focus States - Accessibility
   ==================== */

#test_index .next-button:focus, #test_index .option-circle:focus, #test_index .social-button:focus {outline: 2px solid rgb(var(--rgb-blue)); outline-offset: 2px;}

/* ==================== 
   Print Styles
   ==================== */

@media print {
    #test_index .share-section {display: none !important;}
    
    #test_index .personality-test-main {background: none !important; color: #000 !important;}
    
    #test_index .next-button {border: 1px solid #000 !important; color: #000 !important; background: none !important;}
}



#test_index .personality-test-main{contain:layout}
#test_index .button-icon,#test_index .option-circle{will-change:transform}
#test_index .steps-container{display:-webkit-box;display:-ms-flexbox;display:flex}
#test_index .next-button,#test_index .option-circle{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
#test_index .next-button:hover{-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px)}
#test_index .next-button,#test_index .option-circle,#test_index .social-button,#test_index .scale-option{-ms-touch-action:manipulation;touch-action:manipulation}
/* Smooth scrolling for better UX */
html {scroll-behavior: smooth;}


/* Loading state enhancements */
#test_index .personality-test-main {opacity: 0; animation: fadeInPage 0.6s ease-out forwards;}
@keyframes fadeInPage {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}}

/* ====================
   Start Page Hero Section - Pure Background Image
   ==================== */

#test_index .start-hero{width:100%;display:flex;align-items:center;justify-content:center;padding:0}
#test_index .start-hero .hero-container{width:100%;display:flex;align-items:center;justify-content:center;padding:0}
@media (max-width:767px){
    #test_index .start-hero{
    min-height:200px;
}
#test_index .start-hero .hero-container img{height: 200px;max-width: unset;width: 100%;}

}@media (max-width:480px){#test_index .start-hero{
    min-height:150px}
}

/* iq */
#test_index #iq-main-content{ background-color: #edf6ff; }
#test_index #iq-main-content .wide{ width: 100%; }
#test_index #iq-main-content .questionnaire-section{ background-color: unset; padding: 20px 0; }
#test_index #iq-main-content .progress-bar-container { margin-bottom: 10px;border-radius: 15px; }
#test_index #iq-main-content .progress-bar-container .progress-bar-wrapper{box-sizing: border-box;}
#test_index #iq-main-content .form-container{background-color: #fff;border-radius: 15px;border: 1px solid #e8e8e8;padding: 20px;box-sizing: border-box;}
#test_index #iq-main-content .iq-question-fieldset .question-title{ font-size: 20px; color: #3c4351;font-weight: bold; }
#test_index #iq-main-content .iq-question-fieldset .question-content{ min-height: auto; padding: 20px 0;box-sizing: border-box; }
#test_index #iq-main-content .iq-question-fieldset[data-type="input"] .question-content{ font-size: 20px; align-items: center; justify-content: center; flex-direction: row; letter-spacing: 0; }
#test_index #iq-main-content .iq-question-fieldset[data-type="input"] .question-content .question-input{ border: none; border-bottom: 2px solid #d7d8dc; text-align: center; width: 50px; font-size: 18px; }
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content{ display: flex; flex-direction: column; align-items: center; }
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-left,
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-right{ width: 100%; }
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-left{text-align: center;}
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-title{ font-size: 16px;color: #3c4351; margin-bottom: 15px; }
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-list{ display: grid;grid-template-columns: repeat(1,1fr); gap: 10px; }
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-option{ display: flex; align-items: center; justify-content: center; padding: 10px; background-color: #f9fafb;border-radius: 8px; cursor: pointer; }
#test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-option.choose-option-selected{ background-color: #edf6ff; }

#test_index #iq-main-content .button-container{width: 100%;align-items: center;}
#test_index #iq-main-content .share-content{ background-color: #4298b4; }
#test_index #iq-main-content #share-section-w0 .angular-1920{ background: #edf6ff; }
#test_index #iq-main-content #share-section-w0 .angular-1920 path{ fill: #4298b4; }
#test_index #iq-main-content #share-section-w0 .stats-number h3{color: #fff;}
@media (min-width: 500px) {
   #test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-list{ grid-template-columns: repeat(2,1fr); }
}
@media (min-width: 768px) {
   #test_index #iq-main-content .questionnaire-section { padding: 40px 0; }
   #test_index #iq-main-content .progress-bar-container { margin-bottom: 20px; }
   #test_index #iq-main-content .form-container{padding: 40px;}
   #test_index #iq-main-content .iq-question-fieldset .question-content{ min-height: 400px;padding: 40px 0; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="input"] .question-content{ font-size: 28px; letter-spacing: 2px; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="input"] .question-content .question-input{ font-size: 26px; width: 100px;}
   #test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-list{ grid-template-columns: repeat(3,1fr); gap: 20px; }
}
@media (min-width: 1200px) {
   #test_index #iq-main-content .wide{ width: 1200px; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="input"] .question-content{ font-size: 36px; letter-spacing: 5px; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="input"] .question-content .question-input{ font-size: 34px; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content{ flex-direction: row;justify-content: space-between; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-left{ width: 35%; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-right{ width: 60%; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-title{ margin-bottom: 25px; }
   #test_index #iq-main-content .iq-question-fieldset[data-type="choose"] .question-content .choose-option{ padding: 25px 40px; }
}
/* iq */