*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:Arial,sans-serif;background:#f5f7fa;color:#333;line-height:1.6;margin:0;padding:0;overflow-x:hidden;max-width:100%}
.container{width:100%;max-width:1000px;margin:5px auto 0;padding:0 15px;overflow:hidden}
.header{background:linear-gradient(135deg,#e53935,#e35d5b);color:white;padding:20px;border-radius:10px;margin:0;text-align:center;word-wrap:break-word}
.nav{text-align:center;margin:20px 0}
.nav a{display:inline-block;padding:10px 20px;background:#e53935;color:white;text-decoration:none;border-radius:5px;margin:0 5px 10px;transition:background 0.3s;max-width:100%}
.stats{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;padding:0}
.stat-item{flex:1;min-width:140px;background:white;border-radius:10px;padding:15px;text-align:center;word-wrap:break-word}
.stat-item h3{font-size:14px;color:#666;margin-bottom:8px;word-wrap:break-word}
.stat-item .value{font-size:1.5rem;font-weight:bold;word-wrap:break-word}
.price-card,.chart-container,.search-form,.history-card{background:white;border-radius:10px;padding:20px;margin:20px 0;overflow:hidden}
.price-table,.history-table{width:100%;border-collapse:collapse;table-layout:fixed}
.price-table th,.price-table td,.history-table th,.history-table td{padding:8px 4px;border-bottom:1px solid #eee;text-align:center;font-size:13px;word-wrap:break-word;overflow-wrap:break-word}
.price-table th,.history-table th{background:#f8f9fa}
.price-table tr.up td:not(:first-child){color:#e53935}
.price-table tr.down td:not(:first-child){color:#4caf50}
.footer{text-align:center;padding:20px;color:#777;margin-top:20px;overflow:hidden}
.form-group{margin-bottom:15px}
.form-group label{display:block;margin-bottom:5px;font-weight:bold}
.form-group select,.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;max-width:100%}
button{background:#e53935;color:white;border:none;padding:12px 24px;border-radius:5px;font-size:16px;cursor:pointer;transition:background 0.3s;max-width:100%}
button:hover{background:#c62828}
.search-form{padding:20px}
.chart-wrap{width:100%;height:350px;position:relative;border:1px solid #ddd;background:#fafafa;margin-top:10px;overflow:hidden}
.chart-axis-x{position:absolute;bottom:50px;left:80px;right:20px;height:2px;background:#333;z-index:10}
.chart-axis-y{position:absolute;top:20px;bottom:50px;left:80px;width:2px;background:#333;z-index:10}
.chart-x-labels{position:absolute;bottom:15px;left:80px;right:20px;height:35px;display:flex;justify-content:space-between;align-items:flex-start}
.chart-x-label{font-size:11px;color:#666;text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px}
.chart-y-labels{position:absolute;top:20px;bottom:50px;left:0;width:75px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:8px;z-index:11}
.chart-y-label{font-size:12px;color:#333;font-weight:bold;height:20px;display:flex;align-items:center}
.chart-area{position:absolute;top:20px;bottom:50px;left:80px;right:20px;z-index:5}
.chart-point{position:absolute;width:10px;height:10px;border-radius:50%;background:#e53935;border:2px solid white;transform:translate(-50%,-50%);z-index:8;box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.chart-line-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6;overflow:visible}
@media (max-width:768px){.stats{flex-direction:column}.stat-item{min-width:100%;margin-bottom:10px}.chart-wrap{height:280px}.price-table th,.price-table td{padding:6px 2px;font-size:11px}.chart-x-label{font-size:9px}.chart-y-label{font-size:10px}.chart-axis-x{bottom:40px;left:60px;right:10px}.chart-axis-y{left:60px;top:15px;bottom:40px}.chart-x-labels{left:60px;right:10px;bottom:10px;height:30px}.chart-y-labels{width:55px;left:5px;top:15px;bottom:40px;padding-right:5px}.chart-area{left:60px;right:10px;top:15px;bottom:40px}.article-title-main{font-size:1.4rem}.big-price{font-size:2.2rem}.article-container{padding:15px}.articles-container{padding:15px}.article-list-item{flex-direction:column;align-items:flex-start;gap:8px}.article-list-meta{width:100%;justify-content:space-between}.article-title{font-size:1.2rem}.container{padding:0 10px}.price-card{padding:15px}}
@media (max-width:480px){.header{padding:15px}.header h1{font-size:1.3rem}.chart-wrap{height:220px}.chart-x-label{font-size:8px}.chart-y-label{font-size:9px}.stat-item .value{font-size:1.3rem}.price-table th,.price-table td{padding:4px 2px;font-size:10px}}
.article-section{margin-top:30px}
.article-list{background:white;border-radius:10px;padding:20px;margin:20px 0;overflow:hidden}
.article-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee;transition:background 0.3s;flex-wrap:wrap}
.article-item:hover{background:#f9f9f9}
.article-item:last-child{border-bottom:none}
.article-title{flex:1;font-size:16px;color:#333;text-decoration:none;font-weight:500;word-wrap:break-word;min-width:0}
.article-title:hover{color:#e53935}
.article-meta-right{color:#999;font-size:14px;margin-left:15px;white-space:nowrap;flex-shrink:0}
.article-views{color:#e53935;font-size:13px;margin-left:10px}
.view-all{display:block;text-align:center;margin-top:15px;padding:10px;color:#e53935;text-decoration:none;font-weight:bold;border-top:1px solid #eee}
.view-all:hover{background:#f9f9f9}
.article-container{background:white;border-radius:10px;padding:30px;margin:20px 0;box-shadow:0 2px 8px rgba(0,0,0,0.05);overflow:hidden}
.article-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}
.article-title-main{font-size:1.8rem;color:#333;margin-bottom:15px;line-height:1.4;font-weight:bold;word-wrap:break-word}
.article-info{color:#999;font-size:14px;display:flex;justify-content:center;gap:20px;align-items:center;flex-wrap:wrap}
.article-views-main{color:#e53935;font-weight:bold}
.article-content{line-height:1.8;color:#444;font-size:16px;word-wrap:break-word;overflow-wrap:break-word}
.article-content h2{color:#e53935;font-size:1.4rem;margin:25px 0 15px;padding-bottom:10px;border-bottom:2px solid #f5f5f5;word-wrap:break-word}
.article-content h3{color:#333;font-size:1.2rem;margin:20px 0 10px;word-wrap:break-word}
.article-content p{margin:12px 0;text-align:justify;word-wrap:break-word;overflow-wrap:break-word}
.price-highlight{text-align:center;padding:30px;background:linear-gradient(135deg,#fff5f5,#fff);border-radius:10px;margin:20px 0;border:1px solid #ffe0e0;overflow:hidden}
.big-price{font-size:3rem;font-weight:bold;margin:10px 0;word-wrap:break-word}
.big-price span{font-size:1.2rem;color:#666;margin-left:5px}
.trend{font-size:1.2rem;margin-top:10px;font-weight:500}
.trend.up{color:#e53935}
.trend.down{color:#4caf50}
.price-detail-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;table-layout:fixed}
.price-detail-table th{background:#f8f9fa;padding:12px;border:1px solid #e0e0e0;font-weight:bold;color:#333;word-wrap:break-word}
.price-detail-table td{padding:12px;border:1px solid #e0e0e0;text-align:center;word-wrap:break-word}
.article-tips{background:#f8f9fa;padding:20px;border-radius:8px;margin:25px 0;border-left:4px solid #e53935;overflow:hidden}
.article-tips h3{color:#e53935;margin-bottom:15px}
.article-tips p{margin:8px 0;color:#555;font-size:14px;word-wrap:break-word}
.data-source{text-align:center;color:#999;font-size:13px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}
.article-meta{color:#666;font-size:14px;margin-bottom:20px;text-align:center;word-wrap:break-word}
.article-nav{display:flex;justify-content:space-between;margin:30px 0;padding:20px;background:#f8f9fa;border-radius:8px;flex-wrap:wrap;gap:10px}
.article-nav a{color:#e53935;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-nav a:hover{text-decoration:underline}
.article-nav .disabled{color:#999;cursor:not-allowed}
.sidebar{background:white;border-radius:10px;padding:20px;margin:20px 0;overflow:hidden}
.sidebar h3{color:#e53935;font-size:1.1rem;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}
.sidebar-list{list-style:none;padding:0;margin:0}
.sidebar-list li{padding:10px 0;border-bottom:1px solid #f0f0f0}
.sidebar-list li:last-child{border-bottom:none}
.sidebar-list a{color:#333;text-decoration:none;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-list a:hover{color:#e53935}
.sidebar-list .date{color:#999;font-size:12px;margin-left:5px}
.articles-container{background:white;border-radius:10px;padding:30px;margin:20px 0;overflow:hidden}
.page-title{text-align:center;color:#e53935;margin-bottom:30px;font-size:1.8rem;word-wrap:break-word}
.article-list-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #f0f0f0;transition:all 0.3s;flex-wrap:wrap}
.article-list-item:hover{background:#fafafa;padding-left:10px}
.article-list-title{flex:1;font-size:16px;color:#333;text-decoration:none;font-weight:500;word-wrap:break-word;min-width:0}
.article-list-title:hover{color:#e53935}
.article-list-meta{color:#999;font-size:14px;display:flex;gap:15px;align-items:center;flex-shrink:0;white-space:nowrap}
.article-views-tag{background:#e53935;color:white;padding:2px 8px;border-radius:12px;font-size:12px}
.pagination{display:flex;justify-content:center;gap:10px;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-block;padding:8px 16px;border:1px solid #ddd;border-radius:5px;color:#333;text-decoration:none;transition:all 0.3s}
.pagination a:hover{background:#e53935;color:white;border-color:#e53935}
.pagination .current{background:#e53935;color:white;border-color:#e53935}
.pagination .disabled{color:#999;cursor:not-allowed}
.empty-state{text-align:center;padding:60px 20px;color:#999}
.empty-state h3{color:#666;margin-bottom:10px}
.article-section h2{text-align:center;margin-bottom:20px;color:#e53935;font-size:1.5rem;word-wrap:break-word}
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.price-table{min-width:100%}
.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#e53935;color:white;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.2);font-size:20px;display:flex;align-items:center;justify-content:center}
.back-to-top:hover{background:#c62828;transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.3)}
.back-to-top.show{opacity:1;visibility:visible}
@media (max-width:768px){.back-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:18px}}