:root{--color-text:#333;--color-muted:#666;--color-faint:#999;--color-heading:#2c3e50;--color-link:#3498db;--color-tag-bg:#e0f7fa;--color-tag-text:#00838f;--color-border:#ddd;--color-card-bg:white;--color-page-bg:#f5f5f5;--color-code-bg:#f5f5f5;--radius:8px;--radius-sm:4px;--radius-tag:12px;--shadow:0 2px 5px #0000001a;--content-pad:20px;--font-body:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono:"Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-page-bg);line-height:1.6}.container{padding:var(--content-pad);margin:0 auto}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--content-pad);gap:4px;display:flex}.tab{appearance:none;font-family:var(--font-body);color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 18px;font-size:16px;transition:color .15s,border-color .15s}.tab:hover{color:var(--color-heading)}.tab--active{color:var(--color-heading);border-bottom-color:var(--color-link);font-weight:600}.tab-panel{display:none}.tab-panel--active{display:block}.search-box{margin-bottom:var(--content-pad);justify-content:center;display:flex}#search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:300px;padding:10px 15px;font-size:16px}.articles{gap:var(--content-pad);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.article-card{background:var(--color-card-bg);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s;overflow:hidden}.article-card:hover{transform:translateY(-5px)}.article-image{cursor:pointer;background-color:#eee;background-position:50%;background-repeat:no-repeat;background-size:contain;height:180px}.article-image-link{display:block}.article-image-link:hover .article-image{opacity:.9}.article-content{padding:var(--content-pad)}.article-title{color:var(--color-heading);margin-bottom:10px;font-size:18px}.article-excerpt{color:var(--color-muted);margin-bottom:15px;font-size:14px}.article-meta{color:var(--color-faint);justify-content:space-between;margin-bottom:15px;font-size:12px;display:flex}.article-tags{gap:5px;display:flex}.tag{background-color:var(--color-tag-bg);color:var(--color-tag-text);border-radius:var(--radius-tag);padding:3px 8px;font-size:12px}.read-more{color:var(--color-link);margin-top:10px;font-weight:700;text-decoration:none;display:inline-block}.read-more:hover{text-decoration:underline}footer{text-align:center;padding-top:var(--content-pad);border-top:1px solid var(--color-border);color:#777;margin-top:40px}.article-detail{background:var(--color-card-bg);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:30px;padding:30px}.article-detail h2{margin-bottom:var(--content-pad);color:var(--color-heading)}.article-detail .article-meta{margin-bottom:var(--content-pad)}.article-detail .article-content{line-height:1.8}.article-detail .article-content pre{white-space:pre-wrap;word-wrap:break-word;background-color:var(--color-code-bg);border-radius:var(--radius-sm);max-width:100%;font-family:var(--font-mono);margin:15px 0;padding:15px;font-size:14px;overflow-x:auto}.article-detail .article-content code{font-family:var(--font-mono);background-color:var(--color-code-bg);border-radius:3px;padding:2px 4px;font-size:14px}.article-detail img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:20px 0}.back-link{color:var(--color-link);margin-bottom:var(--content-pad);text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}@media (width<=768px){.search-box{flex-direction:column;align-items:center}#search-input{width:100%;margin-bottom:10px}.articles{grid-template-columns:1fr}}.article-content table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px}.article-content tbody td{white-space:nowrap}.article-content td:first-child,.article-content td:nth-child(2){white-space:normal}.article-content th,.article-content td{border:1px solid var(--color-border);padding:6px 10px}.article-content th{color:var(--color-heading);background:#eef2f5;font-weight:600}.article-content tbody tr:nth-child(2n){background:#fafafa}.article-content td.cell-best{color:#1b7f3b;font-weight:600;background:#e6f7ec!important}.article-content td.cell-worst{color:#b35000;background:#fdf0e6!important}.chart-block{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin:24px 0 12px;padding:16px;position:relative}.chart-block h4{color:var(--color-heading);margin-bottom:10px;font-size:15px}.chart-block canvas{width:100%!important}