:root{--mx-radius-xs: 2px;--mx-radius-sm: 3px;--mx-radius-md: 4px;--mx-radius-lg: 8px;--mx-radius-full: 9999px;--mx-border-width: 1px;--mx-size-xs: 24px;--mx-size-sm: 28px;--mx-size-md: 36px;--mx-size-lg: 44px;--mx-size-xl: 56px;--mx-avatar-sm: 32px;--mx-avatar-md: 48px;--mx-avatar-lg: 88px;--mx-content-max: 1280px;--mx-header-height: 64px;--mx-sidebar-width: 220px;--mx-filter-width: 260px;--mx-card-image-ratio: 16 / 10;--mx-badge-size: 18px;--mx-checkbox-size: 16px;--mx-thumb-sm: 80px;--mx-thumb-md: 88px;--mx-space-2xs: 2px;--mx-space-xs: 4px;--mx-space-sm: 8px;--mx-space-md: 16px;--mx-space-lg: 24px;--mx-space-xl: 32px;--mx-space-2xl: 48px;--mx-font-xs: 11px;--mx-font-sm: 12px;--mx-font-md: 14px;--mx-font-lg: 16px;--mx-font-xl: 20px;--mx-font-2xl: 26px;--mx-font-3xl: 34px;--mx-weight-medium: 500;--mx-weight-semibold: 600;--mx-weight-bold: 700;--mx-line-tight: 1.25;--mx-line-normal: 1.55;--mx-num: tabular-nums;--mx-tracking-wide: .08em;--mx-color-primary: #0a47d6;--mx-color-primary-hover: #0838aa;--mx-color-primary-soft: #e2e9fb;--mx-color-primary-pale: #f2f5fd;--mx-color-price: #ff4d14;--mx-color-price-hover: #e63e0a;--mx-color-price-soft: #ffeae3;--mx-color-success: #0f7d52;--mx-color-success-soft: #e2f2ea;--mx-color-warning: #b87503;--mx-color-warning-soft: #fcf1dc;--mx-color-danger: #cf2f34;--mx-color-danger-hover: #b42529;--mx-color-danger-soft: #fbe7e7;--mx-color-info: #526174;--mx-color-text: #10151c;--mx-color-text-secondary: #59657a;--mx-color-text-muted: #93a0b3;--mx-color-text-inverse: #f3f6fa;--mx-color-border: #d3d9e2;--mx-color-border-strong: #b6bfcd;--mx-color-border-light: rgb(255 255 255 / 90%);--mx-color-bg: #eef1f5;--mx-color-bg-deep: #e3e7ee;--mx-color-bg-muted: #e8ecf2;--mx-color-white: #ffffff;--mx-color-mask: rgb(16 21 28 / 55%);--mx-color-image-bg: #e5e9ef;--mx-color-skeleton: #e0e5ec;--mx-color-skeleton-shine: #f0f3f7;--mx-color-dark-panel: #1b222d;--mx-color-dark-panel-fg: #dbe2ec;--mx-metal-dark: linear-gradient(180deg, #232b38 0%, #161c25 100%);--mx-metal-panel: linear-gradient(180deg, #ffffff 0%, #f5f7fa 100%);--mx-metal-raised: linear-gradient(180deg, #fdfefe 0%, #eef1f6 100%);--mx-metal-raised-hover: linear-gradient(180deg, #ffffff 0%, #e7ecf3 100%);--mx-metal-groove: linear-gradient(180deg, #eaeef3 0%, #f7f9fb 100%);--mx-metal-bar: linear-gradient(180deg, #f7f9fb 0%, #e9edf3 100%);--mx-metal-primary: linear-gradient(180deg, #2159e6 0%, #0a47d6 100%);--mx-metal-primary-hover: linear-gradient(180deg, #1a4ed2 0%, #0838aa 100%);--mx-metal-price: linear-gradient(180deg, #ff6031 0%, #f03f08 100%);--mx-shadow-raise: 0 1px 1px rgb(16 21 28 / 6%), inset 0 1px 0 var(--mx-color-border-light);--mx-shadow-inset: inset 0 1px 2px rgb(16 21 28 / 8%);--mx-shadow-sm: 0 2px 8px rgb(16 21 28 / 8%);--mx-shadow-md: 0 10px 30px rgb(16 21 28 / 14%);--mx-color-grid: rgb(16 21 28 / 4%);--mx-grid-size: 28px;--mx-transition: .18s ease;--mx-transition-slow: .4s ease;--mx-z-sticky: 500;--mx-z-dropdown: 1000;--mx-z-dialog: 2000;--mx-z-popover: 2500;--mx-z-message: 3000}:root{--mx-ring-primary: 0 0 0 2px var(--mx-color-primary-soft);--mx-ring-danger: 0 0 0 2px var(--mx-color-danger-soft);--mx-shadow-inset-focus: inset 0 1px 2px rgb(16 21 28 / 6%), var(--mx-ring-primary);--mx-color-overlay: rgb(10 14 22 / 88%);--mx-color-overlay-soft: rgb(10 14 22 / 42%);--mx-color-glass: rgb(255 255 255 / 12%);--mx-color-glass-hover: rgb(255 255 255 / 24%);--mx-color-glass-border: rgb(255 255 255 / 32%);--mx-scrim-bottom: linear-gradient(180deg, transparent 0%, rgb(10 14 22 / 72%) 100%);--mx-metal-placeholder: linear-gradient(150deg, #eff2f6 0%, #e0e5ec 100%);--mx-hatch: repeating-linear-gradient(45deg, rgb(16 21 28 / 3.5%) 0 var(--mx-border-width), transparent var(--mx-border-width) 7px);--mx-switch-w: 36px;--mx-switch-h: 20px;--mx-switch-knob: 14px;--mx-switch-shift: 16px;--mx-swatch: 12px;--mx-icon-sm: 16px;--mx-icon-md: 18px;--mx-thumb-w: 56px;--mx-thumb-h: 42px;--mx-dot-w: 18px;--mx-dot-w-active: 28px;--mx-label-width: 96px;--mx-panel-max: 260px;--mx-select-min: 120px;--mx-dropdown-min: 160px;--mx-auth-card-max: 400px;--mx-color-dark-surface: rgb(255 255 255 / 4%);--mx-color-dark-surface-raised: rgb(255 255 255 / 6%);--mx-color-dark-border: rgb(255 255 255 / 10%);--mx-color-dark-border-strong: rgb(255 255 255 / 14%);--mx-color-dark-text-secondary: rgb(255 255 255 / 55%);--mx-color-dark-text-muted: rgb(255 255 255 / 40%);--mx-border-width-active: 2px;--mx-metal-scale: repeating-linear-gradient(90deg, var(--mx-color-border) 0 var(--mx-border-width), transparent var(--mx-border-width) 10%)}:root{--mx-hero-search-max: 760px;--mx-detail-aside-width: 360px;--mx-cmp-label-width: 140px;--mx-mv-cover-width: 160px;--mx-avatar-col-width: 200px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--mx-color-text);font-size:var(--mx-font-md);line-height:var(--mx-line-normal);background-color:var(--mx-color-bg);background-image:linear-gradient(var(--mx-color-grid) var(--mx-border-width),transparent var(--mx-border-width)),linear-gradient(90deg,var(--mx-color-grid) var(--mx-border-width),transparent var(--mx-border-width)),linear-gradient(180deg,#f6f8fb 0%,var(--mx-color-bg) 340px,var(--mx-color-bg-deep) 100%);background-size:var(--mx-grid-size) var(--mx-grid-size),var(--mx-grid-size) var(--mx-grid-size),100% 100%;background-attachment:scroll,scroll,fixed}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{display:block}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:var(--mx-border-width) solid var(--mx-color-primary);outline-offset:var(--mx-space-2xs)}::selection{background:var(--mx-color-primary-soft)}*{scrollbar-width:thin;scrollbar-color:var(--mx-color-border-strong) transparent}::-webkit-scrollbar{width:var(--mx-space-sm);height:var(--mx-space-sm)}::-webkit-scrollbar-track{background:var(--mx-color-bg-muted)}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--mx-radius-full);background:var(--mx-color-border-strong);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--mx-color-text-muted);background-clip:content-box}.page{width:100%;max-width:var(--mx-content-max);margin:0 auto;padding:var(--mx-space-md)}.stack{display:flex;flex-direction:column;gap:var(--mx-space-sm)}.num{font-variant-numeric:var(--mx-num)}.mx-message{position:fixed;top:var(--mx-space-lg);left:50%;z-index:var(--mx-z-message);display:inline-flex;align-items:center;gap:var(--mx-space-sm);max-width:calc(100vw - var(--mx-space-xl));padding:var(--mx-space-sm) var(--mx-space-md);border:var(--mx-border-width) solid var(--mx-color-border-strong);border-radius:var(--mx-radius-md);background:var(--mx-metal-panel);box-shadow:var(--mx-shadow-md);font-size:var(--mx-font-md);opacity:0;transform:translate(-50%,-12px);transition:opacity var(--mx-transition),transform var(--mx-transition);pointer-events:none}.mx-message.is-show{opacity:1;transform:translate(-50%)}.mx-message:before{content:"";width:var(--mx-space-xs);height:var(--mx-font-lg);border-radius:var(--mx-radius-xs);flex-shrink:0}.mx-message.is-success{border-color:var(--mx-color-success)}.mx-message.is-success:before{background:var(--mx-color-success)}.mx-message.is-error{border-color:var(--mx-color-danger)}.mx-message.is-error:before{background:var(--mx-color-danger)}.mx-message.is-info{border-color:var(--mx-color-primary)}.mx-message.is-info:before{background:var(--mx-color-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}