*{margin:0;padding:0;box-sizing:border-box;word-wrap:break-word;word-break:break-all}body{width:375px!important;height:100vh!important;max-width:375px!important;min-width:375px!important;margin:0 auto!important;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;font-size:14px;color:#333;background:#fff}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #eee}.header-nav a{text-decoration:none;color:#333;font-size:14px;padding:4px 8px}.search-container{display:flex;align-items:center;gap:4px}.search-input{width:180px;height:28px;padding:0 8px;border:1px solid #eee;border-radius:2px;font-size:14px;color:#333;outline:none;transition:border-color .3s}.search-input::placeholder{color:#999}.search-input:focus{border-color:#0071e3}.search-btn{width:60px;height:28px;background:#f2f2f2;border:none;border-radius:2px;font-size:14px;color:#666;cursor:pointer;transition:background .3s}.search-btn:hover{background:#f0f0f0}.article-list{width:100%}.article-item{padding:8px 0;border-bottom:1px solid #eee;position:relative}.article-title{font-size:16px;color:#333;margin-bottom:4px;line-height:1.4;text-decoration:none;display:block}.article-title:hover{color:#0071e3}.article-excerpt{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important;max-height:2.8em!important;color:#666;font-size:14px!important;white-space:normal!important;padding:0;margin:0 0 4px}.article-meta{font-size:12px;color:#999;text-align:right}.pagination-wrapper{margin-top:16px;padding:0 8px;max-height:120px;display:flex;flex-direction:column;gap:12px}.pagination-btns{display:flex;justify-content:space-between}.pagination-btn{width:80px;height:32px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:background .3s}.pagination-btn:not(:disabled){background:#f8f8f8;color:#666}.pagination-btn:not(:disabled):hover{background:#f0f0f0}.pagination-btn:disabled{background:#fafafa;color:#ccc;cursor:not-allowed}.pagination-btn a{display:block;width:100%;height:100%;line-height:32px;text-align:center;text-decoration:none;color:inherit}.pagination-numbers{display:flex;justify-content:center;gap:8px}.pagination-number{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background .3s;text-decoration:none}.pagination-number:not(.active){background:#f8f8f8;color:#666}.pagination-number:not(.active):hover{background:#f0f0f0}.pagination-number.active{background:#0071e3;color:#fff}.pagination-jump{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pagination-jump label{font-size:14px;color:#666}.pagination-jump input{width:40px;height:32px;border:1px solid #eee;border-radius:6px;font-size:14px;text-align:center;outline:none;transition:border-color .3s}.pagination-jump input:focus{border-color:#0071e3}.pagination-jump button{width:60px;height:32px;border:1px solid #eee;border-radius:6px;background:#fff;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.pagination-jump button:hover{border-color:#0071e3;color:#0071e3}