@charset "UTF-8";.page{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;overflow:hidden}.page .page-content{position:relative;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.page-content{max-width:600px;width:100vw;margin:0 auto;background:#f5f5f5;display:flex;flex-direction:column;overflow:hidden}.page-content .list{flex:1;padding:16px;display:flex;flex-direction:column;gap:24px;overflow:auto;-webkit-overflow-scrolling:touch}.page-content .list .item{display:flex;flex-direction:column;gap:24px}.page-content .list .item .time{text-align:center;font-size:14px;color:#7a7a7a}.page-content .list .item .container{display:flex;align-items:flex-start;gap:8px}.page-content .list .item .container .avatar{width:48px;height:48px;border-radius:4px;overflow:hidden}.page-content .list .item .container .avatar img{width:48px;height:48px;object-fit:cover}.page-content .list .item .container .content{flex:1;display:flex;flex-direction:column;gap:8px}.page-content .list .item .container .content .name{font-size:14px;font-weight:600;color:#333}.page-content .list .item .container .content .description{position:relative;max-width:280px;display:flex;gap:8px}.page-content .list .item .container .content .description img{max-width:248px;border-radius:4px}.page-content .list .item .container .content .description .text{flex:1;overflow:hidden;background:#fff;padding:8px;border-radius:4px;white-space:wrap;word-wrap:break-word;box-shadow:0 4px 10px #0000001a,0 1px 3px #0000000f}.page-content .list .item .container .content .description .text a{font-weight:600}.page-content .list .item .container .content .description .copy-container{display:flex;flex-direction:column;justify-content:flex-end}.page-content .list .item .container .content .description .copy{width:24px;height:24px;padding:4px;cursor:pointer}.page-content .list .load-more{text-align:center;color:#7a7a7a;font-size:14px;padding:12px 0}.page-content .back-to-top{position:absolute;background:#fff;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a,0 1px 3px #0000000f;border-radius:4px;z-index:10;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(100px)}.page-content .back-to-top svg{width:48px;height:48px}.page-content .back-to-top.show{opacity:1;transform:translateY(0)}.page-content .data-status{position:absolute;bottom:72px;right:16px;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 4px 10px #0000001a,0 1px 3px #0000000f;width:48px;height:48px;border-radius:4px}.page-content .data-status .countdown{font-size:12px;text-align:center;padding:4px;color:#7a7a7a}.page-content .data-status .countdown strong{color:red;font-size:16px}.page-content .loading{width:24px;height:24px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-content .search-container{display:flex;flex-direction:row;gap:24px;padding:4px;align-items:center;border-bottom:1px solid #eaeaea;background:#fff}.page-content .search-container .search{flex:1}.page-content .search-container .search input{width:100%;height:32px;padding:0 8px;border-radius:4px;border:1px solid #999}.page-content .search-container button{outline:none;padding:4px 24px;height:36px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.page-content .search-container button:disabled{opacity:.5}
