<!DOCTYPE html>
<html>
<%- partial('_partial/head') %>
<body>
  <div id="container" :class="{show:isCtnShow}" style="background-image: url('/api/v2/common/randomBg?label=background');" @click="hideSlider">
    <div class="left-col" style="background-image: url('/api/v2/common/randomBg?label=banner');" >
      <%- partial('_partial/left-col', null, {cache: !config.relative_link}) %>
      <%- partial('_partial/live2d') %>
    </div>
    <div class="btnctn js-mobile-btnctn">
      <div class="slider-trigger" @click="openSlider($event, 'innerArchive', true)">
        <i class="icon icon-list"></i>
      </div>
      <div class="slider-trigger" @click="toolsClick('tools.eye')">
        <i class="icon icon-eye"></i>
      </div>
    </div>
    <div class="mid-col" :class="{show: isShow,hide: isShow!==undefined && !isShow}">
      <a name="top"></a>
      <%- partial('_partial/mobile-nav', null, {cache: !config.relative_link}) %>
      <div id="wrapper" class="body-wrap" v-pre>
        <div class="menu-l">
          <div id="js-content" class="content-ll">
            <%- body %>
          </div>
        </div>
      </div>
      <%- partial('_partial/footer') %>
    </div>
    <div class="mask js-mask" ref="mask"></div>
    <%- partial('_partial/search') %>
    <%- partial('_partial/tools') %>
    <%- partial('_partial/viewer') %>
  </div>
  <%- partial('_partial/after-footer') %>
</body>
</html>