{{define "eighteen"}}
<link rel="stylesheet" href="/static/css/eighteen.css">
<script>
  (function () {
    try {
      if (localStorage.getItem("hg_age_ok") === "1") {
        document.documentElement.classList.add("eighteen-ok");
      }
    } catch (e) {}
  })();
</script>
<div class="eighteen" data-eighteen role="dialog" aria-modal="true" aria-labelledby="eighteen-title">
  <div class="eighteen__mask" aria-hidden="true"></div>
  <div class="eighteen__dialog">
    <div class="eighteen__badge" aria-hidden="true">18+</div>
    <h2 class="eighteen__title" id="eighteen-title">这是个成人网站</h2>
    <p class="eighteen__desc">本网站包含有年龄限制的内容，包括裸体和露骨色情素材的内容。点击继续即表示您确认您已年满 18 岁，或在您访问本网站时所在的司法管辖区已是成年人。</p>
    <button class="btn btn--primary eighteen__enter" type="button" data-eighteen-enter>
      我已年满 18 岁，进入
    </button>
    <button class="eighteen__exit" type="button" data-eighteen-exit>
      我未满 18 岁，退出
    </button>
  </div>
</div>
<script src="/static/js/eighteen.js" defer></script>
{{end}}