@charset "UTF-8";*{font-family:微软雅黑,PingFang SC,Arial,宋体,simsun,sans-serif;font-size:14px;list-style:none;padding:0;margin:0;box-sizing:border-box;color:#333;font-weight:400;line-height:22px;scrollbar-width:thin}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#17da8e}input::placeholder{font-size:14px}input::-webkit-input-placeholder{font-size:14px}input:-moz-placeholder{font-size:14px}input:-ms-input-placeholder{font-size:14px}html,body{height:100%}.form-input{border:1px solid #ddd;border-radius:3px;padding:5px 10px;outline:none}.min-height{min-height:calc(100vh - 200px)}.max-height{max-height:100%}.min-w200{min-width:200px}.min-w250{min-width:250px}.min-w330{min-width:330px}.point{cursor:pointer}h1{font-size:22px;line-height:30px}h2{font-size:20px;line-height:26px}h3{font-size:18px;line-height:24px}h4{font-size:16px;line-height:20px}.lineh-0{line-height:0}.lineh-20{line-height:20px}.lineh-22{line-height:22px}.lineh-25{line-height:25px}.lineh-30{line-height:30px}.lineh-35{line-height:35px}.float-l{float:left}.float-r{float:right}.inherit{color:inherit}.svg{display:block}a{color:#045bcf;text-decoration:none}.hz{padding:0 2px;font-size:18px}.yl{background-color:#ffe9ad}.cl-main,.cl-second{color:#045bcf}.bold{font-weight:700}.block{display:block}.in-block{display:inline-block}.none{display:none!important}.flex{display:flex}.flex_1{flex:1}.flex_2{flex:2}.flex_3{flex:3}.flex-wrap{flex-wrap:wrap}.flex-direction-none{flex-direction:unset!important;justify-content:unset!important}.border{border:1px solid #ddd}.bd-ra-5{border-radius:5px}.bd-bt{border-bottom:1px dashed #ddd}.gap-5{gap:5px}.gap-10{gap:10px}.gap-15{gap:15px}.gap-20{gap:20px}.gap-30{gap:30px}.jus-center{justify-content:center}.jus-right{justify-content:right}.jus-between{justify-content:space-between}.align-center{align-items:center}.mb-r--15{margin-right:-15px}.text-uper{text-transform:uppercase}.text-cap{text-transform:capitalize}.letter0{letter-spacing:normal}.letter0 rt{text-align:left}.letter3{letter-spacing:3px}.letter4{letter-spacing:4px}.letter8{letter-spacing:8px}.ta-r{text-align:right}.ta-c{text-align:center}.ta-l{text-align:left}.text-indent-20{text-indent:20px}.ov{overflow:hidden}.ls-auto{list-style:auto}.no-warp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-main{background-color:#045bcf}.bg-second{background-color:#17da8e}.bg_yellow{background-color:#ffd35e}.cl-w{color:#fff}.cl-red{color:red}.cl-666{color:#666}.cl-888{color:#888}.cl-999{color:#999}.uk{color:#00f}.us{color:red}.fs-10{font-size:10px}.fs-12{font-size:12px}.fs-11{font-size:11px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-22{font-size:22px}.fs-25{font-size:25px}.fs-30{font-size:30px}.fs-35{font-size:35px}.fs-i{font-size:inherit}.pt-0{padding-top:0!important}.pt-3{padding-top:3px}.pt-5{padding-top:5px}.pt-8{padding-top:8px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pb-0{padding-bottom:0!important}.pb-3{padding-bottom:3px}.pb-5{padding-bottom:5px}.pb-8{padding-bottom:8px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pr-3{padding-right:3px}.pr-5{padding-right:5px}.pr-8{padding-right:8px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pl-3{padding-left:3px}.pl-5{padding-left:5px}.pl-8{padding-left:8px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25-i{padding-left:25px!important}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mb-5{margin-bottom:5px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mt-20{margin-top:20px}.mr-5{margin-right:5px}.mr-20{margin-right:20px}.mw100{max-width:100%}.m-w-150{max-width:150px}.m-w-180{max-width:180px}.max-width{max-width:1200px;width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box}.width-5{width:5%}.width-10{width:10%}.width-15{width:15%}.width-20{width:20%}.width-25{width:25%}.width-30{width:30%}.width-35{width:35%}.width-40{width:40%}.width-45{width:45%}.width-50{width:50%}.width-55{width:55%}.width-60{width:60%}.width-65{width:65%}.width-70{width:70%}.width-75{width:75%}.width-80{width:80%}.width-85{width:85%}.width-90{width:90%}.width-95{width:95%}.width-100{width:100%}.h100{height:100%}table{width:100%;border-collapse:collapse}table th{background-color:#f5f5f5}table td,table th{border:1px solid #ddd;padding:5px 10px}.visible-desk{display:none}.bg-w{background-color:#fff}.btn{display:inline-block;padding:8px 10px;border:none;border-radius:5px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#fff;cursor:pointer;text-align:center}.btn-sm{padding:5px 10px}.btn-action{background-color:#297aec}.btn-action:hover{background-color:#4e8feb}.btn-warning{background-color:#f3be23}.btn-warning:hover{background-color:#efc240}.btn-danger{background-color:#dc2626}.btn-danger:hover{background-color:#f54d4d}.btn-none{background-color:#fff;box-shadow:0 0 2px #666 inset;color:#444}.btn-none:hover{background-color:#e3e3e3}#breadcrumb{border-bottom:1px solid #ccc}#breadcrumb ul li{line-height:none}#breadcrumb ul li a{padding:7px 0}.paginate{text-align:right;padding:10px 0}.paginate .page{display:inline-block;padding:10px;border:1px solid #ccc;color:#666;text-decoration:none;border-radius:3px;font-weight:700;font-size:12px;background-color:#dcecff}.paginate .page:hover{border-color:#0d4d9d}.paginate .active{background-color:#0d4d9d;border-color:#0d4d9d;color:#fff}#header{background-color:#045bcf;box-shadow:0 1px 10px #0003}#header .top{justify-content:space-between;gap:10px}#header .top .feature{align-items:center;display:flex;gap:20px}#header .top .feature a{color:#fff;padding:10px 0;font-size:15px}#header .top .feature a:hover{color:#fff}#header .top .user{display:flex;justify-content:right;align-items:center;gap:20px}#header .top .user a{color:#fff;padding:10px 0}#header .top .user a:hover{color:#fff}#header #mobile_menu{display:block;position:fixed;background-color:#00000080;width:100%;height:100%;z-index:10;top:0;left:0}#header #mobile_menu .menu{width:250px;height:100%;background-color:#10cb82}#header #mobile_menu .menu .top{display:flex;justify-content:space-between;height:45px;background-color:#fff;align-items:center}#header #mobile_menu .menu .top .icon{height:32px;margin-left:10px}#header #mobile_menu .menu .top .close{width:45px;display:flex;align-items:center;justify-content:center;height:45px;cursor:pointer}#header #mobile_menu .menu .top .close:hover{background-color:#f2f2f2}#header #mobile_menu .menu ul{padding:5px 15px}#header #mobile_menu .menu ul li{border-bottom:1px dashed #7f7f7f}#header #mobile_menu .menu ul li:last-child{border-bottom:none}#header #mobile_menu .menu ul li a{display:block;color:#fff;padding:15px 0}#form_search{padding:20px 0}#form_search .logo{border-radius:10px;overflow:hidden}#form_search .logo img{height:50px;display:block}#form_search .input{border-radius:5px;gap:20px;border:1px solid #444;height:42px}#form_search .input .text_search{border:none;border-radius:5px;padding:0 15px;font-size:18px;outline:none;line-height:30px}#form_search .input .option_search{position:relative;display:flex}#form_search .input .option_search .opt{display:flex;justify-content:center;align-items:center;border:none;height:40px;padding:0 10px;cursor:pointer;position:relative}#form_search .input .option_search .opt:before{content:"";position:absolute;left:0;height:50%;top:25%;width:1px;background-color:#444}#form_search .input .option_search .opt img{width:24px}#form_search .input .option_search .write_hand{font-size:18px;color:#17da8e;font-weight:600;background-image:url(/build/assets/pencils-Cckr_HNi.png);background-repeat:no-repeat;background-position:center;background-size:22px;width:40px}#form_search .input .option_search .radical{font-size:25px;color:#045bcf;width:40px}#form_search .input .option_search .submit{background-color:#444;border-radius:0 3px 3px 0}#form_search canvas{touch-action:none}.hanzi-svg{border:1px solid #ebebeb;border-radius:5px;background-color:#fff}.no-strokes{width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ebebeb;border-radius:5px}.no-strokes span{font-size:180px}#user_write_hand{border:1px solid #e9e9e9;border-radius:5px;margin:20px 0 0;position:relative}#user_write_hand canvas{background-color:#f5f5f5;border-radius:5px 5px 0 0;display:block}#user_write_hand #result{display:flex;align-items:center;flex-wrap:wrap;gap:3px;justify-content:center}#user_write_hand #result span{cursor:pointer;font-size:20px;color:#045bcf;padding:0 5px;height:35px;display:flex;align-items:center;justify-content:center}#user_write_hand .action{position:absolute;right:10px;bottom:10px;display:flex;gap:10px;flex-direction:column}#user_write_hand .action span{display:flex;padding:5px 10px;cursor:pointer;border:1px solid #ebebeb;border-radius:5px;justify-content:center;align-items:center;background-color:#fff}#user_write_hand .action span img{width:15px}#radical_search{margin:20px 0 0;border:1px solid #ddd;border-radius:5px;background-color:#f6f6f6;position:relative}#radical_search #radical_suggest{max-height:110px;overflow-y:auto;background-color:#fff;display:flex;gap:3px;flex-wrap:wrap;border-radius:5px 5px 0 0;justify-content:center}#radical_search #radical_suggest p{height:35px;line-height:35px}#radical_search #radical_suggest span{display:flex;justify-content:center;align-items:center;font-size:20px;height:35px;width:35px;color:#045bcf;cursor:pointer}#radical_search .title{font-size:11px;position:absolute;top:-22px;right:0}#radical_search #radical_item{display:flex;flex-wrap:wrap;gap:1px;background-color:#ddd;padding:10px 0;justify-content:center;max-height:350px;overflow-y:auto}#radical_search #radical_item span{display:flex;width:35px;height:35px;justify-content:center;align-items:center}#radical_search #radical_item .number{background-color:#444;color:#fff}#radical_search #radical_item .rad{background-color:#fff;cursor:pointer;font-size:18px}#radical_search #radical_item .rad:hover{background-color:#f2f2f2}#radical_search #radical_item .not{color:#ccc!important}#radical_search #radical_item .selected{color:#fff;background-color:#17da8e!important}ruby{font-size:inherit;letter-spacing:3px}ruby rt{font-size:12px;letter-spacing:initial;color:#666;margin-bottom:5px}.sticky{position:sticky;top:0;width:100%;z-index:2}.sticky:before{content:"";border-bottom:1px solid #ddd;position:absolute;bottom:0;width:100%}.tab-container{display:flex;cursor:pointer;background-color:#fff;padding-top:10px}.tab-container .tab{padding:6px 15px;border:1px solid #c3c3c3;background-color:#ddd;border-radius:5px 5px 0 0;border-bottom:none;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-right:5px}.tab-container .tab:last-child{margin-right:0}.tab-container .tab a{color:#333}.tab-container .tab.active{background-color:#fff;font-weight:700;white-space:nowrap;overflow:unset}.tab-container .tab.active a{font-weight:700}.tab-container .tab.active:before{content:"";border-bottom:2px solid white;left:0;bottom:-1px;position:absolute;width:100%}.tab-content{display:block;padding:15px;border:1px solid #ddd;border-radius:0 5px 5px;border-top:1px solid #fff;box-shadow:0 -1px 1px #ddd}.tab-content.active{display:block}.multitab{margin-bottom:20px}.multitab .mt-links{list-style:none;padding:0;display:flex;gap:5px}.multitab .mt-links li a{text-decoration:none;padding:5px 10px;background:#ddd;border:1px solid #ccc;border-radius:5px 5px 0 0;display:inline-block;color:#333}.multitab .mt-links li .active{background:#fff;border-bottom:none;position:relative}.multitab .mt-links li .active:before{content:"";position:absolute;border-bottom:2px solid #fff;bottom:-1px;left:0;width:100%}.multitab .mt-content{border:1px solid #ccc;padding:15px;margin-top:-1px;border-radius:0 5px 5px}.multitab .mt-content .mtab{display:none}.multitab .mt-content .active{display:block}.group-voca{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;align-items:center}.group-voca b{font-weight:700;white-space:nowrap}.group-voca a{border:1px solid;display:inline-block;padding:3px 10px;border-radius:5px;color:#fff}.group-voca .hsk{background-color:#d12027}.group-voca .tocfl{background-color:#0476db}.group-voca .premium{background-color:#17da8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navigation .pagination{display:flex;gap:20px;justify-content:right}.navigation .pagination .page-item a,.navigation .pagination .page-item span{padding:6px 10px;display:inline-block;border:1px solid;border-radius:5px}.volume{display:flex;flex-direction:column;gap:5px;justify-content:center}.volume .gen{display:flex;justify-content:center;align-items:center;padding:5px;border-radius:5px;cursor:pointer}.volume .gen img{width:16px}.volume .female{background-color:#17da8e}.volume .male{background-color:#045bcf}.volume .b-female{border:1px solid #17da8e}.volume .b-male{border:1px solid #045bcf}#footer{background-color:#f6f6f6}#footer .footer-info{padding:30px 0}#footer .footer-info ul li{line-height:20px;padding:5px 0}#footer .footer-info ul li a{display:block;color:#888}#footer .bottom{border-top:1px solid #e7e7e7;padding:15px 0;box-shadow:0 1px #fff inset}.hzinfomation li{list-style:disc;display:flex;gap:10px;margin-bottom:5px}.hzinfomation li:last-child{margin-bottom:0}.hzinfomation li b{font-weight:700}.hanzi-strokes{background-color:#f5f5f5;padding:15px;border-radius:5px;border:1px solid #e9e9e9}.hanzi-strokes .hanzi{width:220px;flex-direction:column;align-items:center}.hanzi-strokes .hanzi .action{display:flex;gap:10px}.hanzi-strokes .hanzi .action span{display:flex;padding:5px 15px;cursor:pointer;border:1px solid #ebebeb;border-radius:5px;justify-content:center;align-items:center;background-color:#fff}.hanzi-strokes .hanzi .action span img{width:15px}.hanzi-strokes .hanzi .action span:hover{background-color:#eee;border:1px solid #ccc}.hanzi-strokes .bien_the ul li{margin-bottom:10px}.hanzi-strokes .bien_the ul li p b{font-size:30px;background-color:#fff;padding:10px;border-radius:5px;color:#045bcf;font-weight:300}.hanzi-strokes .kind-bookmart .intro{font-size:12px;color:#999;margin-bottom:5px}.hanzi-strokes .kind-bookmart ul{display:flex;flex-direction:column;gap:10px}.hanzi-strokes .kind-bookmart ul li{align-items:center}.hanzi-strokes .kind-bookmart ul li b{color:#045bcf;font-weight:700;background-color:#fff;border:1px solid #045bcf;padding:2px 6px;border-radius:5px}.hanzi-strokes .kind-bookmart ul li a{background-image:url(/build/assets/bookmark-CCdKLdKm.png);display:inline-block;background-color:#ffd35e;padding:3px 8px 3px 20px;color:#333;font-size:12px;border-radius:5px;background-repeat:no-repeat;background-position:5px center;background-size:12px auto}.description{background-color:#f5fffb;margin-bottom:20px;border:1px solid #9ae7c9;border-radius:5px;padding:10px 15px}.description b{color:#045bcf;font-weight:700}.hanzi_explain{padding:15px;border-radius:5px;margin-bottom:30px}.hanzi_explain .row{margin-bottom:20px;border-bottom:1px dashed #ddd}.hanzi_explain .row:last-child{border-bottom:none}.hanzi_explain .row .explain-title{border:2px solid #045bcf;display:flex;padding:2px 15px;align-items:center;gap:5px}.hanzi_explain .row .explain-title h2{color:#045bcf;display:inline-block;font-weight:700}.hanzi_explain .row .bookmark{display:flex;gap:10px;align-items:end}.hanzi_explain .row .bookmark a{padding:5px 5px 5px 20px;background-color:#f3f3f3;background-image:url(/build/assets/bookmark-CCdKLdKm.png);color:#333;font-size:12px;border-radius:5px;background-repeat:no-repeat;background-position:5px center;background-size:12px auto;line-height:15px}.hanzi_explain .row .detail{padding-top:10px}.hanzi_explain .row .detail h3{margin:10px 0;display:inline-block;position:relative}.hanzi_explain .row .detail h3:before{content:"";border-bottom:2px dashed #17da8e;position:absolute;right:0;width:calc(100% - 72px);bottom:0}.hanzi_explain .row .detail .pho-thong{padding-left:15px}.hanzi_explain .row .detail .pho-thong li{padding:5px 0}.hanzi_explain .row .detail .thieu-chuu{padding-left:25px}.hanzi_explain .row .detail .thieu-chuu li{list-style:auto;padding:5px 0}.hanzi_explain .row .detail .tran-van-chanh{padding-left:15px}.hanzi_explain .row .detail .tran-van-chanh .item{margin-bottom:15px}.hanzi_explain .row .detail .tran-van-chanh .item .examples{padding:5px 0 0 15px}.hanzi_explain .row .detail .tran-van-chanh .item .examples p{padding:5px 0}.hanzi_explain .row .detail .trich-dan{padding-left:15px}.hanzi_explain .row .detail .trich-dan .item{margin-top:10px}.hanzi_explain .row .detail .trich-dan .item .kind{display:inline-block;background-color:#ffd35e;padding:5px 10px;border-radius:5px}.hanzi_explain .row .detail .trich-dan .item .mean-for-kind{padding:10px 0 0}.hanzi_explain .row .detail .trich-dan .item .mean-for-kind .mean-item{margin-bottom:20px}.hanzi_explain .row .detail .trich-dan .item .mean-for-kind .mean-item .mean{margin-bottom:10px}.hanzi_explain .row .detail .trich-dan .item .mean-for-kind .mean-item .examples{margin-top:5px}.hanzi_explain .row .detail .trich-dan .item .mean-for-kind .mean-item .examples .exp{margin-bottom:5px}.hanzi_explain .row .detail .trich-dan .item .mean-for-kind .mean-item .examples .exp p i{color:#888;font-size:12px}.hanzi_explain .row .detail .trich-dan .item .mean-for-kind .mean-item .examples .exp .source{color:#888;font-size:12px;text-align:right}.compounds a{background-color:#f9f9f9;box-shadow:0 1px 3px #0003;border-radius:5px;display:flex;flex-direction:column;padding:10px 15px;max-width:300px;justify-content:center}.compounds a .mean{margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#dict-left{margin-bottom:30px}#dict-left .writing-and-pinyin{margin:0 0 20px;padding:0;text-align:center}#dict-left .writing-and-pinyin .word{margin-bottom:15px;display:flex;justify-content:center;gap:15px}#dict-left .writing-and-pinyin .word ruby rt{font-size:16px;margin-bottom:10px}#dict-left .writing-and-pinyin .han-viet{font-size:16px;text-transform:capitalize}#dict-left .hanzi-nav{align-items:center;margin-bottom:20px}#dict-left .hanzi-nav a{font-size:22px}#dict-left .me-title{margin:5px 0 10px}#dict-left .me-title b{display:inline-block;padding:0 5px;border-radius:5px;font-size:18px;letter-spacing:3px}#dict-left .section-tag{display:inline-block;background-color:#ffd35e;padding:5px 10px;border-radius:5px}#dict-left .meaning-example .kind{margin-bottom:30px}#dict-left .meaning-example .kind .title{margin-bottom:15px}#dict-left .meaning-example .kind .title b{display:inline-block;padding:0 5px;border-radius:5px;font-size:18px;letter-spacing:3px}#dict-left .meaning-example .kind .explain{margin-bottom:20px;padding:10px 0}#dict-left .meaning-example .kind .explain .mean{margin-bottom:5px}#dict-left .meaning-example .kind .explain .chinese-explain{letter-spacing:3px}#dict-left .meaning-example .kind .examples{padding:10px 0;border-bottom:1px dashed #c3c3c3;margin-bottom:15px}#dict-left .meaning-example .kind .examples:last-child{border-bottom:none;margin-bottom:0}#dict-left .meaning-example .kind .examples li{margin-bottom:20px}#dict-left .meaning-example .kind .examples li .chinese-example{margin-bottom:5px}#dict-left .meaning-example .view_more{display:inline-block;padding:5px 15px;border-radius:5px;cursor:pointer;border:1px solid #ccc}#dict-left .meaning-example .image-demo{border:1px solid #ddd;border-radius:5px;padding:15px}#dict-left .meaning-example .image-demo img{max-width:100%}#dict-right .hand-writing .strokes{border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9}#dict-right .hand-writing .strokes .item{border-bottom:1px dashed #ddd}#dict-right .hand-writing .strokes .item:last-child{border-bottom:none}#dict-right .hand-writing .strokes .item .hanzi-char{display:flex;justify-content:space-between;cursor:pointer;padding:15px;background-color:#f2f2f2}#dict-right .hand-writing .strokes .item .hanzi-char:hover{background-color:#eee}#dict-right .hand-writing .strokes .item .hanzi-item{margin:20px 0;flex-direction:column;align-items:center;gap:10px}#dict-right .hand-writing .strokes .item .hanzi-item .action{display:flex;gap:10px}#dict-right .hand-writing .strokes .item .hanzi-item .action a{display:flex;padding:2px 10px;cursor:pointer;border:1px solid #cfcfcf;border-radius:5px;justify-content:center;align-items:center;background-color:#fff;gap:8px}#dict-right .hand-writing .strokes .item .hanzi-item .action a img{width:15px}#dict-right .hand-writing .strokes .item .hanzi-item .action a:hover{background-color:#eee;border:1px solid #ccc}#dict-right .hand-writing .strokes .item .hanzi-item .hzinfomation{width:calc(100% - 30px)}#dict-right .syno_anto{display:flex;gap:15px;flex-wrap:wrap}#dict-right .syno_anto li a{padding:10px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 1px 3px #0003}#dict-right .syno_anto li a:hover{background-color:#f2f2f2}#dict-center .suggestion ul li{margin-bottom:20px;background-color:#f9f9f9;box-shadow:0 1px 3px #0003;border-radius:5px}#dict-center .suggestion ul li:hover{background-color:#f2f2f2}#dict-center .suggestion ul li a{display:block;padding:10px 15px}#dict-center .suggestion ul li .word b{font-size:inherit;letter-spacing:inherit}#dict-center .suggestion ul li .mean{margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}#comment .box-comment{border:1px solid #ddd;padding:15px;border-radius:5px}#vocabulary-detail .list-voca{justify-content:space-between;gap:20px}#vocabulary-detail .list-voca li{width:calc(50% - 10px)}#vocabulary-detail .list-voca li a{background-color:#f9f9f9;padding:10px 5px 10px 15px;border-radius:5px;box-shadow:1px 1px 3px #0003;height:100%}#vocabulary-detail .list-voca li a:hover{background-color:#f1f1f1}#radical_list li{position:relative}#radical_list li a{display:block;padding:10px 15px;background-color:#f8f8f8;border-radius:5px;border:1px solid #ccc;position:relative}#radical_list li a:hover{background-color:#eee}#radical_list li a .word{margin-bottom:10px;align-items:end;border-bottom:1px dashed #ccc;padding-bottom:10px}#radical_list li a .number{position:absolute;right:0;top:0;display:inline-block;padding:0 5px;border-radius:0 5px 0 8px;background-color:#fff;color:#17da8e;font-weight:700;font-size:12px}#voca-group li{width:calc(50% - 10px)}#voca-group li a{display:flex;align-items:center;padding:10px 15px;border:1px solid #ccc;border-radius:5px;background-color:#f8f8f8}#voca-group li a:hover{background-color:#eee}#voca-group li a .info{flex:1}#radical{margin-bottom:30px}#radical #box_radical{border:1px solid #ddd;background-color:#f6f6f6;padding:15px;margin-bottom:20px;border-radius:5px}#radical .list-hanzi{display:flex;flex-wrap:wrap;gap:15px}#radical .list-hanzi li a{padding:30px 15px 10px;background-color:#f6f6f6;box-shadow:1px 1px 4px #0006;border-radius:5px;border:1px solid #ddd;border-bottom:none;border-right:none}#radical .list-hanzi li a:hover{box-shadow:2px 2px 4px #0006}#alphabet{border:2px solid;height:400px;position:relative;overflow:hidden}#alphabet .left-neo{position:absolute;width:30px;left:0;top:32px;z-index:3}#alphabet .left-neo td{background-color:#444;color:#fff;border-left:none}#alphabet .wrap{position:relative;overflow:auto;height:100%;width:100%}#alphabet .wrap .pinyin-chart .fixed-header th{position:sticky;top:0;background-color:#444;color:#fff;border-top:transparent;z-index:2;border-left:1px solid #ccc;text-align:left}#alphabet .wrap .pinyin-chart tr:hover{background-color:#dbdbdb}#alphabet .wrap .pinyin-chart tr td{cursor:pointer}#alphabet .wrap .pinyin-chart .highlight-column{background-color:#dbdbdb}#alphabet .wrap .pinyin-chart .item{position:relative}#alphabet .wrap .pinyin-chart .item .pinyin{display:none;position:absolute;background-color:#dcfbef;z-index:2;border:1px solid #00ad6a;padding:10px;left:110%;top:-40px;border-radius:5px}#alphabet .wrap .pinyin-chart .item .pinyin:before{content:"";position:absolute;border-right:10px solid #00ad6a;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px;top:41px}#alphabet .wrap .pinyin-chart .item .pinyin li{margin-bottom:5px}#alphabet .wrap .pinyin-chart .item .pinyin li:last-child{margin-bottom:0}#alphabet .wrap .pinyin-chart .item .pinyin li button{cursor:pointer;padding:0 5px}#alphabet .wrap .pinyin-chart .item-active .pinyin{display:block}.static h1{font-size:25px}.static section{margin-bottom:20px}.static section h2{margin-bottom:10px}.static section ul{margin:10px 15px;padding-left:20px}.static section ul li{list-style:disc;padding:5px 0}.static section p{margin-bottom:5px}@media only screen and (min-width:200px)and (max-width:640px){.mb_nav{background-image:url(/build/assets/sidebar-DARMzO-j.png);display:inline-block;width:45px;height:45px;background-repeat:no-repeat;background-position:center left;background-size:28px;cursor:pointer}.mobile-mb-20{margin-bottom:20px}.mobile-pd0{padding:0}.mb-visible{display:none!important}.flex{display:block}.flex-important{display:flex!important}.mobile-flex{display:flex}.mobile-100{width:100%!important}.mobile-70{width:70%!important}.mobile-30{width:30%!important}.mobile-40{width:40%!important}.mobile-50{width:50%!important}.topic li{width:calc(50% - 15px)!important}.mobile-mr-0{margin:0!important}.mobile-bd-bt{border-bottom:1px dashed #ccc}}@media only screen and (min-width:641px)and (max-width:960px){.tab-100{width:100%}.tab-60{width:60%}.tab-50{width:50%}.tab-40{width:40%}.tab-30{width:30%}.table-flex-none{display:block}}*{font-family:Be Vietnam Pro,PingFang SC,Microsoft YaHei,微软雅黑,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2b3a}body{background:#f4f6f3}#wrapper{padding:24px 0 48px}a{color:#5a26c2}a:hover{color:#7b3fe4}.cl-main,.cl-second{color:#5a26c2}.bg-second{background-color:#2fae2a}.yl{background-color:#fff1c2;border-radius:4px}h1,h2,h3{font-weight:700;letter-spacing:-.01em}h1{font-size:26px;line-height:34px}h2{font-size:21px;line-height:28px}h3{font-size:18px;line-height:25px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fa{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex-shrink:0}:focus-visible{outline:3px solid rgba(123,63,228,.55);outline-offset:2px}::-webkit-scrollbar-thumb:hover{background:#7b3fe4}#header{background:#5a26c2;box-shadow:0 2px #3f1791;position:sticky;top:0;z-index:30}#header .hd-bar{display:flex;align-items:center;gap:24px;height:60px}#header .hd-burger{width:40px;height:40px;border-radius:12px;border:0;cursor:pointer;display:none;place-items:center;background:#ffffff29;color:#fff;font-size:18px}#header .hd-burger .fa path{fill:#fff}#header .hd-nav{display:flex;gap:4px;flex:1}#header .hd-nav a{color:#fff;font-weight:600;font-size:15px;padding:8px 14px;border-radius:12px;opacity:.92;transition:background .15s}#header .hd-nav a:hover{background:#ffffff24;opacity:1;color:#fff}#header .hd-nav a.active{background:#fff3;opacity:1}#header .hd-user{display:flex;align-items:center;gap:12px;margin-left:auto}#header .hd-login{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px}#header .hd-login span{color:#fff;font-weight:600}#header .hd-login .fa path{fill:#fff}#header .hd-login:hover{background:#ffffff24;color:#fff}#header .hd-me{display:flex;align-items:center;gap:8px}#header .hd-me img{border-radius:50%}#header .hd-me b{color:#fff}#header .hd-cta{color:#3f1791;font-weight:700;padding:8px 18px;border-radius:12px;background:linear-gradient(180deg,#ffd451,#f0a400);box-shadow:0 3px #b37a00}#header .hd-cta:hover{color:#3f1791;transform:translateY(-1px)}#header #mobile_menu{z-index:40;background:#0f0a288c}#header #mobile_menu .menu{width:280px;background:#fff;box-shadow:4px 0 24px #0003}#header #mobile_menu .menu .top{height:60px;background:#5a26c2;padding:0 8px 0 16px}#header #mobile_menu .menu .top .hd-logo span{color:#fff}#header #mobile_menu .menu .top .close{width:40px;height:40px;border:0;border-radius:12px;background:#ffffff29;cursor:pointer;display:grid;place-items:center}#header #mobile_menu .menu .top .close .fa path{fill:#fff}#header #mobile_menu .menu .top .close:hover{background:#ffffff42}#header #mobile_menu .menu ul{padding:10px}#header #mobile_menu .menu ul li{border-bottom:0}#header #mobile_menu .menu ul li a{color:#1d2b3a;font-weight:600;font-size:16px;padding:14px;border-radius:12px}#header #mobile_menu .menu ul li a:hover,#header #mobile_menu .menu ul li a.active{background:#f1ebfd;color:#5a26c2}.hd-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.hd-logo img{border-radius:10px;display:block}.hd-logo span{color:#fff;font-weight:700;font-size:20px;letter-spacing:-.01em}#form_search{background:#fff;border-bottom:1px solid #e3e8e1;padding:16px 0}#form_search .input{border:2px solid #e3e8e1;border-radius:16px;height:54px;background:#fff;gap:0;max-width:820px;transition:border-color .15s,box-shadow .15s}#form_search .input:focus-within{border-color:#7b3fe4;box-shadow:0 0 0 4px #7b3fe426}#form_search .input form{height:100%}#form_search .input .text_search{font-size:18px;padding:0 18px;border-radius:16px;background:transparent;height:100%;min-width:0}#form_search .input .text_search::-webkit-search-cancel-button{cursor:pointer}#form_search .input .option_search{align-items:center;padding-right:5px;gap:2px}#form_search .input .option_search .opt{height:42px;min-width:42px;border-radius:12px;background:transparent;padding:0 10px}#form_search .input .option_search .opt:before{display:none}#form_search .input .option_search .opt:hover{background:#f1ebfd}#form_search .input .option_search .write_hand{background-image:none;width:42px;font-size:18px;color:#f0a400}#form_search .input .option_search .write_hand .fa path{fill:#f0a400}#form_search .input .option_search .radical{font-size:22px;color:#5a26c2;width:42px;font-weight:700}#form_search .input .option_search .submit{margin-left:4px;gap:8px;padding:0 18px;color:#fff;font-weight:700;font-size:16px;border-radius:12px;background:linear-gradient(180deg,#5fd84a,#2fae2a);box-shadow:0 3px #22801f}#form_search .input .option_search .submit span{color:#fff;font-weight:700;font-size:16px}#form_search .input .option_search .submit .fa path{fill:#fff}#form_search .input .option_search .submit:hover{background:linear-gradient(180deg,#5fd84a,#2fae2a);filter:brightness(1.05)}#form_search.is-home{background:#5a26c2;border-bottom:0;padding:44px 0 52px;text-align:center}#form_search.is-home .max-width>*{margin-left:auto;margin-right:auto}#form_search.is-home .fs-title{color:#fff;font-size:clamp(26px,3.6vw,40px);line-height:1.2;max-width:820px}#form_search.is-home .fs-sub{color:#ffffffe0;font-size:17px;line-height:1.6;max-width:700px;margin-top:12px;margin-bottom:26px}#form_search.is-home .input{height:62px;border:0;box-shadow:0 6px #3f1791,0 16px 40px #14084659;text-align:left}#form_search.is-home .input:focus-within{box-shadow:0 6px #3f1791,0 0 0 5px #ffd4518c}#form_search.is-home .input .text_search{font-size:19px}#form_search.is-home .input .option_search .submit{height:48px}#form_search.is-home .fs-quick{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;max-width:820px}#form_search.is-home .fs-quick a{color:#fff;font-weight:600;font-size:14px;padding:7px 14px;border-radius:999px;background:#ffffff24}#form_search.is-home .fs-quick a:hover{background:#ffffff3d;color:#fff}#form_search.is-home #user_write_hand,#form_search.is-home #radical_search{text-align:left;max-width:820px;background:#fff}#form_search #user_write_hand{border:0;border-radius:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f;overflow:hidden;max-width:820px}#form_search #user_write_hand canvas{border-radius:0;background:#fafbf9}#form_search #radical_search{max-width:820px;margin-top:16px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f}#form_search #radical_search .title{position:static;text-align:left;font-size:15px;font-weight:700;margin-bottom:12px}#breadcrumb{border-bottom:0;margin-bottom:18px}#breadcrumb ul{gap:6px!important}#breadcrumb li{color:#5b6773;font-size:14px}#breadcrumb a,#breadcrumb span{font-size:14px}#breadcrumb a{color:#5a26c2;font-weight:600;padding:4px 0!important}#breadcrumb span[aria-current]{color:#5b6773}.home-intro{color:#5b6773;font-size:15px;line-height:1.7;background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f}#radical_list li a{background:#fff;border:0;border-radius:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f;transition:transform .15s,box-shadow .15s}#radical_list li a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px #4f9a35,0 10px 22px #1d2b3a1a}#radical_list li a .word{border-bottom:1px dashed #e3e8e1}#radical_list li a .number{background:#f1ebfd;color:#5a26c2;border-radius:0 16px 0 10px;padding:1px 8px}#voca-group li a,#vocabulary-detail .list-voca li a,#radical .list-hanzi li a{background:#fff;border:0;border-radius:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f;transition:transform .15s,box-shadow .15s}#voca-group li a:hover,#vocabulary-detail .list-voca li a:hover,#radical .list-hanzi li a:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px #4f9a35,0 10px 22px #1d2b3a1a}#radical .list-hanzi li a{border:0}#radical #box_radical,.hanzi-strokes{background:#fff;border:0;border-radius:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f}#dict-right .hand-writing .strokes{background:#fff;border:0;border-radius:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f;overflow:hidden}#dict-right .hand-writing .strokes .item{border-bottom-color:#e3e8e1}.tab-container{background:transparent;padding-top:0;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tab-container .tab{border:0;border-radius:999px;background:#fff;padding:7px 16px;font-weight:600;margin-right:0;box-shadow:inset 0 0 0 2px #e3e8e1}.tab-container .tab:before{display:none}.tab-container .tab.active{background:#5a26c2;color:#fff;box-shadow:none}.tab-container .tab.active a{color:#fff}.tab-content{background:#fff;border:0;border-radius:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f;padding:20px}.multitab .mt-links li a{border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 2px #e3e8e1;padding:6px 14px}#dict-left .meaning-example .view_more{border:0;border-radius:12px;background:#f1ebfd;color:#5a26c2;font-weight:600}#dict-left .meaning-example .view_more:hover{background:#e6dbfb}#dict-left .meaning-example .examples{border-bottom-color:#e3e8e1}#dict-left .meaning-example .image-demo{border:0;border-radius:16px;background:#fff;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f}#dict-center .suggestion ul li{background:#fff;border:0;border-radius:16px;box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f;transition:transform .15s,box-shadow .15s}#dict-center .suggestion ul li:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px #4f9a35,0 10px 22px #1d2b3a1a}#dict-center .suggestion ul li .mean{color:#5b6773}.description{background:#f1ebfd!important;border:0!important;border-radius:16px!important}.section-tag{border-radius:999px!important}.btn-action{border-radius:12px}.static{background:#fff;border-radius:18px;padding:28px clamp(16px,4vw,48px);box-shadow:0 3px #4f9a35,0 6px 16px #1d2b3a0f}.static h1{margin-bottom:18px}.static p,.static li{line-height:1.75}.paginate .page{border-radius:10px;border-color:#e3e8e1;background:#fff}.paginate .page.active,.paginate .page:hover{background:#5a26c2;color:#fff;border-color:#5a26c2}#footer{background:#15112b;margin-top:40px}#footer *{color:#ffffffc7}#footer .ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:32px;padding:44px 15px 28px}#footer h4{color:#fff;font-weight:700;font-size:16px;margin-bottom:12px}#footer nav{display:flex;flex-direction:column;gap:8px}#footer a{color:#ffffffc7}#footer a:hover{color:#fff;text-decoration:underline}#footer .hd-logo span{color:#fff}#footer .ft-brand p{margin-top:12px;line-height:1.7}#footer .ft-contact{margin-top:14px;display:grid;gap:6px}#footer .ft-contact li{font-size:14px}#footer .ft-app p{line-height:1.6}#footer .ft-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#ffd451;font-weight:700}#footer .ft-more .fa path{fill:#ffd451}#footer .ft-more:hover{color:#ffd451}#footer .ft-stores{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#footer .ft-stores img{height:40px;width:auto;display:block}#footer .ft-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;padding-bottom:20px}#footer .ft-bottom p{font-size:14px}@media(max-width:960px){#footer .ft-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){#header .hd-bar{gap:10px;height:56px}#header .hd-burger{display:grid}#header .hd-logo span{font-size:18px}#header .hd-cta{padding:7px 14px}#form_search{padding:12px 0}#form_search .input{height:50px}#form_search .input .text_search{font-size:16px;padding:0 12px}#form_search .input .option_search .submit{padding:0 14px}#form_search.is-home{padding:28px 0 30px}#form_search.is-home .fs-sub{font-size:15px;margin-bottom:20px}#form_search.is-home .input{height:56px}#form_search.is-home .fs-quick{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin:18px -15px 0;padding:0 15px 4px;scrollbar-width:none}#form_search.is-home .fs-quick a{flex:0 0 auto;font-size:13px}#wrapper{padding-top:16px}#footer .ft-grid{grid-template-columns:1fr;gap:24px}.static{padding:20px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}