/* ===========================================================================
 * SYHUO 皮肤：经典音乐门户（music-classic）· 全站换肤主题
 * ---------------------------------------------------------------------------
 * 由 templates/shared/header.php 皮肤样式挂载点在全站每一页（首页 + 所有 portal
 * 回落页：商城 / 房产 / 跑腿 / 家政 / 检索 / 个人中心 / 音乐）加载，位置在
 * shared/header.css 之后。:root 自定义属性在此重定义即级联到全站共享 chrome
 * （A1 顶栏 / A2 主导航 / 全局搜索 / 城市面板 / 下单 CTA / 页脚），保证「切本皮肤
 * 即整站换肤、每一页都不同、且彼此整体一致」。
 * 配色 = cmsdj_002 经典绿系：#5BA91C / #7DC03A / #4a8a16。
 * portal 自身不消费这些令牌，门户默认零影响（零回归）。
 * =========================================================================== */
:root {
    /* 品牌主色：橙 → 经典绿 */
    --syhuo-accent: #5BA91C;
    --syhuo-accent-strong: #4a8a16;
    --syhuo-accent-light: #7DC03A;
    --syhuo-accent-soft: #9bbf82;
    --syhuo-accent-dim: #6ba83f;
    --syhuo-accent-tint: #eef7e6;
    --syhuo-accent-tint-active: #e6f3d8;
    --syhuo-accent-tint-hover: #e1f0cf;
    --syhuo-accent-glow: rgba(91, 169, 28, .10);
    --syhuo-on-accent: #fff;

    /* A1 复合顶栏：炭灰 → 深绿 */
    --syhuo-a1-bg: #3a6b1a;
    --syhuo-a1-text: #fff;
    --syhuo-a1-text-soft: #eaf5df;
    --syhuo-a1-muted: #cfe0bd;
    --syhuo-a1-faint: #a9c092;
    --syhuo-a1-border: #5c8539;
    --syhuo-a1-chip-text: #d7ecbf;
    --syhuo-a1-chip-border: #6f9a4a;
    --syhuo-a1-shadow: rgba(30, 55, 10, .22);

    /* A2 主导航：白底 + 绿色指示条（a2-border 引用 accent，自动转绿） */
    --syhuo-a2-bg: #fff;
    --syhuo-a2-text: #333;
    --syhuo-a2-muted: #555;

    /* 页脚：深炭 → 墨绿 */
    --syhuo-footer-bg: #24370f;
    --syhuo-footer-text: #b9cba0;
    --syhuo-footer-strong: #eaf5df;
    --syhuo-footer-muted: #93a878;
    --syhuo-footer-faint: #7c9566;
    --syhuo-footer-soft: #a7bd8f;
    --syhuo-footer-border: #3a5122;
    --syhuo-footer-dot: #5b7a3c;
}

/* chrome 装饰：顶栏加一条亮绿高光顶线 + 纵向渐变，页脚顶部色带转绿，
   强化整站品牌一致性（皮肤样式加载于 header.css 之后，同特异性即覆盖生效） */
.syhuo-navbar {
    background: linear-gradient(180deg, #47801f 0%, var(--syhuo-a1-bg) 100%);
    box-shadow: inset 0 2px 0 var(--syhuo-accent-light), 0 1px 4px var(--syhuo-a1-shadow);
}
.syhuo-footer {
    border-top-color: var(--syhuo-accent) !important;
}