body {
    background-color: #000;
    color: #fff;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
}

/* 添加顶部信息样式 */
.top-info {
    text-align: center;
    padding: 8px 0;
    font-size: 0.9em;
    color: #ccc;
    background-color: #111;
    border-bottom: 1px solid #333;
}

/* 修改 header 样式，设置为左右布局 */
header {
    display: flex;
    justify-content: flex-start; /* logo在左侧 */
    align-items: center;
    padding: 10px 0;
    margin-bottom: 10px;
}

/* 保持 logo 样式不变 */
.logo {
    color: #ffcc00; /* 金黄色 */
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    line-height: 1.05;
}

.logo-cn {
    font-family: "综艺体", "ZongYi", "FZYaoti", "方正姚体", "STKaiti", "KaiTi", "Microsoft YaHei", Arial, sans-serif;
    font-size: 1.4em;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.logo-en {
    font-size: 0.55em;
    font-weight: 600;
    letter-spacing: 0.12em;
    margin-top: 0;
}

.contact {
    font-size: 0.9em;
    color: #ccc;
}

.tel-btn {
    display: inline-block;
    background-color: #a00;
    color: white;
    text-decoration: none;
    padding: 3px 8px;
    border-radius: 3px;
    margin-left: 10px;
}

.section-title {
    font-size: 1.1em;
    color: #ffcc00;
    margin-left: 15px;
    display: flex;
    align-items: center;
}

.table-title {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px;
    background-color: #333;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 5px;
    font-size: 1.1em;
}

.data-table th, .data-table td {
    border: 1px solid #333;
    padding: 8px;
    text-align: center;
}

.data-table th {
    background-color: #222;
    color: #ffcc00;
}

/* 核心：价格涨跌颜色和动态效果 */
.price-up {
    color: #ff3333!important; /* 更醒目的红色：上涨 */
    font-weight: bold;
    background-color: rgba(255, 0, 0, 0.05);
}

.price-down {
    color: #00cc33!important; /* 更醒目的绿色：下跌 */
    font-weight: bold;
    background-color: rgba(0, 255, 0, 0.05);
}

/* 价格变动闪烁效果 - 优化为更简洁明显 */
.price-flash {
    animation: flash 0.3s ease-in-out 2;
}

@keyframes flash {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.9;
        transform: scale(1.05);
    }
}

/* 回收价和销售价样式 */
.price-cell {
    color: #eee;
    transition: all 0.2s ease;
    position: relative;
    font-weight: normal;
}

/* 高/低价显示样式 */
.price-cell[id*="-hilo"] {
    font-size: 0.9em;
    color: #aaa;
}

/* 高/低单元格特殊样式 - 上下布局+颜色 */
.hilo-cell {
    font-size: 0.85em;
    line-height: 1.4;
    white-space: pre-line;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    min-height: 38px; /* 确保最小高度与其他td一致 */
    box-sizing: border-box;
    gap: 2px;
}

.hilo-cell .high {
    color: #ff3333;
    font-weight: bold;
    display: block;
}

.hilo-cell .low {
    color: #00cc33;
    font-weight: bold;
    display: block;
}

/* 商品名称加粗 */
.product-name {
    font-weight: bold;
    color: #ffcc00;
}

/* 表格行悬停效果 */
.data-table tbody tr:hover {
    background-color: #1a1a1a;
}

/* 确保价格变化时有明显的视觉反馈 */
.price-cell.price-up,
.price-cell.price-down {
    transition: color 0.2s ease, font-weight 0.2s ease, background-color 0.2s ease;
}

.disclaimer {
    text-align: center;
    font-size: 0.8em;
    color: #888;
    margin: 20px 0 10px;
}

/* 联系我们部分样式 */
.contact-us {
    background-color: #222;
    padding: 15px 0;
    margin-top: 20px;
    border-top: 1px solid #333;
}

.contact-us-title {
    color: #ffcc00;
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.contact-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #ddd;
    font-size: 0.9em;
}

.contact-info .tel {
    color: #ffcc00;
    text-decoration: none;
    font-weight: bold;
}

.contact-info .address {
    text-align: center;
    line-height: 1.4;
}

footer {
    text-align: center;
    font-size: 0.7em;
    color: #555;
    padding: 15px 0 20px;
}