.grid-block{--columns: 12;--gap: 0.125em;--block-size: 2em;position:relative;display:flex;max-width:max-content}.grid-block .grid-content{counter-reset:item-counter;display:grid;gap:var(--gap);grid-template-columns:repeat(var(--columns), 1fr);grid-template-rows:repeat(var(--rows), 1fr);grid-auto-flow:dense;background-color:hsla(0,0%,100%,.2)}.grid-block .block-item{counter-increment:item-counter;position:relative;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.25);grid-area:span var(--size, 1)/span var(--size, 1);width:calc(var(--size, 1)*var(--block-size) + (var(--size, 1) - 1)*var(--gap));height:calc(var(--size, 1)*var(--block-size) + (var(--size, 1) - 1)*var(--gap));font-weight:bold}.grid-block .block-item::before{position:absolute;top:.25em;left:.25em;z-index:1;padding:.25em;border-radius:.25em;border:1px solid;background-color:hsla(0,0%,100%,.5);color:#000;font-size:.75em}.grid-block .block-item[data-dev-mark]::before{content:attr(data-dev-mark) ", i:" counter(item-counter)}.grid-block .block-item::after{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:3em;height:3em;border-radius:1.5em;background-color:rgba(0,0,0,.5);color:orange;font-size:1.25em;font-weight:bold}.grid-block .block-item[data-dev-size]::after{content:attr(data-dev-size)}
.block-app-wall .app-wall{--columns: var(--grid-columns, 12);--gap: var(--grid-gap, 1em);--block-size: auto;min-width:100%}.block-app-wall .grid-content{width:100%;background-color:rgba(0,0,0,0)}.block-app-wall .block-item{aspect-ratio:1/1;border-radius:var(--radius-xl);transition:background-color .3s linear}.block-app-wall .block-item:not(:empty){background-color:var(--app-icon-bg-color)}[data-env]:not([data-env*=product]) .block-app-wall .block-item:empty::after{content:"空";color:#6495ed}.block-app-wall .app-item{padding:0;width:100%;height:100%}.block-app-wall .app-item .app-icon{background-color:rgba(0,0,0,0)}
.main-content{max-width:100%}

/*# sourceMappingURL=index.4a05085c.css.map*/