.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}.submitButton:hover{background:linear-gradient(90deg,#7b00ff,#00d4ff)}.image-hanzi{width:450px;height:450px}@media (max-width:767px){.HanziImgContainer_Image,.HanziImgContainer_ImageSrc,.HanziImgContainer_ImageSvg,.HanziImgContainer_Svg450,.image-hanzi{width:350px;height:350px}}.overlay-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);z-index:10050}.overlay-content{min-width:75vw;max-width:90vw;max-height:95vh;overflow:hidden}.overlay-scroll{max-height:90vh;overflow-y:auto}.overlay-scroll::-webkit-scrollbar{width:6px}.overlay-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.overlay-scroll::-webkit-scrollbar-thumb{background:#c2c2c2;border-radius:3px}.overlay-scroll::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.overlay-content{min-width:90vw;max-width:95vw}}.BothuHantu_tableWrapper__jSsnY{max-width:100%;overflow-x:auto}.BothuHantu_limitHeight___xruk{max-height:600px;overflow-y:scroll}.BothuHantu_table__wSVPW{width:100%;border-collapse:collapse;border:1px solid #0050a0;background-color:#fff}.BothuHantu_table__wSVPW thead tr{border-bottom:1px solid #0050a0}.BothuHantu_table__wSVPW th{padding:10px 0;text-align:center;font-weight:600;background-color:#7ea6ce}.BothuHantu_table__wSVPW td{text-align:center}.BothuHantu_table__wSVPW tbody tr{border-bottom:1px solid #0050a0}.BothuHantu_table__wSVPW tbody tr:last-child{border-bottom:none}.BothuHantu_table__wSVPW td,.BothuHantu_table__wSVPW th{border-left:none;border-right:none}.BothuHantu_colStt__sPnRf{width:10%}.BothuHantu_colHanViet__feIz8{width:35%}.BothuHantu_colHan__OfTP2{width:25%}.BothuHantu_colStrokes__uM6W0{width:10%}button.active-tab{background:linear-gradient(45deg,#0d6efd,#0dcaf0);border:none}.bg-zise{background-color:#00012e!important}.navbar-hide{transform:translateY(-100%)}.navbar-hide,.navbar-show{transition:transform .3s ease-in-out}.navbar-show{transform:translateY(0)}.dropdown-toggle:after{display:none!important}.custom-dropdown{left:50%!important;transform:translateX(-50%);min-width:200px;border-radius:10px;padding:8px}.dropdown-menu{background:#1e293b!important;border:1px solid #334155;box-shadow:0 8px 25px rgba(0,0,0,.4);left:203%!important}.dropdown-item{border-radius:6px;transition:all .2s ease}.dropdown-item:hover{background:#0f172a;color:#38bdf8!important;transform:translateX(4px)}.text-linearRed{background:linear-gradient(90deg,#052c65,#e52e71);-webkit-background-clip:text}.text-linearRed,.text-linearWhite{-webkit-text-fill-color:transparent;text-shadow:0 2px 6px rgba(229,46,113,.6)}.text-linearWhite{background:linear-gradient(135deg,#d19eff,#fdfdfd);-webkit-background-clip:text}.text-linearWhiteBlue{background:linear-gradient(135deg,#fff,#f55a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 6px rgba(229,46,113,.6)}.text-linearBlue{background:linear-gradient(90deg,#052c65,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 6px rgba(46,208,229,.7)}.nav-link,.nav-link2{position:relative;transition:color .2s ease-in-out}.nav-link:hover{color:#f8d210!important}.nav-link2:after,.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#f8d210;transition:width .3s}.nav-link2:hover:after,.nav-link:hover:after{width:100%}.nav-link2:hover{color:#fff!important;background-color:#0a1325;font-weight:700}.navbar-brand span{font-family:Poppins,sans-serif;letter-spacing:1px}.submitButton{background:linear-gradient(90deg,#00d4ff,#7b00ff)!important;color:#fff!important;font-weight:600;padding:10px;border-radius:8px;transition:all .3s ease}.submitButton:hover{background:linear-gradient(90deg,#7b00ff,#00d4ff)!important;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,212,255,.4)}.transitionImage{transition:transform .3s ease}.hoverBg :hover{background:#052c65;color:#fff;padding:5px;border-radius:5px}.transitionImage:hover{transform:scale(1.1)}li{list-style-type:none}.height100vh{max-height:100vh;overflow-y:auto}.height80vh{max-height:80vh;overflow-y:auto}.height50vh{max-height:50vh;overflow-y:auto}