:root{--bg-primary:#192030;--bg-secondary:#20283C;--text-primary:#fff;--text-secondary:#9ca3af;--accent-color:#10b981;--border-color:rgba(255,255,255,0.1);}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}body{font-family:-apple-system,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;}.back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);text-decoration:none;margin-right:12px;background:var(--bg-secondary);border-radius:50%;}.container{padding:16px;}.comic-header{position:relative;background:var(--bg-secondary);border-radius:12px;padding:16px;margin-bottom:20px;overflow:hidden;}.header-bg{position:absolute;top:0;left:0;right:0;height:100%;background-size:cover;background-position:center;filter:blur(20px);opacity:0.3;}.header-content{position:relative;display:flex;gap:16px;}.comic-cover{width:120px;height:160px;border-radius:8px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.comic-info{flex:1;}.comic-title{font-size:20px;font-weight:bold;margin-bottom:8px;}.comic-meta{color:var(--text-secondary);font-size:14px;margin-bottom:12px;}.comic-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}.comic-actions{margin-top:12px;display:flex;gap:10px;}.action-btn{background:var(--bg-secondary);border:1px solid var(--accent-color);color:var(--accent-color);padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;transition:all 0.2s ease;}.action-btn:hover{background:var(--accent-color);color:white;}.action-btn.favorited{background:var(--accent-color);color:white;}.tag{background:rgba(255,255,255,0.1);padding:4px 12px;border-radius:16px;font-size:12px;color:var(--text-secondary);}.comic-desc{color:var(--text-secondary);font-size:14px;background:rgba(0,0,0,0.2);padding:12px;border-radius:8px;margin-top:16px;line-height:1.6;}.chapter-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0;}.chapter-title{font-size:18px;font-weight:500;color:var(--accent-color);}.chapter-controls{display:flex;gap:12px;}.ctrl-btn{background:var(--bg-secondary);border:none;color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}.chapter-item{background:var(--bg-secondary);padding:12px;border-radius:12px;cursor:pointer;transition:transform 0.2s;}.chapter-item:active{transform:scale(0.98);}.chapter-item.read{border:1px solid var(--accent-color);}.chapter-name{font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.chapter-meta{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:12px;}.bottom-bar{position:fixed;left:0;right:0;bottom:0;background:var(--bg-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:10px 16px;display:flex;gap:12px;z-index:100;}.read-btn{flex:1;background:var(--accent-color);color:white;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;}.home-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:14px 20px;border-radius:8px;font-size:15px;cursor:pointer;}.loading{text-align:center;padding:20px;color:var(--text-secondary);}.jump-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);padding:20px;border-radius:12px;width:90%;max-width:320px;z-index:1001;}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.modal-title{font-size:16px;font-weight:500;}.close-modal{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;}.chapter-list{max-height:400px;overflow-y:auto;}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:1000;}.chapter-option{padding:12px;border-radius:8px;cursor:pointer;}.chapter-option:hover{background:rgba(255,255,255,0.1);}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.fade-in{animation:fadeIn 0.3s ease-out;}.jump-input-container{padding:15px;display:flex;gap:10px;}.jump-input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;}.jump-confirm{padding:8px 15px;background-color:#007bff;color:white;border:none;border-radius:4px;cursor:pointer;}.jump-confirm:hover{background-color:#0056b3;}.pagination-controls{margin:20px 0;padding:10px;}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;color:#fff;}.page-nav{width:36px;height:36px;border:none;border-radius:8px;background:rgba(255,255,255,0.1);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.page-nav:hover:not(.disabled){background:rgba(255,255,255,0.2);}.page-nav.disabled{opacity:0.5;cursor:not-allowed;}.page-select-container{position:relative;display:flex;align-items:center;gap:10px;}.page-select{appearance:none;-webkit-appearance:none;padding:8px 36px 8px 16px;border:none;border-radius:8px;background:rgba(255,255,255,0.1);color:#fff;font-size:14px;cursor:pointer;transition:all 0.2s ease;}.page-select:hover{background:rgba(255,255,255,0.2);}.page-select-container::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;pointer-events:none;}.page-info{color:rgba(255,255,255,0.7);font-size:14px;}.page-select option{background-color:#1f2937;color:#fff;padding:8px;}@media (max-width:768px){.pagination{gap:8px;}.page-select{padding:8px 32px 8px 12px;font-size:13px;}.page-info{font-size:13px;}}a.chapter-item{text-decoration:none;color:inherit;display:block;}.jump-modal{background:#2b2d42;border-radius:8px;padding:20px;max-width:400px;width:90%;}.jump-content{margin-top:15px;}.chapter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:400px;overflow-y:auto;margin-top:15px;padding:0 5px;}.jump-chapter-item{display:block;padding:8px 12px;color:#8d99ae;text-decoration:none;border-radius:4px;font-size:14px;transition:background-color 0.2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}.jump-chapter-item:hover{background-color:rgba(255,255,255,0.1);color:#fff;}.jump-chapter-item.read{color:#6c757d;}.read-tag{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#ff6b81;background-color:rgba(255,107,129,0.1);padding:2px 6px;border-radius:3px;}.jump-input-container{display:flex;gap:10px;margin-bottom:15px;}.jump-input{flex:1;padding:8px 12px;border:1px solid #3f4156;border-radius:4px;background:rgba(255,255,255,0.1);color:#fff;}.jump-input::placeholder{color:#8d99ae;}.jump-confirm{padding:8px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.2s;}.jump-confirm:hover{background:#0056b3;}.close-modal{position:absolute;right:15px;top:15px;color:#8d99ae;background:none;border:none;font-size:20px;cursor:pointer;padding:5px;}.close-modal:hover{color:#fff;}.modal-title{color:#fff;font-size:16px;font-weight:500;}.chapter-list a{color:#ffffff;}