*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,sans-serif}#app{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}.top-navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #00000014}.top-navbar .logo{color:#27ae60;letter-spacing:.5px;font-size:17px;font-weight:700}.top-navbar .logo em{color:#333;margin-left:6px;font-size:13px;font-style:normal;font-weight:400}.top-navbar .theme-btn{cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:17px}.page-wrap{flex:1;padding-top:50px}.container{width:100%;max-width:720px;margin:0 auto;padding:54px 12px 12px}.stats-bar{background:#fff;border-radius:12px;justify-content:space-around;margin-bottom:12px;padding:14px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.stats-item{text-align:center}.stats-num{color:#27ae60;font-size:24px;font-weight:700}.stats-label{color:#999;margin-top:3px;font-size:12px}.white-card{background:#fff;border-radius:0;margin-top:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.article-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:12px;display:block}.article-item:last-child{border-bottom:none}.article-item:active{background:#fafafa}.article-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.article-title{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden}.article-time{color:#999;white-space:nowrap;flex-shrink:0;font-size:12px}.empty-state{text-align:center;color:#bbb;padding:40px 16px;font-size:14px}.load-more{text-align:center;color:#999;cursor:pointer;padding:16px;font-size:13px}.load-more:active{color:#27ae60}.spinner{border:3px solid #e8f5e9;border-top-color:#27ae60;border-radius:50%;width:28px;height:28px;margin:0 auto 8px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-spinner{text-align:center;color:#999;padding:14px;font-size:13px}@media (width>=768px){.container{max-width:720px;padding:54px 16px 16px}.article-item{padding:12px 16px}.article-title{font-size:16px}.stats-num{font-size:28px}.white-card{border-radius:16px}.stats-bar{border-radius:16px;padding:16px 24px}}body.dark{color:#e0e0e0;background:#1a1a2e}body.dark .top-navbar{background:#1e1e28;box-shadow:0 1px 4px #0000004d}body.dark .top-navbar .logo{color:#52c41a}body.dark .top-navbar .logo em{color:#ccc}body.dark .white-card,body.dark .stats-bar{background:#1e1e28;box-shadow:0 1px 3px #0000004d}body.dark .article-title{color:#e0e0e0}body.dark .article-item:active{background:#252535}body.dark .article-item{border-bottom-color:#2a2a35}.site-footer{color:#999;background:#333;flex-shrink:0;margin-top:auto;padding:24px 16px}.footer-content{text-align:center;max-width:400px;margin:0 auto}.footer-gzh{cursor:pointer;background:#444;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.footer-gzh:active{background:#555}.gzh-img{object-fit:cover;border-radius:6px;width:60px;height:60px}.gzh-text{text-align:left}.gzh-title{color:#fff;margin:0 0 2px;font-size:14px;font-weight:700}.gzh-desc{color:#aaa;margin:0;font-size:12px}.footer-info{font-size:12px;line-height:1.8}.footer-info a{color:#999;text-decoration:underline}.footer-info a:hover{color:#fff}.gzh-modal{z-index:300;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gzh-large{border-radius:12px;max-width:300px;max-height:80vh}body.dark .site-footer{background:#222}body.dark .footer-gzh{background:#2a2a35}body.dark .gzh-title{color:#fff}body.dark .gzh-desc{color:#aaa}