.finance-settlement { box-sizing: border-box; margin: 16px 0; padding: 18px; border: 1px solid #b8ddce; border-radius: 12px; background: #f5fcf9; color: #174d3b; overflow-wrap: anywhere; }
.finance-settlement h3 { margin: 0 0 12px; font-size: 18px; }
.finance-settlement button { margin: 6px 8px 6px 0; padding: 10px 14px; background: #148c67; border: 0; border-radius: 6px; color: white; cursor: pointer; }
.finance-settlement button:disabled { opacity: .6; cursor: wait; }
.finance-settlement [role=alert] { color: #a52c27; }
.finance-confirm { padding: 12px; border: 1px solid #9ccdbc; border-radius: 8px; background: white; }
.feature-page { box-sizing: border-box; padding: 20px; width: 100%; overflow-wrap: anywhere; }
.feature-page h2{margin:0 0 16px}.feature-page h3{margin:14px 0 8px}.feature-page p{margin:8px 0;line-height:1.65}.feature-tabs{display:flex;flex-wrap:wrap;gap:4px}
.feature-card-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: 14px; margin: 16px 0; }
.feature-card { min-width: 0; padding: 14px; background: white; border: 1px solid #d7e5df; border-radius: 10px; }
.feature-card img { width: 100%; height: 190px; object-fit: contain; background: #f4f7f5; }
.feature-page button { padding: 10px 12px; margin: 4px; border: 1px solid #c3d8d0; border-radius: 6px; background: #fff; cursor: pointer; }
.feature-page button.active { background: #147e5d; color: white; }.feature-page button:disabled { opacity: .5; cursor: not-allowed; }
.finance-settlement input { display: inline-block; width: 90px; margin: 8px; padding: 9px; border: 1px solid #a4c7b6; }
@media (max-width: 900px) { .finance-settlement { padding: 12px; width: 100%; } .finance-settlement button { min-height: 44px; } }
.market-collect-button{border:1px solid #0b9b86;background:#fff;color:#087b6c;border-radius:8px;padding:6px 12px;cursor:pointer;white-space:nowrap}.market-collect-button:disabled{opacity:.5}