/* ========================
   悬赏模块样式 - 论坛内嵌版
   设计语言：左侧彩色边条 + 浅色底 + 深色文字
   与 .content-item / .post-content 风格统一
   ======================== */

/* ---- 创建/编辑弹窗（保持原有风格）---- */
.bounty-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity 0.3s,visibility 0.3s}.bounty-modal-overlay.show{opacity:1;visibility:visible}.bounty-modal{background:linear-gradient(135deg,#f5af19 0%,#f12711 100%);border-radius:16px;width:90%;max-width:450px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3);transform:scale(0.9) translateY(20px);transition:transform 0.3s}.bounty-modal-overlay.show .bounty-modal{transform:scale(1) translateY(0)}.bounty-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,0.2)}.bounty-modal-title{font-size:18px;font-weight:600;color:white}.bounty-modal-close{background:rgba(255,255,255,0.2);border:none;width:32px;height:32px;border-radius:50%;font-size:20px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.bounty-modal-close:hover{background:rgba(255,255,255,0.3)}.bounty-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.bounty-field{margin-bottom:20px}.bounty-field:last-child{margin-bottom:0}.bounty-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:white}.bounty-label .required{color:#ffeb3b;margin-left:4px}.bounty-input{width:100%;padding:12px 14px;border:1px solid rgba(255,255,255,0.3);border-radius:8px;font-size:14px;background:rgba(255,255,255,0.15);color:white;transition:border-color 0.2s,background 0.2s}.bounty-input::placeholder{color:rgba(255,255,255,0.6)}.bounty-input:focus{outline:none;border-color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.25)}.bounty-hint{font-size:12px;color:rgba(255,255,255,0.8);margin-top:6px}.bounty-quick-amounts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.bounty-quick-amounts .quick-amount{padding:6px 14px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);border-radius:20px;color:white;font-size:13px;cursor:pointer;transition:all 0.2s}.bounty-quick-amounts .quick-amount:hover{background:rgba(255,255,255,0.25)}.bounty-quick-amounts .quick-amount.selected{background:rgba(255,255,255,0.35);border-color:white;font-weight:600}.bounty-modal-footer{padding:16px 24px 24px}.bounty-submit{width:100%;padding:14px;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.4);border-radius:8px;color:white;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.2s}.bounty-submit:hover{background:rgba(255,255,255,0.35);transform:translateY(-1px)}

/* ---- 编辑页信息卡（保持紧凑）---- */
.bounty-info-card{margin:15px 0;padding:12px 16px;background:#fffbf0;border-left:3px solid #f5af19;border-radius:0 6px 6px 0;box-shadow:none}.bounty-info-card h4{margin:0 0 10px;font-size:14px;color:#856404;display:flex;align-items:center;gap:6px}.bounty-info-card .info-row{display:flex;gap:8px;font-size:13px;margin-bottom:4px}.bounty-info-card .info-row .label{color:#888;min-width:70px}.bounty-info-card .info-row .value{color:#333;font-weight:500}

/* ===== 帖内悬赏展示卡片（重新设计）===== */
.bounty-info-display{
    margin: 16px 0;
    padding: 16px 20px;
    background: #fffbf5;
    border: 1px solid #f0e6d4;
    border-left: 4px solid #e67e22;
    border-radius: 0 8px 8px 0;
    color: #333;
    box-shadow: none;
    position: relative;
    overflow: hidden;
}

/* 去掉旧的渐变光效 */
.bounty-info-display::before{display:none}

/* 标题栏 */
.bounty-info-display .bounty-header-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.bounty-info-display h3{
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 600;
    color: #a0522d;
}
.bounty-info-display h3 .icon{
    font-size: 17px !important;
    margin-right: 6px !important;
}

/* 状态标签 */
.bounty-info-display .bounty-status{
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.bounty-info-display .bounty-status.open{
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
}
.bounty-info-display .bounty-status.accepted{
    background: #d4edda;
    color: #155724;
    border: 1px solid #28a745;
}
.bounty-info-display .bounty-status.expired{
    background: #e9ecef;
    color: #6c757d;
    border: 1px solid #adb5bd;
}
.bounty-info-display .bounty-status.cancelled{
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #dc3545;
}

/* 金额 - 从36px大字改为行内强调 */
.bounty-info-display .bounty-amount{
    font-size: 22px !important;
    font-weight: 700;
    text-align: left !important;
    margin: 8px 0 12px !important;
    color: #d35400;
    animation: none !important;
}
.bounty-info-display .bounty-amount small{
    font-size: 13px;
    color: #888;
    font-weight: 400;
}

/* 元信息网格 */
.bounty-info-display .bounty-meta{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 8px 16px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed #eeddcc;
}
.bounty-info-display .bounty-meta-item{
    text-align: left;
}
.bounty-info-display .bounty-meta-item .label{
    font-size: 11px;
    color: #999;
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.bounty-info-display .bounty-meta-item .value{
    font-size: 13px;
    font-weight: 600;
    color: #444;
}

/* 操作按钮 */
.bounty-info-display .bounty-actions{
    display: flex;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eeddcc;
}
.bounty-info-display .bounty-btn{
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.15s;
}
.bounty-info-display .bounty-btn-increase{
    background: #fff;
    color: #e67e22;
    border: 1px solid #e67e22;
}
.bounty-info-display .bounty-btn-increase:hover{
    background: #e67e22;
    color: #fff;
}
.bounty-info-display .bounty-btn-cancel{
    background: #fff;
    color: #dc3545;
    border: 1px solid #dc3545;
}
.bounty-info-display .bounty-btn-cancel:hover{
    background: #dc3545;
    color: #fff;
}

/* 已采纳答案区域 */
.bounty-accepted-answer{
    margin-top: 12px;
    padding: 12px 14px;
    background: #f0f9eb;
    border: 1px solid #c3e6cb;
    border-radius: 6px;
}
.bounty-accepted-answer .title{
    font-size: 13px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #155724;
    font-weight: 600;
}
.bounty-accepted-answer .user-info{
    display: flex;
    align-items: center;
    gap: 8px;
}
.bounty-accepted-answer .user-avatar{
    width: 28px;
    height: 28px;
    border-radius: 50%;
}
.bounty-accepted-answer .user-name{
    font-weight: 600;
    font-size: 13px;
    color: #333;
}
.bounty-accepted-answer a{
    color: #0d6efd !important;
}

/* 底部提示文字 */
.bounty-info-display .bounty-hint{
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #eeddcc;
    font-size: 12px;
    color: #888;
}
.bounty-info-display .bounty-hint strong{
    color: #d35400;
}

/* 追加悬赏弹窗（内联） */
#increase-bounty-modal{
    background: var(--bg-main-color, #fff);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}

/* 评论菜单中的采纳按钮 */
.accept-bounty-btn{cursor:pointer;transition:all 0.2s}.accept-bounty-btn:hover{color:#e67e22 !important;transform:scale(1.05)}.accept-bounty-btn .iconpark-icon{margin-right:5px}.bounty-accepted-badge{cursor:default}.bounty-accepted-badge .iconpark-icon{margin-right:5px}.content-item.bounty-accepted{border-left:3px solid #e67e22;background:linear-gradient(90deg,rgba(230,126,34,0.06) 0%,transparent 100%)}

/* ---- Dark Mode ---- */
.dark-layout .bounty-modal{background:linear-gradient(135deg,#b8860b 0%,#8b0000 100%)}
.dark-layout .bounty-input{background:rgba(0,0,0,0.3);border-color:rgba(255,255,255,0.2)}
.dark-layout .bounty-input:focus{background:rgba(0,0,0,0.4)}
.dark-layout .bounty-info-card{background:#2a2400;border-left-color:#b8860b}
.dark-layout .bounty-info-card h4{color:#e6c87a}
.dark-layout .bounty-info-card .info-row .label{color:#888}
.dark-layout .bounty-info-card .info-row .value{color:#ddd}
.dark-layout .bounty-info-display{
    background: #2a2200;
    border-color: #3d3200;
    border-left-color: #e67e22;
    color: var(--text-color, #e5e5e5);
}
.dark-layout .bounty-info-display h3{color:#f0a050}
.dark-layout .bounty-info-display .bounty-amount{color:#f0a050}
.dark-layout .bounty-info-display .bounty-amount small{color:#888}
.dark-layout .bounty-info-display .bounty-meta-item .label{color:#777}
.dark-layout .bounty-info-display .bounty-meta-item .value{color:#ccc}
.dark-layout .bounty-info-display .bounty-actions{border-top-color:#3d3200}
.dark-layout .bounty-info-display .bounty-btn-increase{background:transparent;color:#e67e22;border-color:#e67e22}
.dark-layout .bounty-info-display .bounty-btn-increase:hover{background:#e67e22;color:#fff}
.dark-layout .bounty-info-display .bounty-btn-cancel{background:transparent;color:#e57373;border-color:#e57373}
.dark-layout .bounty-info-display .bounty-btn-cancel:hover{background:#e57373;color:#fff}
.dark-layout .bounty-info-display .bounty-meta{border-bottom-color:#3d3200}
.dark-layout .bounty-accepted-answer{background:#1a2e0a;border-color:#2e5c1c}
.dark-layout .bounty-accepted-answer .title{color:#81c784}
.dark-layout .bounty-accepted-answer .user-name{color:#eee}
.dark-layout .bounty-info-display .bounty-hint{border-top-color:#3d3200;color:#999}
.dark-layout .content-item.bounty-accepted{border-left-color:#e67e22;background:linear-gradient(90deg,rgba(230,126,34,0.1) 0%,transparent 100%)}

/* ---- 响应式 ---- */
@media (max-width:768px){
    .bounty-modal{width:95%;max-width:none;margin:10px}
    .bounty-modal-header{padding:16px 20px}
    .bounty-modal-body{padding:20px}
    .bounty-info-display{margin:10px 0;padding:14px 16px}
    .bounty-info-display .bounty-amount{font-size:20px !important}
    .bounty-info-display .bounty-meta{grid-template-columns:repeat(2,1fr)}
    .bounty-info-display .bounty-actions{flex-direction:column}
    .bounty-info-display .bounty-btn{width:100%;justify-content:center}
    .bounty-info-card .info-content{flex-direction:column;align-items:flex-start}
    .bounty-info-card .info-actions{width:100%;justify-content:flex-end}
}