[data-v-3ddda931]{position:relative}.main[data-v-3ddda931]{min-height:100vh}.titlebox[data-v-3ddda931]{height:300px;display:flex;align-items:flex-start;justify-content:center;font-weight:700;font-size:64px;line-height:56px;color:#fff;background-size:cover;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#000}.titlebox .bg[data-v-3ddda931]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:0;top:0}.titlebox h4[data-v-3ddda931]{margin-top:120px;font-weight:700;font-size:64px;line-height:56px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.topicbox[data-v-3ddda931]{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-3ddda931]{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-3ddda931]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:12px;overflow:hidden}.topicbox .topic h4[data-v-3ddda931]{font-weight:500;font-size:16px;line-height:40px;margin:0;color:#000}.topicbox .topic:hover h4[data-v-3ddda931]{color:var(--color-primary-2)}.page-indexer[data-v-3ddda931]{display:flex;align-items:center;justify-content:flex-end;min-height:24px;margin-top:32px}