.box-types-page[data-v-f3cc9ef4]{min-height:100vh;color:var(--bxy-color-text);background:var(--bxy-color-bg)}.box-types-header[data-v-f3cc9ef4]{--bxy-header-inner-width:auto;--bxy-header-inner-margin-inline:var(--bxy-space-13)}.box-types-layout[data-v-f3cc9ef4]{--box-types-sidebar-width:292px;grid-template-columns:var(--box-types-sidebar-width) minmax(0, 1fr);min-height:calc(100vh - 60px);margin-inline:var(--bxy-space-13);background:linear-gradient(90deg, color-mix(in srgb, var(--bxy-color-primary-soft) 26%, var(--bxy-color-bg)) 0, color-mix(in srgb, var(--bxy-color-primary-soft) 26%, var(--bxy-color-bg)) var(--box-types-sidebar-width), transparent var(--box-types-sidebar-width)), var(--bxy-color-bg);display:grid}.box-types-tree[data-v-f3cc9ef4]{background:linear-gradient(180deg, #ffffffdb 0%, #ffffff75 100%), color-mix(in srgb, var(--bxy-color-primary-soft) 26%, var(--bxy-color-bg));border-right:1px solid color-mix(in srgb, var(--bxy-color-primary-soft) 74%, var(--bxy-color-border));height:calc(100vh - 60px);position:sticky;top:60px;overflow:hidden}.box-types-tree__scroll[data-v-f3cc9ef4]{width:100%;height:100%;padding:var(--bxy-space-5) var(--bxy-space-4)}.box-types-tree__scroll.ui-scrollbar[data-v-f3cc9ef4]{padding:0}.box-types-tree__scroll.ui-scroll-content[data-v-f3cc9ef4]{height:auto;min-height:100%}.box-types-tree__list[data-v-f3cc9ef4],.box-types-tree__children[data-v-f3cc9ef4]{margin:0;padding:0;list-style:none}.box-types-tree__list[data-v-f3cc9ef4]{gap:var(--bxy-space-3);display:grid}.box-types-tree__children[data-v-f3cc9ef4]{margin:var(--bxy-space-2) 0 var(--bxy-space-3) var(--bxy-space-6);padding-left:var(--bxy-space-3);gap:2px;display:grid;position:relative}.box-types-tree__children[data-v-f3cc9ef4]:before{content:"";background:color-mix(in srgb, var(--bxy-color-primary-soft) 58%, var(--bxy-color-border));width:1px;position:absolute;top:2px;bottom:2px;left:0}.box-types-tree__node[data-v-f3cc9ef4]{align-items:center;gap:var(--bxy-space-2);width:100%;min-height:var(--bxy-control-height-md);padding:var(--bxy-space-2) var(--bxy-space-3);color:var(--bxy-color-text-secondary);font:inherit;font-size:var(--bxy-font-size-md);line-height:var(--bxy-line-height-tight);text-align:left;border-radius:var(--bxy-radius-md);cursor:pointer;transition:color var(--bxy-motion-fast) var(--bxy-ease-standard), background-color var(--bxy-motion-fast) var(--bxy-ease-standard), border-color var(--bxy-motion-fast) var(--bxy-ease-standard), box-shadow var(--bxy-motion-fast) var(--bxy-ease-standard);background:#fff0;border:1px solid #0000;grid-template-columns:20px minmax(0,1fr) minmax(28px,auto);display:grid}.box-types-tree__node--group[data-v-f3cc9ef4]{min-height:var(--bxy-control-height-lg);color:var(--bxy-color-text-strong);font-weight:var(--bxy-font-weight-medium);border-color:color-mix(in srgb, var(--bxy-color-primary-soft) 44%, var(--bxy-color-border));border-radius:var(--bxy-radius-lg);background:#ffffffb8}.box-types-tree__node--leaf[data-v-f3cc9ef4]{border-radius:var(--bxy-radius-sm);background:0 0;min-height:36px}.box-types-tree__node--product[data-v-f3cc9ef4]{min-height:32px;padding:var(--bxy-space-2) var(--bxy-space-3) var(--bxy-space-2) var(--bxy-space-8);color:var(--bxy-color-text-secondary);font-size:var(--bxy-font-size-sm);border-radius:var(--bxy-radius-sm);background:0 0;grid-template-columns:minmax(0,1fr);margin-top:0}.box-types-tree__node[data-v-f3cc9ef4]:hover:not(:disabled):not(.is-active):not(.is-current){background:color-mix(in srgb, var(--bxy-color-primary-soft) 44%, var(--bxy-color-bg));border-color:#0000}.box-types-tree__node--group[data-v-f3cc9ef4]:hover:not(:disabled){background:linear-gradient(135deg, #ff771429, #fffffff0 64%), var(--bxy-color-bg);border-color:color-mix(in srgb, var(--bxy-color-primary-soft) 56%, var(--bxy-color-primary));box-shadow:0 8px 18px #31363f0f}.box-types-tree__node--leaf[data-v-f3cc9ef4]:hover:not(:disabled){background:color-mix(in srgb, var(--bxy-color-primary-soft) 48%, var(--bxy-color-bg));border-color:#0000}.box-types-tree__node--product[data-v-f3cc9ef4]:hover:not(:disabled){background:color-mix(in srgb, var(--bxy-color-primary-soft) 58%, var(--bxy-color-bg));border-color:#0000}.box-types-tree__node--group.is-active[data-v-f3cc9ef4]{color:var(--bxy-color-text-strong);font-weight:var(--bxy-font-weight-semibold);background:linear-gradient(135deg, #ff771424, #fffffff5 62%), var(--bxy-color-bg);border-color:color-mix(in srgb, var(--bxy-color-primary-soft) 58%, var(--bxy-color-primary));box-shadow:0 8px 20px #31363f12}.box-types-tree__node--leaf.is-current[data-v-f3cc9ef4]{color:var(--bxy-color-primary-deep);font-weight:var(--bxy-font-weight-semibold);background:0 0;border-color:#0000}.box-types-tree__node--product.is-current[data-v-f3cc9ef4]{color:var(--bxy-color-primary-deep);font-weight:var(--bxy-font-weight-semibold);background:color-mix(in srgb, var(--bxy-color-primary-soft) 46%, var(--bxy-color-bg));border-color:#0000}.box-types-tree__node--leaf.is-current[data-v-f3cc9ef4]:hover:not(:disabled){background:color-mix(in srgb, var(--bxy-color-primary-soft) 52%, var(--bxy-color-bg))}.box-types-tree__node--product.is-current[data-v-f3cc9ef4]:hover:not(:disabled){background:color-mix(in srgb, var(--bxy-color-primary-soft) 66%, var(--bxy-color-bg))}.box-types-tree__node[data-v-f3cc9ef4]:focus-visible{box-shadow:var(--bxy-focus-ring);outline:none}.box-types-tree__chevron[data-v-f3cc9ef4]{width:20px;height:20px;color:var(--bxy-color-text-tertiary);border-radius:var(--bxy-radius-md);background:0 0;border:1px solid #0000;place-items:center;display:grid}.box-types-tree__node--group.is-active .box-types-tree__chevron[data-v-f3cc9ef4],.box-types-tree__node--leaf.is-current .box-types-tree__chevron[data-v-f3cc9ef4]{color:var(--bxy-color-primary-deep);border-color:color-mix(in srgb, var(--bxy-color-primary-soft) 58%, var(--bxy-color-primary));background:#ffffffb8}.box-types-tree__node--leaf:hover:not(:disabled) .box-types-tree__chevron[data-v-f3cc9ef4]{color:var(--bxy-color-primary);border-color:color-mix(in srgb, var(--bxy-color-primary-soft) 58%, var(--bxy-color-primary));background:#ffffffb3}.box-types-tree__dot[data-v-f3cc9ef4]{border-radius:var(--bxy-radius-pill);opacity:.58;background:currentColor;width:6px;height:6px}.box-types-tree__name[data-v-f3cc9ef4]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.box-types-tree__node em[data-v-f3cc9ef4]{min-width:28px;padding:2px var(--bxy-space-2);color:var(--bxy-color-text-tertiary);font-style:normal;font-size:var(--bxy-font-size-xs);font-weight:var(--bxy-font-weight-medium);line-height:var(--bxy-line-height-tight);text-align:center;border-radius:var(--bxy-radius-pill);font-variant-numeric:tabular-nums;background:#ffffffa3}.box-types-tree__node.is-active em[data-v-f3cc9ef4]{color:var(--bxy-color-primary);background:var(--bxy-color-bg)}.box-types-tree__node--leaf:hover:not(:disabled) em[data-v-f3cc9ef4]{color:var(--bxy-color-primary);background:#ffffffb3}.box-types-tree__leaf-branch.is-current[data-v-f3cc9ef4]{padding-bottom:var(--bxy-space-1);position:relative}.box-types-tree__leaf-branch.is-current[data-v-f3cc9ef4]:before{top:var(--bxy-space-1);bottom:var(--bxy-space-1);left:calc(-1 * var(--bxy-space-3));content:"";background:var(--bxy-color-primary);width:1px;position:absolute}.box-types-tree__node.is-disabled[data-v-f3cc9ef4],.box-type-card.is-disabled[data-v-f3cc9ef4]{cursor:not-allowed;opacity:.46}.box-types-side-state[data-v-f3cc9ef4]{place-items:center;min-height:280px;display:grid}.box-types-tree__state[data-v-f3cc9ef4]{justify-items:center;gap:var(--bxy-space-2);padding:var(--bxy-space-4) var(--bxy-space-2) var(--bxy-space-4) var(--bxy-space-7);color:var(--bxy-color-text-tertiary);font-size:var(--bxy-font-size-xs);text-align:center;display:grid}.box-types-tree__state.is-error[data-v-f3cc9ef4]{color:var(--bxy-color-danger)}.box-types-tree__state button[data-v-f3cc9ef4],.box-types-retry[data-v-f3cc9ef4]{justify-content:center;align-items:center;gap:var(--bxy-space-2);min-height:var(--bxy-control-height-md);padding:0 var(--bxy-space-4);color:var(--bxy-color-primary);font-size:var(--bxy-font-size-sm);background:var(--bxy-color-bg);border-radius:var(--bxy-radius-md);cursor:pointer;border:1px solid;display:inline-flex}.box-types-content[data-v-f3cc9ef4]{min-width:0;padding:0 var(--bxy-space-5) var(--bxy-space-10);background-position:0 0;background-size:24px 24px}.box-types-detail[data-v-f3cc9ef4]{column-gap:var(--bxy-space-8);min-height:254px;margin:0 calc(-1 * var(--bxy-space-5));padding:var(--bxy-space-7) var(--bxy-space-8) var(--bxy-space-6);background:var(--bxy-color-bg);border-bottom:1px solid var(--bxy-color-border);grid-template-columns:minmax(320px,.82fr) minmax(360px,1fr);display:grid;position:relative;overflow:hidden}.box-types-detail__copy[data-v-f3cc9ef4]{z-index:1;align-self:center;min-width:0;position:relative}.box-types-breadcrumb[data-v-f3cc9ef4]{align-items:center;gap:var(--bxy-space-2);margin-bottom:var(--bxy-space-8);color:var(--bxy-color-text-secondary);font-size:var(--bxy-font-size-sm);flex-wrap:wrap;display:flex}.box-types-breadcrumb a[data-v-f3cc9ef4],.box-types-breadcrumb strong[data-v-f3cc9ef4]{color:inherit;font-weight:var(--bxy-font-weight-medium);text-decoration:none}.box-types-detail h1[data-v-f3cc9ef4]{color:var(--bxy-color-text-strong);font-size:var(--bxy-font-size-2xl);font-weight:var(--bxy-font-weight-bold);line-height:var(--bxy-line-height-tight);margin:0}.box-types-detail p[data-v-f3cc9ef4]{max-width:560px;margin:var(--bxy-space-4) 0 0;color:var(--bxy-color-text-secondary);font-size:var(--bxy-font-size-sm);line-height:var(--bxy-line-height-loose)}.box-types-detail__tags[data-v-f3cc9ef4]{gap:var(--bxy-space-2);margin-top:var(--bxy-space-4);flex-wrap:wrap;display:flex}.box-types-detail__tags span[data-v-f3cc9ef4]{min-height:24px;padding:0 var(--bxy-space-3);color:var(--bxy-color-primary-hover);font-size:var(--bxy-font-size-xs);font-weight:var(--bxy-font-weight-medium);background:var(--bxy-color-primary-soft);border-radius:var(--bxy-radius-md);align-items:center;display:inline-flex}.box-types-detail__media[data-v-f3cc9ef4]{z-index:1;align-self:stretch;place-items:center end;min-width:0;display:grid;position:relative}.box-types-detail__preview-stage[data-v-f3cc9ef4]{width:min(100%,500px);min-height:216px;padding:0 var(--bxy-space-5) var(--bxy-space-4);place-items:end center;display:grid;position:relative}.box-types-detail__preview-stage[data-v-f3cc9ef4]:after{right:var(--bxy-space-3);bottom:var(--bxy-space-6);left:var(--bxy-space-8);content:"";filter:blur(8px);background:radial-gradient(#262b332e 0%,#262b3314 42%,#262b3300 72%);height:28px;position:absolute;transform:translate(20px)}.box-types-detail__preview[data-v-f3cc9ef4]{z-index:1;object-fit:contain;mix-blend-mode:multiply;width:min(100%,330px);height:210px;display:block;position:relative;mask-image:radial-gradient(#000 64%,#0000 100%)}.box-types-grid[data-v-f3cc9ef4]{gap:var(--bxy-space-5);padding-top:var(--bxy-space-7);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.box-type-card[data-v-f3cc9ef4],.box-types-skeleton-card[data-v-f3cc9ef4]{border:1px solid var(--bxy-color-border);border-radius:var(--bxy-radius-lg);background:#fffffff5;min-width:0;overflow:hidden}.box-type-card[data-v-f3cc9ef4]{color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--bxy-motion-base) var(--bxy-ease-standard), box-shadow var(--bxy-motion-base) var(--bxy-ease-standard), transform var(--bxy-motion-base) var(--bxy-ease-standard);grid-template-rows:180px minmax(120px,auto);padding:0;text-decoration:none;display:grid}.box-type-card[data-v-f3cc9ef4]:hover:not(.is-disabled),.box-type-card[data-v-f3cc9ef4]:focus-visible{border-color:var(--bxy-color-primary);transform:translateY(-1px);box-shadow:0 10px 24px #31363f12}.box-type-card__media[data-v-f3cc9ef4]{box-sizing:border-box;height:180px;padding:var(--bxy-space-4);background-size:18px 18px;place-items:center;display:grid;position:relative;overflow:hidden}.box-type-card__media img[data-v-f3cc9ef4]{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:132px;display:block}.box-type-card__media em[data-v-f3cc9ef4]{right:var(--bxy-space-3);bottom:var(--bxy-space-3);padding:var(--bxy-space-1) var(--bxy-space-2);color:var(--bxy-color-text-inverse);font-style:normal;font-size:var(--bxy-font-size-xs);background:var(--bxy-color-text-secondary);border-radius:var(--bxy-radius-sm);position:absolute}.box-type-card__copy[data-v-f3cc9ef4]{gap:var(--bxy-space-1);min-height:120px;padding:var(--bxy-space-4) var(--bxy-space-4) var(--bxy-space-5);border-top:1px solid var(--bxy-color-border);background:#fffffffa;display:grid}.box-type-card__copy strong[data-v-f3cc9ef4]{color:var(--bxy-color-text-strong);font-size:var(--bxy-font-size-md);font-weight:var(--bxy-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.box-type-card__copy span[data-v-f3cc9ef4]{color:var(--bxy-color-text);font-size:var(--bxy-font-size-sm);font-weight:var(--bxy-font-weight-medium)}.box-type-card__copy small[data-v-f3cc9ef4]{color:var(--bxy-color-text-secondary);font-size:var(--bxy-font-size-sm);line-height:var(--bxy-line-height-base);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.box-types-skeleton-card__media[data-v-f3cc9ef4]{height:180px}.box-types-skeleton-card__copy[data-v-f3cc9ef4]{gap:var(--bxy-space-3);min-height:120px;padding:var(--bxy-space-4);background:var(--bxy-color-bg);border-top:1px solid var(--bxy-color-border);display:grid}.box-types-skeleton-card__title[data-v-f3cc9ef4],.box-types-skeleton-card__meta[data-v-f3cc9ef4],.box-types-skeleton-card__desc[data-v-f3cc9ef4]{border-radius:var(--bxy-radius-sm);height:14px}.box-types-skeleton-card__title[data-v-f3cc9ef4]{width:58%}.box-types-skeleton-card__meta[data-v-f3cc9ef4]{width:34%}.box-types-skeleton-card__desc[data-v-f3cc9ef4]{width:86%}.box-types-empty[data-v-f3cc9ef4]{place-items:center;min-height:320px;display:grid}@media (width<=1280px){.box-types-header[data-v-f3cc9ef4]{--bxy-header-inner-margin-inline:var(--bxy-space-9)}.box-types-layout[data-v-f3cc9ef4]{--box-types-sidebar-width:264px;margin-inline:var(--bxy-space-9);background:linear-gradient(90deg, color-mix(in srgb, var(--bxy-color-primary-soft) 26%, var(--bxy-color-bg)) 0, color-mix(in srgb, var(--bxy-color-primary-soft) 26%, var(--bxy-color-bg)) var(--box-types-sidebar-width), transparent var(--box-types-sidebar-width)), var(--bxy-color-bg)}}@media (width<=960px){.box-types-page[data-v-f3cc9ef4] .bxy-header__inner.small .bxy-header__brand{flex-basis:156px;width:156px}.box-types-page[data-v-f3cc9ef4] .bxy-header__inner.small .bxy-header__brand img{width:156px}.box-types-page[data-v-f3cc9ef4] .bxy-header-tabs{margin-right:var(--bxy-space-3)}.box-types-layout[data-v-f3cc9ef4]{background:var(--bxy-color-bg);margin-inline:0;display:block}.box-types-tree[data-v-f3cc9ef4]{border-right:0;border-bottom:1px solid var(--bxy-color-border);height:auto;max-height:420px;position:static}.box-types-tree__scroll[data-v-f3cc9ef4]{height:auto;max-height:inherit}.box-types-tree__list[data-v-f3cc9ef4]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.box-types-tree__branch[data-v-f3cc9ef4]{min-width:0}.box-types-tree__children[data-v-f3cc9ef4]{margin-right:0}.box-types-detail[data-v-f3cc9ef4]{gap:var(--bxy-space-5);margin:0 calc(-1 * var(--bxy-space-5));grid-template-columns:minmax(0,1fr)}.box-types-grid[data-v-f3cc9ef4]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.box-types-page[data-v-f3cc9ef4] .bxy-header-tabs__item:not(.is-active),.box-types-page[data-v-f3cc9ef4] .bxy-header__login-btn{display:none}.box-types-tree[data-v-f3cc9ef4]{max-height:360px}.box-types-tree__scroll[data-v-f3cc9ef4]{padding:var(--bxy-space-4)}.box-types-tree__list[data-v-f3cc9ef4]{grid-template-columns:minmax(0,1fr)}.box-types-detail[data-v-f3cc9ef4]{min-height:0;padding:var(--bxy-space-5)}.box-types-breadcrumb[data-v-f3cc9ef4]{margin-bottom:var(--bxy-space-5)}.box-types-detail__preview[data-v-f3cc9ef4]{width:min(100%,220px);height:146px}.box-types-detail__preview-stage[data-v-f3cc9ef4]{width:min(100%,280px);min-height:160px;padding:0 0 var(--bxy-space-3)}.box-types-grid[data-v-f3cc9ef4]{gap:var(--bxy-space-4);padding-top:var(--bxy-space-5);grid-template-columns:minmax(0,1fr)}.box-type-card[data-v-f3cc9ef4]{grid-template-rows:190px minmax(120px,auto)}.box-type-card__media[data-v-f3cc9ef4]{height:190px}.box-type-card__media img[data-v-f3cc9ef4]{max-height:142px}}html{background:var(--bxy-color-bg);min-width:320px}body{background:var(--bxy-color-bg);min-height:100vh}