.shell[data-v-8e6a93bd]{flex-direction:column;min-height:100vh;display:flex}.top[data-v-8e6a93bd]{background:var(--deep);color:#fff;flex:none}.top__wrap[data-v-8e6a93bd]{align-items:center;gap:24px;max-width:1320px;margin:0 auto;padding:10px 20px;display:flex}.top__brand[data-v-8e6a93bd]{color:#fff;letter-spacing:.04em;align-items:baseline;gap:8px;font-weight:800;display:flex}.top__brand-note[data-v-8e6a93bd]{letter-spacing:0;color:#9fb3c4;font-size:12px;font-weight:500}.top__nav[data-v-8e6a93bd]{gap:4px;display:flex}.top__link[data-v-8e6a93bd]{border-radius:var(--radius-sm);color:#cfdbe5;padding:5px 12px}.top__link[data-v-8e6a93bd]:hover{color:#fff;background:#ffffff14}.top__link.router-link-active[data-v-8e6a93bd]{color:#fff;background:#ffffff24}.top__side[data-v-8e6a93bd]{align-items:center;gap:12px;margin-left:auto;display:flex}.top__site[data-v-8e6a93bd]{color:#9fb3c4;font-size:13px}.top__site[data-v-8e6a93bd]:hover{color:#fff}.top__user[data-v-8e6a93bd]{color:#9fb3c4;font-size:13px}.main[data-v-8e6a93bd]{flex:auto;width:100%;max-width:1320px;margin:0 auto;padding:20px}@media (width<=720px){.top__wrap[data-v-8e6a93bd]{flex-wrap:wrap;gap:10px}.top__side[data-v-8e6a93bd]{width:100%;margin-left:0}.main[data-v-8e6a93bd]{padding:14px}}