*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{background:#fff;border-bottom:1px solid #e8e8e8;padding:14px 0}.site-header__inner{align-items:center;max-width:1080px;margin:0 auto;padding:0 20px;display:flex}.site-logo{color:#111;letter-spacing:-.5px;font-size:20px;font-weight:900}.site-main{max-width:1080px;margin:0 auto;padding:24px 20px}.new-badge{color:#fff;letter-spacing:.5px;background:#ff6b35;border-radius:2px;margin-bottom:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.article-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px;display:grid}@media (max-width:860px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.article-grid{grid-template-columns:1fr}}.article-card{background:#fff;border:1px solid #eee;border-radius:6px;transition:box-shadow .15s;display:block;overflow:hidden}.article-card:hover{box-shadow:0 3px 14px #0000001a}.article-card__thumb{aspect-ratio:16/9;object-fit:cover;width:100%}.article-card__thumb-placeholder{aspect-ratio:16/9;color:#ccc;background:#f5f5f5;justify-content:center;align-items:center;width:100%;font-size:36px;display:flex}.article-card__body{padding:12px 13px 14px}.article-card__category{color:#fff;letter-spacing:.3px;text-overflow:ellipsis;white-space:nowrap;background:#d94f4f;border-radius:2px;max-width:100%;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.article-card__title{color:#1a1a1a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.article-card__date{color:#aaa;font-size:11px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:32px 0;display:flex}.pagination a,.pagination span{color:#333;background:#fff;border:1px solid #ddd;border-radius:3px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 8px;font-size:13px;display:inline-flex}.pagination a:hover{background:#f5f5f5}.pagination .current{color:#fff;background:#d94f4f;border-color:#d94f4f;font-weight:700}.tag-section{border-top:1px solid #eee;margin:28px 0;padding:20px 0}.tag-section h2{color:#555;text-transform:lowercase;margin-bottom:12px;font-size:14px;font-weight:700}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag-list a{color:#555;background:#f7f7f7;border:1px solid #e5e5e5;border-radius:14px;padding:4px 11px;font-size:12px;transition:all .1s}.tag-list a:hover{color:#fff;background:#d94f4f;border-color:#d94f4f}.page-title{color:#111;border-bottom:2px solid #eee;margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:800}.article-detail{max-width:780px;margin:0 auto}.article-detail__category{margin-bottom:10px}.article-detail__title{color:#111;margin-bottom:12px;font-size:24px;font-weight:800;line-height:1.45}@media (max-width:600px){.article-detail__title{font-size:19px}}.article-detail__meta{color:#aaa;border-bottom:1px solid #eee;margin-bottom:24px;padding-bottom:20px;font-size:12px}.article-detail__thumb{border-radius:4px;width:100%;margin-bottom:28px}.article-detail__content{color:#333;font-size:15px;line-height:1.95}.article-detail__content p{margin-bottom:18px}.article-detail__content h2{color:#222;background:#f9f9f9;border-left:4px solid #d94f4f;margin:32px 0 14px;padding:10px 14px;font-size:18px;font-weight:800}.article-detail__content h3{border-bottom:1px solid #eee;margin:24px 0 10px;padding-bottom:6px;font-size:16px;font-weight:700}.article-detail__content img{border-radius:4px;max-width:100%;margin:18px auto}.article-detail__content blockquote{color:#666;background:#fafafa;border-left:3px solid #ddd;margin:16px 0;padding:8px 16px}.article-detail__content ul,.article-detail__content ol{margin:12px 0 12px 20px}.article-detail__content li{margin-bottom:6px}.ranking-section{border-top:1px solid #eee;margin:28px 0;padding:20px 0}.ranking-section h2{color:#555;margin-bottom:14px;font-size:14px;font-weight:700}.ranking-list{flex-direction:column;gap:10px;display:flex}.ranking-item{border-bottom:1px dashed #f0f0f0;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.ranking-item:last-child{border-bottom:none}.ranking-item__num{color:#fff;background:#ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.ranking-item__num--1{background:#c9a227}.ranking-item__num--2{background:#8e9fad}.ranking-item__num--3{background:#a0714f}.ranking-item__thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:72px;height:48px}.ranking-item__thumb-placeholder{background:#f5f5f5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:48px;font-size:20px;display:flex}.ranking-item__title{color:#222;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.ranking-item:hover .ranking-item__title{color:#d94f4f}.related-section{border-top:2px solid #eee;margin-top:48px;padding-top:28px}.related-section h2{color:#111;margin-bottom:18px;font-size:16px;font-weight:800}.related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:640px){.related-grid{grid-template-columns:repeat(2,1fr)}}.site-footer{text-align:center;color:#bbb;border-top:1px solid #eee;margin-top:48px;padding:28px 20px;font-size:12px}