:root {
    --main-color: #2563eb;
    --gray-color: #666;
    --light-bg: #f5f7fa;
    --border-color: #e5e7eb;
    --success-color: #10b981;
}

.tool-container{padding:24px;max-width:920px;margin:0 auto;}
.wrap-box{background:#fff;border-radius:16px;overflow:hidden;}
.top-title{text-align:center;padding:22px;font-size:20px;font-weight:600;color:#222;border-bottom:1px solid var(--border-color);}
.tab-switch{display:flex;border-bottom:1px solid var(--border-color);}
.tab-switch .tab-item{flex:1;text-align:center;padding:15px 0;font-size:15px;color:var(--gray-color);cursor:pointer;transition:all 0.25s;}
.tab-switch .tab-item.active{color:var(--main-color);border-bottom:3px solid var(--main-color);font-weight:500;}
.content-wrap{padding:25px;}
.form-item{display:flex;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap;}
.form-item label{width:145px;font-size:14px;color:#444;}
.form-item .inp-box{display:flex;align-items:center;flex:1;min-width:280px;gap:8px;}
.form-item input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;transition:border 0.2s;}
.form-item input:focus{border-color:var(--main-color);}
.quick-price{display:flex;gap:6px;flex-wrap:wrap;}
.quick-price span{font-size:12px;padding:4px 8px;background:#eef2ff;color:var(--main-color);border-radius:4px;cursor:pointer;white-space:nowrap;}
.quick-price span:hover{background:#ddd6fe;}
.btn-area{text-align:center;margin:30px 0 10px;}
.btn{padding:11px 30px;border:none;border-radius:8px;font-size:14px;cursor:pointer;margin:0 8px;transition:0.2s;}
.btn-calc{background:var(--main-color);color:#fff;}
.btn-calc:hover{background:#1d4ed8;}
.btn-reset{background:#9ca3af;color:#fff;}
.btn-reset:hover{background:#6b7280;}
.result-block{margin-top:25px;padding:22px;background:#f0fdf4;border-radius:12px;display:none;}
.result-block p{font-size:14px;color:#333;margin:9px 0;}
.result-total{font-size:16px;font-weight:600;color:#16a34a;padding-top:12px;margin-top:12px;border-top:1px dashed #d1d5db;}
.copy-btn{margin-top:15px;padding:8px 18px;background:var(--success-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;}
.hide-box{display:none;}
.tips-text{font-size:13px;color:#888;margin:6px 0 15px;}