/* 第 14 輪 H 線：離線收益小視窗（貼上方中間，不遮畫面；手機 375 寬可用） */
.ofl-wrap { position: fixed; left: 0; right: 0; top: 10px; display: flex; justify-content: center; pointer-events: none; z-index: 60; }
.ofl-card { pointer-events: auto; width: min(320px, calc(100vw - 32px)); box-sizing: border-box; padding: 12px 14px; border-radius: 14px; background: #fffdf6; color: #2a2030; box-shadow: 0 8px 24px rgba(0,0,0,.25); font-size: 14px; }
.ofl-h { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
.ofl-h b { font-size: 16px; }
.ofl-x { border: 0; background: transparent; font-size: 16px; cursor: pointer; color: #2a2030; padding: 4px 6px; }
.ofl-away { font-weight: 600; }
.ofl-cap { color: #b5560d; font-size: 12px; margin-top: 2px; }
.ofl-r { display: flex; gap: 10px; margin: 8px 0; }
.ofl-r span { flex: 1; text-align: center; padding: 6px 4px; border-radius: 10px; font-weight: 700; }
.ofl-e { background: #e6f4ff; color: #1561a8; }
.ofl-c { background: #fff3cc; color: #8a5a00; }
.ofl-n { margin: 6px 0 10px; font-size: 12px; line-height: 1.5; color: #5b5063; }
.ofl-go { width: 100%; min-height: 40px; border: 0; border-radius: 10px; background: #2f8f5b; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }
.ofl-go:active { transform: translateY(1px); }