[data-v-5f6a832c]{position:relative}.main[data-v-5f6a832c]{min-height:100vh}.titlebox[data-v-5f6a832c]{height:300px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:64px;line-height:56px;color:#fff;background-size:cover}.titlebox h4[data-v-5f6a832c]{margin-top:70px;font-weight:700;font-size:64px;line-height:56px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.topicbox[data-v-5f6a832c]{margin-top:60px;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-column-gap:18px;grid-row-gap:20px}.topicbox .topic[data-v-5f6a832c]{width:100%;height:218px;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff;transition:all .1s ease;cursor:pointer}.topicbox .topic img[data-v-5f6a832c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden}.topicbox .topic h4[data-v-5f6a832c]{font-weight:500;font-size:16px;line-height:40px;margin:0;color:#000}.topicbox .topic:hover h4[data-v-5f6a832c]{color:var(--color-primary-2)}.page-indexer[data-v-5f6a832c]{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin-top:32px}