:root {
    --magnum-color-default-1: #2e2e2e;
    --magnum-color-default-2: #6e6e6e;
    --magnum-color-default-3: #b0b0b0;
    --magnum-color-default-4: #d9d9d9;
    --magnum-color-default-5: #f3f3f3;
    --magnum-color-default-6: #ffffff;
    --magnum-color-invalid-1: #bd0909;
    --magnum-color-invalid-2: #fbd0d0;
    --magnum-color-invalid-3: #fef1f1;
    --magnum-color-primary-1: #009188 !important;
    --magnum-color-primary-2: #fbdac6;
    --magnum-color-primary-3: #fdf6ed;
    --magnum-color-valid-1: #00a52d;
    --magnum-color-valid-2: #53c671;
    --magnum-color-valid-3: #ebfaef;
    --magnum-background-normal: var(--magnum-color-default-6);
    --magnum-font-family: Source Sans Pro, Arial, sans-serif, serif;
    --magnum-font-size-base: 18px !important;
    --magnum-font-weight: 400 !important;
    --magnum-title-color-custom: #00965E;
    --magnum-widget-background-active: var(--magnum-color-primary-3);
    --magnum-widget-background-invalid: var(--magnum-color-invalid-3);
    --magnum-widget-background-normal: var(--magnum-color-default-6);
    --magnum-widget-border-active-default: inset 0 0 0 1px var(--magnum-color-primary-1);
    --magnum-widget-border-active-focus: inset 0 0 0 1px var(--magnum-color-primary-1), inset 0 0 0 4px var(--magnum-color-primary-2);
    --magnum-widget-border-active-focus-hover: inset 0 0 0 2px var(--magnum-color-primary-1), inset 0 0 0 4px var(--magnum-color-primary-2);
    --magnum-widget-border-active-hover: inset 0 0 0 2px var(--magnum-color-primary-1);
    --magnum-widget-border-invalid-default: inset 0 0 0 1px var(--magnum-color-invalid-1);
    --magnum-widget-border-invalid-focus: inset 0 0 0 1px var(--magnum-color-invalid-1), inset 0 0 0 4px var(--magnum-color-invalid-2);
    --magnum-widget-border-invalid-focus-hover: inset 0 0 0 2px var(--magnum-color-invalid-1), inset 0 0 0 4px var(--magnum-color-invalid-2);
    --magnum-widget-border-invalid-hover: inset 0 0 0 2px var(--magnum-color-invalid-1);
    --magnum-widget-border-normal-default: inset 0 0 0 1px var(--magnum-color-default-2);
    --magnum-widget-border-normal-disabled: inset 0 0 0 1px var(--magnum-color-default-3);
    --magnum-widget-border-normal-focus: inset 0 0 0 1px var(--magnum-color-default-2), inset 0 0 0 4px var(--magnum-color-default-4);
    --magnum-widget-border-normal-focus-hover: inset 0 0 0 2px var(--magnum-color-default-2), inset 0 0 0 4px var(--magnum-color-default-4);
    --magnum-widget-border-normal-hover: inset 0 0 0 2px var(--magnum-color-default-2);
    --magnum-accessability-focus: inset 0 0 0 2px var(--magnum-color-default-1);
    --magnum-accessability-border-radius: 2px;
    --magnum-accessability-outline: var(--magnum-color-default-1) outset 2px;
    --magnum-popup-box-shadow-default: 0 5px 15px var(--magnum-color-default-2);
    --magnum-left-indent-step: 40px;
    --magnum-icon-loading-default: url(data:image/gif;base64,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);
}
  
 /* 固定组件标题样式 */
.magnum-form__title {
    color: var(--magnum-color-primary-1);
    border-bottom: 1px solid var(--magnum-color-default-3);
    font-size: calc(2.625 * var(--magnum-font-size-base));
    font-weight: 400 !important;
    line-height: .95;
    padding: 0 0 var(--magnum-font-size-base) 0;
    margin: calc(2.5 * var(--magnum-font-size-base)) 0 0 0;
    min-height: calc(3 * var(--magnum-font-size-base));
    text-align: center;
    white-space: pre-wrap;
    /* 添加 !important 确保样式优先级 */
    color: var(--magnum-color-primary-1) !important;
    border-bottom: 1px solid var(--magnum-color-default-3) !important;
    font-size: calc(2.625 * var(--magnum-font-size-base)) !important;
    padding: 0 0 var(--magnum-font-size-base) 0 !important;
    margin: calc(2.5 * var(--magnum-font-size-base)) 0 0 0 !important;
    min-height: calc(3 * var(--magnum-font-size-base)) !important;
    text-align: center !important;
    white-space: pre-wrap !important;
}

