.app-wrapper{min-height:100vh;display:flex;flex-direction:column}:root{--j-color-white: rgb(255, 255, 255);--j-color-white-rgb: 255, 255, 255;--j-color-black: rgb(0, 0, 0);--j-color-black-rgb: 0, 0, 0;--j-color-primary: rgba(191, 158, 108, 1);--j-color-primary-rgb: 191, 158, 108;--j-color-primary-text: rgba(96, 79, 54, 1);--j-color-primary-text-rgb: 96, 79, 54;--j-color-primary-text-inverse: var(--j-color-white);--j-color-error: #FB2C36;--j-color-error-rgb: 251, 44, 54;--j-color-warning: #FA8C16;--j-color-success: #389E0D;--j-color-border: rgba(0, 0, 0, .15);--j-color-border-secondary: rgba(0, 0, 0, .06);--j-color-text: rgba(0, 0, 0, 1);--j-color-text-rgb: 0, 0, 0;--j-color-text-secondary: rgba(0, 0, 0, .6);--j-color-link: var(--j-color-primary-text);--j-color-bg: rgba(255, 255, 255, .1);--j-color-bg-rgb: 255, 255, 255;--j-border-radius: 6px;--j-border-radius-sm: 4px;--j-border-radius-md: 8px;--j-border-radius-lg: 10px;--j-border-radius-xl: 12px;--j-font-size: 16px;--j-font-size-xs: 12px;--j-font-size-sm: 14px;--j-font-size-md: 18px;--j-font-size-lg: 20px;--j-font-size-xl: 24px;--j-font-weight-strong: 500;--j-line-height: 1.5;--j-spacing: 16px;--j-spacing-xxs: 4px;--j-spacing-xs: 8px;--j-spacing-sm: 12px;--j-spacing-md: 20px;--j-spacing-lg: 24px;--j-spacing-xl: 32px;--j-form-max-width: 700px;--j-form-bg-color: rgba(255, 255, 255, .9);--j-form-bg-color-rgb: 255, 255, 255;--j-form-border-radius: 12px;--j-form-padding: 32px;--j-form-padding-xs: 20px;--j-form-shadow: 0 12px 24px rgba(0, 0, 0, .05);--j-form-margin: 2rem auto;--j-form-title-font-size: 20px;--j-form-title-font-weight: var(--j-font-weight-strong);--j-form-title-color: rgb(34, 34, 34);--j-form-field-row-gap: 30px;--j-form-field-label-font-size: 14px;--j-form-field-label-font-weight: var(--j-font-weight-strong);--j-form-field-label-color: rgb(34, 34, 34);--j-input-color-bg: rgba(255, 255, 255, .5);--j-input-color-bg-active: rgba(255, 255, 255, .5);--j-input-color-text: var(--j-color-text);--j-input-color-placeholder: rgba(0, 0, 0, .5);--j-input-color-border: rgba(0, 0, 0, .15);--j-input-color-border-hover: var(--j-color-primary-text);--j-input-color-border-active: var(--j-color-primary-text);--j-input-border-width: 1px;--j-input-border-radius: 6px;--j-input-font-size: 16px;--j-input-padding-x: 12px;--j-input-padding-y: 11px;--j-form-submit-button-border-radius: 6px;--j-form-submit-button-color-bg: rgba(191, 158, 108, 1);--j-form-submit-button-color-text: rgb(255, 255, 255);--j-form-submit-button-font-size: 14px;--j-form-submit-button-padding-x: 40px;--j-bg-color: rgba(var(--j-color-white-rgb), .9)}.os-windows{--j-font-weight-strong: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Pingfang SC,Helvetica Neue,Microsoft Yahei,Helvetica,Arial,Hiragino Sans GB,"Microsoft Sans Serif",WenQuanYi Micro Hei,sans-serif;font-size:var(--j-font-size);line-height:var(--j-line-height);color:var(--j-color-text);background-color:var(--j-bg-color);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app-wrapper{background-color:var(--j-bg-color);min-height:100vh}.form-container{width:var(--j-form-max-width);max-width:calc(100% - var(--j-spacing-md) * 2);margin:var(--j-form-margin);padding:var(--j-form-padding);background-color:var(--j-form-bg-color);border-radius:var(--j-form-border-radius);box-shadow:var(--j-form-shadow)}@media (max-width: 575.99px){.form-container{padding:var(--j-form-padding-xs);margin:var(--j-spacing-md) auto}}.form-title{font-size:var(--j-form-title-font-size);font-weight:var(--j-form-title-font-weight);color:var(--j-form-title-color);margin-bottom:var(--j-spacing-md)}.form-notice{font-size:var(--j-font-size);color:var(--j-color-text);line-height:1.6;margin-bottom:var(--j-spacing-md)}.form-notice p{margin-bottom:var(--j-spacing-xs)}.form-subtitle{font-size:var(--j-font-size);font-weight:var(--j-font-weight-strong);color:var(--j-form-title-color);margin-bottom:var(--j-spacing-sm)}.form-table{width:100%;border-collapse:collapse;margin-bottom:var(--j-spacing-md)}.form-table th,.form-table td{padding:var(--j-spacing-sm);text-align:left;border-bottom:1px solid var(--j-color-border)}.form-table th{font-weight:var(--j-font-weight-strong);background-color:#00000005}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--j-input-padding-y) var(--j-form-submit-button-padding-x);font-size:var(--j-form-submit-button-font-size);font-weight:var(--j-font-weight-strong);border:none;border-radius:var(--j-form-submit-button-border-radius);cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--j-form-submit-button-color-bg);color:var(--j-form-submit-button-color-text)}.btn-primary:hover{opacity:.9}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.start-btn-container{display:flex;justify-content:center;margin-top:var(--j-spacing-lg)}.input{width:100%;padding:var(--j-input-padding-y) var(--j-input-padding-x);font-size:var(--j-input-font-size);color:var(--j-input-color-text);background-color:var(--j-input-color-bg);border:var(--j-input-border-width) solid var(--j-input-color-border);border-radius:var(--j-input-border-radius);transition:border-color .2s ease}.input:hover{border-color:var(--j-input-color-border-hover)}.input:focus{outline:none;border-color:var(--j-input-color-border-active);box-shadow:0 0 0 3px rgba(var(--j-color-primary-rgb),.15)}.input::placeholder{color:var(--j-input-color-placeholder)}.textarea{resize:vertical;min-height:100px}.option-item{display:flex;align-items:center;padding:var(--j-spacing-sm) var(--j-input-padding-x);margin-bottom:var(--j-spacing-xs);background-color:var(--j-input-color-bg);border:var(--j-input-border-width) solid var(--j-input-color-border);border-radius:var(--j-input-border-radius);cursor:pointer;transition:all .2s ease}.option-item:hover{border-color:var(--j-input-color-border-hover);background-color:#f9f9f9}.option-item.selected{border-color:var(--j-color-primary-text);background:linear-gradient(var(--j-input-color-bg-active),var(--j-input-color-bg-active)),linear-gradient(rgba(var(--j-color-primary-rgb),.1),rgba(var(--j-color-primary-rgb),.1))}.option-item input[type=radio],.option-item input[type=checkbox]{margin-right:var(--j-spacing-sm);accent-color:var(--j-color-primary)}.question-item{margin-bottom:var(--j-form-field-row-gap)}.question-label{display:block;font-size:var(--j-form-field-label-font-size);font-weight:var(--j-form-field-label-font-weight);color:var(--j-form-field-label-color);margin-bottom:var(--j-spacing-xs)}.question-label .required{color:var(--j-color-error);margin-left:var(--j-spacing-xxs)}.question-content{margin-top:var(--j-spacing-xs)}.error-message{color:var(--j-color-error);font-size:var(--j-font-size-sm);margin-top:var(--j-spacing-xxs)}.form-footer{text-align:center;padding:var(--j-spacing-md);color:var(--j-color-text-secondary);font-size:var(--j-font-size-sm)}.form-footer a{color:var(--j-color-link);text-decoration:none}.form-footer a:hover{text-decoration:underline}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--j-spacing-xl)}.loading-spinner{width:40px;height:40px;border:3px solid var(--j-color-border);border-top-color:var(--j-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:var(--j-spacing-sm);color:var(--j-color-text-secondary)}.result-container{text-align:center}.result-score{font-size:var(--j-font-size-xl);font-weight:var(--j-font-weight-strong);color:var(--j-color-primary-text);margin:var(--j-spacing-lg) 0}.result-score .score-value{font-size:48px;color:var(--j-color-primary)}.progress-bar{width:100%;height:4px;background-color:var(--j-color-border);border-radius:2px;overflow:hidden;margin-bottom:var(--j-spacing-md)}.progress-bar-inner{height:100%;background-color:var(--j-color-primary);transition:width .3s ease}.question-nav{display:flex;justify-content:space-between;margin-top:var(--j-spacing-lg)}.message{padding:var(--j-spacing-sm) var(--j-spacing-md);border-radius:var(--j-border-radius);margin-bottom:var(--j-spacing-md)}.message-success{background-color:#389e0d1a;color:var(--j-color-success);border:1px solid rgba(56,158,13,.3)}.message-error{background-color:#fb2c361a;color:var(--j-color-error);border:1px solid rgba(251,44,54,.3)}.message-warning{background-color:#fa8c161a;color:var(--j-color-warning);border:1px solid rgba(250,140,22,.3)}