.oil-remove{padding:6px 12px;border-radius:6px;border:1px solid #e74c3c;background-color:#e74c3c;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.oil-remove:hover{background-color:#c0392b;transform:scale(1.05)}.oil-row{display:flex;gap:8px;align-items:center}.oil-row select{flex:2}.oil-row input{width:96px;flex:0 0 96px}.result-line{display:flex;justify-content:space-between;margin:8px 0;font-size:15px}.oil-breakdown{margin-top:8px;font-size:14px}.prop-bar{height:10px;background:#f0f0f0;border-radius:6px;overflow:hidden;margin-top:6px}.prop-bar>i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#111 0,#555 100%)}.props-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.prop-item{font-size:13px;color:#333}@media (max-width:520px){.oil-row{flex-direction:column;align-items:stretch}.oil-row input{width:100%}.props-grid{grid-template-columns:1fr}}