/* * Font: Cubic 11 (俐方體 11)
 * License: SIL Open Font License 1.1
 * Source: https://github.com/A-S-K/Cubic-11
 */
@font-face {
    font-family: 'Cubic 11';
    src: url('fonts/Cubic_11.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

:root {
    --pixel-size: 22px;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Cubic 11', monospace;
    font-size: var(--pixel-size);
    /*cursor:none;*/
}

.NavBar h1 {
    width: 100vw;
    height: 80px;
    color: #ffffff;
    background-color: #f74074;
    font-size: 33px;
    border-bottom: 2px solid #00ff00;
    padding-bottom: 10px;
}

.NavBar .button-group a {
    text-decoration: none; /* 移除底線 */
}

body {
    background-color: #000000; 
    color: #ffffff;
    font-family: 'Cubic 11', monospace;
    font-size: var(--pixel-size);
    /* --- 關鍵：像素字體防模糊三劍客 --- */
    image-rendering: pixelated;               /* 針對圖片與畫布 */
    -webkit-font-smoothing: none;             /* 針對 Webkit 核心字體 */
    -moz-osx-font-smoothing: grayscale;       /* 針對 MacOS Firefox */
    text-rendering: optimizeSpeed;            /* 停用複雜的抗鋸齒計算 */
}

form#commentForm {
    display: flex;           /* 開啟彈性佈局 */
    flex-direction: row;     /* 確保是橫向排列（預設值） */
    align-items: flex-start; /* 關鍵：所有元素頂部對齊 */
    gap: 8px;               /* 元素之間的間距，你可以自行調整 */
}