.ranking-container{margin:20px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ranking-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}.section-header{padding:20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(to right,#2196f3,#82c4f8);color:#fff}.section-header h2{margin:0;font-size:20px;font-weight:500}.section-header .section-desc{margin:5px 0 0 0;font-size:14px;opacity:.8}.ranking-list{padding:15px}.ranking-item{display:flex;align-items:flex-start;gap:15px;padding:12px;border-radius:6px;transition:background-color .3s ease}.ranking-item:hover{background-color:#f5f5f5}.ranking-item:not(:last-child){margin-bottom:10px}.rank-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;font-size:14px;font-weight:500;color:#666;flex-shrink:0}.rank-number.top-1{background:#ff6b6b;color:#fff}.rank-number.top-2{background:#ff922b;color:#fff}.rank-number.top-3{background:#ffd43b;color:#fff}.item-content{flex:1;min-width:0}.item-title{margin:0 0 8px 0;font-size:16px;line-height:1.4}.item-title a{color:#333;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-title a:hover{color:#2196f3}.item-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#666}.item-meta span{display:flex;align-items:center;gap:4px}@media screen and (max-width:768px){.ranking-container{grid-template-columns:1fr}.section-header{padding:15px}.section-header h2{font-size:18px}.ranking-list{padding:10px}.ranking-item{padding:10px}.item-title{font-size:15px}.item-meta{font-size:12px;gap:8px}}