一只菜鸡关于《Project NANO》的解谜记录

    <div class="not-here">
        <p>这啥？？？？</p>
        <div>
            <div class="color-block" style="background-color: rgb(65, 87, 69)"></div>
            <div class="color-block" style="background-color: rgb(83, 79, 77)"></div>
            <div class="color-block" style="background-color: rgb(69, 46, 32)"></div>
            <div class="color-block" style="background-color: rgb(110, 101, 120)"></div>
            <div class="color-block" style="background-color: rgb(116, 32, 58)"></div>
            <div class="color-block" style="background-color: rgb(32, 47, 116)"></div>
            <div class="color-block" style="background-color: rgb(119, 111, 102)"></div>
            <div class="color-block" style="background-color: rgb(111, 111, 116)"></div>
        </div>
        <p class="what-is-this">3983153e.log</p>
    </div>

<title>Can't you see what's wrong?</title>
<!-- ... -->
<div class="not-here">
    <p class="what-is-this">No hint!</p>
    <p>本关的题目就在画面上</p>
    <p>什么？你没看到吗？或许… 你需要去配眼镜了（讨打）</p>
    <p class="what-is-this">...</p>
</div>

<div id="not-here">
    <p class="what-is-this">答案用下划线代替空格，全小写</p>
    <p>********，你有听说过吗？</p>
    <p>它里面有首歌挺好听的，但只有短短的几秒。</p>
    <p>你能帮我找到原曲吗？谢谢啦。</p>
    <p>给，这是一个视频，供参考。</p>
    <p class="what-is-this" onclick="ido.not.know()">视频呢？</p>
</div>
<div id="-qu" class="why-can-not-see"><pre><code>
=EA=93=9Du=E7=BD=AE=E8=BF=99h=CE=B1=D0=B8g=E8=AF=9D=C2=A2=E2=87=92=F0=9D=9F=99=F0=9D=9F=A8=D1=85=F0=9D=9F=BA=F0=9D=9F=A3=F0=9D=9F=A3=F0=9D=9F=A8=F0=9D=9F=BDrY=E2=87=90=C2=A2=E8=BD=AC=E7=A7=BB=E4=BE=84b=C3=AC=C5=82=C3=AEB=C3=AFLi..d=D0=B0k=CE=B1=C3=AC=C2=A2d=D0=BEge=E2=87=90.=E2=87=90=E5=A5=BD=E6=A9=A1b=E1=88=80=E9=92=9B=E5=AF=B9j=C3=AC=D0=B8g=EF=BC=9F
</code></pre></div>
<script>ido=[];ido.not=[];ido.not.know=function(){document.getElementById('-qu').className="";document.getElementById('not-here').className="why-can-not-see"}</script>

<main class="content">
    <p class="domain">🤔<span class="hidden">.clang.pp.ua</span></p>
    <p class="hidden">bd12b4bc.log</p>
</main>

dig xn--wp9h.clang.pp.ua txt
; <<>> DiG 9.10.6 <<>> xn--wp9h.clang.pp.ua txt
;; global options: +cmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 64045
;; flags: qr rd ra; QUERY: 1, ANSWER: 1, AUTHORITY: 0, ADDITIONAL: 1
;; OPT PSEUDOSECTION:
; EDNS: version: 0, flags:; udp: 512
;; QUESTION SECTION:
;xn--wp9h.clang.pp.ua.		IN	TXT
;; ANSWER SECTION:
xn--wp9h.clang.pp.ua.	299	IN	TXT	"https://clang.pp.ua/Simp1E_Dec"
;; Query time: 284 msec
;; SERVER: 8.8.8.8#53(8.8.8.8)
;; WHEN: Sun Apr 12 12:52:36 UTC 2020
;; MSG SIZE  rcvd: 92

<main class="content">
    <p class="question">?</p>
    <br />
    <input type="text" placeholder="Fill your password here..." maxlength="5" class="input" />
    <br />
    <button class="submit">Submit!</button>
    <br />
    <p class="hidden">87bbdc78.log</p>
</main>
<input type="text" class="fake-input" />
  <script>
    const inputBox = document.querySelector(".input");
    inputBox.addEventListener("focus", () => {
      document.querySelector(".fake-input").focus();
    });
    document.querySelector(".submit").addEventListener("click", () => {
      const path = magic("\xef\xbb\xe4\xb1\xd9\xc2\xd3\xfc\xf7\xf9", inputBox.value);
      if (!/^[0-9A-Za-z_\-]+$/.test(path)) {
        alert("Wrong Answer!")
      } else {
        // However, there's still a chance that you entered a wrong answer;
        location.pathname = "/" + path;
      }
    });
  </script>

if (!/^[0-9A-Za-z_\-]+$/.test(path)) {
    alert("Wrong Answer!")
}