:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}html,body{background:#fff;width:100%;height:100%;margin:0;padding:0}#app{width:100%;height:100%}.page{box-sizing:border-box;background:#fff;flex-direction:column;align-items:center;min-height:100vh;padding:24px 0;display:flex}.header{margin-bottom:20px}.title{font-size:22px;font-weight:700}.grid{box-sizing:border-box;background-color:#e8ffe8;border-radius:12px;max-width:100vw;padding:8px}.grid-row{display:flex}.grid-header-cell,.grid-cell{width:var(--cell-size);height:var(--cell-size);box-sizing:border-box;background-color:#f6ffed;border:1px solid #080808;justify-content:center;align-items:center;display:flex}.grid-header-click{-webkit-user-select:none;user-select:none;cursor:pointer}.grid-corner{background-color:#e8ffe8}.header-text{font-size:14px;font-weight:700}.header-selected{background-color:#237804}.header-selected .header-text{color:#fff}.cell-selected{background-color:#52c41a}.dot{width:var(--dot-size);height:var(--dot-size);border-radius:50%}.dot-red{background-color:#ff4d4f}.dot-blue{background-color:#1890ff}.dot-yellow{background-color:#fadb14}