* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", Arial, sans-serif; background: #f5f5f5; color: #333; line-height: 1.6; }
a { color: #333; text-decoration: none; }
a:hover { color: #c00; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

.header { background: linear-gradient(135deg, #b8860b, #daa520); padding: 15px 0; }
.header .logo { color: #fff; font-size: 26px; font-weight: bold; }
.header .logo span { font-size: 14px; margin-left: 10px; font-weight: normal; }

.nav { background: #333; }
.nav ul { list-style: none; display: flex; flex-wrap: wrap; }
.nav li a { color: #fff; padding: 12px 18px; display: block; font-size: 14px; }
.nav li a:hover { background: #555; color: #fff; }

.news-ticker { background: #fff; border-bottom: 2px solid #daa520; padding: 10px 15px; }
.news-ticker .label { background: #c00; color: #fff; padding: 3px 10px; font-size: 13px; font-weight: bold; margin-right: 15px; }
.news-ticker .content a { color: #333; font-size: 14px; }
.news-ticker .time { float: right; color: #999; font-size: 13px; }

.main { padding: 20px 0; }
.row { display: flex; gap: 20px; }
.col-left { flex: 2; }
.col-right { flex: 1; }

.section { background: #fff; margin-bottom: 20px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); overflow: hidden; }
.section-title { background: linear-gradient(135deg, #b8860b, #daa520); color: #fff; padding: 10px 15px; font-size: 15px; font-weight: bold; }
.section-title span { font-size: 12px; margin-left: 10px; font-weight: normal; opacity: 0.8; }

.price-table { width: 100%; border-collapse: collapse; }
.price-table th { background: #f8f8f8; padding: 10px 8px; text-align: center; font-weight: normal; color: #666; border-bottom: 2px solid #daa520; font-size: 13px; }
.price-table td { padding: 10px 8px; text-align: center; border-bottom: 1px solid #eee; font-size: 13px; }
.price-table tr:hover { background: #fffbe6; }
.price-table .name { color: #333; font-weight: bold; }
.price-table .price { color: #c00; font-size: 15px; font-weight: bold; }
.price-table .up { color: #c00; }
.price-table .down { color: #090; }
.price-table .time { color: #999; font-size: 12px; }

.news-list { padding: 10px 15px; }
.news-item { padding: 10px 0; border-bottom: 1px dashed #eee; }
.news-item:last-child { border-bottom: none; }
.news-item a { font-size: 14px; color: #333; display: block; }
.news-item a:hover { color: #c00; }
.news-item .meta { font-size: 12px; color: #999; margin-top: 3px; }

.sidebar-list { padding: 10px 15px; }
.sidebar-item { padding: 10px 0; border-bottom: 1px dashed #eee; font-size: 14px; }
.sidebar-item:last-child { border-bottom: none; }
.sidebar-item a { color: #333; display: block; }
.sidebar-item a:hover { color: #c00; }
.sidebar-item .name { color: #333; }
.sidebar-item .price { float: right; color: #c00; font-weight: bold; }

.pagination { padding: 15px; text-align: center; font-size: 13px; }
.pagination a { background: #daa520; color: #fff; padding: 5px 15px; margin: 0 5px; border-radius: 3px; }
.pagination a:hover { background: #b8860b; color: #fff; }
.pagination span { color: #666; margin: 0 10px; }

.article { padding: 20px; }
.article-title { font-size: 22px; margin-bottom: 15px; color: #333; }
.article-meta { font-size: 13px; color: #999; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.article-meta span { margin-right: 20px; }
.article-content { font-size: 15px; line-height: 1.8; color: #333; }
.article-content p { margin-bottom: 15px; }
.article-content img { max-width: 100%; }

.article-nav { padding: 15px 20px; font-size: 13px; color: #666; }
.article-nav p { margin: 8px 0; }

.footer { background: #333; color: #999; padding: 20px 0; margin-top: 20px; text-align: center; font-size: 13px; }
.footer p { margin: 5px 0; }

@media (max-width: 768px) {
    .row { flex-direction: column; }
    .col-left, .col-right { width: 100%; }
    
    /* 导航栏优化 - 每行3个 */
    .nav ul { 
        flex-wrap: wrap; 
        justify-content: flex-start;
        padding: 0;
    }
    .nav li { width: 33.33%; }
    .nav li a { 
        text-align: center; 
        padding: 10px 5px;
        font-size: 13px;
        border-bottom: 1px solid #444;
    }
    
    /* 首页区块间距 */
    .section { margin-bottom: 12px; }
    .section-title { font-size: 14px; padding: 10px 12px; }
    
    /* 表格优化 - 可横向滚动 */
    .price-table { 
        font-size: 12px; 
        display: block; 
        overflow-x: auto; 
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .price-table th, .price-table td { padding: 8px 6px; min-width: auto; }
    .price-table .price { font-size: 14px; }
    .price-table .name { min-width: 60px; }
    
    /* 页面标题 */
    .page-header { padding: 12px; border-radius: 0; }
    .page-header h1 { font-size: 16px; margin-bottom: 5px; }
    .page-header .update-time { font-size: 12px; }
    
    /* 价格区块 */
    .price-section, .chart-section, .related-news { padding: 12px; margin-bottom: 12px; border-radius: 0; }
    .price-section h2, .chart-section h2, .related-news h2 { font-size: 14px; margin-bottom: 10px; }
    .price-note { padding: 10px; font-size: 12px; margin-top: 12px; }
    
    /* 走势图网格 - 单列 */
    .charts-section { grid-template-columns: 1fr; gap: 12px; }
    .chart-block { padding: 12px; }
    .chart-block h2 { font-size: 14px; }
    
    /* 文章列表 */
    .news-item { padding: 10px 12px; }
    .news-item a { font-size: 14px; }
    .news-item .meta { font-size: 11px; }
    
    .article-item { padding: 12px; }
    .article-item-title { font-size: 14px; }
    .article-item-intro { font-size: 12px; -webkit-line-clamp: 2; }
    
    /* 快讯 */
    .news-ticker { padding: 8px 10px; display: flex; align-items: center; }
    .news-ticker .label { font-size: 11px; padding: 2px 6px; margin-right: 8px; flex-shrink: 0; }
    .news-ticker .content { flex: 1; overflow: hidden; }
    .news-ticker .content a { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
    .news-ticker .time { font-size: 11px; display: none; }
    
    /* 侧边栏 */
    .sidebar-item { padding: 8px 0; font-size: 13px; }
    
    /* 最新资讯 */
    .related-news .news-list li { padding: 10px 0; }
    .related-news .news-list a { font-size: 13px; }
    .related-news .news-date { font-size: 11px; }
    
    /* 分页 */
    .pagination { padding: 10px; font-size: 12px; }
    .pagination a { padding: 4px 10px; }
    
    /* 文章详情 */
    .article { padding: 15px 12px; }
    .article-title { font-size: 18px; }
    .article-content { font-size: 14px; }
    
    /* 头部 */
    .header { padding: 10px 0; }
    .header .logo { font-size: 20px; }
    .header .logo span { display: none; }
    
    /* 底部 */
    .footer { padding: 15px 10px; font-size: 12px; }
}

/* 页面专用样式 */
.main-content { max-width: 1200px; margin: 0 auto; padding: 20px 15px; }
.page-header { background: linear-gradient(135deg, #b8860b, #daa520); color: #fff; padding: 20px; border-radius: 5px; margin-bottom: 20px; }
.page-header h1 { font-size: 24px; margin-bottom: 8px; }
.page-header .update-time { font-size: 13px; opacity: 0.9; }

.price-section { background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.price-table-wrapper { overflow-x: auto; }
.price-note { margin-top: 20px; padding: 15px; background: #fffbe6; border-radius: 5px; font-size: 13px; }
.price-note p { margin-bottom: 10px; }
.price-note ul { margin-left: 20px; }
.price-note li { margin: 5px 0; }

.chart-section { background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.chart-section h2, .tips-section h2 { font-size: 16px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #daa520; }
.chart-wrapper { text-align: center; }
.price-chart { max-width: 100%; border: 1px solid #eee; border-radius: 5px; }
.chart-desc { text-align: center; color: #999; font-size: 12px; margin-top: 10px; }

.charts-section { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 20px; }
.chart-block { background: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.chart-block h2 { font-size: 16px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #daa520; }

.tips-section { background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.tips-section ol { margin-left: 20px; }
.tips-section li { margin: 10px 0; font-size: 14px; }

.current-price { background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.current-price h2 { font-size: 16px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #daa520; }
.price-cards { display: flex; gap: 20px; flex-wrap: wrap; }
.price-card { flex: 1; min-width: 200px; background: linear-gradient(135deg, #b8860b, #daa520); color: #fff; padding: 20px; border-radius: 5px; text-align: center; }
.price-card h3 { font-size: 14px; margin-bottom: 10px; opacity: 0.9; }
.price-card .big-price { font-size: 32px; font-weight: bold; }
.price-card .unit { font-size: 12px; margin-left: 5px; }
.price-card .change { display: block; margin-top: 10px; font-size: 14px; }

@media (max-width: 768px) {
    .charts-section { grid-template-columns: 1fr; }
    .price-cards { flex-direction: column; }
}

/* 文章详情页样式 */
.breadcrumb { padding: 15px 0; font-size: 14px; color: #666; border-bottom: 1px solid #eee; margin-bottom: 20px; }
.breadcrumb a { color: #666; }
.breadcrumb a:hover { color: #c00; }

.article-detail { background: #fff; padding: 20px; border-radius: 5px; margin-bottom: 20px; }
.article-title { font-size: 24px; color: #1a1a1a; line-height: 1.5; margin-bottom: 15px; font-weight: bold; }
.article-meta { font-size: 13px; color: #8c8d8d; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.article-meta span { margin-right: 20px; }

.article-summary { background: #f8f9fa; border-left: 4px solid #2e95ff; padding: 15px 20px; margin-bottom: 20px; border-radius: 3px; }
.article-summary p { margin: 0; color: #333; line-height: 1.8; }

.article-content { font-size: 16px; line-height: 2; color: #333; }
.article-content p { margin-bottom: 15px; text-align: justify; }
.article-content img { max-width: 100%; height: auto; display: block; margin: 20px auto; border-radius: 5px; }
.article-content h2, .article-content h3 { margin: 20px 0 10px; font-weight: bold; }
.article-content blockquote { background: #f8f9fa; border-left: 4px solid #daa520; padding: 10px 20px; margin: 15px 0; }

.article-tags { margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; font-size: 14px; }
.article-tags .tag { display: inline-block; background: #f0f0f0; padding: 3px 10px; margin: 5px 5px 5px 0; border-radius: 3px; color: #666; font-size: 12px; }
.article-tags .tag:hover { background: #daa520; color: #fff; }

.article-nav { margin-top: 30px; padding: 20px; background: #f8f9fa; border-radius: 5px; font-size: 14px; }
.article-nav p { margin: 8px 0; }
.article-nav a { color: #333; }
.article-nav a:hover { color: #c00; }

.related-list { padding: 15px; }
.related-item { padding: 10px 0; border-bottom: 1px dashed #eee; display: flex; justify-content: space-between; align-items: center; }
.related-item:last-child { border-bottom: none; }
.related-item a { color: #333; font-size: 14px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related-item a:hover { color: #c00; }
.related-item .time { color: #999; font-size: 12px; margin-left: 15px; flex-shrink: 0; }

/* 文章列表页样式 */
.article-list { padding: 15px; }
.article-item { padding: 20px 0; border-bottom: 1px solid #eee; }
.article-item:last-child { border-bottom: none; }
.article-item-title { font-size: 18px; margin-bottom: 10px; font-weight: bold; }
.article-item-title a { color: #1a1a1a; }
.article-item-title a:hover { color: #c00; }
.article-item-intro { color: #666; font-size: 14px; line-height: 1.8; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.article-item-meta { font-size: 13px; color: #999; }
.article-item-meta span { margin-right: 15px; }

/* 最新资讯模块 */
.related-news { background: #fff; border-radius: 5px; padding: 20px; margin-bottom: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.related-news h2 { font-size: 16px; color: #333; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 2px solid #daa520; }
.related-news .news-list { list-style: none; }
.related-news .news-list li { padding: 12px 0; border-bottom: 1px dashed #eee; display: flex; justify-content: space-between; align-items: center; }
.related-news .news-list li:last-child { border-bottom: none; }
.related-news .news-list a { color: #333; font-size: 14px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related-news .news-list a:hover { color: #c00; }
.related-news .news-date { color: #999; font-size: 12px; margin-left: 15px; flex-shrink: 0; }


/* 黄金计算器样式 */
.calculator { padding: 15px; }
.calc-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.calc-group { flex: 1; min-width: 120px; }
.calc-group label { display: block; font-size: 12px; color: #666; margin-bottom: 5px; }
.calc-group input { width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; }
.calc-group input:focus { border-color: #daa520; outline: none; }
.calc-btn { background: linear-gradient(135deg, #b8860b, #daa520); color: #fff; border: none; padding: 10px 25px; border-radius: 4px; font-size: 14px; cursor: pointer; white-space: nowrap; }
.calc-btn:hover { opacity: 0.9; }
.calc-result { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; }
.result-item { text-align: center; }
.result-item .label { display: block; font-size: 12px; color: #999; margin-bottom: 5px; }
.result-item .value { display: block; font-size: 18px; font-weight: bold; color: #333; }
.result-item .value.profit { color: #c00; }
.result-item .value.loss { color: #090; }

@media (max-width: 768px) {
    .calc-row { flex-direction: column; }
    .calc-group { width: 100%; }
    .calc-btn { width: 100%; }
    .calc-result { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .result-item .value { font-size: 15px; }
}


/* 回收计算器样式 */
.recycle-calc select { 
    width: 100%; 
    padding: 10px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
    font-size: 14px; 
    background: #fff;
    cursor: pointer;
}
.recycle-calc select:focus { 
    border-color: #daa520; 
    outline: none; 
}
.recycle-calc input[readonly] {
    background: #f5f5f5;
    color: #666;
}
.result-item .value.highlight { 
    color: #c00; 
    font-size: 20px; 
}