.elementor-3444 .elementor-element.elementor-element-d78b571{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-66222e7{--display:flex;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-19647a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-920f3b4{--display:flex;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-f448c98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-53f851b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-316db52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-between;--gap:0px 0px;--background-transition:0.3s;--margin-block-start:81px;--margin-block-end:40px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-3444 .elementor-element.elementor-element-8b2a91d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-8b2a91d.e-con{--align-self:flex-start;}.elementor-3444 .elementor-element.elementor-element-c6a5eef.elementor-widget-heading .elementor-heading-title, .elementor-3444 .elementor-element.elementor-element-c6a5eef.elementor-widget-heading .elementor-heading-title.elementor-heading-title a{color:var( --e-global-color-primary );}.elementor-3444 .elementor-element.elementor-element-c6a5eef > .elementor-widget-container{margin:0px 15px 1px 15px;}.elementor-3444 .elementor-element.elementor-element-1bc97ac{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1.1px;}.elementor-3444 .elementor-element.elementor-element-1bc97ac .elementor-divider-separator{width:100%;}.elementor-3444 .elementor-element.elementor-element-1bc97ac .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3444 .elementor-element.elementor-element-55a4ba7{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1.1px;}.elementor-3444 .elementor-element.elementor-element-55a4ba7 .elementor-divider-separator{width:100%;}.elementor-3444 .elementor-element.elementor-element-55a4ba7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-3444 .elementor-element.elementor-element-8db0dc2{--display:flex;--background-transition:0.3s;}.elementor-3444 .elementor-element.elementor-element-65b265c{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:flex-start;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-3444 .elementor-element.elementor-element-65b265c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3444 .elementor-element.elementor-element-7e60182 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-3444 .elementor-element.elementor-element-7e60182{width:auto;max-width:auto;}.elementor-3444 .elementor-element.elementor-element-7e60182.elementor-element{--align-self:flex-start;}@media(min-width:768px){.elementor-3444 .elementor-element.elementor-element-d78b571{--content-width:100vw;}.elementor-3444 .elementor-element.elementor-element-66222e7{--content-width:100vw;}.elementor-3444 .elementor-element.elementor-element-19647a0{--content-width:100vw;}.elementor-3444 .elementor-element.elementor-element-920f3b4{--content-width:100vw;}.elementor-3444 .elementor-element.elementor-element-f448c98{--content-width:77vw;}.elementor-3444 .elementor-element.elementor-element-53f851b{--content-width:77vw;}.elementor-3444 .elementor-element.elementor-element-316db52{--content-width:77vw;}.elementor-3444 .elementor-element.elementor-element-8b2a91d{--width:70%;}.elementor-3444 .elementor-element.elementor-element-65b265c{--width:30%;}}/* Start custom CSS for html, class: .elementor-element-7069f90 */.container {
    max-width: 800px;
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);  /* 盒子阴影 */
    margin-top: 50px;
}

.input-group .form-control {
    margin-bottom: 0; /* 修正间距 */
}

.input-group-text {
    background-color: #f0f0f0; /* 一个淡灰色背景 */
    color: #4a4a4a; /* 字体颜色 */
    font-weight: bold; /* 字体加粗 */
    border: 1px solid #ced4da; /* 边框颜色稍深一些 */
    border-left: none; /* 移除左边框以融入输入框 */
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1); /* 添加轻微的阴影效果 */
    font-family: 'Arial', sans-serif; /* 设置字体，可改为更优雅的字体 */
    padding: 0.375rem 0.75rem; /* 内边距调整 */
    border-radius: 0 0.25rem 0.25rem 0; /* 右侧圆角 */
}

.input-group-text:hover, .form-control:hover {
    background-color: #2aaa82;
    color: white/* 悬停时变更背景色 */
}
.shape-img {
    width: 100px;
    cursor: pointer;
    margin: 10px 20px;
    transition: transform 0.3s ease;
        opacity: 0.5;  /* 默认透明度为0.5 */

}
.shape-img.active{
    opacity:1;
}
.shape-img:hover {
    transform: scale(1.1);  /* 鼠标悬停时放大 */
}

.form-hidden {
    display: none;
    margin-top: 20px;
}

input[type="number"] {
    width: calc(50% - 12px);  /* 减去边距保持对齐 */
    display: inline-block;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 18px!important;
}

.btn-primary {
    width: 200px;
    padding: 10px;
    background-color: #2aaa82!important;  /* 按钮蓝色 */
    color: white;
    margin: 10px ;
    border: none!important;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;  /* 鼠标悬停时变深蓝色 */
}

.result3 {
    margin-top: 20px;
    font-size: 16px;
    color: #28a745;  /* 结果显示为绿色 */
    border-top: 1px solid #eee;  /* 结果上方的分割线 */
    padding-top: 20px;
}
.result {
    font-size: 36px;
    color: #28a745; /* 更亮的绿色 */
    font-weight: bold; /* 加粗字体 */


    border-radius: 5px; /* 圆角边框 */
    margin-top: 20px; /* 与按钮对齐的上边距 */
    text-align: center; /* 文字居中 */
}
.select-control {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.select-control:focus {
    border-color: #80bdff;
    outline: none;
}/* End custom CSS */
/* Start custom CSS */.sk-overline{
    font-weight: 600;
    text-transform: uppercase;
}/* End custom CSS */