#body-container{box-shadow:rgba(0,0,0,.1) 0 0 20px;max-width:100%;min-height:100vh;display:flex;flex-direction:column;max-width:428px;box-sizing:border-box;margin:0 auto}.back-button{color:#ff6b81;font-size:1.2rem;cursor:pointer;width:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-button a{color:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:8px;transition:all .3s ease}.back-button:hover{transform:scale(1.1)}.main-header{border-bottom:1px solid #f0e1e1;background:#fff;position:relative}.my-comics-page .main-header{background-color:#fff2f2;border-bottom:1px solid #f0e1e1;color:#333}.my-comics-page .back-button a{color:#ff6b81}.my-comics-page .back-button:hover a{color:#ff4757}.task-list-page .main-header{background-color:#fff2f2;border-bottom:1px solid #f0e1e1;color:#333;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.task-list-page .back-button a{color:#ff6b81}.task-list-page .back-button:hover a{color:#ff4757}.comic-chapter-page .main-header{background-color:#fff;border-bottom:1px solid #f0e1e1;color:#333}.comic-chapter-page .back-button{color:#ff6b81}.comic-chapter-page .back-button:hover{color:#ff4757;transform:scale(1.1)}.comic-chapter-page .back-button a{color:inherit}.section-title-container{display:flex;justify-content:space-between;align-items:left;margin-bottom:.5rem;margin-top:1rem;padding:0 15px}.section-title{margin:0;font-size:1.25rem;color:#333;font-weight:700;position:relative;padding-left:15px}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:70%;background-color:#ff6b81;border-radius:3px}.more-link{color:#ff6b81;text-decoration:none;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:5px}.more-link:hover{color:#ff4757;text-decoration:underline}.more-link i{font-size:.8rem}.area-label{display:inline-block;background-color:#f1f1f1;color:#666;font-size:.75rem;padding:2px 8px;border-radius:10px;margin-left:10px;vertical-align:middle}.vip-status-container{display:flex;align-items:center}.vip-status{display:flex;align-items:center;gap:20px;font-size:.9rem}.vip-status #vip-countdown{color:#ff6b81;font-weight:500}.vip-status .user-account{display:flex;align-items:center;gap:15px}.vip-status .points-container{display:flex;align-items:center}.vip-status .points-label{color:#666}.vip-status .points-value{color:#ff6b81;font-weight:500;padding-right:8px}.vip-status .points-buy-button{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;background-color:#ff6b81;color:#fff;border-radius:4px;text-decoration:none;font-size:.8rem;transition:all .2s;line-height:1;height:24px}.vip-status .points-buy-button:hover{background-color:#ff4757}.vip-status .points-buy-button i{font-size:.8rem;display:flex;align-items:center}.vip-status .checkin-button{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;background-color:#fff;color:#ff6b81;border:1px solid #ff6b81;border-radius:4px;text-decoration:none;font-size:.8rem;transition:all .2s;line-height:1;height:24px}.vip-status .checkin-button:hover{background-color:#f5f5f5}.vip-status .checkin-button i{font-size:.8rem;color:#ff6b81;display:flex;align-items:center}body{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.5;margin:0}#body-container{padding-bottom:80px;margin:0 auto;max-width:428px;box-sizing:border-box}.common-button{padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;background-color:#ff6b81;color:#fff}S .common-button i{margin-right:.5rem;font-size:1rem}.header-container{position:sticky;top:0;width:100%;z-index:1000;background-color:#fff}.main-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .3rem;background-color:#fff2f2;max-width:428px;margin:0 auto}.main-header h1{font-size:1rem;margin:0;color:#ff6b81;flex:1}.main-header a{text-decoration:none}.comic-detail-container{background-color:#fff;padding:20px}.comic-chapters-section{background-color:#fff;padding:1rem}.comic-description-container,.recommended-comics-section{background-color:#fff;margin:.75rem;padding:1rem;max-width:428px;margin-left:auto;margin-right:auto}.comic-detail-container{border-bottom:1px solid #EEE;display:flex;flex-direction:row;align-items:flex-start}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h3,.recommended-comics-section h3{margin:0;font-size:1.1rem;color:#333;font-weight:700;position:relative;padding-left:15px}.section-header h3:before,.recommended-comics-section h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:70%;background-color:#ff6b81;border-radius:3px}.comic-cover-section{flex-shrink:0;width:140px;margin-right:1rem}.comic-cover{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 3px 8px rgba(0,0,0,.15);background-color:#f0f0f0;aspect-ratio:3/4}.comic-cover img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.comic-cover img.loaded{opacity:1}.comic-cover:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;z-index:1;opacity:1;transition:opacity .3s ease}.comic-cover:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;border:3px solid #f0f0f0;border-top:3px solid #ff6b81;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite;z-index:2;opacity:1;transition:opacity .3s ease}.comic-cover.image-loading:before,.comic-cover.image-loading:after{opacity:1}.comic-cover:not(.image-loading):before,.comic-cover:not(.image-loading):after{opacity:0;visibility:hidden}.comic-info-section{flex:1;overflow:hidden}.comic-title{font-size:1.5rem;margin:0 0 .75rem;color:#333;line-height:1.3;font-weight:700}.comic-meta{margin-bottom:1rem}.comic-meta-item{margin-bottom:.5rem;color:#666;font-size:.9rem;display:flex;align-items:center}.comic-meta-item i{margin-right:.5rem;color:#ff6b81;width:20px;text-align:center}.comic-status{position:absolute;bottom:.5rem;right:0;padding:.25rem .5rem;font-size:.75rem;border-radius:4px 0 0 4px;color:#fff;background-color:#ff6b81;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chapter-list{display:flex;flex-direction:column;gap:.35rem;max-width:100%}.chapter-item{border-radius:4px;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0;background-color:#fff}.chapter-item:hover{background-color:#f9f9f9;transform:translateY(-1px)}.chapter-item:last-child{border-bottom:none}.chapter-left{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:0;overflow:hidden}.chapter-sequence-row{display:flex;align-items:center;gap:.5rem}.chapter-name-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.chapter-read-badge{display:none;font-size:.75rem;color:#ff6b81;padding:.3rem .4rem;border-radius:5px;white-space:nowrap;background-color:rgba(255,107,129,.1)}.chapter-read-badge i{margin-right:2px}.chapter-item.read .chapter-read-badge{display:block}.chapter-sequence{font-size:.9rem;color:#ff6b81;font-weight:500;white-space:nowrap}.chapter-name{font-size:.9rem;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-update-time{font-size:.75rem;color:#888;white-space:nowrap}.chapter-price{color:orange;font-size:.85rem;white-space:nowrap;text-align:right;margin-left:1rem;min-width:70px;align-self:center}.chapter-price.free{color:#32cd32}.chapter-price.owned{color:#666}.chapter-read-status{display:none!important}.show-more-chapters{text-align:center;color:#666;font-size:.9rem;padding:.75rem 0;cursor:pointer;transition:all .2s ease;border-top:1px dashed #eee;margin-top:.5rem}.show-more-chapters:hover{color:orange;background-color:#f9f9f9}.show-more-chapters i{margin-right:.3rem}.no-chapters{text-align:center;padding:1.5rem 0;color:#888;font-size:.9rem}.comic-comments-section{background-color:#fff;border-radius:8px;margin:.75rem;padding:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05);max-width:800px}.comment-count{font-size:.85rem;color:#888}.comment-input-container{margin:1rem 0;overflow:hidden}.comment-input-container textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #eee;border-radius:8px;resize:vertical;font-family:inherit;font-size:.95rem;box-sizing:border-box}.comment-input-container textarea:focus{outline:none}.comment-input-container .button-container{display:flex;justify-content:flex-end;padding:.75rem}.comments-list{margin-top:1.5rem}.comment-item{display:block;padding:1rem 0;border-bottom:1px solid #f0f0f0}.comment-item:last-child{border-bottom:none}.comment-content{width:100%}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-username{font-size:.9rem;font-weight:500;color:#333}.comment-time{font-size:.8rem;color:#888}.points-buy-button{padding:.4rem .75rem;border:none;border-radius:50px;background-color:orange;color:#fff;font-size:.85rem;text-decoration:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;margin-left:.5rem}.points-buy-button i{margin-right:.3rem}.points-buy-button:hover{background-color:#ff8c00;transform:translateY(-2px)}.points-buy-button:active{transform:translateY(0)}.more-link{color:#ff5722;text-decoration:none;font-size:.9rem;transition:all .3s ease}.more-link:hover{color:#e64a19;text-decoration:underline}.more-link i{margin-left:5px;font-size:.8rem}.recommended-comics-section{background-color:#fff;border-radius:8px;padding:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.05);max-width:800px;margin-left:auto;margin-right:auto}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:5px 0;width:100%}.comic-item{border-radius:8px;overflow:hidden;transition:transform .2s;background-color:#fff;cursor:pointer;width:100%;display:flex;flex-direction:column}.comic-item .comic-cover{position:relative;width:100%;padding-top:150%;overflow:hidden;margin-bottom:0;border-radius:0;box-shadow:none}.comic-item .comic-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.comic-item .comic-info{padding:4px;flex:1;display:flex;flex-direction:column}.comic-item .comic-title{font-size:12px;font-weight:700;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.comic-item .comic-stats{display:flex;justify-content:space-between;font-size:10px;color:#666;margin-bottom:2px}.comic-item .comic-latest{font-size:10px;color:orange;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.1rem 0}.comic-item .comic-author{font-size:10px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-item .comic-status{position:absolute;bottom:4px;right:4px;padding:1px 4px;border-radius:2px;background-color:rgba(0,0,0,.7);color:#fff;font-size:10px}.comic-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.comic-item:hover .comic-cover img{transform:scale(1.05)}.no-data{grid-column:1 / -1;text-align:center;padding:2rem 0;color:#888;font-size:.9rem}.modal-dialog{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center}.dialog-content{width:90%;max-width:500px;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.2)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #eee}.dialog-header h3{margin:0;font-size:1.1rem;color:#333}.dialog-body{padding:1rem}.report-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.report-form textarea,.share-link-container input{width:100%;border:1px solid #eee;border-radius:8px;font-family:inherit;font-size:.95rem;box-sizing:border-box;resize:none}.report-form textarea:focus,.share-link-container input:focus{outline:none;border-color:#ff5722;box-shadow:0 0 0 2px rgba(255,87,34,.2)}.copy-link.common-button{display:flex;justify-content:center;align-items:center;padding:0 15px;height:36px;min-width:36px;border-radius:4px;font-size:16px}.copy-link.common-button i{margin:0}.share-link-container{display:flex;margin-bottom:15px;width:100%;flex-direction:row;align-items:center;gap:10px;height:36px}.share-link-container input{flex:1;height:36px;padding:0 10px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;box-sizing:border-box}.share-link-container input:focus{outline:none;border-color:#ff5722}.share-success-message{text-align:center;color:#32cd32;margin-top:1rem;font-size:.9rem;padding:.5rem;background-color:rgba(50,205,50,.1);border-radius:8px}.section-header,.author-comics-section h3{display:flex;justify-content:space-between;align-items:center}.report-option i,.submit-report i,.copy-link i,.close-dialog i{margin-right:.5rem}@media (max-width: 480px){.comic-detail-container{flex-direction:row;padding:.75rem}.comic-cover-section{width:120px;margin-right:1rem}.comic-title{font-size:1.2rem;margin-top:0}.comic-meta-item{font-size:.8rem}.chapter-item{padding:.6rem .75rem}.chapter-info{min-width:140px;gap:.75rem}.chapter-price{min-width:70px}.chapter-update-time{min-width:50px}}@media (max-width: 380px){.comment-submit i{margin-right:.3rem;font-size:.8rem}}.comic-description-container{background-color:#fff;border-radius:8px;max-width:800px;margin-left:auto;margin-right:auto;font-size:.9rem;color:#333}.image-loading{position:relative}.image-loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f0f0f0;z-index:1}.image-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid #f0f0f0;border-top:3px solid #ff5722;border-radius:50%;z-index:2;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.comic-cover:hover img{transform:scale(1.05)}.comic-status{position:absolute;bottom:.5rem;right:0;padding:.25rem .5rem;font-size:.75rem;border-radius:4px 0 0 4px;color:#fff;background-color:#ff5722;box-shadow:0 2px 4px rgba(0,0,0,.1)}.status-ongoing{background-color:#32cd32}.status-completed{background-color:#1e90ff}.status-discontinued{background-color:orange}.common-button.collected i.fas.fa-heart{color:#ff6b81}.common-button i.far.fa-heart{color:#666}.comic-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:.5rem;flex-wrap:nowrap}.comic-actions .action-button{flex:1;text-align:center;padding:.3rem 0;font-size:.9rem}.report-option,.submit-report,.copy-link,.close-dialog{margin:.5rem 0}.close-dialog{padding:.5rem;background-color:transparent;color:#666;border-radius:50%;box-shadow:none;margin:0}.close-dialog:hover{color:orange;background:none;transform:none;box-shadow:none}@media screen and (max-width: 480px){.chapter-info{min-width:80px}.chapter-price{min-width:40px;font-size:.8rem}.chapter-update-time{min-width:auto;font-size:.7rem}}.dialog-header .close-dialog{background:none;border:none;padding:.5rem;font-size:1rem;cursor:pointer;color:#666;margin:0;box-shadow:none;border-radius:0;line-height:1}.dialog-header .close-dialog:hover{color:orange;background:none;transform:none;box-shadow:none}.dialog-header .close-dialog i{margin:0}.report-select-container{width:100%;margin-bottom:1rem}.report-type-select{width:100%;padding:.75rem;border:1px solid #eee;border-radius:8px;font-family:inherit;font-size:.95rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;cursor:pointer}.report-type-select:focus{outline:none;border-color:#ff5722;box-shadow:0 0 0 2px rgba(255,87,34,.2)}.report-form{margin-top:.5rem;display:flex;flex-direction:column;align-items:stretch}.report-form textarea{padding:.75rem;min-height:100px;margin-bottom:1rem;border:1px solid #eee;border-radius:8px;resize:vertical}.report-form button{align-self:flex-end}.comic-actions .common-button{background-color:#f0f0f0;color:#000}.comic-actions .common-button:hover{background-color:#e0e0e0;color:#000}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination-buttons{display:flex;align-items:center;gap:8px}.pagination-button{padding:8px 12px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease}.pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.pagination-button.active{background-color:orange;color:#fff;border-color:orange}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px}@media (max-width: 768px){.page-numbers{display:none}.pagination-button{padding:6px 10px}}.comic-description{position:relative;overflow:hidden;max-height:4.8rem;transition:max-height .3s ease}.comic-description.expanded{max-height:none}#show-more{text-align:center;color:#ff6b81;cursor:pointer;padding:.5rem 0;font-size:.9rem;display:flex;justify-content:center;align-items:center;margin:.5rem auto 0;width:max-content}#show-more:hover{color:#ff4757}.chapter-sort-buttons{display:flex;gap:8px;align-items:center}.chapter-sort-button{padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease;border:1px solid #e0e0e0;background-color:#fff;color:#333}.chapter-sort-button.active{background-color:#ff6b81;color:#fff;border-color:#ff6b81}.chapter-sort-button.inactive{background-color:#f5f5f5;color:#999;border-color:#e0e0e0}.chapter-sort-button:hover:not(.active){background-color:#f0f0f0}.chapter-item.read .chapter-name:after{content:none}.chapter-read-status{display:none;margin-right:.5rem}.chapter-read-status i{font-size:1.1rem;color:#4a9e4a}.chapter-item.read .chapter-read-status{display:block}.chapter-info{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:160px;justify-content:flex-end}