/* 首页「头部名酒·每日行情」价格条（短代码 [jpm_home_t9]）
 * 扁平白净风，融入首页白底；细线分隔，悬停淡金底。 */

.jpm-home-t9 {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 18px 20px;
    box-sizing: border-box;
    font-family: inherit;
    color: #1a1a1a;
    max-width: 100%;
}
.jpm-home-t9 * { box-sizing: border-box; }

.jpm-ht-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.jpm-ht-bar {
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #b8860b;
    border-radius: 2px;
    flex: 0 0 auto;
}
.jpm-ht-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #1a1a1a;
    line-height: 1;
}
.jpm-ht-meta {
    margin-left: auto;
    font-size: 12px;
    color: #9a9a9a;
    font-weight: 400;
}

.jpm-ht-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.jpm-ht-item {
    display: block;
    padding: 12px 14px;
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    text-decoration: none;
    color: inherit;
    transition: background .15s ease;
}
.jpm-ht-item:nth-child(4n+1) { border-left: none; }
.jpm-ht-item:nth-child(-n+4) { border-top: none; }
.jpm-ht-item:hover { background: #faf7f0; }

.jpm-ht-name {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 1.3;
}
.jpm-ht-spec {
    font-size: 11px;
    color: #aaa;
    margin: 3px 0 7px;
}
.jpm-ht-price {
    font-size: 19px;
    font-weight: 700;
    color: #111;
    line-height: 1;
    letter-spacing: -.3px;
}
.jpm-ht-price .cur {
    font-size: 13px;
    font-weight: 600;
    margin-right: 1px;
}
.jpm-ht-chg {
    font-size: 12px;
    margin-top: 4px;
    font-weight: 600;
}
.jpm-ht-chg.up   { color: #e4393c; }
.jpm-ht-chg.down { color: #1a9c54; }
.jpm-ht-chg.flat { color: #9a9a9a; }

@media (max-width: 768px) {
    .jpm-ht-grid { grid-template-columns: repeat(2, 1fr); }
    .jpm-ht-item { border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; }
    .jpm-ht-item:nth-child(4n+1) { border-left: 1px solid #f2f2f2; }
    .jpm-ht-item:nth-child(2n+1) { border-left: none; }
    .jpm-ht-item:nth-child(-n+4) { border-top: 1px solid #f2f2f2; }
    .jpm-ht-item:nth-child(-n+2) { border-top: none; }
    .jpm-ht-meta { width: 100%; margin-left: 0; }
}