/* 固定按钮样式 */
.magnum-button,
.magnum-button--primary,
.magnum-button--secondary,
.magnum-button--tertiary {
    /* 基础按钮样式 */
    font-family: var(--magnum-font-family) !important;
    font-size: var(--magnum-font-size-base) !important;
    border-radius: var(--magnum-accessability-border-radius) !important;
    transition: all 0.2s ease !important;
    display: inline-block !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    border: none !important;
    outline: none !important;
}

.magnum-button--primary {
    background-color: var(--magnum-color-primary-1) !important;
    color: white !important;
}

.magnum-button--primary:hover,
.magnum-button--primary:focus {
    background-color: #007a73 !important; /* 稍深的主色 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.magnum-button--secondary {
    background-color: var(--magnum-color-default-2) !important;
    color: white !important;
}

.magnum-button--secondary:hover,
.magnum-button--secondary:focus {
    background-color: #5a5a5a !important; /* 稍深的次要颜色 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.magnum-button--tertiary {
    background-color: transparent !important;
    color: var(--magnum-color-primary-1) !important;
    border: 1px solid var(--magnum-color-primary-1) !important;
}

.magnum-button--tertiary:hover,
.magnum-button--tertiary:focus {
    background-color: var(--magnum-color-primary-3) !important;
    box-shadow: 0 2px 8px rgba(0, 145, 136, 0.1) !important;
}

.magnum-button:disabled,
.magnum-button--primary:disabled,
.magnum-button--secondary:disabled,
.magnum-button--tertiary:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* 增大底部Navigator所有button大小及button中的字体大小 */
.magnum-navigation-button>button {
    font-size: calc(var(--magnum-font-size-base) * 1.0) !important;
    padding: calc(10px * 1.2) calc(16px * 1.2) !important;
    min-height: calc(var(--magnum-font-size-base) * 2.0) !important;
}

/* 隐藏导航按钮中的图标 */


/* 确保表单元素样式一致性 */
.magnum-form__field {
    margin-bottom: calc(1.5 * var(--magnum-font-size-base)) !important;
}

.magnum-form__label {
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    display: block !important;
    color: var(--magnum-color-default-1) !important;
}

/* 优化中文语言的字体渲染，解决粗细不一的问题 */
[lang^="zh"], .zh, .zh-CN, .zh-cn, .zh-TW, .zh-tw, .zh-HK, .zh-hk {
    font-family: var(--magnum-font-family) !important;
    font-weight: var(--magnum-font-weight) !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-variant-ligatures: none !important;
    letter-spacing: normal !important;
}

/* 统一所有文本元素的字体粗细 */
.magnum-form__title, .magnum-button, .magnum-button--primary, .magnum-button--secondary, 
.magnum-button--tertiary, .magnum-form__label, .magnum-summary-heading, h3, h4, 
.magnum-radio, .magnum-radio__input, .magnum-radio__label, .magnum-summary-item-label, 
.magnum-summary-item-value, .magnum-summary-item, .magnum-form__field {
    font-weight: var(--magnum-font-weight) !important;
}

/* 确保interview页面所有内容字体一致 */
.interview-page, .case-interview, .magnum-form, .magnum-form__section {
    font-family: var(--magnum-font-family) !important;
    font-weight: var(--magnum-font-weight) !important;
}

/* 修复可能导致字体粗细不一致的浏览器默认样式 */
* {
    font-weight: inherit !important;
}
/* 增加是与否的button大小 */
.mdc-evolution-chip-set__chips .mdc-evolution-chip {
    font-size: calc(var(--magnum-font-size-base) * 0.9) !important;
    padding: calc(4px * 1.2) calc(6px * 1.2) !important;
    min-height: calc(var(--magnum-font-size-base) * 1.5) !important;
}
h3{
    color: #009188 !important;
}
.magnum-summary-heading{
    color: #009188 !important;
}
h4.mat-headline-2{
    font-weight: 800 !important;
}
/* 使div.mdc-evolution-chip-set__chips的第三个子元素独立占一行
.mdc-evolution-chip-set__chips > :nth-child(3) {
    flex-basis: 50%;
    width: 32px;
}
.mdc-evolution-chip-set__chips > :nth-child(3) >span{
    display: inline-block;
    width: 32px;
}
*/