init

assets/css/main.css

+body {
+}
+
+.nav-bar {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100vw;
+    background: #ffffff;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    place-items: center;
+}
+.nav-bar > div {
+    display: flex;
+    justify-content: center;
+    align-items:center;
+    flex-direction: column;
+    font-size: 0.6rem;
+    color: #666;
+    padding: 0.3rem 0;
+}
+.nav-bar .item {
+    height: 25px;
+    text-align: center;
+}
+    .nav-bar .item + div {
+        transform: scale(0.8);
+        margin-top: 0.15rem;
+    }
+.enroll-page {
+    background: #e7935b;
+    width: 100vw;
+    height: 100vh;
+}
+.rule-page {
+    background: #e7935b;
+    width: 100vw;
+    height: 100vh;
+}
+.rank-page {
+    background: #e7935b;
+    width: 100vw;
+    height: 100vh;
+}
+.item-active {
+    color: red;
+}
+.enroll-item {
+    padding: 0.5rem 0;
+}
+.enroll-input {
+    border-radius: 7px;
+    border: 1px solid #b64c48;
+    padding: 0.5rem;
+    width: 100%;
+    background: transparent;
+}
+.enroll-item-title {
+    color: #b02a1e;
+    font-weight: bold;
+    padding: 0.3rem 0;
+}
+.rule-item {
+    background: #ffffff;
+    border-radius: 7px;
+    padding: 0.5rem;
+    margin: 0.5rem 0;
+}
+.rule-item img {
+    width: 70px;
+}
+.rule-item p {
+    margin: 0.2rem 0;
+}
+.vote-page {
+    width: 100vw;
+    
+}
+html {
+    background: #fff6e8;
+}
+.history-info {
+    background: #ffe2a3;
+    border-radius: 7px;
+    margin: 0.5rem 0;
+}
+.history-info-title {
+    color: #b02a1e;
+    font-size: 0.9rem;
+    font-weight: bold;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin: 0.3rem 0;
+}
+.history-info-title img {
+    padding: 0.2rem 0;
+}
+.search-input {
+    flex-grow: 1;
+    background:#f5f5f5;
+    border:none;
+    outline:none;
+    padding:0.5rem;
+}
+.search-btn {
+    background: rgb(160, 20, 20);
+    color: #fff;
+    font-size: 1.1rem;
+    padding: 0.5rem 1rem;
+    border-radius: 7px;
+}
\ No newline at end of file

assets/css/minireset.css

+/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: normal;
+}
+
+ul {
+  list-style: none;
+}
+
+button,
+input,
+select,
+textarea {
+  margin: 0;
+}
+
+html {
+  box-sizing: border-box;
+}
+
+* {
+  box-sizing: inherit;
+}
+*:before, *:after {
+  box-sizing: inherit;
+}
+
+img,
+embed,
+object,
+audio,
+video {
+  height: auto;
+  max-width: 100%;
+}
+
+iframe {
+  border: 0;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+  text-align: left;
+}