@charset "UTF-8";.global-status-bar[data-v-82895c44]{position:fixed;top:0;left:200px;right:0;z-index:999;height:40px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 24px;background:var(--bg-header);border-bottom:1px solid var(--border-light);pointer-events:none}.status-pill[data-v-82895c44]{height:26px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;color:var(--text-secondary);font-size:12px;font-weight:600;line-height:1;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:4px;box-shadow:0 8px 20px #00000038;box-sizing:border-box}.status-value[data-v-82895c44]{color:var(--color-accent);font-weight:800}.theme-pill[data-v-82895c44]{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none}.api-pill[data-v-82895c44]{min-width:116px}.lang-wrapper[data-v-82895c44]{position:relative;display:inline-flex;align-items:center;pointer-events:auto}.language-pill[data-v-82895c44]{min-width:116px;justify-content:center;color:var(--text-secondary);white-space:nowrap;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:12px;height:26px;box-sizing:border-box;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--border-light);border-radius:4px;background:var(--bg-secondary);box-shadow:0 8px 20px #00000038}.language-pill[data-v-82895c44]:hover{border-color:var(--color-accent);color:var(--color-accent)}.lang-flag[data-v-82895c44]{font-size:15px;line-height:1}.lang-arrow[data-v-82895c44]{font-size:10px;margin-left:2px;transition:transform .2s ease}.lang-arrow.open[data-v-82895c44]{transform:rotate(180deg)}.lang-dropdown[data-v-82895c44]{position:absolute;top:calc(100% + 6px);left:0;min-width:120px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 8px 24px #0006;overflow:hidden;z-index:10000}.lang-option[data-v-82895c44]{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;font-family:inherit;color:var(--text-secondary);cursor:pointer;border:none;background:none;text-align:left;transition:background .15s ease;pointer-events:auto;outline:none}.lang-option[data-v-82895c44]:focus-visible{background:var(--bg-card-hover);outline:2px solid var(--color-accent);outline-offset:-2px}.lang-option[data-v-82895c44]:hover{background:var(--bg-card-hover)}.lang-option.active[data-v-82895c44]{color:var(--color-accent);font-weight:600}.lang-option-flag[data-v-82895c44]{font-size:16px;line-height:1;min-width:20px}.lang-option-label[data-v-82895c44]{flex:1}.lang-check[data-v-82895c44]{width:14px;text-align:center;font-size:12px;color:var(--color-accent)}.lang-dropdown-enter-active[data-v-82895c44],.lang-dropdown-leave-active[data-v-82895c44]{transition:opacity .2s ease,transform .2s ease}.lang-dropdown-enter-from[data-v-82895c44],.lang-dropdown-leave-to[data-v-82895c44]{opacity:0;transform:translateY(-4px)}.status-dot[data-v-82895c44]{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 #2ecc718c;animation:statusPulse-82895c44 1.6s ease-out infinite}.api-pill.error .status-dot[data-v-82895c44]{background:var(--danger);box-shadow:0 0 #e74c3c8c}.api-text[data-v-82895c44]{color:var(--text-secondary)}@keyframes statusPulse-82895c44{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@media (max-width: 768px){.global-status-bar[data-v-82895c44]{left:0;padding:0 12px;gap:8px}.online-pill[data-v-82895c44]{display:none}.api-pill[data-v-82895c44]{min-width:auto;padding:0 8px}.api-text[data-v-82895c44]{font-size:0}.api-text[data-v-82895c44]:after{content:"API";font-size:12px}}@media (min-width: 0px) and (max-width: 320px){.global-status-bar[data-v-82895c44]{left:0;padding:0 8px;gap:6px}.language-pill[data-v-82895c44]{min-width:auto;padding:0 6px;font-size:11px}.language-pill .lang-text[data-v-82895c44]{display:none}.status-pill[data-v-82895c44]{height:24px;padding:0 8px;font-size:11px}}@media (min-width: 321px) and (max-width: 375px){.global-status-bar[data-v-82895c44]{gap:8px}.language-pill[data-v-82895c44]{min-width:auto;padding:0 8px;font-size:11px}}@media (min-width: 1440px){.global-status-bar[data-v-82895c44]{left:240px}}@media (min-width: 1280px) and (max-width: 1439px){.global-status-bar[data-v-82895c44]{left:220px}}@media (min-width: 1024px) and (max-width: 1279px){.global-status-bar[data-v-82895c44]{left:190px}}@media (min-width: 768px) and (max-width: 1023px){.global-status-bar[data-v-82895c44]{left:170px;padding:0 16px;gap:10px}.status-pill[data-v-82895c44]{font-size:11.5px}}.app-icon[data-v-6b5bd4cc]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;vertical-align:middle}.app-icon svg[data-v-6b5bd4cc]{width:100%;height:100%;fill:currentColor}.app-icon-svg[data-v-6b5bd4cc]{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.app-icon-svg[data-v-6b5bd4cc] svg{width:100%;height:100%;fill:currentColor}.app-icon-svg[data-v-6b5bd4cc] svg *,.app-icon-svg[data-v-6b5bd4cc] svg * *{fill:currentColor!important;stroke:currentColor!important}.app-icon-img[data-v-6b5bd4cc]{object-fit:contain;display:block}.app-icon-text[data-v-6b5bd4cc]{line-height:1}.mobile-menu-btn[data-v-bd11b023]{position:fixed;top:15px;left:15px;z-index:1100;background-color:var(--bg-header);color:var(--color-accent);border:1px solid var(--color-accent);border-radius:8px;width:40px;height:40px;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color .25s ease,color .25s ease,transform .25s ease}.mobile-menu-btn[data-v-bd11b023]:hover{background-color:var(--color-accent);color:var(--bg-primary);transform:scale(1.1)}.sidebar[data-v-bd11b023]{width:200px;height:100vh;background-color:var(--bg-header);color:var(--text-primary);position:fixed;left:0;top:0;z-index:1000;border-right:1px solid var(--border);transition:left .3s ease,width .3s ease}.sidebar.mobile[data-v-bd11b023]{width:240px;left:-240px}.sidebar.mobile.visible[data-v-bd11b023]{left:0}.sidebar-header[data-v-bd11b023]{height:60px;display:flex;align-items:center;padding:0 15px;border-bottom:none;position:relative}.logo[data-v-bd11b023]{width:100%;text-align:center;transition:text-align .3s ease}.logo a[data-v-bd11b023]{text-decoration:none;color:inherit;display:block}.logo h1[data-v-bd11b023]{font-size:18px;font-weight:700;margin:0;color:var(--color-accent);transition:font-size .3s ease,color .3s ease}.logo-image[data-v-bd11b023]{max-width:100%;max-height:40px;object-fit:contain;display:block;margin:0 auto}.logo-collapsed[data-v-bd11b023]{font-size:14px;font-weight:700;color:var(--color-accent);text-align:center;width:100%}.menu[data-v-bd11b023]{padding:20px 0}.menu-item[data-v-bd11b023]{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-left-color .25s ease,padding .25s ease;border-left:3px solid transparent;color:var(--text-secondary)}.menu-item[data-v-bd11b023]:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.menu-item.active[data-v-bd11b023]{background-color:var(--bg-card-hover);border-left-color:var(--color-accent);color:var(--color-accent);font-weight:500}.menu-icon[data-v-bd11b023]{margin-right:12px;min-width:24px;text-align:center;color:inherit;display:flex;align-items:center;justify-content:center}.menu-icon svg[data-v-bd11b023]{width:18px;height:18px;fill:currentColor}.menu-title[data-v-bd11b023]{font-size:14.4px;font-weight:400;transition:font-size .3s ease}.sidebar-footer[data-v-bd11b023]{position:absolute;bottom:0;left:0;right:0;padding:10px;border-top:none;transition:padding .3s ease}.sidebar-ad[data-v-bd11b023]{margin-bottom:12px;border-radius:8px;overflow:hidden;background-color:var(--bg-secondary)}.sidebar-ad.clickable[data-v-bd11b023]{cursor:pointer;transition:opacity .25s ease}.sidebar-ad.clickable[data-v-bd11b023]:hover{opacity:.85}.ad-image[data-v-bd11b023]{display:block;width:100%;max-height:90px;height:auto;object-fit:cover}.map-recommendation[data-v-bd11b023]{margin-bottom:8px;display:flex;align-items:center;justify-content:center;white-space:normal;word-break:break-word;overflow-wrap:break-word;padding:6px;border-radius:8px;transition:background-color .25s ease,border-color .25s ease;cursor:pointer;background-color:var(--bg-card-hover)}.map-recommendation[data-v-bd11b023]:hover{background-color:var(--bg-card-hover);border-color:var(--color-accent)}.map-label[data-v-bd11b023]{color:var(--text-secondary);font-size:15.3px;transition:color .25s ease;white-space:normal;word-break:break-word;overflow-wrap:break-word}.map-recommendation:hover .map-label[data-v-bd11b023]{color:var(--text-primary)}.map-recommendation.active .map-label[data-v-bd11b023]{color:var(--color-accent)}.map-badge[data-v-bd11b023]{background-color:transparent;color:var(--color-accent);font-size:11.7px;padding:2px 5px;border-radius:8px;margin-left:6px;font-weight:500}.sidebar-lang-trigger[data-v-bd11b023]{font-size:12.6px;color:var(--text-secondary);text-align:center;margin-bottom:8px;padding:6px;border-radius:8px;transition:color .25s ease,background-color .25s ease;cursor:pointer;font-weight:500;position:relative;-webkit-user-select:none;user-select:none;border:none;background:none;font-family:inherit;width:100%;outline:none;display:flex;align-items:center;justify-content:center;gap:4px}.sidebar-lang-trigger[data-v-bd11b023]:hover{color:var(--color-accent);background-color:var(--bg-card-hover)}.sidebar-lang-trigger[data-v-bd11b023]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.lang-arrow[data-v-bd11b023]{font-size:10px;display:inline-block;transition:transform .2s ease}.lang-arrow.open[data-v-bd11b023]{transform:rotate(180deg)}.sidebar-lang-dropdown[data-v-bd11b023]{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:120px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:1100}.sidebar-lang-wrapper[data-v-bd11b023]{position:relative}.sidebar-lang-option[data-v-bd11b023]{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background .15s ease;border:none;background:none;font-family:inherit;width:100%;text-align:left;outline:none}.sidebar-lang-option[data-v-bd11b023]:hover{background:var(--bg-card-hover)}.sidebar-lang-option[data-v-bd11b023]:focus-visible{background:var(--bg-card-hover);outline:2px solid var(--color-accent);outline-offset:-2px}.sidebar-lang-option.active[data-v-bd11b023]{color:var(--color-accent);font-weight:600}.sidebar-lang-option-flag[data-v-bd11b023]{font-size:16px;line-height:1;min-width:20px}.sidebar-lang-option-label[data-v-bd11b023]{flex:1}.sidebar-lang-check[data-v-bd11b023]{width:14px;text-align:center;font-size:12px;color:var(--color-accent)}.sidebar-lang-flag[data-v-bd11b023]{font-size:15px;line-height:1}.sidebar-lang-dropdown-enter-active[data-v-bd11b023],.sidebar-lang-dropdown-leave-active[data-v-bd11b023]{transition:opacity .2s ease,transform .2s ease}.sidebar-lang-dropdown-enter-from[data-v-bd11b023],.sidebar-lang-dropdown-leave-to[data-v-bd11b023]{opacity:0;transform:translate(-50%) translateY(4px)}.sidebar-overlay[data-v-bd11b023]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);z-index:999;transition:opacity .3s ease,background-color .3s ease}.menu-item[data-v-bd11b023],.map-recommendation[data-v-bd11b023]{text-decoration:none;color:inherit;display:flex}@media (min-width: 1440px){.sidebar[data-v-bd11b023]{width:240px}.menu-item[data-v-bd11b023]{padding:8px 14px}.menu-title[data-v-bd11b023]{font-size:16.2px}.menu-icon[data-v-bd11b023]{font-size:20px;margin-right:16px}.logo h1[data-v-bd11b023]{font-size:19.8px}.mobile-menu-btn[data-v-bd11b023]{display:none!important}.sidebar[data-v-bd11b023]{left:0!important}}@media (min-width: 1280px) and (max-width: 1439px){.sidebar[data-v-bd11b023]{width:220px}.menu-item[data-v-bd11b023]{padding:7px 13px}.menu-title[data-v-bd11b023]{font-size:15.3px}.menu-icon[data-v-bd11b023]{font-size:18px;margin-right:14px}.logo h1[data-v-bd11b023]{font-size:18px}.mobile-menu-btn[data-v-bd11b023]{width:48px;height:48px;font-size:24px;top:20px;left:20px}.sidebar.mobile[data-v-bd11b023]{width:260px;left:-260px}}@media (min-width: 1024px) and (max-width: 1279px){.sidebar[data-v-bd11b023]{width:190px}.menu-item[data-v-bd11b023]{padding:6px 11px}.menu-title[data-v-bd11b023]{font-size:13.5px}.menu-icon[data-v-bd11b023]{font-size:18px;margin-right:13px}.logo h1[data-v-bd11b023]{font-size:15.3px}.mobile-menu-btn[data-v-bd11b023]{width:44px;height:44px;font-size:22px;top:18px;left:18px}.sidebar.mobile[data-v-bd11b023]{width:250px;left:-250px}}@media (min-width: 768px) and (max-width: 1023px){.sidebar[data-v-bd11b023]{width:170px}.menu-item[data-v-bd11b023]{padding:6px 9px}.menu-title[data-v-bd11b023]{font-size:12.6px}.menu-icon[data-v-bd11b023]{font-size:17px;margin-right:11px}.logo h1[data-v-bd11b023]{font-size:14.4px}.mobile-menu-btn[data-v-bd11b023]{width:42px;height:42px;font-size:21px;top:16px;left:16px}.sidebar.mobile[data-v-bd11b023]{width:230px;left:-230px}}@media (min-width: 481px) and (max-width: 767px){.sidebar[data-v-bd11b023]{width:180px}.sidebar.mobile[data-v-bd11b023]{width:220px}.mobile-menu-btn[data-v-bd11b023]{width:42px;height:42px;font-size:21px;top:14px;left:14px}.logo h1[data-v-bd11b023]{font-size:13.5px}.menu-item[data-v-bd11b023]{padding:6px 9px}.menu-title[data-v-bd11b023]{font-size:11.7px}.menu-icon[data-v-bd11b023]{font-size:16px}}@media (min-width: 429px) and (max-width: 480px){.sidebar[data-v-bd11b023]{width:170px}.sidebar.mobile[data-v-bd11b023]{width:210px}.mobile-menu-btn[data-v-bd11b023]{width:40px;height:40px;font-size:20px;top:13px;left:13px}.logo h1[data-v-bd11b023]{font-size:13.5px}.menu-item[data-v-bd11b023]{padding:5px 8px}.menu-title[data-v-bd11b023]{font-size:11.7px}.menu-icon[data-v-bd11b023]{font-size:15px}}@media (min-width: 376px) and (max-width: 428px){.sidebar[data-v-bd11b023]{width:160px}.sidebar.mobile[data-v-bd11b023]{width:200px}.mobile-menu-btn[data-v-bd11b023]{width:38px;height:38px;font-size:19px;top:12px;left:12px}.logo h1[data-v-bd11b023]{font-size:12.6px}.menu-item[data-v-bd11b023]{padding:5px 7px}.menu-title[data-v-bd11b023]{font-size:10.8px}.menu-icon[data-v-bd11b023]{font-size:14px}.sidebar-footer[data-v-bd11b023]{padding:12px}.map-recommendation[data-v-bd11b023]{padding:8px;margin-bottom:10px;gap:4px}.map-label[data-v-bd11b023]{font-size:15.7px}.language[data-v-bd11b023]{font-size:10.8px;margin-bottom:10px;padding:6px}}@media (min-width: 321px) and (max-width: 375px){.sidebar[data-v-bd11b023]{width:150px}.sidebar.mobile[data-v-bd11b023]{width:190px}.mobile-menu-btn[data-v-bd11b023]{width:36px;height:36px;font-size:18px;top:11px;left:11px}.logo h1[data-v-bd11b023]{font-size:11.7px}.menu-item[data-v-bd11b023]{padding:5px 7px}.menu-title[data-v-bd11b023]{font-size:10.8px}.menu-icon[data-v-bd11b023]{font-size:13px}.sidebar-footer[data-v-bd11b023]{padding:11px}.map-recommendation[data-v-bd11b023]{padding:7px;margin-bottom:9px;gap:3px}.map-label[data-v-bd11b023]{font-size:14.8px}.language[data-v-bd11b023]{font-size:9.9px;margin-bottom:9px;padding:5px}}@media (min-width: 0px) and (max-width: 320px){.sidebar[data-v-bd11b023]{width:140px}.sidebar.mobile[data-v-bd11b023]{width:180px}.mobile-menu-btn[data-v-bd11b023]{width:34px;height:34px;font-size:17px;top:10px;left:10px}.logo h1[data-v-bd11b023]{font-size:10.8px}.menu-item[data-v-bd11b023]{padding:4px 6px}.menu-title[data-v-bd11b023]{font-size:9.9px}.menu-icon[data-v-bd11b023]{font-size:12px;margin-right:10px}.sidebar-footer[data-v-bd11b023]{padding:10px}.map-recommendation[data-v-bd11b023]{padding:6px;margin-bottom:8px;gap:3px}.map-label[data-v-bd11b023]{font-size:13.9px}.language[data-v-bd11b023]{font-size:9px;margin-bottom:8px;padding:5px}}.modal-ad-overlay[data-v-1ba44e5b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);padding:20px}.modal-ad-box[data-v-1ba44e5b]{position:relative;max-width:520px;width:100%;border-radius:16px;overflow:hidden;background:var(--bg-card, #1e1e24);box-shadow:0 20px 60px #0000008c;display:flex;flex-direction:column}.modal-ad-close[data-v-1ba44e5b]{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border:none;border-radius:8px;background:#00000080;color:#fff;font-size:14px;cursor:pointer;transition:background .2s ease,transform .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-ad-close[data-v-1ba44e5b]:hover{background:#000000bf}.modal-ad-close[data-v-1ba44e5b]:active{transform:scale(.95)}.modal-ad-close-icon[data-v-1ba44e5b]{font-size:15px;line-height:1}.modal-ad-close-tip[data-v-1ba44e5b]{font-size:12px;opacity:.85;font-variant-numeric:tabular-nums;min-width:18px;text-align:center}.modal-ad-header[data-v-1ba44e5b]{padding:20px 48px 0 24px;text-align:center}.modal-ad-title[data-v-1ba44e5b]{margin:0;font-size:18px;font-weight:700;color:var(--text-primary, #fff);line-height:1.4}.modal-ad-image-wrap[data-v-1ba44e5b]{padding:12px 16px 0}.modal-ad-img[data-v-1ba44e5b]{display:block;width:100%;max-height:30vh;object-fit:contain;border-radius:10px}.modal-ad-desc[data-v-1ba44e5b]{padding:12px 24px 0}.modal-ad-desc-text[data-v-1ba44e5b]{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary, #a0a0b0);text-align:center}.modal-ad-footer[data-v-1ba44e5b]{padding:16px 24px 24px;display:flex;justify-content:center}.modal-ad-btn[data-v-1ba44e5b]{display:inline-flex;align-items:center;gap:8px;padding:10px 32px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));color:#1a1a1a;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.modal-ad-btn[data-v-1ba44e5b]:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand)}.modal-ad-btn[data-v-1ba44e5b]:active{transform:scale(.97)}.modal-ad-btn-arrow[data-v-1ba44e5b]{transition:transform .2s ease}.modal-ad-btn:hover .modal-ad-btn-arrow[data-v-1ba44e5b]{transform:translate(3px)}.modal-ad-enter-active[data-v-1ba44e5b],.modal-ad-leave-active[data-v-1ba44e5b]{transition:opacity .3s ease}.modal-ad-enter-active .modal-ad-box[data-v-1ba44e5b]{transition:transform .3s ease}.modal-ad-leave-active .modal-ad-box[data-v-1ba44e5b]{transition:transform .25s ease}.modal-ad-enter-from[data-v-1ba44e5b],.modal-ad-leave-to[data-v-1ba44e5b]{opacity:0}.modal-ad-enter-from .modal-ad-box[data-v-1ba44e5b],.modal-ad-leave-to .modal-ad-box[data-v-1ba44e5b]{transform:translateY(-16px) scale(.96)}:root{--container-max-width: 940px;--gap: 12px;--responsive-gap-sm: 10px;--responsive-gap-md: 12px;--responsive-gap-lg: 16px;--break-xs: 320px;--break-sm: 375px;--break-md: 428px;--break-lg: 480px;--break-xl: 768px;--break-2xl: 1024px;--break-3xl: 1280px;--break-4xl: 1440px;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary, rgba(255, 255, 255, .87));background-color:var(--bg-primary, #0F0F11);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light}*:focus{outline:none!important;box-shadow:none!important}button,a{font-family:inherit;font-size:inherit;line-height:inherit}input,button,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}a{font-weight:500;color:var(--color-accent, #F5A623);text-decoration:inherit}a:hover{color:var(--color-accent-hover, #E6A800)}html{font-size:12px}@media (min-width: 0px) and (max-width: 320px){html{font-size:12px}}@media (min-width: 321px) and (max-width: 375px){html{font-size:13px}}@media (min-width: 376px) and (max-width: 428px){html{font-size:13.5px}}@media (min-width: 429px) and (max-width: 480px){html{font-size:14px}}@media (min-width: 481px) and (max-width: 767px){html{font-size:14.5px}}@media (min-width: 768px) and (max-width: 1023px){html{font-size:15px}}@media (min-width: 1024px) and (max-width: 1279px){html{font-size:15.5px}}@media (min-width: 1280px) and (max-width: 1439px){html{font-size:16px}}@media (min-width: 1440px){html{font-size:16px}}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding-left:10px;padding-right:10px}.module-container{width:100%;max-width:900px;margin:0 auto}.module-full{width:100%}.module-section{width:100%;max-width:900px;margin:0 auto;min-width:0;overflow-x:auto}@media (min-width: 0px) and (max-width: 320px){.container{padding-left:8px;padding-right:8px}.module-container,.module-section{max-width:100%;padding:0 8px}}@media (min-width: 321px) and (max-width: 375px){.container{padding-left:12px;padding-right:12px}.module-container,.module-section{max-width:100%;padding:0 12px}}@media (min-width: 376px) and (max-width: 428px){.container{padding-left:14px;padding-right:14px}.module-container,.module-section{max-width:100%;padding:0 14px}}@media (min-width: 429px) and (max-width: 480px){.container{padding-left:16px;padding-right:16px}.module-container,.module-section{max-width:100%;padding:0 16px}}@media (min-width: 481px) and (max-width: 767px){.container{padding-left:18px;padding-right:18px}.module-container,.module-section{max-width:700px;padding:0 18px}}@media (min-width: 768px) and (max-width: 1023px){.container{padding-left:24px;padding-right:24px}.module-container,.module-section{max-width:800px;padding:0 24px}}@media (min-width: 1024px) and (max-width: 1279px){.container{padding-left:28px;padding-right:28px}.module-container,.module-section{max-width:850px;padding:0 28px}}@media (min-width: 1280px) and (max-width: 1439px){.container{padding-left:32px;padding-right:32px}.module-container,.module-section{max-width:900px;padding:0 32px}}@media (min-width: 1440px){.container{padding-left:40px;padding-right:40px}.module-container,.module-section{max-width:900px;padding:0 40px}}.grid{display:flex;flex-wrap:wrap;gap:var(--gap)}.grid-item{flex:1 1 100%}@media (min-width: 0px) and (max-width: 320px){.grid-item{flex:1 1 100%}}@media (min-width: 321px) and (max-width: 375px){.grid-item{flex:1 1 100%}}@media (min-width: 376px) and (max-width: 428px){.grid-item{flex:1 1 calc(50% - 6px)}}@media (min-width: 429px) and (max-width: 480px){.grid-item{flex:1 1 calc(50% - 6px)}}@media (min-width: 481px) and (max-width: 767px){.grid-item{flex:1 1 calc(50% - 8px)}}@media (min-width: 768px) and (max-width: 1023px){.grid-item{flex:1 1 calc(33.333% - 8px)}}@media (min-width: 1024px) and (max-width: 1279px){.grid-item{flex:1 1 calc(25% - 9px)}}@media (min-width: 1280px) and (max-width: 1439px){.grid-item{flex:1 1 calc(25% - 10px)}}@media (min-width: 1440px){.grid-item{flex:1 1 calc(20% - 10px)}}img{max-width:100%;height:auto}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:var(--font-sans);background-color:var(--bg-secondary);cursor:pointer;transition:border-color var(--transition-fast);color:var(--text-primary)}button:hover{border-color:var(--color-accent, #F5A623)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#app{max-width:100%;margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden;overflow-y:auto}.app{display:flex;min-height:100vh}.main-content{flex:1;min-width:0;margin-left:200px;min-height:100vh;padding-top:84px;background-color:var(--bg-dark, #0b0b0b);transition:margin-left .3s ease;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;background-image:var(--page-bg, none);background-size:var(--page-bg-size, cover);background-position:var(--page-bg-pos, center);background-repeat:var(--page-bg-repeat, no-repeat);background-attachment:var(--page-bg-attach, scroll)}.content-center{width:100%;max-width:1060px;flex:1;display:flex;flex-direction:column}.content-center--full{max-width:none}@media (min-width: 1440px){.main-content{margin-left:240px;padding-top:84px}}@media (min-width: 1280px) and (max-width: 1439px){.main-content{margin-left:220px;padding-top:84px}}@media (min-width: 1024px) and (max-width: 1279px){.main-content{margin-left:190px;padding-top:84px}}@media (min-width: 768px) and (max-width: 1023px){.main-content{margin-left:170px;padding-top:84px}}@media (min-width: 481px) and (max-width: 767px){.main-content{margin-left:0;padding-top:84px}}@media (min-width: 429px) and (max-width: 480px){.main-content{margin-left:0;padding-top:84px}}@media (min-width: 376px) and (max-width: 428px){.main-content{margin-left:0;padding-top:84px}}@media (min-width: 321px) and (max-width: 375px){.main-content{margin-left:0;padding-top:84px}}@media (min-width: 0px) and (max-width: 320px){.main-content{margin-left:0;padding-top:84px}}.page{padding:0 20px 20px;min-height:100vh;background-color:var(--bg-primary, #242424);margin:0;min-width:0;overflow-x:hidden}.page h2{font-size:20px;margin-bottom:16px;color:var(--text-primary, rgba(255, 255, 255, .87));border-bottom:2px solid var(--color-accent, #F5A623);padding-bottom:8px;text-align:center}.page p{line-height:1.6;color:var(--text-secondary, rgba(255, 255, 255, .6))}@media (min-width: 0px) and (max-width: 320px){html,body,#app{overflow-x:hidden;max-width:100%;min-height:100%;height:auto}#app{position:relative;padding:0;overflow-y:auto}.page{padding:0 12px 12px}.page h2{font-size:16px;margin-bottom:12px;padding-bottom:6px}}@media (min-width: 321px) and (max-width: 375px){.page{padding:0 14px 14px}.page h2{font-size:17px;margin-bottom:13px;padding-bottom:7px}}@media (min-width: 376px) and (max-width: 428px){.page{padding:0 16px 16px}.page h2{font-size:18px;margin-bottom:14px;padding-bottom:7px}}@media (min-width: 429px) and (max-width: 480px){.page{padding:0 18px 18px}.page h2{font-size:19px;margin-bottom:15px;padding-bottom:8px}}@media (min-width: 481px) and (max-width: 767px){.page{padding:0 20px 20px}.page h2{font-size:20px;margin-bottom:16px;padding-bottom:8px}}@media (min-width: 768px) and (max-width: 1023px){.page{padding:0 24px 24px}.page h2{font-size:22px;margin-bottom:18px;padding-bottom:9px}}@media (min-width: 1024px) and (max-width: 1279px){.page{padding:0 28px 28px}.page h2{font-size:23px;margin-bottom:19px;padding-bottom:9px}}@media (min-width: 1280px) and (max-width: 1439px){.page{padding:0 30px 30px}.page h2{font-size:24px;margin-bottom:20px;padding-bottom:10px}}@media (min-width: 1440px){.page{padding:0 36px 36px}.page h2{font-size:26px;margin-bottom:22px;padding-bottom:10px}}body,.page,.main-content{background-color:var(--bg-dark)}.module-container,.module-section,.ranking-container,.page-container,.crates-content,.feedback-page,.faq-page,.privacy-page,.about-page>.module-section,.report-page>.module-section,.guild-page .module-section,.weapons-page .module-section{width:100%;max-width:940px;margin-left:auto;margin-right:auto}button,.tab-btn,.mode-tab,.nav-btn,.category-btn,.card-nav-item,.weapon-category-tab,.stats-mode-tab,.range-button,.action-btn,.submit-btn,.open-btn{min-height:44px}.faq-tabs,.mode-tabs,.weapons-nav,.card-navigation,.stats-mode-tabs,.weapon-category-tabs,.category-buttons,.range-buttons,.filter-buttons{scrollbar-width:thin}@media (max-width: 1280px){.container,.module-container,.module-section,.ranking-container,.page-container,.crates-content,.feedback-page,.faq-page,.privacy-page,.guild-page .module-section,.weapons-page .module-section,.report-page>.module-section{max-width:940px;padding-left:18px;padding-right:18px}}@media (max-width: 1024px){.status-grid,.simulator-container,.ranking-layout,.changelog-layout,.guild-grid,.top-players,.announcement-grid{grid-template-columns:1fr!important}.weapon-list,.items-grid,.inventory-grid,.weapons-list,.rank-icons-container,.latency-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important}}@media (min-width: 768px) and (max-width: 1024px){.grid-item,.feature-item,.top-player-card,.violation-card,.step-card,.channel-card,.guild-card{flex-basis:100%}}@media (max-width: 767px){html{font-size:14px}.main-content{margin-left:0!important}.page,.module-container,.module-section,.ranking-container,.page-container,.crates-content,.feedback-page,.faq-page,.privacy-page,.guild-page,.weapons-page .module-section,.report-page{padding-left:14px!important;padding-right:14px!important}.page h1,.page-title,.site-name,.welcome-title,.feedback-header h1,.faq-header h1,.privacy-header h1,.status-header h1{font-size:22px!important;line-height:1.3}.faq-tabs,.card-navigation,.stats-mode-tabs,.weapon-category-tabs,.range-buttons,.filter-buttons{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:0;max-width:100%!important;min-width:0!important}.faq-tabs>*,.card-navigation>*,.stats-mode-tabs>*,.weapon-category-tabs>*,.range-buttons>*,.filter-buttons>*{flex:0 0 auto!important;white-space:nowrap}.status-grid,.simulator-container,.ranking-layout,.changelog-layout,.overview-core-stats,.overview-rank-details,.stats-grid,.weapons-list,.概览数据组,.violation-grid,.steps-grid,.channels-grid,.about-links,.guild-grid,.weapon-list,.latency-grid,.announcement-grid{grid-template-columns:minmax(0,1fr)!important}.grid-item,.feature-item,.top-player-card,.violation-card,.step-card,.channel-card,.guild-card{flex-basis:100%}.top-bar,.action-bar,.search-export-row,.搜索导出组,.form-actions,.feedback-header,.faq-header,.privacy-header{flex-direction:column;align-items:stretch;gap:10px}.ranking-table-container,.战绩列表,.table-wrapper{overflow-x:auto}}@media (max-width: 640px){html{font-size:13px}.page,.module-container,.module-section,.ranking-container,.page-container,.crates-content,.feedback-page,.faq-page,.privacy-page,.guild-page,.weapons-page .module-section,.report-page{padding-left:12px!important;padding-right:12px!important}.welcome-title,.page-title,.site-name,.feedback-header h1,.faq-header h1,.privacy-header h1,.status-header h1{font-size:20px!important}.feature-item,.link-item,.faq-item,.faq-answer,.privacy-content,.feedback-form,.notice-section,.violations-section,.steps-section,.channels-section,.weapons-content,.guild-list-section,.action-bar,.top-bar,.changelog-section{padding:14px!important}button,.tab-btn,.mode-tab,.nav-btn,.category-btn,.card-nav-item,.range-button{min-height:44px;padding-left:12px;padding-right:12px}.weapon-list,.items-grid,.inventory-grid,.rank-icons-container,.latency-grid{grid-template-columns:minmax(0,1fr)!important}}.faq-tabs,.mode-tabs,.weapons-nav,.card-navigation,.stats-mode-tabs,.weapon-category-tabs,.category-buttons,.range-buttons,.filter-buttons{scrollbar-width:none}.faq-tabs::-webkit-scrollbar,.mode-tabs::-webkit-scrollbar,.weapons-nav::-webkit-scrollbar,.card-navigation::-webkit-scrollbar,.stats-mode-tabs::-webkit-scrollbar,.weapon-category-tabs::-webkit-scrollbar,.category-buttons::-webkit-scrollbar,.range-buttons::-webkit-scrollbar,.filter-buttons::-webkit-scrollbar{display:none}.ranking-page :deep(.el-input__wrapper),.ranking-page :deep(.el-select__wrapper),.ranking-page :deep(.el-select .el-input__wrapper),.ranking-page :deep(.el-input),.ranking-page :deep(.el-select),.ranking-page :deep(.el-button),.ranking-page :deep(.el-input__inner),.ranking-page :deep(.el-select__input),.weapons-page .search-input{min-height:44px!important;line-height:44px!important}.ranking-page :deep(.el-input__inner),.ranking-page :deep(.el-select__input){height:40px!important}.ranking-page .el-input__wrapper,.ranking-page .el-select__wrapper,.ranking-page .el-select .el-input__wrapper,.ranking-page .el-input,.ranking-page .el-select,.ranking-page .el-button,.ranking-page .el-input__inner,.ranking-page .el-select__input{min-height:44px!important;line-height:44px!important}.ranking-page .el-input__inner,.ranking-page .el-select__input{height:40px!important}.weapons-page .search-input{height:44px!important;width:100%;max-width:100%}@media (max-width: 768px){input,select,textarea,.el-input__wrapper,.el-select__wrapper,.el-input,.el-select,.el-button,.search-input,.form-input,.form-select,.form-textarea,.搜索输入{min-height:44px!important}.el-input__inner,.el-select__input{min-height:40px!important;line-height:40px!important}}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .25s ease,transform .25s ease}.page-fade-enter-from{opacity:0;transform:translateY(8px)}.page-fade-leave-to{opacity:0;transform:translateY(-8px)}:root{--color-accent: #fec600;--color-accent-hover: #e0b000;--color-accent-light: rgba(254, 198, 0, .12);--color-accent-border: rgba(254, 198, 0, .4);--color-accent-secondary: #4A90E2;--accent-blue: #4A90E2;--accent-green: #39FF14;--accent-purple: #9B59B6;--accent-cyan: #00D4FF;--accent-purple-bg: rgba(155, 89, 182, .12);--brand: var(--color-accent);--brand-hover: var(--color-accent-hover);--brand-light: var(--color-accent-light);--brand-border: var(--color-accent-border);--success: #2ECC71;--warning: #F1C40F;--danger: #E74C3C;--info: var(--accent-blue);--success-bg: rgba(46, 204, 113, .12);--warning-bg: rgba(241, 196, 15, .12);--danger-bg: rgba(231, 76, 60, .12);--info-bg: rgba(74, 144, 226, .12);--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #1e1e1e;--bg-card: #1e1e1e;--bg-card-hover: #2a2a2a;--bg-elevated: #242424;--bg-overlay: rgba(0, 0, 0, .7);--bg-dark: #121212;--bg-header: #1e1e1e;--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #737373;--text-disabled: #4a4a4a;--text-gold: var(--brand);--text-link: var(--accent-blue);--border: #333333;--border-light: #3d3d3d;--border-hover: #4d4d4d;--border-brand: var(--brand-border);--skeleton-shimmer: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-brand: 0 4px 16px rgba(245, 166, 35, .2);--font-sans: "Inter", "Source Han Sans SC", "PingFang SC", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--container-max: 1200px;--container-padding: var(--space-5);--sidebar-width: 200px;--sidebar-collapsed: 0px;--header-height: 48px;--gap: var(--space-4);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--gold-color: var(--brand);--gold-border: var(--brand-border);--gold-bg: var(--brand-light);--bg-card-2: var(--bg-tertiary);--bg-card-3: #232323;--bg-card-4: #282828;--bg-card-5: #2d2d2d;--bg-card-6: #323232;--bg-card-7: #373737;--bg-card-8: #3c3c3c;--bg-card-9: #414141;--bg-card-10: #464646;--border-color-dark: var(--border);--border-primary: var(--border);--text-color-light: var(--text-primary);--text-color-bright: var(--text-primary);--text-color-soft: var(--text-secondary);--text-color-muted-3: var(--text-muted);--primary-color: var(--brand);--primary-light: var(--brand-light);--text-color-dark: var(--text-primary);color-scheme:dark;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light],:root[data-theme=light]{--color-accent: #fec600;--color-accent-hover: #e0b000;--color-accent-light: rgba(254, 198, 0, .12);--color-accent-border: rgba(254, 198, 0, .35);--color-accent-secondary: #3A7BD5;--brand: var(--color-accent);--brand-hover: var(--color-accent-hover);--brand-light: var(--color-accent-light);--brand-border: var(--color-accent-border);--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #f2f2f2;--bg-card: #ffffff;--bg-card-hover: #fafafa;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .4);--bg-dark: #f5f5f5;--bg-header: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #555555;--text-muted: #999999;--text-disabled: #bbbbbb;--text-gold: var(--brand);--text-link: #3A7BD5;--success: #27AE60;--warning: #D4AC0D;--danger: #C0392B;--success-bg: rgba(39, 174, 96, .12);--warning-bg: rgba(212, 172, 13, .14);--danger-bg: rgba(192, 57, 43, .12);--border: #e5e5e5;--border-light: #e0e0e0;--border-hover: #d5d5d5;--border-brand: var(--brand-border);--skeleton-shimmer: rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-brand: 0 4px 16px rgba(245, 166, 35, .15);--gold-color: var(--brand);--gold-border: var(--brand-border);--gold-bg: var(--brand-light);--bg-card-2: var(--bg-elevated);--bg-card-3: #f8f8f8;--bg-card-4: #f2f2f2;--bg-card-5: #ececec;--bg-card-6: #e6e6e6;--bg-card-7: #e0e0e0;--bg-card-8: #dadada;--bg-card-9: #d4d4d4;--bg-card-10: #cecece;--border-color-dark: var(--border);--border-primary: var(--border);--text-color-light: var(--text-primary);--text-color-bright: var(--text-primary);--text-color-soft: var(--text-secondary);--text-color-muted-3: var(--text-muted);--primary-color: var(--brand);--primary-light: var(--brand-light);--text-color-dark: var(--text-primary);color-scheme:light}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;min-height:100vh;width:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-theme] body,html[data-theme] .card,html[data-theme] a,html[data-theme] button{transition:background-color .15s ease,color .15s ease,border-color .15s ease}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.text-h1{font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.text-h2{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.text-h3{font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.text-h4{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}.text-h5{font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-normal)}.text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal)}.text-small{font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-normal)}.text-caption{font-size:var(--text-xs);font-weight:var(--weight-normal);line-height:var(--leading-normal)}.text-mono{font-family:var(--font-mono)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-clickable:active{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--weight-medium);font-family:inherit;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:36px;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:#000;border-color:var(--brand)}.btn-primary:hover{background:var(--brand-hover);box-shadow:var(--shadow-brand)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:28px}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-lg);min-height:44px}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.input::placeholder{color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-7);max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.modal-title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{background:var(--bg-card);color:var(--text-primary)}.tag{display:inline-flex;align-items:center;padding:2px var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap}.tag-brand{background:var(--brand-light);color:var(--brand);border:1px solid var(--brand-border)}.tag-success{background:#2ecc7126;color:var(--success)}.tag-danger{background:#e74c3c26;color:var(--danger)}.tag-info{background:#4a90e226;color:var(--accent-blue)}.skeleton{background:var(--bg-tertiary);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--skeleton-shimmer),transparent);animation:skeleton-shimmer 1.5s infinite}.skeleton-text{height:1em;margin-bottom:var(--space-3);width:100%}.skeleton-text:last-child{width:60%}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.hidden-mobile{display:none}.hidden-desktop{display:block}@media (min-width: 768px){.hidden-mobile{display:block}.hidden-desktop{display:none}}.touch-target{min-width:44px;min-height:44px}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all var(--transition-normal)}.slide-enter-from{opacity:0;transform:translate(-20px)}.slide-leave-to{opacity:0;transform:translate(20px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.el-message{z-index:var(--z-toast)!important}