.HanziWriter_hanziGrid__bPU2K{background-color:#fff;position:relative;overflow:hidden}.HanziWriter_gridLine__b0WK_{position:absolute;pointer-events:none;opacity:.6}.HanziWriter_vertical__OUfGj{top:0;bottom:0;left:50%;border-left:1px dashed rgba(0,160,80,.7)}.HanziWriter_horizontal__Ts8lK{left:0;right:0;top:50%;border-top:1px dashed rgba(0,160,80,.7)}.HanziWriter_diagonal__Y9jp2{top:50%;left:50%;width:150%;border-top:1px dashed rgba(0,160,80,.7);transform-origin:center}.HanziWriter_diag1___CTbV{transform:translate(-50%,-50%) rotate(45deg)}.HanziWriter_diag2__UP5P1{transform:translate(-50%,-50%) rotate(-45deg)}.HanziWriter_diag3__TzU7H{transform:translate(-50%,-50%) rotate(135deg)}.HanziWriter_diag4__B5whY{transform:translate(-50%,-50%) rotate(-135deg)}.HanziWriter_writer__oY4j_{position:absolute;inset:0}.HanziWriter_resetBtn__hjxvc{position:absolute;top:6px;right:6px;z-index:10;padding:2px 6px;font-size:12px;line-height:1;opacity:.85}.HanziWriter_resetBtn__hjxvc:hover{opacity:1}.HanziImgContainer{display:flex;align-items:center;gap:10px;cursor:pointer}.HanziImgContainer_Image{position:relative;width:450px;height:450px}.HanziImgContainer_ImageSrc,.HanziImgContainer_ImageSvg{display:flex;align-items:center;justify-content:center;width:450px;height:450px}.HanziImgContainer_ImageSvg{position:relative}.HanziImgContainer_Svg450{width:450px;height:450px}.submitButton{background:linear-gradient(90deg,#00d4ff,#7b00ff);color:#fff;font-weight:600;padding:10px;border-radius:8px;transition:all .3s ease}.submitButton:hover{background:linear-gradient(90deg,#7b00ff,#00d4ff);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,.4)}.image-hanzi{width:450px;height:450px}@media (max-width:767px){.HanziImgContainer_Image,.HanziImgContainer_ImageSrc,.HanziImgContainer_ImageSvg,.HanziImgContainer_Svg450,.image-hanzi{width:350px;height:350px}}