自己注释的CSS自己找

前人挖坑后人填。（虽然这次只有一个人。）

换了静态页面临时存放的文件夹（从app到public）后，背景图消失了，连带着倒计时（怎么现在还是倒计时）也回退成了黑色。

F12下的控制台也没有报错，怎么想都想不到原因。

最后（倾向是）无心打开了最主要的countdown.css，发现了一幅美好的图景：

/* @charset "utf-8";
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/wizfile/font/TmonMonsori.eot');
    src:url('https://cdn.jsdelivr.net/gh/wizfile/font/TmonMonsori.woff') format('woff');
    font-style: normal;
}

（中略）

#project_box {width: 100%;background-color: #383333;margin: auto}

#container {width: 100%;min-width: 800px;margin: auto;} */

.teaser {position: relative;width: 100%;height: 99vh;background: url('../img/countdown/countdown.jpg') no-repeat center center;background-size: cover;display: flex;align-items: center;justify-content: center;color: #fffaf5;border-radius: 30px;overflow: hidden}

.overlay {position: absolute; bottom: 0; left: 0; width: 100%; height: 15%; background: #fffaf5; clip-path: polygon(0 145%, 100% 0, 100% 100%);}

//（下略）

原来是深夜试图通过Next.js麻烦的引用规则，引用自定义CSS文件的时候，把一大堆行注释掉了。Next.js直接上手示例带来的过高难度（于我而言）是导致Into the Spectrum结构脱离预想的原因之一。

而且我还没有仔细看F12里的具体CSS响应。

于是把产生bug的多行注释符，即开头的/*和#container一行的*/拿掉，刷新后网页便正常显示了。

08:52记。08:55改定。