@charset "utf-8";

/* ===== Pull to Refresh ===== */
.refresh-indicator{position:fixed;top:89px;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;z-index:999;opacity:0;transform:translateY(-50px);transition:transform 0.3s,opacity 0.3s;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.refresh-spinner{width:20px;height:20px;border:2px solid #ddd;border-top-color:#ff6600;border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
.refresh-text{font-size:13px;color:#999;}

.articles{margin:0;padding:0;}
.articles li{height:36px;line-height:36px;list-style:none;border-bottom:1px solid #f5f5f5;padding:0 14px;display:flex;align-items:center;transition:background 0.15s;}
.articles li:active{background:#f9f9f9;}
.articles li:last-child{border-bottom:none;}
.articles li a{flex:1;height:36px;font-size:14px;line-height:36px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#2c2c2c;}
.articles li .addtime{color:#999;font-size:12px;white-space:nowrap;flex-shrink:0;margin-left:8px;display:flex;align-items:center;gap:3px;}
.articles li .addtime i{font-size:13px;}
.articles li.new a{color:#ff6600;padding-left:22px;position:relative;}
.articles li.new a:before{font-size:10px;color:#fff;line-height:16px;text-align:center;display:inline-block;content:"新";width:16px;height:16px;background:#ff6600;left:0;top:10px;position:absolute;border-radius:3px;}
.articles li.top a{color:#e74950;font-weight:500;padding-left:22px;position:relative;}
.articles li.top a:before{font-size:10px;line-height:16px;text-align:center;display:inline-block;color:#fff;background:#e74950;content:"顶";width:16px;height:16px;left:0;top:10px;position:absolute;border-radius:3px;}
.articles li.top .addtime{color:#e74950;}
.articles li.rec a{color:#07c160;font-weight:500;padding-left:22px;position:relative;}
.articles li.rec a:before{font-size:10px;line-height:16px;text-align:center;display:inline-block;color:#fff;background:#07c160;content:"荐";width:16px;height:16px;left:0;top:10px;position:absolute;border-radius:3px;}
.articles li.rec .addtime{color:#07c160;}