:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #ff6b6b;--text-dark: #2c3e50;--bg-color: #f8f9fa}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-color);color:var(--text-dark)}.header-group{position:fixed;top:0;left:0;width:100%;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 4px 12px #0000000d;padding-bottom:2px}.top-bar{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 16px;max-width:1200px;margin:0 auto}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px}.logo-img{height:32px;width:auto;object-fit:contain}.logo-text{background:linear-gradient(90deg,#2c3e50,#ff6b6b);-webkit-background-clip:text;color:transparent}.btn-contact{background:var(--text-dark);color:#fff;border:none;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer}.category-scroll{display:flex;overflow-x:auto;gap:10px;padding:4px 16px 12px;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.cat-pill{white-space:nowrap;font-size:14px;color:#666;padding:5px 14px;border-radius:6px;background:#f0f2f5;cursor:pointer;transition:all .2s}.cat-pill.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.main-content{padding:16px;max-width:1200px;margin:0 auto;min-height:100vh}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.comic-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000a;position:relative}.cover-wrapper{position:relative;width:100%;padding-top:133%;background:#eee;overflow:hidden}.cover-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.cover-img.loaded{opacity:1}.status-badge{position:absolute;top:0;right:0;font-size:10px;color:#fff;background:#2ecc71e6;padding:3px 8px;border-bottom-left-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2}.status-badge.finished{background:#ff6b6be6}.card-info{padding:10px 8px}.comic-title{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.update-info{font-size:11px;color:#888;font-family:monospace}.comic-meta{font-size:11px;color:#bbb}.loading-area{text-align:center;padding:20px;color:#ccc;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:#fff;width:85%;max-width:320px;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0003;text-align:center}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:18px;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#999;padding:0 8px}.contact-item{margin:16px 0;background:#f8f9fa;padding:12px 16px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:14px}.contact-item.taobao-contact-row{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.taobao-promo-img{width:100%;height:auto;display:block;border-radius:0 0 8px 8px}.icon-box{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;margin-right:4px}.contact-icon{width:100%;height:100%;object-fit:contain}.selectable{user-select:text;-webkit-user-select:text;color:var(--primary)}.shop-link{text-decoration:none;font-weight:700;color:var(--text-dark);transition:color .2s}.shop-link:hover{color:var(--primary);text-decoration:underline}.modal-btn{margin-top:20px;width:100%;padding:12px;background:var(--text-dark);color:#fff;border:none;border-radius:8px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.comic-grid{grid-template-columns:repeat(3,1fr);gap:8px}.main-content{margin-top:110px}.card-info{padding:8px 6px}}@media(max-width:360px){.comic-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px){.comic-grid{grid-template-columns:repeat(4,1fr);gap:16px}}@media(min-width:1024px){.comic-grid{grid-template-columns:repeat(5,1fr);gap:20px}}