/* 与 qtool-page--ref 一致：外壳走全局 .qtool-wrap / .qtool-card，仅扁平化内边距 */
.qtool-page--unit .qunit-card{padding:0!important;overflow:hidden}
.qtool-page--unit .qtool-wrap,
.qtool-page--unit .qtool-card,
.qtool-page--unit .qunit-card{width:100%;max-width:none;box-sizing:border-box}

/* 覆盖旧版三列浮动 */
.qtool-page--unit .UnitCountWrap,
.qtool-page--unit .qtool-unit{float:none;width:100%}
.qtool-page--unit .UnitCountWrap li,
.qtool-page--unit .UnitCountCent>li{width:100%!important;float:none!important;list-style:none}
.qtool-page--unit .UnitCountCent,
.qtool-page--unit .qtool-unit__list{list-style:none;margin:0;padding:0;float:none;width:100%}

/* 单行：标签 | 输入 | 换算 */
.qtool-page--unit .UnitCountCent>li{
    display:grid!important;
    grid-template-columns:minmax(72px,120px) minmax(0,1fr) auto;
    grid-template-areas:"label input btn";
    gap:8px 10px;
    align-items:center;
    margin:0!important;
    padding:12px 16px;
    border-bottom:1px solid #eef0f3;
    box-sizing:border-box;
}
.qtool-page--unit .UnitCountCent>li label{
    grid-area:label;
    float:none!important;
    width:auto!important;
    padding:0!important;
    margin:0!important;
    display:flex;
    flex-direction:column;
    gap:2px;
    font-weight:600;
    color:#1f2937;
    min-width:0;
}
.qtool-page--unit .UnitCountCent>li label span:first-child{font-size:14px;line-height:1.3;word-break:break-word}
.qtool-page--unit .UnitCountCent>li label .unit{font-size:12px;color:#9ca3af;font-weight:400;line-height:1.2;word-break:break-word}
.qtool-page--unit .UnitCountCent>li .UccTxt{
    grid-area:input;
    float:none!important;
    width:100%!important;
    max-width:none!important;
    height:40px;
    margin:0!important;
    padding:0 12px;
    border:1px solid #d1d5db!important;
    border-radius:8px!important;
    background:#fff!important;
    font-size:14px;
    box-sizing:border-box;
    outline:none;
    min-width:0;
}
.qtool-page--unit .UnitCountCent>li .UccTxt:focus{border-color:#5aac2c!important;box-shadow:0 0 0 2px rgba(90,172,44,.12)}
.qtool-page--unit .UnitCountCent>li .UccBtn{
    grid-area:btn;
    float:none!important;
    flex-shrink:0;
    min-width:68px;
    height:40px;
    margin:0!important;
    padding:0 12px;
    border:none;
    border-radius:8px;
    background:linear-gradient(135deg,#5aac2c 0%,#478a21 100%);
    color:#fff;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    box-sizing:border-box;
    white-space:nowrap;
}
.qtool-page--unit .UnitCountCent>li .UccBtn:hover{opacity:.92}
.qtool-page--unit .col-xs-4,
.qtool-page--unit .col-xs-5{float:none!important;width:auto!important;padding:0!important}

/* 分组标题 */
.qtool-page--unit .UnitCountWrap>h3,
.qtool-page--unit .UnitCountWrap .h30,
.qtool-page--unit .UnitCountWrap .lh30{
    margin:0;
    padding:12px 16px;
    background:#f3f4f6;
    border-bottom:1px solid #e5e7eb;
    font-size:15px;
    font-weight:700;
    color:#111827;
    float:none!important;
    width:100%!important;
    box-sizing:border-box;
}
.qtool-page--unit .UnitCountWrap .bor-t1s03{border-top:none}

/* 底部操作 */
.qtool-page--unit .qtool-unit__actions{
    padding:16px;
    border-top:1px solid #eef0f3;
    margin:0;
    display:flex;
    justify-content:center;
}
.qtool-page--unit .qtool-unit__actions .qtool-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:140px;
    padding:12px 24px;
    border-radius:999px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
}
.qtool-page--unit .qtool-unit__actions .qtool-btn--ghost{
    background:#fff;
    color:#374151;
    border:2px solid #d1d5db;
    box-shadow:0 4px 14px rgba(15,23,42,.06);
}
.qtool-page--unit .qtool-unit__actions .qtool-btn--ghost:hover{border-color:rgba(90,172,44,.35)}

/* 平板/手机：单列全宽，与全局 qtool 移动端一致 */
@media screen and (max-width:768px){
    .qtool-page--unit .UnitCountCent{display:block!important}
    .qtool-page--unit .UnitCountCent>li{
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-areas:"label label" "input btn";
        gap:8px;
        padding:12px;
        border-right:none!important;
    }
    .qtool-page--unit .UnitCountWrap>h3,
    .qtool-page--unit .UnitCountWrap .h30,
    .qtool-page--unit .UnitCountWrap .lh30{padding:10px 12px;font-size:14px}
    .qtool-page--unit .qtool-unit__actions{padding:12px}
    .qtool-page--unit .qtool-unit__actions .qtool-btn{width:100%;max-width:320px}
}

@media screen and (max-width:480px){
    .qtool-page--unit .UnitCountCent>li .UccTxt{height:38px;font-size:13px}
    .qtool-page--unit .UnitCountCent>li .UccBtn{min-width:60px;height:38px;font-size:13px;padding:0 10px}
    .qtool-page--unit .UnitCountCent>li label span:first-child{font-size:13px}
}

/* 桌面宽屏：双列排布换算行 */
@media screen and (min-width:769px){
    .qtool-page--unit .UnitCountCent{display:grid;grid-template-columns:1fr 1fr}
    .qtool-page--unit .UnitCountCent>li:nth-child(odd){border-right:1px solid #eef0f3}
}