/* ================================================================
 * calculator.css — 科学计算器工具专用样式
 * 抽离自 subnetmask.css L485-L507（历史聚合 CSS），独立维护
 * 应用容器：<form class="tool-form CalculatorWrap">
 * 日期：2026-05-11
 * ================================================================ */

/* 计算器外层包裹 */
.CalculatorWrap { margin: 0 auto; }
.CalculatorWrap input {
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    line-height: 24px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
}
.CalculatorWrap input:hover { filter: alpha(opacity=80); opacity: 0.8; }

/* 显示区 */
.CalculatorWrap .ShowAreaWrap { width: 100%; }
.CalculatorWrap .ShowArea {
    font-size: 18px;
    border: 1px solid #c6cede;
    height: 42px;
    padding: 5px 10px;
    width: 100%;
    color: #56688a !important;
    background-color: #fff;
}

/* 计算面板主体 */
.CalculatorWrap .CalculTable {
    border: 1px solid #c6cede;
    padding: 20px;
    background-color: #fafbfd;
    max-width: 880px;
    height: auto;
    margin: 10px auto;
    box-sizing: border-box;
}

/* 顶部选项栏（进制 / 角度 / 模式） */
.CalculatorWrap .CalculTable .heachackWrap {
    padding-left: 10px;
    font-size: 14px;
    overflow: hidden;
    min-height: 32px;
    margin: 0;
    list-style: none;
}
.CalculatorWrap .CalculTable .heachackWrap li {
    display: inline-block;
    float: left;
    line-height: 24px;
    height: 24px;
    color: #56688a;
}
.CalculatorWrap .CalculTable .heachackWrap li input {
    border-radius: 3px;
    color: #fff;
    line-height: 24px;
    height: auto;
    margin-right: 5px;
    vertical-align: middle;
}
.heachackWrap li input.Hcolor01 { width: 54px; cursor: pointer; }
.heachackWrap li input.HTxt01 {
    background-color: #f1f9ff;
    border-color: #c6cede;
    width: 54px;
    padding-left: 3px;
    line-height: 24px;
    height: 24px;
    color: #56688a !important;
}

/* 中部按钮区 */
.CalculatorWrap .CentChackBox { overflow: hidden; }
.CalculatorWrap .CentChackBox input {
    height: 40px;
    cursor: pointer;
    margin-bottom: 10px;
}
.CalculatorWrap .CentChackLeft { width: 228px; list-style: none; padding: 0; }
.CalculatorWrap .CentChackLeft li { overflow: hidden; }
.CalculatorWrap .CentChackLeft li input { width: 66px; margin-right: 10px; float: left; }
.CalculatorWrap .CentChackSide { width: 85px; margin-left: 5px; }
.CalculatorWrap .CentChackSide input { width: 76px; display: block; }
.CalculatorWrap .CentChackRight { float: right; width: 516px; list-style: none; padding: 0; }
.CalculatorWrap .CentChackRight li { overflow: hidden; }
.CalculatorWrap .CentChackRight li input { width: 76px; margin-left: 10px; float: left; }
.CalculatorWrap .CentChackLeft,
.CalculatorWrap .CentChackSide,
.CalculatorWrap .CentChackRight { min-height: 230px; }

/* 按钮配色：蓝色（功能/数字主色）vs 灰蓝色（次要） */
.CalculatorWrap .CentChackLeft li input.Lcolor01,
.CalculatorWrap .CentChackRight li input.Rcolor01 {
    background-color: #55a7e3;
    border-color: #0474c8;
}
.CalculatorWrap .CentChackLeft li input.Lcolor02,
.CalculatorWrap .CentChackSide input,
.CalculatorWrap .CentChackRight li input.Rcolor02,
.CalculatorWrap .heachackWrap li input.Hcolor01 {
    background-color: #929db3;
    border-color: #56688a;
}

/* 禁用按钮表现 */
.CalculatorWrap input:disabled {
    background-color: #c6cede !important;
    border-color: #c6cede !important;
    cursor: not-allowed;
    opacity: 0.6;
}

/* 缺失工具类（modern.css 未含） */
.pr15 { padding-right: 15px; }

/* 移动端兼容：水平滚动避免按钮溢出 */
@media (max-width: 960px) {
    .CalculatorWrap .CalculTable {
        overflow-x: auto;
        padding: 10px;
    }
    .CalculatorWrap .CentChackBox {
        min-width: 880px;
    }
}