.word-card[data-v-26298aa1]{border:1px solid #ccc;border-radius:4px;padding:10px;font-size:14px;display:flex;align-items:center;justify-content:center;height:80px;cursor:pointer;transition:background-color .3s,color .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.white[data-v-26298aa1]{background-color:#fff;color:#000}.gray[data-v-26298aa1]{background-color:#dfd2c2;color:#000}.blue[data-v-26298aa1]{background-color:#055793;color:#fff}.red[data-v-26298aa1]{background-color:#eb421a;color:#fff}.black[data-v-26298aa1]{background-color:#171509;color:#fff}#app{font-family:Arial,sans-serif;text-align:center;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:600px;margin:0 auto}.key-view[data-v-d7a4418e]{display:flex;flex-direction:column;align-items:center}.seed-input[data-v-d7a4418e]{margin-bottom:20px}.seed-input label[data-v-d7a4418e]{margin-right:10px}.seed-input input[data-v-d7a4418e]{padding:5px;font-size:16px}.key-grid[data-v-d7a4418e]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:300px;margin:20px auto;padding:10px;border:6px solid}.red-border[data-v-d7a4418e]{border-color:#e74c3c}.blue-border[data-v-d7a4418e]{border-color:#3498db}.key-square[data-v-d7a4418e]{width:50px;height:50px;border:1px solid #ccc}.red[data-v-d7a4418e]{background-color:#e74c3c}.blue[data-v-d7a4418e]{background-color:#3498db}.gray[data-v-d7a4418e]{background-color:#95a5a6}.black[data-v-d7a4418e]{background-color:#2c3e50}