.nav-overlay[data-v-5b6eca59]{-webkit-backdrop-filter:blur(4px);z-index:999;background:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.nav-drawer[data-v-5b6eca59]{background:var(--card-bg,#fff);box-sizing:border-box;flex-direction:column;width:280px;max-width:80vw;height:100%;animation:.25s slideLeft-5b6eca59;display:flex;box-shadow:-4px 0 20px #00000026}@keyframes slideLeft-5b6eca59{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header[data-v-5b6eca59]{padding:calc(16px + var(--safe-top)) 20px 16px 20px;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.drawer-title[data-v-5b6eca59]{color:var(--text-main);margin:0;font-size:16px;font-weight:700}.close-btn[data-v-5b6eca59]{color:var(--text-sub);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.drawer-body[data-v-5b6eca59]{flex:1;padding:20px;overflow-y:auto}.nav-section-title[data-v-5b6eca59]{color:var(--text-sub);margin-bottom:12px;font-size:12px;font-weight:700}.nav-grid[data-v-5b6eca59]{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.nav-item[data-v-5b6eca59]{background:var(--bg);color:var(--text-main);border:1.5px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:14px 10px;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-5b6eca59]:hover{background:var(--hover-bg)}.nav-item.active[data-v-5b6eca59]{border-color:var(--primary);color:var(--primary);background:#3b82f614}.icon-box[data-v-5b6eca59]{justify-content:center;align-items:center;margin-bottom:6px;font-size:24px;display:flex}.nav-egg-img[data-v-5b6eca59],.nav-achv-img[data-v-5b6eca59],.nav-recipe-img[data-v-5b6eca59]{object-fit:contain;width:26px;height:26px}.app-container[data-v-073fe97f]{background-color:var(--bg);width:100%;height:100dvh;color:var(--text-main);flex-direction:column;display:flex;overflow:hidden}.app-header[data-v-073fe97f]{background:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:800;padding-top:var(--safe-top);flex-shrink:0;box-shadow:0 1px 3px #0000000d}.header-content[data-v-073fe97f]{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;margin:0 auto;padding:0 16px;display:flex}.header-top-row[data-v-073fe97f]{height:var(--header-height);justify-content:space-between;align-items:center;gap:12px;display:flex}.header-left[data-v-073fe97f]{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-logo[data-v-073fe97f]{object-fit:contain;width:auto;height:32px}.header-title[data-v-073fe97f]{color:var(--text-main);margin:0;font-size:18px;font-weight:700}.global-search-container[data-v-073fe97f]{position:relative}.desktop-search[data-v-073fe97f]{flex:1;max-width:420px;margin:0 16px;display:flex}.mobile-search-row[data-v-073fe97f]{padding-bottom:10px;display:none}@media (width<=767px){.desktop-search[data-v-073fe97f]{display:none}.mobile-search-row[data-v-073fe97f]{display:block}}.global-search-box[data-v-073fe97f]{align-items:center;width:100%;display:flex;position:relative}.search-icon-img[data-v-073fe97f]{width:18px;height:18px;filter:var(--icon-filter);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.global-search-input[data-v-073fe97f]{border:1px solid var(--input-border);background:var(--input-bg);width:100%;height:36px;color:var(--input-text);box-sizing:border-box;border-radius:20px;padding:6px 32px 6px 40px;font-size:13px;transition:all .2s}.global-search-input[data-v-073fe97f]:focus{border-color:var(--input-border-focus);background:var(--card-bg);outline:none}.clear-btn[data-v-073fe97f]{color:var(--text-sub);cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;position:absolute;right:10px}.global-search-dropdown[data-v-073fe97f]{background:var(--card-bg);border:1px solid var(--border-color);z-index:1000;border-radius:12px;max-height:320px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.search-empty[data-v-073fe97f]{text-align:center;color:var(--text-sub);padding:14px;font-size:13px}.search-result-list[data-v-073fe97f]{flex-direction:column;display:flex}.search-result-item[data-v-073fe97f]{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background-color .15s;display:flex}.search-result-item[data-v-073fe97f]:last-child{border-bottom:none}.search-result-item[data-v-073fe97f]:hover{background:var(--hover-bg)}.item-type-badge[data-v-073fe97f]{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.item-type-badge.role[data-v-073fe97f]{color:var(--primary);background:#3b82f61f}.item-type-badge.equip[data-v-073fe97f]{color:#9333ea;background:#9333ea1f}.item-type-badge.pet[data-v-073fe97f]{color:#d97706;background:#d977061f}.item-type-badge.achievement[data-v-073fe97f]{color:#10b981;background:#10b9811f}.item-type-badge.recipe[data-v-073fe97f]{color:#f59e0b;background:#f59e0b1f}.item-name[data-v-073fe97f]{flex:1;font-size:13px;font-weight:700}.item-tag[data-v-073fe97f]{color:var(--text-sub);font-size:11px}.item-tags-flex[data-v-073fe97f]{align-items:center;gap:4px;display:flex}.category-tag-pill[data-v-073fe97f]{color:var(--primary);white-space:nowrap;background:#3b82f614;border:1px solid #3b82f62e;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #00000005}.app-main[data-v-073fe97f]{flex:1;position:relative;overflow:hidden}.header-right[data-v-073fe97f]{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn[data-v-073fe97f]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000008}.icon-btn[data-v-073fe97f]:hover{background:var(--hover-bg);border-color:var(--primary)}.theme-icon-img[data-v-073fe97f]{object-fit:contain;width:20px;height:20px;filter:var(--icon-filter)}.modal-fade-enter-active[data-v-c5af2c92],.modal-fade-leave-active[data-v-c5af2c92]{transition:opacity .25s}.modal-fade-enter-from[data-v-c5af2c92],.modal-fade-leave-to[data-v-c5af2c92]{opacity:0}.back-to-top-btn[data-v-a66e3ba8]{right:20px;bottom:calc(80px + var(--safe-bottom));cursor:pointer;z-index:900;-webkit-tap-highlight-color:transparent;background:#628fb8;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;box-shadow:0 4px 12px #628fb866}.back-to-top-icon[data-v-a66e3ba8]{object-fit:contain;filter:brightness(0)invert();width:18px;height:18px;transition:transform .2s;transform:scaleY(-1)}@media (width>=800px){.back-to-top-btn[data-v-a66e3ba8]{right:calc(50% - 380px)}}.back-to-top-btn[data-v-a66e3ba8]:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000040}.fade-top-enter-active[data-v-a66e3ba8],.fade-top-leave-active[data-v-a66e3ba8]{transition:all .25s}.fade-top-enter-from[data-v-a66e3ba8],.fade-top-leave-to[data-v-a66e3ba8]{opacity:0;transform:translateY(12px)}.fav-star[data-v-1b6c88c0]{cursor:pointer;color:var(--text-sub);margin-left:auto;font-size:16px;transition:transform .15s}.fav-star.active[data-v-1b6c88c0]{color:#f59e0b}.fav-star[data-v-1b6c88c0]:hover{transform:scale(1.2)}.detail-top[data-v-1b6c88c0]{align-items:center;gap:16px;display:flex}.detail-avatar[data-v-1b6c88c0]{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:flex}.detail-basic[data-v-1b6c88c0]{flex-direction:column;flex:1;gap:6px;display:flex}.detail-title-row[data-v-1b6c88c0]{justify-content:space-between;align-items:center;display:flex}.detail-title[data-v-1b6c88c0]{font-size:18px;font-weight:700}.fav-btn[data-v-1b6c88c0]{background:var(--bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);border-radius:6px;padding:4px 8px;font-size:12px;transition:all .2s}.detail-labels[data-v-1b6c88c0]{align-items:center;gap:6px;display:flex}.detail-section[data-v-1b6c88c0]{flex-direction:column;gap:8px;display:flex}.section-title[data-v-1b6c88c0]{color:var(--text-main);font-size:14px;font-weight:700}.section-content[data-v-1b6c88c0]{color:var(--text-sub);font-size:13px;line-height:1.5}.skill-box[data-v-1b6c88c0]{background:var(--bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.skill-name[data-v-1b6c88c0]{color:var(--primary);font-size:14px;font-weight:700}.skill-effect[data-v-1b6c88c0]{color:var(--text-main);font-size:12px;line-height:1.4}.fav-star[data-v-19c72851]{cursor:pointer;color:var(--text-sub);margin-left:auto;font-size:16px;transition:transform .15s}.fav-star.active[data-v-19c72851]{color:#f59e0b}.fav-star[data-v-19c72851]:hover{transform:scale(1.2)}.detail-header-row[data-v-19c72851]{justify-content:space-between;align-items:center;width:100%;padding-right:10px;display:flex}.fav-btn[data-v-19c72851]{background:var(--bg);border:1px solid var(--border-color);cursor:pointer;color:var(--text-main);border-radius:6px;padding:4px 8px;font-size:12px;transition:all .2s}.equip-stats-preview[data-v-19c72851]{color:var(--text-main);background:var(--bg);border-radius:6px;padding:6px 8px;font-size:12px}.stat-name[data-v-19c72851]{color:var(--text-sub)}.stat-val[data-v-19c72851]{font-weight:600}.effect-label[data-v-19c72851]{color:var(--text-main);font-weight:600}.star-switcher[data-v-19c72851]{background:var(--bg);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.switcher-label[data-v-19c72851]{color:var(--text-sub);font-size:13px;font-weight:600}.star-buttons[data-v-19c72851]{gap:6px;display:flex}.star-btn[data-v-19c72851]{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s}.star-btn.active[data-v-19c72851]{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.detail-section[data-v-19c72851]{flex-direction:column;gap:8px;display:flex}.section-title[data-v-19c72851]{color:var(--text-main);font-size:14px;font-weight:700}.stat-grid[data-v-19c72851]{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat-cell[data-v-19c72851]{background:var(--bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.stat-k[data-v-19c72851]{color:var(--text-sub);font-size:11px}.stat-v[data-v-19c72851]{color:var(--text-main);font-size:13px;font-weight:700}.effect-box[data-v-19c72851]{background:var(--bg);border:1px solid var(--border-color);color:var(--text-main);border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.pet-filter-sticky[data-v-92b07b35]{flex-direction:column;gap:10px;padding:10px 16px;display:flex}.recommend-filter-row[data-v-92b07b35]{justify-content:space-between;align-items:center;gap:8px;display:flex}.tag-group[data-v-92b07b35]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.action-filter-tag[data-v-92b07b35]{background:var(--card-bg,#fff);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;transition:all .2s}.action-filter-tag.active[data-v-92b07b35]{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:700}.right-action-group[data-v-92b07b35]{align-items:center;gap:8px;margin-left:auto;display:flex}@media (width<=767px){.recommend-filter-row[data-v-92b07b35]{flex-direction:column;align-items:flex-start;gap:8px}.right-action-group[data-v-92b07b35]{justify-content:flex-start;width:100%;margin-left:0}}.pool-segmented-btn[data-v-92b07b35]{background:var(--input-bg,#f1f5f9);border:1px solid var(--border-color);border-radius:20px;padding:3px;display:flex}.pool-btn[data-v-92b07b35]{color:var(--text-sub);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:16px;padding:4px 14px;font-size:13px;font-weight:600;transition:all .2s}.pool-btn.active[data-v-92b07b35]{background:var(--card-bg,#fff);color:var(--primary);box-shadow:0 2px 6px #00000014}.reset-btn[data-v-92b07b35]{border:1px solid var(--border-color);background:var(--card-bg,#fff);color:var(--text-sub);cursor:pointer;white-space:nowrap;border-radius:10px;padding:4px 14px;font-size:13px;transition:all .2s}.reset-btn[data-v-92b07b35]:hover{background:var(--hover-bg);color:var(--text-main)}.field-control-panel[data-v-92b07b35]{background:var(--card-bg,#fff);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.field-control-header[data-v-92b07b35]{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.panel-title[data-v-92b07b35]{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.blue-bar[data-v-92b07b35]{background:var(--primary);border-radius:2px;width:4px;height:14px}.selected-count[data-v-92b07b35]{color:var(--text-sub);font-size:11px;font-weight:400}.arrow[data-v-92b07b35]{color:var(--text-sub);font-size:10px;transition:transform .2s}.arrow.open[data-v-92b07b35]{transform:rotate(180deg)}.field-checkboxes-grid[data-v-92b07b35]{border-top:1px dashed var(--border-color);grid-template-columns:repeat(4,1fr);gap:8px;padding-top:6px;display:grid}.field-checkbox-item[data-v-92b07b35]{border:1px solid var(--border-color);background:var(--input-bg,#f8fafc);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .15s;display:flex}.field-checkbox-item input[data-v-92b07b35]{display:none}.checkbox-box[data-v-92b07b35]{border:1.5px solid var(--text-sub);border-radius:4px;justify-content:center;align-items:center;width:14px;height:14px;transition:all .15s;display:flex}.field-checkbox-item.checked[data-v-92b07b35]{border-color:var(--primary);color:var(--primary);background:#3b82f60f;font-weight:600}.field-checkbox-item.checked .checkbox-box[data-v-92b07b35]{background:var(--primary);border-color:var(--primary)}.field-checkbox-item.checked .checkbox-box[data-v-92b07b35]:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.table-header-row[data-v-92b07b35]{color:var(--primary);-webkit-user-select:none;user-select:none;background:#3b82f60f;border-radius:8px;align-items:center;padding:8px 12px;font-size:13px;font-weight:700;display:flex}.th-cell[data-v-92b07b35]{text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.th-name[data-v-92b07b35]{text-align:left;flex:1.4;justify-content:flex-start}.sort-icon[data-v-92b07b35]{opacity:.7;font-size:11px}.pet-table-scroll[data-v-92b07b35]{padding-top:4px}.pet-table-container[data-v-92b07b35]{flex-direction:column;gap:2px;display:flex}.pet-table-row[data-v-92b07b35]{background:var(--card-bg,#fff);border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;padding:10px 12px;transition:background .15s;display:flex}.pet-table-row[data-v-92b07b35]:hover{background:var(--hover-bg)}.td-cell[data-v-92b07b35]{color:var(--text-main);text-align:center;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.td-name[data-v-92b07b35]{text-align:left;flex:1.4;justify-content:flex-start;gap:8px}.egg-icon-wrapper[data-v-92b07b35]{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.egg-img[data-v-92b07b35]{object-fit:contain;width:28px;height:28px}.pet-name[data-v-92b07b35]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.rec-badge[data-v-92b07b35]{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.rec-sell[data-v-92b07b35]{color:#ef4444;background:#fef2f2;border:1px solid #ef444433}.rec-feed[data-v-92b07b35]{color:#10b981;background:#ecfdf5;border:1px solid #10b98133}.rec-optional[data-v-92b07b35]{color:#d97706;background:#fffbe8;border:1px solid #d9770633}.detail-top[data-v-92b07b35]{align-items:center;gap:14px;display:flex}.detail-egg-icon[data-v-92b07b35]{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.detail-egg-img[data-v-92b07b35]{object-fit:contain;width:44px;height:44px}.detail-basic[data-v-92b07b35]{flex-direction:column;flex:1;gap:6px;display:flex}.detail-title-row[data-v-92b07b35]{justify-content:space-between;align-items:center;display:flex}.detail-title[data-v-92b07b35]{font-size:18px;font-weight:700}.detail-labels[data-v-92b07b35]{align-items:center;gap:6px;display:flex}.tag-time[data-v-92b07b35]{color:var(--primary);background:#3b82f61a}.detail-section[data-v-92b07b35]{flex-direction:column;gap:8px;display:flex}.section-title[data-v-92b07b35]{color:var(--text-main);font-size:13px;font-weight:700}.metrics-table[data-v-92b07b35]{background:var(--bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.table-row[data-v-92b07b35]{justify-content:space-between;align-items:center;font-size:12px;display:flex}.row-k[data-v-92b07b35]{color:var(--text-sub)}.row-v[data-v-92b07b35]{color:var(--text-main);font-weight:600}.row-v.highlight[data-v-92b07b35]{color:var(--primary);font-weight:700}.gold-color[data-v-92b07b35]{color:#d97706}.exp-color[data-v-92b07b35]{color:#9333ea}.attr-grid[data-v-92b07b35]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.attr-cell[data-v-92b07b35]{background:var(--bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-items:center;padding:6px;display:flex}.attr-k[data-v-92b07b35]{color:var(--text-sub);font-size:10px}.attr-v[data-v-92b07b35]{color:var(--text-main);font-size:13px;font-weight:700}.section-content[data-v-92b07b35]{color:var(--text-sub);font-size:12px;line-height:1.5}.achievement-filter-sticky[data-v-610046c0]{flex-direction:column;gap:8px;padding:10px 16px;display:flex}.control-row-1[data-v-610046c0]{width:100%}.segmented-pill-container[data-v-610046c0]{background:var(--input-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:14px;align-items:center;padding:3px;display:flex}.category-segmented[data-v-610046c0]{width:100%}.status-segmented[data-v-610046c0]{width:auto;display:inline-flex}.segmented-pill-item[data-v-610046c0]{text-align:center;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:10px;flex:1;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.segmented-pill-item[data-v-610046c0]:hover{color:var(--text-main)}.segmented-pill-item.active[data-v-610046c0]{background:var(--card-bg,#fff);color:var(--primary);font-weight:700;box-shadow:0 2px 8px #00000014}.control-row-2[data-v-610046c0]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.collection-counter[data-v-610046c0]{color:var(--text-sub);white-space:nowrap;font-size:13px;font-weight:600}.count-num[data-v-610046c0]{color:var(--primary);font-weight:700}.control-row-3[data-v-610046c0]{width:100%}.search-input-wrapper-full[data-v-610046c0]{align-items:center;width:100%;display:flex;position:relative}.search-icon-img[data-v-610046c0]{width:16px;height:16px;filter:var(--icon-filter);pointer-events:none;position:absolute;left:12px}.ach-search-input-full[data-v-610046c0]{border:1px solid var(--input-border);background:var(--input-bg);width:100%;height:34px;color:var(--input-text);box-sizing:border-box;border-radius:17px;padding:4px 30px 4px 34px;font-size:13px;transition:all .2s}.ach-search-input-full[data-v-610046c0]:focus{border-color:var(--input-border-focus);background:var(--card-bg);outline:none}.clear-btn[data-v-610046c0]{color:var(--text-sub);cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;right:10px}.ach-scroll-container[data-v-610046c0]{padding-top:4px}.ach-cards-list[data-v-610046c0]{flex-direction:column;gap:6px;padding-bottom:20px;display:flex}.ach-card[data-v-610046c0]{background:var(--card-bg,#fff);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;transition:all .25s;display:flex}.ach-card[data-v-610046c0]:hover{background:var(--hover-bg);box-shadow:0 3px 8px #0000000a}.ach-card.card-highlight-pulse[data-v-610046c0]{animation:.8s ease-in-out 3 cardPulse-610046c0;border-color:var(--primary)!important;box-shadow:0 0 16px #3b82f673!important}@keyframes cardPulse-610046c0{0%,to{border-color:var(--primary);box-shadow:0 0 14px #3b82f666}50%{border-color:#60a5fa;box-shadow:0 0 22px #60a5fab3}}.card-left[data-v-610046c0]{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.icon-box-wrapper[data-v-610046c0]{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ach-category-icon[data-v-610046c0]{object-fit:contain;width:100%;height:100%}.ach-info[data-v-610046c0]{flex-direction:column;gap:2px;min-width:0;display:flex}.ach-name-row[data-v-610046c0]{align-items:center;gap:6px;display:flex}.ach-name[data-v-610046c0]{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.ach-des[data-v-610046c0]{color:var(--text-sub);font-size:11px;line-height:1.35}.card-right[data-v-610046c0]{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.custom-switch[data-v-610046c0]{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#94a3b8;border-radius:12px;justify-content:space-between;align-items:center;width:44px;height:24px;padding:0 5px;transition:background-color .25s;display:flex;position:relative}.custom-switch.active[data-v-610046c0]{background:#22c55e}.switch-mark[data-v-610046c0]{color:#fffffff2;z-index:1;font-size:10px;font-weight:700;line-height:1}.icon-check[data-v-610046c0]{opacity:0;margin-left:1px;transition:opacity .2s}.icon-cross[data-v-610046c0]{opacity:1;margin-right:1px;transition:opacity .2s}.custom-switch.active .icon-check[data-v-610046c0]{opacity:1}.custom-switch.active .icon-cross[data-v-610046c0]{opacity:0}.switch-knob[data-v-610046c0]{z-index:2;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0003}.custom-switch.active .switch-knob[data-v-610046c0]{transform:translate(20px)}.card-rewards-row[data-v-610046c0]{align-items:center;gap:6px;display:flex}.reward-item[data-v-610046c0]{align-items:center;gap:3px;display:flex}.reward-icon-img[data-v-610046c0]{object-fit:contain;width:18px;height:18px}.reward-count[data-v-610046c0]{color:var(--text-main);font-size:11px;font-weight:600}.recipes-filter-sticky[data-v-a3d2554d]{flex-direction:column;gap:8px;padding:10px 16px;display:flex}.control-row-1[data-v-a3d2554d]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.segmented-pill-container[data-v-a3d2554d]{background:var(--input-bg);border:1px solid var(--border-color);box-sizing:border-box;border-radius:14px;align-items:center;padding:3px;display:flex}.tag-segmented[data-v-a3d2554d]{width:auto;display:inline-flex}.segmented-pill-item[data-v-a3d2554d]{text-align:center;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:10px;flex:1;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.segmented-pill-item[data-v-a3d2554d]:hover{color:var(--text-main)}.segmented-pill-item.active[data-v-a3d2554d]{background:var(--card-bg,#fff);color:var(--primary);font-weight:700;box-shadow:0 2px 8px #00000014}.recipes-counter[data-v-a3d2554d]{color:var(--text-sub);white-space:nowrap;font-size:13px;font-weight:600}.count-num[data-v-a3d2554d]{color:var(--primary);font-weight:700}.control-row-2[data-v-a3d2554d]{width:100%}.search-input-wrapper-full[data-v-a3d2554d]{align-items:center;width:100%;display:flex;position:relative}.search-icon-img[data-v-a3d2554d]{width:16px;height:16px;filter:var(--icon-filter);pointer-events:none;position:absolute;left:12px}.recipe-search-input-full[data-v-a3d2554d]{border:1px solid var(--input-border);background:var(--input-bg);width:100%;height:34px;color:var(--input-text);box-sizing:border-box;border-radius:17px;padding:4px 30px 4px 34px;font-size:13px;transition:all .2s}.recipe-search-input-full[data-v-a3d2554d]:focus{border-color:var(--input-border-focus);background:var(--card-bg);outline:none}.clear-btn[data-v-a3d2554d]{color:var(--text-sub);cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;right:10px}.recipe-scroll-container[data-v-a3d2554d]{padding-top:4px}.recipe-cards-list[data-v-a3d2554d]{flex-direction:column;gap:8px;padding-bottom:20px;display:flex}.recipe-card[data-v-a3d2554d]{background:var(--card-bg,#fff);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;padding:10px 14px;transition:all .25s;display:flex}.recipe-card[data-v-a3d2554d]:hover{background:var(--hover-bg);box-shadow:0 4px 12px #0000000d}.recipe-card.card-highlight-pulse[data-v-a3d2554d]{animation:.8s ease-in-out 3 cardPulse-a3d2554d;border-color:var(--primary)!important;box-shadow:0 0 16px #3b82f673!important}@keyframes cardPulse-a3d2554d{0%,to{border-color:var(--primary);box-shadow:0 0 14px #3b82f666}50%{border-color:#60a5fa;box-shadow:0 0 22px #60a5fab3}}.card-header-row[data-v-a3d2554d]{justify-content:space-between;align-items:center;width:100%;display:flex}.card-header-left[data-v-a3d2554d]{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.recipe-icon-wrapper[data-v-a3d2554d]{background:var(--input-bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;padding:2px;display:flex}.recipe-icon-img[data-v-a3d2554d]{object-fit:contain;width:100%;height:100%}.recipe-title-group[data-v-a3d2554d]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.recipe-name-row[data-v-a3d2554d]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recipe-name[data-v-a3d2554d]{color:var(--text-main);white-space:nowrap;font-size:16px;font-weight:700}.recipe-category-pills[data-v-a3d2554d]{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.category-tag-pill[data-v-a3d2554d]{color:var(--primary);white-space:nowrap;background:#3b82f614;border:1px solid #3b82f62e;border-radius:4px;padding:3px 10px;font-size:11px;font-weight:700;box-shadow:0 1px 2px #00000005}.preview-btn.circle-grey-btn[data-v-a3d2554d]{background:var(--input-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.preview-btn.circle-grey-btn[data-v-a3d2554d]:hover{background:var(--hover-bg);border-color:var(--primary);transform:scale(1.06)}.preview-icon-img[data-v-a3d2554d]{width:18px;height:18px;filter:var(--icon-filter)}.ingredients-flex-row[data-v-a3d2554d]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ingredient-chip[data-v-a3d2554d]{background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.ing-icon-img[data-v-a3d2554d]{object-fit:contain;width:18px;height:18px}.ing-name[data-v-a3d2554d]{color:var(--text-main);font-weight:500}.ing-count[data-v-a3d2554d]{color:var(--primary);font-weight:700}.buff-section[data-v-a3d2554d]{background:var(--input-bg);border-radius:8px;padding:8px 12px}.buff-des-text[data-v-a3d2554d]{color:var(--text-main);font-size:12px;font-weight:500;line-height:1.45}.source-section[data-v-a3d2554d]{margin-top:2px}.source-link-bar[data-v-a3d2554d]{cursor:pointer;background:#f59e0b1a;border:1px dashed #f59e0b;border-radius:8px;align-items:center;gap:6px;width:max-content;padding:5px 10px;transition:all .2s;display:inline-flex}.source-link-bar[data-v-a3d2554d]:hover{background:#f59e0b33;transform:translate(2px)}.source-text[data-v-a3d2554d]{color:#d97706;font-size:12px;font-weight:600}.source-arrow[data-v-a3d2554d]{color:#d97706;font-size:14px;font-weight:700}.preview-modal-body[data-v-a3d2554d]{flex-direction:column;align-items:center;gap:12px;padding:10px 0;display:flex}.preview-img-container[data-v-a3d2554d]{background:var(--input-bg);border-radius:8px;justify-content:center;width:100%;max-height:60vh;padding:10px;display:flex;overflow-y:auto}.recipe-prev-img[data-v-a3d2554d]{object-fit:contain;border-radius:6px;max-width:100%;height:auto}.preview-footer-note[data-v-a3d2554d]{width:100%;color:var(--text-sub);justify-content:space-between;align-items:center;padding:0 4px;font-size:12px;display:flex}.source-tag-note[data-v-a3d2554d]{color:#d97706;font-weight:600}.task-modal-body[data-v-a3d2554d]{flex-direction:column;flex:none;gap:16px;padding:2px 0;display:flex}.task-meta-card[data-v-a3d2554d]{background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.task-meta-row[data-v-a3d2554d]{align-items:center;gap:8px;font-size:13px;display:flex}.meta-label[data-v-a3d2554d]{color:var(--text-sub);flex-shrink:0;font-size:12px;font-weight:700}.meta-val[data-v-a3d2554d]{color:var(--text-main);font-weight:500}.task-title-val[data-v-a3d2554d]{color:var(--text-main);font-weight:700}.npc-name[data-v-a3d2554d]{color:var(--primary);font-weight:700}.task-type-badge[data-v-a3d2554d]{font-size:11px;font-weight:700}.task-section[data-v-a3d2554d]{flex-direction:column;flex:none;gap:8px;display:flex}.task-section-title[data-v-a3d2554d]{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.title-icon[data-v-a3d2554d]{font-size:14px}.task-steps-list[data-v-a3d2554d]{flex-direction:column;flex:none;gap:8px;display:flex;padding-bottom:0!important}.task-step-item[data-v-a3d2554d]{background:var(--card-bg,#fff);border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:12px;line-height:1.4;display:flex}.step-num[data-v-a3d2554d]{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.step-text[data-v-a3d2554d]{flex:1}.task-rewards-flex[data-v-a3d2554d]{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.task-reward-chip[data-v-a3d2554d]{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.rew-icon-img[data-v-a3d2554d]{object-fit:contain;width:22px;height:22px}.rew-name[data-v-a3d2554d]{color:var(--text-main);font-weight:600}.rew-count[data-v-a3d2554d]{color:var(--primary);font-weight:700}@font-face{font-family:HarmonyOS_Bold;src:url(/fonts/HarmonyOS_Sans_Bold.ttf)format("truetype");font-weight:700}@font-face{font-family:HarmonyOS_Regular;src:url(/fonts/HarmonyOS_Sans_Regular.ttf)format("truetype");font-weight:400}html,body{background-color:var(--bg,#f8fafc);width:100%;height:100dvh;color:var(--text-main,#0f172a);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:HarmonyOS_Regular,PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important}#app{flex-direction:column;width:100%;height:100dvh;display:flex}.filter-sticky-bar,[class*=-sticky-top],.filter-section{max-height:55vh!important;overflow-y:auto!important}.data-grid-scroll,[class*=-grid-scroll],[class*=-list]{padding-bottom:calc(80px + var(--safe-bottom))}.modal-body [class*=-list]{padding-bottom:0!important}:root{--safe-top:max(env(safe-area-inset-top), 0px);--safe-bottom:max(env(safe-area-inset-bottom), 0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--header-height:56px;--primary:#3b82f6;--primary-hover:#2563eb;--bg:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-sub:#64748b;--border-color:#e2e8f0;--hover-bg:#f1f5f9;--icon-filter:brightness(0) saturate(100%) invert(13%) sepia(13%) saturate(3665%) hue-rotate(189deg) brightness(91%) contrast(92%);--modal-bg:#fff;--modal-text:#0f172a;--modal-header-border:#f1f5f9;--modal-close-color:#94a3b8;--input-bg:#f8fafc;--input-border:#e2e8f0;--input-border-focus:#3b82f6;--input-text:#0f172a;--rarity-legend:#f97316;--rarity-epic:#a855f7;--rarity-rare:#3b82f6;--rarity-common:#10b981}.dark-mode{--primary:#60a5fa;--primary-hover:#3b82f6;--bg:#0f172a;--card-bg:#1e293b;--text-main:#f8fafc;--text-sub:#94a3b8;--border-color:#ffffff1a;--hover-bg:#ffffff0d;--modal-bg:#1e293b;--modal-text:#f8fafc;--modal-header-border:#ffffff1a;--modal-close-color:#64748b;--input-bg:#0003;--input-border:#ffffff1a;--input-border-focus:#60a5fa;--input-text:#f8fafc;--icon-filter:brightness(0) saturate(100%) invert(91%) sepia(5%) saturate(542%) hue-rotate(181deg) brightness(96%) contrast(87%)}h1,h2,h3,h4,h5,h6,.app-title,.modal-title,.card-name,.section-title,.filter-label{font-family:HarmonyOS_Bold,sans-serif;font-weight:700}.max-w-wrapper{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding-left:16px;padding-right:16px}.page-view-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;height:100%;margin:0 auto;display:flex}.filter-sticky-bar{background:var(--bg);flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 8px;display:flex}.search-row{align-items:center;gap:10px;display:flex}.search-box{align-items:center;width:100%;display:flex;position:relative}.search-input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--input-text);box-sizing:border-box;border-radius:10px;padding:10px 14px 10px 36px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--input-border-focus);outline:none;box-shadow:0 0 0 3px #3b82f626}.filter-toggle-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.filter-toggle-btn .arrow{font-size:10px;transition:transform .2s}.filter-toggle-btn .arrow.open{transform:rotate(180deg)}.filter-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:10px;margin-top:10px;padding:12px 14px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.filter-row{align-items:center;gap:12px;display:flex}.filter-label{color:var(--text-sub);flex-shrink:0;width:45px;font-size:12px;font-weight:700}.filter-options{flex-wrap:wrap;flex:1;gap:6px;display:flex}.filter-tag,.tag{background:var(--bg);cursor:pointer;border:1px solid var(--border-color);color:var(--text-main);-webkit-user-select:none;user-select:none;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .15s}.filter-tag.active,.tag.active{background:var(--primary,#3b82f6);color:#fff;border-color:var(--primary,#3b82f6);font-weight:600;box-shadow:0 2px 6px #3b82f640}.count-bar{color:var(--text-sub);font-size:13px;font-weight:500}.count-num{color:var(--primary);font-weight:700}.data-grid-scroll{flex:1;padding:0 16px 80px;overflow-y:auto}.data-grid-container{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.data-grid-container.wide-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.data-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.data-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.card-top-row{align-items:center;gap:10px;display:flex}.card-avatar,.card-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex}.card-main-info{flex-direction:column;gap:4px;display:flex;overflow:hidden}.card-title-row{align-items:center;gap:6px;display:flex}.card-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.card-desc{color:var(--text-sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.rarity-badge{color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.badge-SS{background:var(--rarity-legend)}.badge-S{background:var(--rarity-epic)}.badge-A{background:var(--rarity-rare)}.badge-B{background:var(--rarity-common)}.rarity-bg-SS{background:var(--rarity-legend)}.rarity-bg-S{background:var(--rarity-epic)}.rarity-bg-A{background:var(--rarity-rare)}.rarity-bg-B{background:var(--rarity-common)}.rarity-text-SS{color:var(--rarity-legend)}.rarity-text-S{color:var(--rarity-epic)}.rarity-text-A{color:var(--rarity-rare)}.rarity-text-B{color:var(--rarity-common)}.mini-tag{border:1px solid var(--border-color);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500}.tag-job{color:var(--primary);background:#3b82f61a}.tag-attr{color:var(--rarity-epic);background:#a855f71a}.slot-tag{color:var(--text-sub);font-size:11px}.no-data{text-align:center;color:var(--text-sub);padding:40px;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-window{background:var(--modal-bg);border:1px solid var(--border-color);width:90%;max-width:480px;max-height:80vh;margin-bottom:var(--safe-bottom);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000040}.modal-header{border-bottom:1px solid var(--modal-header-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--modal-text);margin:0;font-size:16px;font-weight:600}.modal-close-btn{color:var(--modal-close-color);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;transition:all .2s}.modal-close-btn:hover{background:var(--hover-bg);color:var(--modal-text)}.modal-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.global-loading-state{width:100%;color:var(--text-sub);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;font-size:14px;display:flex}.global-loading-spinner{border:3px solid #3b82f633;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite global-spin}@keyframes global-spin{to{transform:rotate(360deg)}}