:root{--hb-primary: #111827;--hb-accent: #ff4d4f;--hb-accent-glow: rgba(255, 77, 79, .25);--hb-gold: #f5a623;--hb-gold-glow: rgba(245, 166, 35, .35);--hb-bg: #f8fafc;--hb-card-bg: #ffffff;--hb-border: #e2e8f0;--hb-text: #1e293b;--hb-text-muted: #64748b;--hb-radius: 12px;--hb-shadow: 0 4px 12px rgba(0, 0, 0, .05)}.handbook-container{max-width:1280px;margin:0 auto;padding:32px 20px 80px;font-family:inherit;color:var(--hb-text);box-sizing:border-box}.handbook-container *,.handbook-container *:before,.handbook-container *:after{box-sizing:border-box}.handbook-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin:0 0 24px!important;padding:0 0 20px!important;border-bottom:1px solid var(--hb-border)}.handbook-title-group{flex:0 1 auto;min-width:0;height:auto;margin:0!important;padding:0!important}.handbook-main-title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px!important;padding:0!important;color:var(--hb-primary);line-height:1.2}.handbook-subtitle{font-size:14px;color:var(--hb-text-muted);margin:0!important;padding:0!important;line-height:1.4}.handbook-user-panel{display:flex;align-items:center;flex-shrink:0;margin:0!important;padding:0!important}.hb-customer-info{display:flex;align-items:center;gap:12px;font-size:14px}.hb-status-badge{background:#e6f7ff;color:#1890ff;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.hb-btn-logout{color:var(--hb-text-muted);font-size:12px;text-decoration:underline;margin-left:4px;transition:color .2s;white-space:nowrap}.hb-btn-logout:hover{color:var(--hb-accent)}.hb-login-prompt{display:flex;align-items:center;gap:14px;background:#fff7e6;border:1px solid #ffe7ba;padding:10px 18px;border-radius:30px;font-size:13px;color:#d46b08}.hb-login-prompt span{line-height:1.35}.hb-btn-login{background:#fa8c16;color:#fff!important;padding:8px 18px;border-radius:20px;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap;flex-shrink:0;display:inline-block;text-align:center;transition:opacity .2s,transform .15s}.hb-btn-login:hover{opacity:.9;transform:translateY(-1px)}.hb-ip-section{margin-bottom:24px}.hb-ip-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.hb-section-title{font-size:18px;font-weight:700;margin:0;color:var(--hb-primary)}.hb-ip-count-badge{font-size:13px;color:var(--hb-text-muted)}.hb-ip-grid{display:flex;gap:12px;overflow-x:auto;padding:6px 4px 10px;margin:-2px -4px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hb-ip-grid::-webkit-scrollbar{display:none;width:0;height:0}.hb-ip-card{flex:0 0 auto;display:flex;align-items:center;gap:12px;background:#fff;border:1.5px solid var(--hb-border);border-radius:14px;padding:8px 16px 8px 8px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left;-webkit-user-select:none;user-select:none}.hb-ip-card:hover{border-color:#94a3b8;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.hb-ip-card.active{background:var(--hb-primary);border-color:var(--hb-primary);color:#fff;box-shadow:0 2px 6px #11182726}.hb-ip-thumb-box{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hb-ip-card.active .hb-ip-thumb-box{background:#ffffff26}.hb-ip-img{width:100%;height:100%;object-fit:cover}.hb-ip-all-icon{font-size:20px;color:#f59e0b}.hb-ip-placeholder-icon{font-size:20px}.hb-ip-info{display:flex;flex-direction:column}.hb-ip-name{font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap}.hb-ip-count{font-size:12px;color:var(--hb-text-muted);margin-top:3px;white-space:nowrap}.hb-ip-card.active .hb-ip-count{color:#ffffffb3}.hb-view-switcher{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin:0 0 24px!important;padding:0!important;background:transparent!important;border:none!important}.hb-segmented-nav{display:inline-flex!important;align-items:center!important;background:#f1f5f9!important;padding:4px!important;border-radius:30px!important;border:1px solid var(--hb-border)!important;gap:4px!important;margin:0!important}.hb-seg-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;background:transparent!important;border:none!important;padding:7px 18px!important;border-radius:24px!important;font-size:13px!important;font-weight:600!important;color:var(--hb-text-muted)!important;cursor:pointer!important;transition:all .2s ease!important;font-family:inherit!important;white-space:nowrap!important;-webkit-user-select:none!important;user-select:none!important;line-height:1.2!important;outline:none!important;margin:0!important}.hb-seg-btn:hover{color:var(--hb-text)!important}.hb-seg-btn.active{background:#fff!important;color:var(--hb-primary)!important;box-shadow:0 2px 6px #00000014!important;font-weight:700!important}.hb-seg-icon{color:#f59e0b!important;font-size:13px!important;line-height:1!important}.hb-seg-text{font-size:13px!important;line-height:1.2!important}.hb-view-meta{display:flex!important;align-items:center!important;margin:0!important}.hb-series-visible-count{font-size:13px!important;color:var(--hb-text-muted)!important;font-weight:500!important;text-align:left!important;margin:0!important}.handbook-series-list{display:flex;flex-direction:column;gap:36px}.hb-series-card{background:var(--hb-card-bg);border:1px solid var(--hb-border);border-radius:var(--hb-radius);padding:24px;box-shadow:var(--hb-shadow);transition:opacity .25s ease,transform .25s ease}.hb-series-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px dashed var(--hb-border)}.hb-series-title{font-size:22px;font-weight:700;margin:0 0 8px;line-height:1.3}.hb-series-title a{color:inherit;text-decoration:none}.hb-series-title a:hover{color:var(--hb-accent)}.hb-series-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--hb-text-muted)}.hb-badge-count{background:#f1f5f9;padding:3px 8px;border-radius:4px;font-weight:600}.hb-quota-stat strong{color:var(--hb-accent);font-size:15px}.hb-btn-buy{display:inline-block;background:var(--hb-primary);color:#fff!important;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .15s,background-color .2s}.hb-btn-buy:hover{background:#000;transform:translateY(-1px)}.hb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.hb-card{position:relative;background:#f8fafc;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.hb-card-inner{position:relative;width:100%}.hb-image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:#f1f5f9}.hb-card-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.hb-card.locked .hb-card-img{filter:grayscale(90%) brightness(.9) contrast(.95);opacity:.72}.hb-card.locked:hover .hb-card-img{filter:grayscale(40%) brightness(.98);opacity:.9}.hb-card-lock-overlay{position:absolute;top:6px;right:6px;z-index:2;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.hb-lock-pill{width:24px;height:24px;border-radius:50%;background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #0003;transition:transform .2s ease}.hb-card.locked:hover .hb-lock-pill{transform:scale(1.1);background:#0f172ad9;border-color:#ffffff80}.hb-card.unlocked .hb-card-lock-overlay{display:none}.hb-svg-lock{width:12px;height:12px;display:block}.hb-card.unlocked{background:#fff;border-color:var(--hb-gold);box-shadow:0 4px 16px var(--hb-gold-glow)}.hb-card.unlocked .hb-card-img{filter:grayscale(0%) brightness(1);opacity:1}.hb-card.unlocked:hover .hb-card-img{transform:scale(1.05)}.hb-card-badge{display:none;position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#ffc53d,#fa8c16);color:#fff;font-size:11px;font-weight:700;padding:4px 9px 4px 7px;border-radius:20px;box-shadow:0 2px 8px #fa8c1659;align-items:center;gap:5px;letter-spacing:.02em}.hb-card.unlocked .hb-card-badge{display:flex}.hb-badge-svg{display:block}.hb-card.is-updating{pointer-events:none;opacity:.6}.handbook-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--hb-radius);border:1px dashed var(--hb-border)}.handbook-empty-state h3{font-size:18px;font-weight:700;margin:0 0 8px}.handbook-empty-state p{color:var(--hb-text-muted);font-size:14px;margin:0}.hb-empty-items{text-align:center;padding:40px 20px;color:var(--hb-text-muted);font-size:14px}.hb-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:#111827f2;color:#fff;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #0003;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:99999;white-space:nowrap}.hb-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:768px){.handbook-container{padding:16px 14px 60px}.handbook-header{flex-direction:column;align-items:flex-start;gap:12px;margin:0 0 20px!important;padding:0 0 16px!important}.handbook-title-group{width:100%;flex:none;height:auto;min-height:0}.handbook-main-title{font-size:22px;margin:0 0 4px!important}.handbook-subtitle{font-size:13px;margin:0!important}.handbook-user-panel{width:100%;margin-top:2px!important}.hb-login-prompt{width:100%;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;font-size:12px}.hb-login-prompt span{flex:1 1 auto;line-height:1.35}.hb-btn-login{flex-shrink:0;white-space:nowrap;padding:7px 16px;font-size:13px;min-width:76px}.hb-customer-info{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}.hb-ip-section{margin-bottom:20px}.hb-ip-grid{gap:10px;padding:4px 4px 8px;margin:0 -4px}.hb-ip-card{padding:6px 12px 6px 6px;border-radius:12px;gap:10px}.hb-ip-thumb-box{width:40px;height:40px;border-radius:8px}.hb-ip-name{font-size:13px}.hb-ip-count{font-size:11px}.hb-view-switcher{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0 0 18px!important}.hb-segmented-nav{width:auto!important}.hb-seg-btn{padding:6px 14px!important;font-size:12px!important}.hb-view-meta{width:100%!important;justify-content:flex-start!important;padding-left:2px!important}.hb-series-visible-count{font-size:12px!important}.handbook-series-list{gap:24px}.hb-series-card{padding:16px 14px;border-radius:12px}.hb-series-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;padding-bottom:14px}.hb-series-title{font-size:18px;margin-bottom:6px}.hb-series-meta{flex-wrap:wrap;gap:8px 12px;font-size:12px}.hb-quota-stat strong{font-size:14px}.hb-series-actions{width:100%}.hb-btn-buy{display:block;width:100%;text-align:center;padding:10px 16px;font-size:13px;box-sizing:border-box}.hb-grid{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.hb-card{border-radius:8px!important}.hb-series-card{padding:14px 10px!important}.hb-card-lock-overlay{top:4px!important;right:4px!important}.hb-lock-pill{width:18px!important;height:18px!important}.hb-svg-lock{width:9px!important;height:9px!important}.hb-card-badge{top:4px!important;right:4px!important;width:18px!important;height:18px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;box-shadow:0 1px 4px #fa8c1666!important}.hb-badge-svg{width:9px!important;height:9px!important}.hb-badge-text{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/handbook.css.map */