/* ===========================================================================
 * SYHUO 皮肤：经典音乐门户（music-classic）· 正文换肤后置覆盖
 * ---------------------------------------------------------------------------
 * 由 footer.php 皮肤正文样式后置挂载点在 </body> 前加载，位置在所有 portal
 * 回落页自身 <head> 样式（shop.css / search.css …）之后，故同特异性即覆盖生效、
 * 无需 !important。作用：把非 fork 的 portal 页面「正文」写死的品牌橙换成本皮肤
 * 经典绿，使商城 / 检索等页不仅站头站尾（chrome 由 css/theme.css 令牌换）连正文
 * 也整体转绿，达到「每一页都是同一套皮肤」的整体性。
 * 仅命中 portal 侧类名（.jd- / .sr- / .pow- 前缀），不触及本皮肤自有 mc / suo / music 版式。
 * 配色 = cmsdj_002 绿系。
 * =========================================================================== */

/* ===== 商城 shop.css：改局部变量即批量翻转所有 var(--jd-*) 引用 ===== */
:root {
    --jd-red: #5BA91C;
    --jd-red-dark: #4a8a16;
    --jd-orange: #7DC03A;
    --jd-price-red: #5BA91C;
    /* 登录/注册弹窗品牌色（auth-modal.css 定义，本文件后置加载故可覆盖） */
    --syhuo-auth-brand: #5BA91C;
    --syhuo-auth-brand-dark: #4a8a16;
}

/* shop.css 里未走变量、直接写死橙/橙渐变的少量规则，逐条后置覆盖 */
.jd-search-form:focus-within { border-color: #5BA91C; box-shadow: 0 0 0 2px rgba(91, 169, 28, 0.1); }
.jd-kingkong .kk-ico { background: linear-gradient(135deg, #7DC03A, #5BA91C); box-shadow: 0 6px 14px rgba(91, 169, 28, .22); }
.jd-kingkong .kk-item:hover .kk-ico { box-shadow: 0 10px 20px rgba(91, 169, 28, .3); }
.jd-banner-slide { background: linear-gradient(135deg, #5BA91C 0%, #4a8a16 50%, #2c4a12 100%); }
.jd-flash-countdown .cd-num { background: linear-gradient(135deg, #5BA91C, #4a8a16); }
.jd-flash-item .flash-progress i { background: linear-gradient(90deg, #7DC03A, #5BA91C); }
.jd-shop-card:hover { border-color: #5BA91C; box-shadow: 0 6px 18px rgba(91, 169, 28, .1); }
.jd-shop-card .shop-logo { background: #eef7e6; }
.jd-prod-card .prod-img .spu-badge { background: #5BA91C; }
.product-info-detail .actions .favorite-btn i { color: #5BA91C; }
.consult-answer-tag { color: #5BA91C; }
.jd-channel-tab.active { background: linear-gradient(135deg, #5BA91C, #6ba83f); box-shadow: 0 4px 12px rgba(91, 169, 28, .28); }
.jd-city-chip:hover, .jd-city-chip[aria-expanded="true"] { box-shadow: 0 2px 8px rgba(91, 169, 28, .12); }

/* ===== 检索 search.css：正文写死橙，逐条覆盖 ===== */
.sr-form:focus-within { border-color: #5BA91C; }
.sr-form button { background: #5BA91C; }
.sr-form button:hover { background: #4a8a16; }
.sr-sum b { color: #5BA91C; }
.sr-chip b { color: #5BA91C; }
.sr-chip:hover { background: #eef7e6; color: #5BA91C; }
.sr-group-title .bi { color: #5BA91C; }
.sr-more { color: #5BA91C; }
.sr-more:hover { color: #4a8a16; }
.sr-card:hover { border-color: #bfe0a0; box-shadow: 0 4px 14px rgba(91, 169, 28, .10); }
.sr-card:hover .sr-card-title { color: #5BA91C; }
.sr-guide-item .bi { color: #5BA91C; }
.sr-guide-item:hover { background: #eef7e6; color: #5BA91C; }
.sr-empty-actions a:hover { border-color: #5BA91C; color: #5BA91C; }

/* ===== 下单挂件 order_widget.css（货运下单页正文橙）===== */
.pow-scroll-btn { background: #5BA91C; }
.pow-vprice { color: #5BA91C; }
.pow-vrule-tag { background: #eef7e6; color: #5BA91C; border-color: #cfe6b8; }
.pow-card input:focus, .pow-card select:focus { border-color: #5BA91C; }
.pow-pick:hover { background: #5BA91C; }
.pow-rule-badge { background: #eef7e6; color: #5BA91C; border-color: #cfe6b8; }
.pow-submit { background: #5BA91C; }
.pow-submit:hover { background: #4a8a16; }
.map-picker-back { color: #5BA91C; }
.map-picker-suggestion-item .poi-distance { color: #5BA91C; }
.map-picker-center-pin { color: #5BA91C; }
.map-picker-locate-btn .locate-icon { border-color: #5BA91C; }
.map-picker-locate-btn .locate-icon::after { background: #5BA91C; }
.map-picker-poi-item .distance { color: #5BA91C; }
.map-picker-confirm-btn { background: #5BA91C; }

/* ===== 房产 house（index/rank/detail 内联 <style> 写死橙）===== */
.house-publish-btn { background: #5BA91C; box-shadow: 0 4px 14px rgba(91, 169, 28, .4); }
.house-publish-btn:hover { background: #4a8a16; }
.section-head h5::before { background: #5BA91C; }
.section-head a { color: #5BA91C; }
.empty-box a { color: #5BA91C; }

/* ===== 内联 style="" 属性写死橙的少数点：只能 !important 命中 ===== */
#jdFeedCount { color: #5BA91C !important; }
#btnNearOff { color: #5BA91C !important; }

/* ===== 导航右端 CTA：实心大色块改描边胶囊，与文字导航同高不再突兀（主色取本皮肤绿令牌） ===== */
.syhuo-order-cta {
    background: linear-gradient(180deg, #ffffff 0%, var(--syhuo-accent-tint) 100%);
    color: var(--syhuo-accent-strong);
    border: 1px solid var(--syhuo-accent-soft);
    border-radius: 999px;
    padding: 2px 11px;
    font-size: 12px;
    gap: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 2px 6px var(--syhuo-accent-glow);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .55);
    transition: box-shadow .15s, transform .15s, background .15s, color .15s;
}
.syhuo-order-cta:hover {
    background: linear-gradient(180deg, var(--syhuo-accent-light) 0%, var(--syhuo-accent) 100%);
    color: var(--syhuo-on-accent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 4px 12px var(--syhuo-accent-glow);
    transform: translateY(-1px);
    text-shadow: none;
}
