.fade-enter-active[data-v-9c837f93],.fade-leave-active[data-v-9c837f93]{transition:opacity .25s}.fade-enter-from[data-v-9c837f93],.fade-leave-to[data-v-9c837f93]{opacity:0}.slide-side-enter-active[data-v-9c837f93],.slide-side-leave-active[data-v-9c837f93]{transition:transform .25s cubic-bezier(.16,1,.3,1)}.slide-side-enter-from[data-v-9c837f93],.slide-side-leave-to[data-v-9c837f93]{transform:translate(100%)}.fade-top-enter-active[data-v-9c837f93],.fade-top-leave-active[data-v-9c837f93]{transition:opacity .2s}.fade-top-enter-from[data-v-9c837f93],.fade-top-leave-to[data-v-9c837f93]{opacity:0}.fade-top-enter-active .top-panel[data-v-9c837f93],.fade-top-leave-active .top-panel[data-v-9c837f93]{transition:transform .2s cubic-bezier(.16,1,.3,1)}.fade-top-enter-from .top-panel[data-v-9c837f93],.fade-top-leave-to .top-panel[data-v-9c837f93]{transform:translateY(-15px)}.nav-mask[data-v-9c837f93]{background:var(--modal-overlay,#0006);z-index:1500;position:fixed;inset:0}.side-panel[data-v-9c837f93]{background:var(--bg-color,#fff);border-left:1px solid var(--border-color);z-index:1501;flex-direction:column;width:60%;max-width:260px;display:flex;position:fixed;top:0;bottom:0;right:0}.side-panel.desktop-panel[data-v-9c837f93]{z-index:1;width:170px;max-width:none;box-shadow:none;background:0 0;border-left:none;position:relative}.dark-mode .side-panel[data-v-9c837f93]:not(.desktop-panel){background:#1e1e1e}.side-header[data-v-9c837f93]{border-bottom:1px solid var(--border-color,#eee);background:linear-gradient(135deg,#00000005 0%,#0000000d 100%);justify-content:space-between;align-items:center;padding:24px 16px 16px;display:flex}.dark-mode .side-header[data-v-9c837f93]{background:linear-gradient(135deg,#ffffff05 0%,#ffffff0d 100%);border-bottom-color:#333}.side-header-title h2[data-v-9c837f93]{color:#2196f3;margin:0;font-size:17px;font-weight:700}.side-header-sub[data-v-9c837f93]{color:#999;margin-top:4px;font-size:11px;display:block}.close-btn[data-v-9c837f93]{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.side-body[data-v-9c837f93]{flex:1;padding:8px 0;overflow-y:auto}.side-category-title[data-v-9c837f93]{color:#999;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 4px;font-size:14px;font-weight:700}.side-item[data-v-9c837f93]{color:var(--text-color,#333);cursor:pointer;align-items:center;padding:12px 12px 12px 20px;transition:all .2s;display:flex;position:relative}.dark-mode .side-item[data-v-9c837f93]{color:#fff}.side-item[data-v-9c837f93]:hover{background:#00000005}.dark-mode .side-item[data-v-9c837f93]:hover{background:#ffffff0d}.side-item .icon-img[data-v-9c837f93]{object-fit:contain;border-radius:8px;flex-shrink:0;width:28px;height:28px;margin-right:12px;padding:0}.side-panel.desktop-panel .side-item .icon-img[data-v-9c837f93]{width:38px;height:38px}.side-item .item-name[data-v-9c837f93]{font-size:16px;font-weight:700}.side-item .arrow[data-v-9c837f93]{color:#ccc;margin-left:auto;font-size:14px}.side-item.active[data-v-9c837f93]{color:#2196f3;background-color:#2196f30d;font-weight:700}.side-item.active[data-v-9c837f93]:before{content:"";background-color:#2196f3;width:3px;position:absolute;top:0;bottom:0;left:0}.bottom-sheet[data-v-9c837f93]{background:var(--bg-color,#fff);z-index:1501;border-top:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:800px;max-height:80vh;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 24px #0000001a}.dark-mode .bottom-sheet[data-v-9c837f93]{background:#1e1e1e;border-top-color:#333}.sheet-handle[data-v-9c837f93]{cursor:pointer;background:#e2e8f0;border-radius:2px;width:36px;height:4px;margin:10px auto 4px}.dark-mode .sheet-handle[data-v-9c837f93]{background:#444}.sheet-header[data-v-9c837f93]{border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:8px 16px 12px;display:flex}.dark-mode .sheet-header[data-v-9c837f93]{border-bottom-color:#333}.sheet-header h3[data-v-9c837f93]{color:var(--text-color,#333);margin:0;font-size:15px;font-weight:600}.dark-mode .sheet-header h3[data-v-9c837f93]{color:#fff}.sheet-content[data-v-9c837f93]{padding:12px 16px 30px;overflow-y:auto}.grid-category-title[data-v-9c837f93]{color:#999;margin:14px 0 8px 4px;font-size:12px;font-weight:700}.grid-section:first-child .grid-category-title[data-v-9c837f93]{margin-top:0}.tools-grid[data-v-9c837f93]{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}@media (width<=400px){.tools-grid[data-v-9c837f93]{grid-template-columns:repeat(3,1fr)}}.grid-item[data-v-9c837f93]{cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;transition:all .2s;display:flex}.dark-mode .grid-item[data-v-9c837f93]{background:#252525;border-color:#333}.grid-item[data-v-9c837f93]:hover{background:#f1f5f9}.dark-mode .grid-item[data-v-9c837f93]:hover{background:#333}.grid-item .icon-img[data-v-9c837f93]{background:var(--input-bg);object-fit:contain;border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:4px}.grid-item-name[data-v-9c837f93]{color:var(--text-color,#334155);font-size:12px;line-height:1.3}.dark-mode .grid-item-name[data-v-9c837f93]{color:#ccc}.grid-item.active[data-v-9c837f93]{color:#2196f3;background:#2196f30d;border-color:#2196f3}.dark-mode .grid-item.active[data-v-9c837f93]{background:#2196f326}.grid-item.active .grid-item-name[data-v-9c837f93]{color:#2196f3;font-weight:600}.top-overlay[data-v-9c837f93]{top:calc(var(--header-height,56px) + var(--safe-top,0px));background:var(--modal-overlay,#0000004d);-webkit-backdrop-filter:blur(3px);z-index:99;position:fixed;bottom:0;left:0;right:0}.top-panel[data-v-9c837f93]{background:var(--bg-color,#fff);border-bottom:1px solid var(--border-color,#eee);box-sizing:border-box;border-radius:0 0 16px 16px;width:100%;max-width:800px;max-height:75vh;margin:0 auto;padding:16px;overflow-y:auto;box-shadow:0 10px 25px #00000014}.dark-mode .top-panel[data-v-9c837f93]{background:#1e1e1e;border-bottom-color:#333}@media (width<=767px){.top-overlay[data-v-9c837f93]{top:calc(var(--header-height,56px) + 46px + var(--safe-top,0px))}}.update-overlay[data-v-59ff7111]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.update-modal[data-v-59ff7111]{background:#fff;border-radius:16px;flex-direction:column;gap:16px;width:85%;max-width:320px;padding:24px;display:flex;box-shadow:0 10px 30px #0003}@media (prefers-color-scheme:dark){.update-modal[data-v-59ff7111]{color:#fff;background:#1e1e1e}}.update-title[data-v-59ff7111]{color:inherit;margin:0;font-size:1.25rem;font-weight:600}.update-desc[data-v-59ff7111]{color:#666;white-space:pre-wrap;font-size:.95rem;line-height:1.5}@media (prefers-color-scheme:dark){.update-desc[data-v-59ff7111]{color:#bbb}}.progress-section[data-v-59ff7111]{flex-direction:column;gap:8px;margin-top:12px;display:flex}.progress-bar-bg[data-v-59ff7111]{background:#eee;border-radius:4px;width:100%;height:8px;overflow:hidden}@media (prefers-color-scheme:dark){.progress-bar-bg[data-v-59ff7111]{background:#333}}.progress-bar-fill[data-v-59ff7111]{background:#4ade80;border-radius:4px;height:100%;transition:width .3s}.progress-text[data-v-59ff7111]{color:#888;text-align:right;font-size:.85rem}.error-text[data-v-59ff7111]{color:#ef4444;margin-top:8px;font-size:.85rem}.update-footer[data-v-59ff7111]{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn[data-v-59ff7111]{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.95rem;font-weight:500;transition:all .2s}.btn[data-v-59ff7111]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-59ff7111]{color:#666;background:0 0}@media (prefers-color-scheme:dark){.btn-secondary[data-v-59ff7111]{color:#bbb}}.btn-secondary[data-v-59ff7111]:hover:not(:disabled){background:#0000000d}.btn-primary[data-v-59ff7111]{color:#fff;background:#3b82f6}.btn-primary[data-v-59ff7111]:hover:not(:disabled){background:#2563eb}.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}.custom-modal-overlay[data-v-fb2ae3ec]{z-index:10000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.custom-modal-content[data-v-fb2ae3ec]{background:var(--bg-color,#fff);border-radius:12px;flex-direction:column;width:90%;max-width:400px;display:flex;overflow:hidden}.dark-mode .custom-modal-content[data-v-fb2ae3ec]{color:#fff;background:#1e1e1e}.modal-header[data-v-fb2ae3ec]{border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:16px;display:flex}.dark-mode .modal-header[data-v-fb2ae3ec]{border-bottom-color:#333}.modal-title[data-v-fb2ae3ec]{margin:0;font-size:18px}.close-btn[data-v-fb2ae3ec]{cursor:pointer;color:#999;background:0 0;border:none;font-size:20px}.modal-body[data-v-fb2ae3ec]{padding:16px}.mode-desc[data-v-fb2ae3ec]{color:#666;margin-bottom:16px;font-size:14px}.dark-mode .mode-desc[data-v-fb2ae3ec]{color:#aaa}.mode-options[data-v-fb2ae3ec]{flex-direction:column;gap:12px;display:flex}.mode-option[data-v-fb2ae3ec]{cursor:pointer;border:1px solid #ddd;border-radius:8px;flex-direction:column;padding:12px;transition:all .2s;display:flex}.dark-mode .mode-option[data-v-fb2ae3ec]{border-color:#444}.mode-option.active[data-v-fb2ae3ec]{background-color:#2196f30d;border-color:#2196f3}.mode-option input[data-v-fb2ae3ec]{display:none}.mode-label[data-v-fb2ae3ec]{margin-bottom:4px;font-size:15px;font-weight:700}.mode-tip[data-v-fb2ae3ec]{color:#999;font-size:12px}.dark-mode .mode-tip[data-v-fb2ae3ec]{color:#777}.modal-footer[data-v-fb2ae3ec]{border-top:1px solid #eee;justify-content:flex-end;padding:16px;display:flex}.dark-mode .modal-footer[data-v-fb2ae3ec]{border-top-color:#333}.confirm-btn[data-v-fb2ae3ec]{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:6px;padding:8px 16px}.custom-modal-overlay[data-v-981a0698]{z-index:10000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.custom-modal-content[data-v-981a0698]{background:var(--bg-color,#fff);border-radius:12px;flex-direction:column;width:90%;max-width:400px;max-height:80vh;display:flex;overflow:hidden}.dark-mode .custom-modal-content[data-v-981a0698]{color:#fff;background:#1e1e1e}.modal-header[data-v-981a0698]{border-bottom:1px solid var(--border-color,#eee);justify-content:space-between;align-items:center;padding:16px;display:flex}.dark-mode .modal-header[data-v-981a0698]{border-bottom-color:#333}.modal-title[data-v-981a0698]{margin:0;font-size:18px}.close-btn[data-v-981a0698]{cursor:pointer;color:#999;background:0 0;border:none;font-size:20px}.modal-body[data-v-981a0698]{padding:16px;overflow-y:auto}.loading-state[data-v-981a0698],.error-state[data-v-981a0698]{text-align:center;color:#666;padding:20px}.dark-mode .loading-state[data-v-981a0698],.dark-mode .error-state[data-v-981a0698]{color:#aaa}.notice-list[data-v-981a0698]{flex-direction:column;gap:16px;display:flex}.notice-item[data-v-981a0698]{border:1px solid var(--border-color,#eee);background:#00000005;border-radius:8px;padding:12px}.dark-mode .notice-item[data-v-981a0698]{background:#ffffff0d;border-color:#444}.notice-item-title[data-v-981a0698]{color:#2196f3;margin:0 0 4px;font-size:16px}.notice-item-date[data-v-981a0698]{color:#999;margin-bottom:8px;font-size:12px;display:block}.notice-item-content[data-v-981a0698]{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.pinned-tag[data-v-981a0698]{color:#fff;vertical-align:middle;background-color:#ef4444;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:10px}.modal-body[data-v-218267b7]{padding:16px 24px}.version-info[data-v-218267b7]{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.version-logo[data-v-218267b7]{object-fit:cover;border-radius:12px;width:70%;height:70%;margin-bottom:12px}.app-name[data-v-218267b7]{color:#333;margin:0 0 4px;font-size:18px;font-weight:700}.dark-mode .app-name[data-v-218267b7]{color:#fff}.current-version[data-v-218267b7]{color:#999;margin:0;font-size:14px}.status-box[data-v-218267b7]{background:#f9f9f9;border-radius:8px;justify-content:center;align-items:center;padding:16px;display:flex}.dark-mode .status-box[data-v-218267b7]{background:#ffffff0d}.checking-state[data-v-218267b7]{color:#666}.dark-mode .checking-state[data-v-218267b7]{color:#aaa}.up-to-date[data-v-218267b7]{color:#333;justify-content:center;align-items:center;font-size:15px;display:flex}.dark-mode .up-to-date[data-v-218267b7]{color:#eee}.check-icon[data-v-218267b7]{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-right:8px;font-size:14px;font-weight:700;display:flex}.update-available[data-v-218267b7]{text-align:left;align-items:flex-start;width:100%;display:flex}.update-icon[data-v-218267b7]{color:#fff;background:#ff9800;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;font-weight:700;display:flex}.update-text[data-v-218267b7]{flex-direction:column;display:flex}.update-title[data-v-218267b7]{color:#ff9800;margin-bottom:4px;font-weight:700}.update-desc[data-v-218267b7]{color:#ef4444;font-size:12px}.modal-footer-wrapper[data-v-218267b7]{justify-content:center;padding:16px 0;display:flex}.confirm-btn[data-v-218267b7]{color:#fff;cursor:pointer;background:#4285f4;border:none;border-radius:6px;min-width:120px;padding:10px 32px;font-size:14px;font-weight:500;transition:opacity .2s}.confirm-btn[data-v-218267b7]:hover{opacity:.9}.confirm-btn[data-v-218267b7]:disabled{cursor:not-allowed;background:#a0cfff}.about-modal-card[data-v-ec556dfe]{max-width:450px;max-height:90vh;overflow-y:auto}.author-section[data-v-ec556dfe]{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.about-logo[data-v-ec556dfe]{border-radius:12px;width:64px;height:64px;margin-bottom:12px;box-shadow:0 4px 6px -1px #0000001a}.author-name[data-v-ec556dfe]{color:var(--text-main);margin:0 0 12px;font-size:18px}.social-links[data-v-ec556dfe]{gap:16px;display:flex}.social-item[data-v-ec556dfe]{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.social-icon[data-v-ec556dfe]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.taptap[data-v-ec556dfe]{color:#008a8a;background:#00cccc20}.taptap .social-icon[data-v-ec556dfe]{background:#0cc}.bilibili[data-v-ec556dfe]{color:#e83e6d;background:#fb729920}.bilibili .social-icon[data-v-ec556dfe]{background:#fb7299}.credits-section[data-v-ec556dfe]{background:var(--bg);border-radius:12px;padding:16px}.credits-title[data-v-ec556dfe]{color:var(--text-sub);text-align:center;margin-bottom:12px;font-size:14px;font-weight:700}.credits-list[data-v-ec556dfe]{flex-direction:column;gap:10px;display:flex}.credit-item[data-v-ec556dfe]{justify-content:space-between;align-items:center;font-size:13px;display:flex}.credit-name[data-v-ec556dfe]{color:var(--text-main);font-weight:600}.credit-desc[data-v-ec556dfe]{color:var(--text-sub);font-size:12px}.settings-container[data-v-16a74188]{align-items:center;display:flex;position:relative}.settings-mask[data-v-16a74188]{z-index:1000;position:fixed;inset:0}.settings-dropdown[data-v-16a74188]{z-index:1001;background:var(--bg-color,#fff);border:1px solid var(--border-color,#e0e0e0);border-radius:12px;width:160px;margin-top:8px;animation:.2s ease-out slideDown-16a74188;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.dark-mode .settings-dropdown[data-v-16a74188]{background:#1e1e1e;border-color:#333}.dropdown-item[data-v-16a74188]{cursor:pointer;color:var(--text-color,#333);justify-content:flex-start;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.dark-mode .dropdown-item[data-v-16a74188]{color:#fff}.dropdown-item[data-v-16a74188]:hover{background-color:#0000000d}.dark-mode .dropdown-item[data-v-16a74188]:hover{background-color:#ffffff1a}.dropdown-item .item-icon[data-v-16a74188]{width:20px;height:20px;filter:var(--icon-filter,none);margin-left:0;margin-right:8px}.setting-icon-img[data-v-16a74188]{width:20px;height:20px;filter:var(--icon-filter,none);transition:transform .2s}@keyframes slideDown-16a74188{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-fab-btn[data-v-16a74188]{right:20px;bottom:calc(80px + var(--safe-bottom));background:var(--bg-color,#ffffffd9);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color,#0000001a);z-index:990;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:46px;height:46px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;box-shadow:0 4px 16px #00000026}.dark-mode .nav-fab-btn[data-v-16a74188]{background:var(--card-bg,#fff);border-color:#ffffff1a}.nav-fab-btn span[data-v-16a74188]{background-color:var(--text-color,#333);border-radius:2px;width:18px;height:2px;transition:all .2s;display:block}.dark-mode .nav-fab-btn span[data-v-16a74188]{background-color:#fff}.nav-fab-btn[data-v-16a74188]:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000040}.nav-fab-btn[data-v-16a74188]:active{filter:brightness(.9);transform:translateY(-2px)}.app-container[data-v-16a74188]{background-color:var(--bg);width:100%;height:100dvh;color:var(--text-main);flex-direction:column;display:flex;overflow:hidden}.app-header[data-v-16a74188]{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-16a74188]{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-16a74188]{height:var(--header-height);justify-content:space-between;align-items:center;gap:12px;display:flex}.header-left[data-v-16a74188]{flex-shrink:0;align-items:center;gap:10px;display:flex}.app-logo[data-v-16a74188]{object-fit:contain;width:auto;height:42px}.header-title[data-v-16a74188]{color:var(--text-main);margin:0;font-size:18px;font-weight:700}.global-search-container[data-v-16a74188]{position:relative}.desktop-search[data-v-16a74188]{flex:1;max-width:420px;margin:0 16px;display:flex}.mobile-search-row[data-v-16a74188]{padding-bottom:10px;display:none}@media (width<=767px){.desktop-search[data-v-16a74188]{display:none}.mobile-search-row[data-v-16a74188]{display:block}}.global-search-box[data-v-16a74188]{align-items:center;width:100%;display:flex;position:relative}.search-icon-img[data-v-16a74188]{width:18px;height:18px;filter:var(--icon-filter);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.global-search-input[data-v-16a74188]{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-16a74188]:focus{border-color:var(--input-border-focus);background:var(--card-bg);outline:none}.clear-btn[data-v-16a74188]{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-16a74188]{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-16a74188]{text-align:center;color:var(--text-sub);padding:14px;font-size:13px}.search-result-list[data-v-16a74188]{flex-direction:column;display:flex}.search-result-item[data-v-16a74188]{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background-color .15s;display:flex}.search-result-item[data-v-16a74188]:last-child{border-bottom:none}.search-result-item[data-v-16a74188]:hover{background:var(--hover-bg)}.item-type-badge[data-v-16a74188]{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.item-type-badge.role[data-v-16a74188]{color:var(--primary);background:#3b82f61f}.item-type-badge.equip[data-v-16a74188]{color:#9333ea;background:#9333ea1f}.item-type-badge.pet[data-v-16a74188]{color:#d97706;background:#d977061f}.item-type-badge.achievement[data-v-16a74188]{color:#10b981;background:#10b9811f}.item-type-badge.recipe[data-v-16a74188]{color:#f59e0b;background:#f59e0b1f}.item-name[data-v-16a74188]{flex:1;font-size:14px;font-weight:700}.item-tag[data-v-16a74188]{color:var(--text-sub);font-size:11px}.item-tags-flex[data-v-16a74188]{align-items:center;gap:4px;display:flex}.category-tag-pill[data-v-16a74188]{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-16a74188]{flex:0 800px;width:100%;max-width:800px;position:relative;overflow:hidden}@media (width>=769px){.mobile-only[data-v-16a74188]{display:none!important}}@media (width<=768px){.desktop-only[data-v-16a74188]{display:none!important}}.main-layout-row[data-v-16a74188]{flex:1;width:100%;display:flex;position:relative;overflow:hidden}.desktop-sidebar-container[data-v-16a74188]{flex:1;justify-content:flex-end;padding-right:0;display:flex;overflow-y:auto}.desktop-right-spacer[data-v-16a74188]{flex:1}.header-right[data-v-16a74188]{flex-shrink:0;align-items:center;gap:8px;display:flex}.icon-btn[data-v-16a74188]{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-16a74188]:hover{background:var(--hover-bg);border-color:var(--primary)}.theme-icon-img[data-v-16a74188]{object-fit:contain;width:20px;height:20px;filter:var(--icon-filter)}.back-to-top-btn[data-v-28c8a305]{right:20px;bottom:calc(20px + 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:46px;height:46px;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-28c8a305]{object-fit:contain;filter:brightness(0)invert();width:22px;height:22px;transition:transform .2s;transform:scaleY(-1)}@media (width>=800px){.back-to-top-btn[data-v-28c8a305]{right:calc(50% - 380px)}}.back-to-top-btn[data-v-28c8a305]:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000040}.fade-top-enter-active[data-v-28c8a305],.fade-top-leave-active[data-v-28c8a305]{transition:all .25s}.fade-top-enter-from[data-v-28c8a305],.fade-top-leave-to[data-v-28c8a305]{opacity:0;transform:translateY(12px)}.pet-filter-sticky[data-v-0fc14884]{flex-direction:column;gap:8px;padding:10px 16px;display:flex}.control-row-1[data-v-0fc14884]{width:100%}.pool-star-segmented[data-v-0fc14884]{width:100%;display:flex}.pool-star-segmented .segmented-pill-item[data-v-0fc14884]{flex:1}.control-row-2[data-v-0fc14884]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.action-segmented[data-v-0fc14884]{width:auto;display:inline-flex}.segmented-pill-container[data-v-0fc14884]{background:var(--input-bg,#f1f5f9);border:1px solid var(--border-color);box-sizing:border-box;border-radius:14px;align-items:center;padding:3px}.segmented-pill-item[data-v-0fc14884]{text-align:center;color:var(--text-sub);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.segmented-pill-item[data-v-0fc14884]:hover{color:var(--text-main)}.segmented-pill-item.active[data-v-0fc14884]{background:var(--card-bg,#fff);color:var(--primary);font-weight:700;box-shadow:0 2px 8px #00000014}.reset-btn[data-v-0fc14884]{border:1px solid var(--border-color);background:var(--card-bg,#fff);color:var(--text-sub);cursor:pointer;white-space:nowrap;border-radius:10px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.reset-btn[data-v-0fc14884]{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-0fc14884]:hover{background:var(--hover-bg);color:var(--text-main)}.field-control-panel[data-v-0fc14884]{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-0fc14884]{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.panel-title[data-v-0fc14884]{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.blue-bar[data-v-0fc14884]{background:var(--primary);border-radius:2px;width:4px;height:14px}.selected-count[data-v-0fc14884]{color:var(--text-sub);font-size:11px;font-weight:400}.arrow[data-v-0fc14884]{color:var(--text-sub);font-size:10px;transition:transform .2s}.arrow.open[data-v-0fc14884]{transform:rotate(180deg)}.field-checkboxes-grid[data-v-0fc14884]{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-0fc14884]{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}@media screen and (width<=768px){.field-checkbox-item[data-v-0fc14884]{font-size:10px}}.field-checkbox-item input[data-v-0fc14884]{display:none}.checkbox-box[data-v-0fc14884]{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-0fc14884]{border-color:var(--primary);color:var(--primary);background:#3b82f60f;font-weight:600}.field-checkbox-item.checked .checkbox-box[data-v-0fc14884]{background:var(--primary);border-color:var(--primary)}.field-checkbox-item.checked .checkbox-box[data-v-0fc14884]:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.table-header-row[data-v-0fc14884]{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-0fc14884]{text-align:center;cursor:pointer;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.th-name[data-v-0fc14884]{text-align:left;flex:1.4;justify-content:flex-start}.sort-icon[data-v-0fc14884]{opacity:.7;font-size:11px}.pet-table-scroll[data-v-0fc14884]{padding-top:4px}.pet-table-container[data-v-0fc14884]{flex-direction:column;gap:2px;display:flex}.pet-table-row[data-v-0fc14884]{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-0fc14884]:hover{background:var(--hover-bg)}.td-cell[data-v-0fc14884]{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-0fc14884]{text-align:left;flex:1.4;justify-content:flex-start;gap:8px}.egg-icon-wrapper[data-v-0fc14884]{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.egg-img[data-v-0fc14884]{object-fit:contain;width:28px;height:28px}.pet-name[data-v-0fc14884]{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.rec-badge[data-v-0fc14884]{border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.rec-sell[data-v-0fc14884]{color:#ef4444;background:#fef2f2;border:1px solid #ef444433}.rec-feed[data-v-0fc14884]{color:#10b981;background:#ecfdf5;border:1px solid #10b98133}.rec-optional[data-v-0fc14884]{color:#d97706;background:#fffbe8;border:1px solid #d9770633}.detail-top[data-v-0fc14884]{align-items:center;gap:14px;display:flex}.detail-egg-icon[data-v-0fc14884]{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.detail-egg-img[data-v-0fc14884]{object-fit:contain;width:44px;height:44px}.detail-basic[data-v-0fc14884]{flex-direction:column;flex:1;gap:6px;display:flex}.detail-title-row[data-v-0fc14884]{justify-content:space-between;align-items:center;display:flex}.detail-title[data-v-0fc14884]{font-size:18px;font-weight:700}.detail-labels[data-v-0fc14884]{align-items:center;gap:6px;display:flex}.tag-time[data-v-0fc14884]{color:var(--primary);background:#3b82f61a}.detail-section[data-v-0fc14884]{flex-direction:column;gap:8px;display:flex}.section-title[data-v-0fc14884]{color:var(--text-main);font-size:13px;font-weight:700}.metrics-table[data-v-0fc14884]{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-0fc14884]{justify-content:space-between;align-items:center;font-size:12px;display:flex}.row-k[data-v-0fc14884]{color:var(--text-sub)}.row-v[data-v-0fc14884]{color:var(--text-main);font-weight:600}.row-v.highlight[data-v-0fc14884]{color:var(--primary);font-weight:700}.gold-color[data-v-0fc14884]{color:#d97706}.exp-color[data-v-0fc14884]{color:#9333ea}.attr-grid[data-v-0fc14884]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.attr-cell[data-v-0fc14884]{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-0fc14884]{color:var(--text-sub);font-size:10px}.attr-v[data-v-0fc14884]{color:var(--text-main);font-size:13px;font-weight:700}.section-content[data-v-0fc14884]{color:var(--text-sub);font-size:12px;line-height:1.5}.achievement-filter-sticky[data-v-a6a9fb46]{flex-direction:column;gap:8px;padding:10px 16px;display:flex}.control-row-1[data-v-a6a9fb46]{width:100%}.segmented-pill-container[data-v-a6a9fb46]{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-a6a9fb46]{width:100%}.status-segmented[data-v-a6a9fb46]{width:auto;display:inline-flex}.segmented-pill-item[data-v-a6a9fb46]{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-a6a9fb46]:hover{color:var(--text-main)}.segmented-pill-item.active[data-v-a6a9fb46]{background:var(--card-bg,#fff);color:var(--primary);font-weight:700;box-shadow:0 2px 8px #00000014}.control-row-2[data-v-a6a9fb46]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.collection-counter[data-v-a6a9fb46]{color:var(--text-sub);white-space:nowrap;padding:0 12px;font-size:13px;font-weight:600}.count-num[data-v-a6a9fb46]{color:var(--primary);font-weight:700}.control-row-3[data-v-a6a9fb46]{width:100%}.search-input-wrapper-full[data-v-a6a9fb46]{align-items:center;width:100%;display:flex;position:relative}.search-icon-img[data-v-a6a9fb46]{width:16px;height:16px;filter:var(--icon-filter);pointer-events:none;position:absolute;left:12px}.ach-search-input-full[data-v-a6a9fb46]{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-a6a9fb46]:focus{border-color:var(--input-border-focus);background:var(--card-bg);outline:none}.clear-btn[data-v-a6a9fb46]{color:var(--text-sub);cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;right:10px}.ach-scroll-container[data-v-a6a9fb46]{padding-top:4px}.ach-cards-list[data-v-a6a9fb46]{flex-direction:column;gap:6px;padding-bottom:20px;display:flex}.ach-card[data-v-a6a9fb46]{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-a6a9fb46]:hover{background:var(--hover-bg);box-shadow:0 3px 8px #0000000a}.ach-card.card-highlight-pulse[data-v-a6a9fb46]{animation:.8s ease-in-out 3 cardPulse-a6a9fb46;border-color:var(--primary)!important;box-shadow:0 0 16px #3b82f673!important}@keyframes cardPulse-a6a9fb46{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-a6a9fb46]{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.icon-box-wrapper[data-v-a6a9fb46]{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ach-category-icon[data-v-a6a9fb46]{object-fit:contain;width:100%;height:100%}.ach-info[data-v-a6a9fb46]{flex-direction:column;gap:2px;min-width:0;display:flex}.ach-name-row[data-v-a6a9fb46]{align-items:center;gap:6px;display:flex}.ach-name[data-v-a6a9fb46]{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.ach-des[data-v-a6a9fb46]{color:var(--text-sub);font-size:11px;line-height:1.35}.card-right[data-v-a6a9fb46]{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.custom-switch[data-v-a6a9fb46]{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-a6a9fb46]{background:#22c55e}.switch-mark[data-v-a6a9fb46]{color:#fffffff2;z-index:1;font-size:10px;font-weight:700;line-height:1}.icon-check[data-v-a6a9fb46]{opacity:0;margin-left:1px;transition:opacity .2s}.icon-cross[data-v-a6a9fb46]{opacity:1;margin-right:1px;transition:opacity .2s}.custom-switch.active .icon-check[data-v-a6a9fb46]{opacity:1}.custom-switch.active .icon-cross[data-v-a6a9fb46]{opacity:0}.switch-knob[data-v-a6a9fb46]{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-a6a9fb46]{transform:translate(20px)}.card-rewards-row[data-v-a6a9fb46]{align-items:center;gap:6px;display:flex}.reward-item[data-v-a6a9fb46]{align-items:center;gap:3px;display:flex}.reward-icon-img[data-v-a6a9fb46]{object-fit:contain;width:18px;height:18px}.reward-count[data-v-a6a9fb46]{color:var(--text-main);font-size:11px;font-weight:600}.recipes-filter-sticky[data-v-9ed23d9f]{flex-direction:column;gap:8px;padding:10px 16px;display:flex}.control-row-1[data-v-9ed23d9f]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.segmented-pill-container[data-v-9ed23d9f]{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-9ed23d9f]{width:auto;display:inline-flex}.segmented-pill-item[data-v-9ed23d9f]{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-9ed23d9f]:hover{color:var(--text-main)}.segmented-pill-item.active[data-v-9ed23d9f]{background:var(--card-bg,#fff);color:var(--primary);font-weight:700;box-shadow:0 2px 8px #00000014}.recipes-counter[data-v-9ed23d9f]{color:var(--text-sub);white-space:nowrap;padding:0 12px;font-size:13px;font-weight:600}.count-num[data-v-9ed23d9f]{color:var(--primary);font-weight:700}.control-row-2[data-v-9ed23d9f]{width:100%}.search-input-wrapper-full[data-v-9ed23d9f]{align-items:center;width:100%;display:flex;position:relative}.search-icon-img[data-v-9ed23d9f]{width:16px;height:16px;filter:var(--icon-filter);pointer-events:none;position:absolute;left:12px}.recipe-search-input-full[data-v-9ed23d9f]{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-9ed23d9f]:focus{border-color:var(--input-border-focus);background:var(--card-bg);outline:none}.clear-btn[data-v-9ed23d9f]{color:var(--text-sub);cursor:pointer;background:0 0;border:none;font-size:12px;position:absolute;right:10px}.recipe-scroll-container[data-v-9ed23d9f]{padding-top:4px}.recipe-cards-list[data-v-9ed23d9f]{flex-direction:column;gap:8px;padding-bottom:20px;display:flex}.recipe-card[data-v-9ed23d9f]{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-9ed23d9f]:hover{background:var(--hover-bg);box-shadow:0 4px 12px #0000000d}.recipe-card.card-highlight-pulse[data-v-9ed23d9f]{animation:.8s ease-in-out 3 cardPulse-9ed23d9f;border-color:var(--primary)!important;box-shadow:0 0 16px #3b82f673!important}@keyframes cardPulse-9ed23d9f{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-9ed23d9f]{justify-content:space-between;align-items:center;width:100%;display:flex}.card-header-left[data-v-9ed23d9f]{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.recipe-icon-wrapper[data-v-9ed23d9f]{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-9ed23d9f]{object-fit:contain;width:100%;height:100%}.recipe-title-group[data-v-9ed23d9f]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.recipe-name-row[data-v-9ed23d9f]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recipe-name[data-v-9ed23d9f]{color:var(--text-main);white-space:nowrap;font-size:16px;font-weight:700}.recipe-category-pills[data-v-9ed23d9f]{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.category-tag-pill[data-v-9ed23d9f]{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-9ed23d9f]{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-9ed23d9f]:hover{background:var(--hover-bg);border-color:var(--primary);transform:scale(1.06)}.preview-icon-img[data-v-9ed23d9f]{width:18px;height:18px}.ingredients-flex-row[data-v-9ed23d9f]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ingredient-chip[data-v-9ed23d9f]{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-9ed23d9f]{object-fit:contain;width:18px;height:18px}.ing-name[data-v-9ed23d9f]{color:var(--text-main);font-weight:500}.ing-count[data-v-9ed23d9f]{color:var(--primary);font-weight:700}.buff-section[data-v-9ed23d9f]{background:var(--input-bg);border-radius:8px;padding:8px 12px}.buff-des-text[data-v-9ed23d9f]{color:var(--text-main);font-size:12px;font-weight:500;line-height:1.45}.source-section[data-v-9ed23d9f]{margin-top:2px}.source-link-bar[data-v-9ed23d9f]{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-9ed23d9f]:hover{background:#f59e0b33;transform:translate(2px)}.source-text[data-v-9ed23d9f]{color:#d97706;font-size:12px;font-weight:600}.source-arrow[data-v-9ed23d9f]{color:#d97706;font-size:14px;font-weight:700}.preview-modal-body[data-v-9ed23d9f]{flex-direction:column;align-items:center;gap:12px;padding:10px 0;display:flex}.preview-img-container[data-v-9ed23d9f]{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-9ed23d9f]{object-fit:contain;border-radius:6px;max-width:100%;height:auto}.preview-footer-note[data-v-9ed23d9f]{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-9ed23d9f]{color:#d97706;font-weight:600}.task-modal-body[data-v-9ed23d9f]{flex-direction:column;flex:none;gap:16px;padding:2px 0;display:flex}.task-meta-card[data-v-9ed23d9f]{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-9ed23d9f]{align-items:center;gap:8px;font-size:13px;display:flex}.meta-label[data-v-9ed23d9f]{color:var(--text-sub);flex-shrink:0;font-size:12px;font-weight:700}.meta-val[data-v-9ed23d9f]{color:var(--text-main);font-weight:500}.task-title-val[data-v-9ed23d9f]{color:var(--text-main);font-weight:700}.npc-name[data-v-9ed23d9f]{color:var(--primary);font-weight:700}.task-type-badge[data-v-9ed23d9f]{font-size:11px;font-weight:700}.task-section[data-v-9ed23d9f]{flex-direction:column;flex:none;gap:8px;display:flex}.task-section-title[data-v-9ed23d9f]{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.title-icon[data-v-9ed23d9f]{font-size:14px}.task-steps-list[data-v-9ed23d9f]{flex-direction:column;flex:none;gap:8px;display:flex;padding-bottom:0!important}.task-step-item[data-v-9ed23d9f]{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-9ed23d9f]{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-9ed23d9f]{flex:1}.task-rewards-flex[data-v-9ed23d9f]{flex-wrap:wrap;flex:none;align-items:center;gap:8px;display:flex}.task-reward-chip[data-v-9ed23d9f]{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-9ed23d9f]{object-fit:contain;width:22px;height:22px}.rew-name[data-v-9ed23d9f]{color:var(--text-main);font-weight:600}.rew-count[data-v-9ed23d9f]{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}.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:invert(1);--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:#cbd5e1;--text-sub:#b8c6dd;--border-color:#334155;--hover-bg:#334155;--modal-bg:#1e293b;--modal-text:#cbd5e1;--modal-header-border:#334155;--modal-close-color:#94a3b8;--input-bg:#0003;--input-border:#334155;--input-border-focus:#60a5fa;--input-text:#f8fafc;--modal-overlay:#0009;--icon-filter:none}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 12px;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:center;align-items:center;padding:16px 20px;display:flex;position:relative}.modal-title{color:var(--modal-text);text-align:center;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;position:absolute;right:16px}.modal-close-btn:hover{background:var(--hover-bg);color:var(--modal-text)}.modal-footer{border-top:1px solid var(--border-color);justify-content:center;align-items:center;padding:16px;display:flex}.modal-btn-confirm{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin:0 auto;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .2s;display:block}.modal-btn-confirm:hover{background-color:var(--primary-hover)}.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)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-sub)}