LearnChineseSimplified/New folder/Index.html

384 lines
35 KiB
HTML

<!DOCTYPE html>
<!-- saved from url=(0026)http://188.181.83.156:420/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!--<base href="/">--><base href=".">
<link href="./Index_files/bootstrap.min.css" rel="stylesheet">
<link href="./Index_files/app.css" rel="stylesheet">
<!--<link href="LearningChineseFixed.styles.css" rel="stylesheet" />-->
<link href="http://188.181.83.156:420/manifest.json" rel="manifest">
<link rel="apple-touch-icon" sizes="512x512" href="http://188.181.83.156:420/icon-512.png">
<link rel="apple-touch-icon" sizes="192x192" href="http://188.181.83.156:420/icon-192.png">
<link href="./Index_files/MudBlazor.min.css" rel="stylesheet">
<!--!--><title>Index</title><!--!--><!--!--></head>
<body class="vsc-initialized">
<div id="app"><!--!--><!--!--><!--!--><!--!--><!--!--><div class="mud-layout" style=""><!--!--><!--!--><header class="mud-appbar mud-appbar-fixed-top mud-elevation-0"><!--!--><div class="mud-toolbar mud-toolbar-gutters mud-toolbar-appbar"><!--!--><!--!--><div class="flex-grow-1"></div><!--!-->
<!--!--><!--!--><a type="button" href="https://mudblazor.com/" target="_blank" rel="noopener" class="mud-button-root mud-icon-button mud-inherit-text hover:mud-inherit-hover mud-ripple mud-ripple-icon" _bl_2=""><span class="mud-icon-button-label"><!--!--><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M7.38,4.24c-.84,.11-2.17-.89-2.3-1.86s1-1.53,1.83-1.65,1.82,.19,1.94,1.16-.64,2.23-1.48,2.35Z"></path><path d="M22.61,8.61c-.47-1.24-1.13-2.41-1.96-3.45-.56-.7-1.2-1.34-1.91-1.88-.82-.63-1.73-1.2-2.73-1.44-4.54-1.12-4.18,2.13-6.51,3.12-2.33,.99-5.1,.07-6.59,2.11-.62,.85-1.24,1.76-1.63,2.75-.36,.91-.5,1.91-.43,2.88,.13,1.9,1.04,3.96,2.62,5.08,.56,.39,1.48,.89,2.12,.42,.31-.23,.5-.6,.64-.95,.41-1.02,.51-2.17,.58-3.25s-.14-4.6,.07-5.22c.16-.48,.56-.83,1.05-.96,.6-.17,1.37,.02,1.81,.47,.19,.19,.35,.43,.47,.7,.12,.27,.26,.61,.41,1.03l.9,2.52c.08,.21,.16,.43,.25,.65,.09,.22,.18,.43,.28,.61,.1,.18,.21,.33,.32,.45,.11,.12,.23,.17,.34,.17,.1,0,.19-.05,.29-.15,.1-.1,.19-.24,.28-.41,.09-.17,.18-.36,.28-.59s.18-.46,.27-.71l.97-2.62c.14-.37,.26-.69,.38-.96,.12-.27,.26-.49,.42-.67,.16-.17,.35-.3,.57-.39,.22-.09,.51-.13,.86-.13,.27,0,.5,.03,.7,.08s.36,.16,.49,.31c.23,.29,.28,.74,.33,1.1,.11,.76,.03,1.55,.03,2.31v4.39c0,.38,.02,.76,0,1.13-.02,.32-.01,.65-.17,.95-.14,.27-.41,.48-.71,.52-.39,.05-.7-.25-.85-.59-.07-.16-.11-.32-.14-.48-.02-.16-.04-.29-.04-.38,0,0,.16-4.3-.54-4.21-.14,.02-.47,.8-.56,.99-.49,.97-1.73,3.71-1.97,4.06-.19,.28-.46,.58-.81,.64-.24,.05-.48-.04-.67-.2-.47-.38-.68-1.08-.9-1.63-.18-.45-1.36-5-2.23-5.12-.12-.02-.2,.2-.25,.59-.05,.4-.25,7.35,1.72,9.31,2.81,2.79,7.86,2.55,11.62-3.17,1.83-2.79,1.66-6.81,.54-9.77Z"></path></svg></span></a><!--!-->
<!--!--><!--!--><a type="button" href="https://www.linkedin.com/in/zhentao-wei-3a3a0a182/" target="_blank" rel="noopener" class="mud-button-root mud-icon-button mud-inherit-text hover:mud-inherit-hover mud-ripple mud-ripple-icon" _bl_3=""><span class="mud-icon-button-label"><!--!--><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"></path></svg></span></a></div></header><!--!-->
<!--!--><div class="mud-main-content"><!--!--><div class="mud-container mud-container-maxwidth-lg pt-2" style="height: 90vh;"><!--!--><!--!--><!--!--><!--!-->
<!--!--><div class="mud-container mud-container-maxwidth-lg align-center justify-center d-flex"><!--!--><div class="mud-container mud-container-maxwidth-lg" style="width: 400px"><!--!--><!--!--><div class="mud-select" id="select_2908ce53"><!--!--><div class="mud-input-control mud-select pt-12"><div class="mud-input-control-input-container"><!--!--><div class="mud-input mud-input-filled mud-input-adorned-end mud-input-underline mud-shrink mud-select-input"><input class="mud-input-slot mud-input-root mud-input-root-filled mud-input-root-adorned-end mud-select-input" select="" type="text" readonly="" inputmode="text" maxlength="524288" aria-invalid="false" _bl_7=""><div class="mud-input-slot mud-input-root mud-input-root-filled mud-input-root-adorned-end mud-select-input" style="display:none" tabindex="-1" _bl_8=""></div><!--!--><div class="mud-input-adornment mud-input-adornment-end mud-input-root-filled-shrink mud-select-input"><!--!--><svg aria-label="Icon" tabindex="-1" class="mud-icon-root mud-icon-default mud-svg-icon mud-icon-size-medium" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M0 0h24v24H0z" fill="none"></path><path d="M7 10l5 5 5-5z"></path></svg></div></div><!--!-->
<!--!--><div id="popover-58b873e6-72c7-4f39-998d-ad1374f28f1a" class="mud-popover-cascading-value"></div><!--!--><label class="mud-input-label mud-input-label-animated mud-input-label-filled mud-input-label-inputcontrol" for="mudinput-a9beeb7b-b607-4712-ba25-a3f8778906af">Chunk</label></div></div></div><!--!-->
<!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!--><!--!-->
<!--!--><!--!-->
<!--!--><div class="mud-container mud-container-maxwidth-lg justify-center d-flex pb-16 pt-4"><!--!--><!--!--><button type="button" class="mud-button-root mud-button mud-button-filled mud-button-filled-primary mud-button-filled-size-medium mud-ripple" _bl_4=""><span class="mud-button-label">Start learning!</span></button></div><!--!-->
<!--!--><div class="mud-container mud-container-maxwidth-lg justify-center d-flex"><!--!--><div class="mud-paper mud-elevation-1 overflow-scroll rounded-0" style="height: 50vh;;"><!--!--><!--!--><!--!--><!--!-->
<!--!--><!--!-->
<!--!--><div class="mud-table mud-data-grid mud-xs-table mud-table-sticky-header mud-elevation-1" style=""><div class="mud-table-container" style="" _bl_9=""><!--!--><!--!--><div class="mud-drop-container"><table class="mud-table-root"><thead class="mud-table-head"><!--!--><!--!-->
<tr class="mud-table-row"><!--!--><th scope="col" class="mud-table-cell" style="" colspan="1" _bl_10=""><!--!-->
<span class="column-header"><span class="sortable-column-header cursor-pointer">CChar</span><span class="column-options cursor-pointer"><!--!--><!--!--><button type="button" class="mud-button-root mud-icon-button mud-ripple mud-ripple-icon mud-icon-button-size-small sort-direction-icon" _bl_12=""><span class="mud-icon-button-label"><!--!--><svg class="mud-icon-root mud-svg-icon mud-icon-size-small" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></svg></span></button><!--!--><div class="mud-menu"><!--!--><!--!--><button type="button" class="mud-button-root mud-icon-button mud-ripple mud-ripple-icon mud-icon-button-size-small" _bl_14=""><span class="mud-icon-button-label"><!--!--><svg class="mud-icon-root mud-svg-icon mud-icon-size-small" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></svg></span></button><!--!--><div id="popover-16a0dc6b-aa7a-42ba-9156-4941fa565c21" class="mud-popover-cascading-value"></div><!--!-->
<!--!--></div></span></span></th><!--!--><th scope="col" class="mud-table-cell" style="" colspan="1" _bl_11=""><!--!-->
<span class="column-header"><span class="sortable-column-header cursor-pointer">Pinyin</span><span class="column-options cursor-pointer"><!--!--><!--!--><button type="button" class="mud-button-root mud-icon-button mud-ripple mud-ripple-icon mud-icon-button-size-small sort-direction-icon" _bl_13=""><span class="mud-icon-button-label"><!--!--><svg class="mud-icon-root mud-svg-icon mud-icon-size-small" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"></path></svg></span></button><!--!--><div class="mud-menu"><!--!--><!--!--><button type="button" class="mud-button-root mud-icon-button mud-ripple mud-ripple-icon mud-icon-button-size-small" _bl_15=""><span class="mud-icon-button-label"><!--!--><svg class="mud-icon-root mud-svg-icon mud-icon-size-small" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></svg></span></button><!--!--><div id="popover-5ccded29-8761-44dd-97aa-38ae9f95bb60" class="mud-popover-cascading-value"></div><!--!-->
<!--!--></div></span></span></th></tr></thead><!--!-->
<tbody class="mud-table-body"><!--!--><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">de</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">shì</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">le</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">zài</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">rén</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">yǒu</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">zhè</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">men</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">zhōng</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">lái</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">shàng</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">wèi</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">guó</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">de</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">dào</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">shuō</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">shí</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">yào</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">jiù</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">chū</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">huì</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">duì</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">shēng</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">néng</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">ér</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">zi</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">zhe</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">xià</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">zhī</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">nián</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">guò</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">hòu</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style="">zuò</td><!--!-->
</tr><tr class="mud-table-row " style=""><!--!--><td data-label="CChar" class="mud-table-cell" style=""></td><!--!-->
<td data-label="Pinyin" class="mud-table-cell" style=""></td><!--!-->
</tr></tbody><!--!-->
<tfoot class="mud-table-foot"><tr class="mud-table-row"></tr></tfoot></table></div></div></div><!--!-->
<!--!--><!--!--></div></div><!--!-->
<!--!--><div class="mud-container mud-container-maxwidth-lg justify-center d-flex pt-4"><!--!--><!--!--><button type="button" class="mud-button-root mud-button mud-button-filled mud-button-filled-secondary mud-button-filled-size-medium mud-ripple mt-1 mb-7" _bl_5=""><span class="mud-button-label"><!--!--><p class="mud-typography mud-typography-body1">Load chunks to local storage</p><!--!-->
<!--!--><svg class="mud-icon-root mud-svg-icon mud-icon-size-medium mr-1" focusable="false" viewBox="0 0 24 24" aria-hidden="true"><!--!--><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M3.4 20.4l17.45-7.48c.81-.35.81-1.49 0-1.84L3.4 3.6c-.66-.29-1.39.2-1.39.91L2 9.12c0 .5.37.93.87.99L17 12 2.87 13.88c-.5.07-.87.5-.87 1l.01 4.61c0 .71.73 1.2 1.39.91z"></path></svg></span></button></div><!--!-->
<!--!--><div class="mud-container mud-container-maxwidth-lg justify-center d-flex pt-4"><!--!--><!--!--><button type="button" class="mud-button-root mud-button mud-button-outlined mud-button-outlined-tertiary mud-button-outlined-size-medium mud-ripple" _bl_6=""><span class="mud-button-label">Delete local storage</span></button></div></div></div></div></div></div><!--!-->
<!--!--><!--!-->
<!--!--><!--!--><style>
::-webkit-scrollbar {width: 8px;height: 8px;z-index: 1;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {background: #c4c4c4;border-radius: 1px;}
::-webkit-scrollbar-thumb:hover {background: #a6a6a6;}
html, body * {scrollbar-color: #c4c4c4 transparent;scrollbar-width: thin;}
</style>
<!--!--><style>
.mud-chart-serie:hover {
filter: url(#lighten);
}
</style>
<!--!--><style>
:root{
--mud-palette-black: #27272fff;
--mud-palette-white: #ffffffff;
--mud-palette-primary: #776be7ff;
--mud-palette-primary-rgb: 119,107,231;
--mud-palette-primary-text: #ffffffff;
--mud-palette-primary-darken: rgb(90,75,226);
--mud-palette-primary-lighten: rgb(151,141,236);
--mud-palette-primary-hover: rgba(119,107,231,0.058823529411764705);
--mud-palette-secondary: #ff4081ff;
--mud-palette-secondary-rgb: 255,64,129;
--mud-palette-secondary-text: #ffffffff;
--mud-palette-secondary-darken: rgb(255,31,105);
--mud-palette-secondary-lighten: rgb(255,102,153);
--mud-palette-secondary-hover: rgba(255,64,129,0.058823529411764705);
--mud-palette-tertiary: #1ec8a5ff;
--mud-palette-tertiary-rgb: 30,200,165;
--mud-palette-tertiary-text: #ffffffff;
--mud-palette-tertiary-darken: rgb(25,169,140);
--mud-palette-tertiary-lighten: rgb(42,223,187);
--mud-palette-tertiary-hover: rgba(30,200,165,0.058823529411764705);
--mud-palette-info: #3299ffff;
--mud-palette-info-rgb: 50,153,255;
--mud-palette-info-text: #ffffffff;
--mud-palette-info-darken: rgb(10,133,255);
--mud-palette-info-lighten: rgb(92,173,255);
--mud-palette-info-hover: rgba(50,153,255,0.058823529411764705);
--mud-palette-success: #0bba83ff;
--mud-palette-success-rgb: 11,186,131;
--mud-palette-success-text: #ffffffff;
--mud-palette-success-darken: rgb(9,154,108);
--mud-palette-success-lighten: rgb(13,222,156);
--mud-palette-success-hover: rgba(11,186,131,0.058823529411764705);
--mud-palette-warning: #ffa800ff;
--mud-palette-warning-rgb: 255,168,0;
--mud-palette-warning-text: #ffffffff;
--mud-palette-warning-darken: rgb(214,143,0);
--mud-palette-warning-lighten: rgb(255,182,36);
--mud-palette-warning-hover: rgba(255,168,0,0.058823529411764705);
--mud-palette-error: #f64e62ff;
--mud-palette-error-rgb: 246,78,98;
--mud-palette-error-text: #ffffffff;
--mud-palette-error-darken: rgb(244,47,70);
--mud-palette-error-lighten: rgb(248,119,134);
--mud-palette-error-hover: rgba(246,78,98,0.058823529411764705);
--mud-palette-dark: #27272fff;
--mud-palette-dark-rgb: 39,39,47;
--mud-palette-dark-text: #ffffffff;
--mud-palette-dark-darken: rgb(23,23,28);
--mud-palette-dark-lighten: rgb(56,56,67);
--mud-palette-dark-hover: rgba(39,39,47,0.058823529411764705);
--mud-palette-text-primary: #ffffffb2;
--mud-palette-text-secondary: #ffffff7f;
--mud-palette-text-disabled: #ffffff33;
--mud-palette-action-default: #adadb1ff;
--mud-palette-action-default-hover: rgba(0,0,0,0.058823529411764705);
--mud-palette-action-disabled: #ffffff42;
--mud-palette-action-disabled-background: #ffffff1e;
--mud-palette-surface: #373740ff;
--mud-palette-background: #32333dff;
--mud-palette-background-grey: #27272fff;
--mud-palette-drawer-background: #27272fff;
--mud-palette-drawer-text: #ffffff7f;
--mud-palette-drawer-icon: #ffffff7f;
--mud-palette-appbar-background: #27272fff;
--mud-palette-appbar-text: #ffffffb2;
--mud-palette-lines-default: #ffffff1e;
--mud-palette-lines-inputs: #ffffff4c;
--mud-palette-table-lines: #ffffff1e;
--mud-palette-table-striped: #ffffff33;
--mud-palette-table-hover: #0000000a;
--mud-palette-divider: #ffffff1e;
--mud-palette-divider-light: #ffffff0f;
--mud-palette-grey-default: #9E9E9E;
--mud-palette-grey-light: #BDBDBD;
--mud-palette-grey-lighter: #E0E0E0;
--mud-palette-grey-dark: #757575;
--mud-palette-grey-darker: #616161;
--mud-palette-overlay-dark: rgba(33,33,33,0.4980392156862745);
--mud-palette-overlay-light: rgba(255,255,255,0.4980392156862745);
--mud-elevation-0: none;
--mud-elevation-1: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
--mud-elevation-2: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
--mud-elevation-3: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
--mud-elevation-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
--mud-elevation-5: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
--mud-elevation-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
--mud-elevation-7: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
--mud-elevation-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
--mud-elevation-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
--mud-elevation-10: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
--mud-elevation-11: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
--mud-elevation-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
--mud-elevation-13: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
--mud-elevation-14: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
--mud-elevation-15: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
--mud-elevation-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
--mud-elevation-17: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
--mud-elevation-18: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
--mud-elevation-19: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
--mud-elevation-20: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
--mud-elevation-21: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
--mud-elevation-22: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
--mud-elevation-23: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
--mud-elevation-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
--mud-elevation-25: 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036);
--mud-default-borderradius: 4px;
--mud-drawer-width-left: 240px;
--mud-drawer-width-right: 240px;
--mud-drawer-width-mini-left: 56px;
--mud-drawer-width-mini-right: 56px;
--mud-appbar-height: 64px;
--mud-typography-default-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-default-size: .875rem;
--mud-typography-default-weight: 400;
--mud-typography-default-lineheight: 1.43;
--mud-typography-default-letterspacing: .01071em;
--mud-typography-default-text-transform: none;
--mud-typography-h1-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-h1-size: 6rem;
--mud-typography-h1-weight: 300;
--mud-typography-h1-lineheight: 1.167;
--mud-typography-h1-letterspacing: -.01562em;
--mud-typography-h1-text-transform: none;
--mud-typography-h2-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-h2-size: 3.75rem;
--mud-typography-h2-weight: 300;
--mud-typography-h2-lineheight: 1.2;
--mud-typography-h2-letterspacing: -.00833em;
--mud-typography-h2-text-transform: none;
--mud-typography-h3-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-h3-size: 3rem;
--mud-typography-h3-weight: 400;
--mud-typography-h3-lineheight: 1.167;
--mud-typography-h3-letterspacing: 0;
--mud-typography-h3-text-transform: none;
--mud-typography-h4-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-h4-size: 2.125rem;
--mud-typography-h4-weight: 400;
--mud-typography-h4-lineheight: 1.235;
--mud-typography-h4-letterspacing: .00735em;
--mud-typography-h4-text-transform: none;
--mud-typography-h5-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-h5-size: 1.5rem;
--mud-typography-h5-weight: 400;
--mud-typography-h5-lineheight: 1.334;
--mud-typography-h5-letterspacing: 0;
--mud-typography-h5-text-transform: none;
--mud-typography-h6-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-h6-size: 1.25rem;
--mud-typography-h6-weight: 500;
--mud-typography-h6-lineheight: 1.6;
--mud-typography-h6-letterspacing: .0075em;
--mud-typography-h6-text-transform: none;
--mud-typography-subtitle1-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-subtitle1-size: 1rem;
--mud-typography-subtitle1-weight: 400;
--mud-typography-subtitle1-lineheight: 1.75;
--mud-typography-subtitle1-letterspacing: .00938em;
--mud-typography-subtitle1-text-transform: none;
--mud-typography-subtitle2-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-subtitle2-size: .875rem;
--mud-typography-subtitle2-weight: 500;
--mud-typography-subtitle2-lineheight: 1.57;
--mud-typography-subtitle2-letterspacing: .00714em;
--mud-typography-subtitle2-text-transform: none;
--mud-typography-body1-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-body1-size: 1rem;
--mud-typography-body1-weight: 400;
--mud-typography-body1-lineheight: 1.5;
--mud-typography-body1-letterspacing: .00938em;
--mud-typography-body1-text-transform: none;
--mud-typography-body2-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-body2-size: .875rem;
--mud-typography-body2-weight: 400;
--mud-typography-body2-lineheight: 1.43;
--mud-typography-body2-letterspacing: .01071em;
--mud-typography-body2-text-transform: none;
--mud-typography-button-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-button-size: .875rem;
--mud-typography-button-weight: 500;
--mud-typography-button-lineheight: 1.75;
--mud-typography-button-letterspacing: .02857em;
--mud-typography-button-text-transform: uppercase;
--mud-typography-caption-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-caption-size: .75rem;
--mud-typography-caption-weight: 400;
--mud-typography-caption-lineheight: 1.66;
--mud-typography-caption-letterspacing: .03333em;
--mud-typography-caption-text-transform: none;
--mud-typography-overline-family: 'Roboto','Helvetica','Arial','sans-serif';
--mud-typography-overline-size: .75rem;
--mud-typography-overline-weight: 400;
--mud-typography-overline-lineheight: 2.66;
--mud-typography-overline-letterspacing: .08333em;
--mud-typography-overline-text-transform: none;
--mud-zindex-drawer: 1100;
--mud-zindex-appbar: 1300;
--mud-zindex-dialog: 1400;
--mud-zindex-popover: 1200;
--mud-zindex-snackbar: 1500;
--mud-zindex-tooltip: 1600;
}
</style>
<!--!-->
<!--!--><div class="mud-popover-provider"><!--!--><div id="popovercontent-58b873e6-72c7-4f39-998d-ad1374f28f1a" data-ticks="0" class="mud-popover mud-popover-top-center mud-popover-anchor-bottom-center mud-popover-overflow-flip-onopen mud-popover-relative-width mud-paper mud-elevation-8 overflow-y-auto" style="transition-duration:251ms;transition-delay:0ms;max-height:300px;"></div><!--!--><div id="popovercontent-16a0dc6b-aa7a-42ba-9156-4941fa565c21" data-ticks="0" class="mud-popover mud-popover-top-left mud-popover-anchor-bottom-center mud-popover-overflow-flip-onopen mud-paper mud-elevation-8" style="transition-duration:251ms;transition-delay:0ms;"></div><!--!--><div id="popovercontent-5ccded29-8761-44dd-97aa-38ae9f95bb60" data-ticks="0" class="mud-popover mud-popover-top-left mud-popover-anchor-bottom-center mud-popover-overflow-flip-onopen mud-paper mud-elevation-8" style="transition-duration:251ms;transition-delay:0ms;"></div></div><!--!-->
<!--!--><!--!--><!--!--><!--!-->
<!--!--><div id="mud-snackbar-container" class="mud-snackbar-location-bottom-center"></div></div>
<div id="blazor-error-ui">
An unhandled error has occurred.
<a href="http://188.181.83.156:420/" class="reload">Reload</a>
<a class="dismiss">🗙</a>
</div>
<script src="./Index_files/blazor.webassembly.js.download"></script>
<script src="./Index_files/MudBlazor.min.js.download"></script>
<script>navigator.serviceWorker.register('service-worker.js');</script>
<script>var Module; window.__wasmmodulecallback__(); delete window.__wasmmodulecallback__;</script><script src="./Index_files/dotnet.6.0.18.l7j8qvc360.js.download" defer="" integrity="sha256-Iww31ANFa3KZuR4RkhiSYt3FJ7PKpMdeFNq3l3Td1h8=" crossorigin="anonymous"></script></body></html>