@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');

body {
    font-family: 'Noto Sans SC', sans-serif;
}

/* Chinese character writing canvas */
.hanzi-canvas {
    width: 100%;
    height: 300px;
    background-color: #f8f8f8;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    cursor: crosshair;
    touch-action: none;
}

.hanzi-grid {
    background-image: radial-gradient(circle, #e0e0e0 1px, transparent 1px);
    background-size: 20px 20px;
}

.stroke-path {
    stroke: #e60000;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.stroke-number {
    font-size: 10px;
    fill: #333;
    font-weight: bold;
}