{"id":14,"date":"2026-08-04T22:54:06","date_gmt":"2026-08-04T22:54:06","guid":{"rendered":"https:\/\/tocfl.echxanh.click\/?page_id=14"},"modified":"2026-08-04T22:54:06","modified_gmt":"2026-08-04T22:54:06","slug":"14-2","status":"publish","type":"page","link":"https:\/\/tocfl.echxanh.click\/","title":{"rendered":""},"content":{"rendered":"<style>header.wp-block-template-part, .site-header, header.site-header, nav.site-navigation { display: none !important; }<\/style>        <!-- Mobile Top Bar (visible only on mobile) -->\n        <header class=\"mobile-header\" id=\"mobile-header\">\n          <div class=\"mobile-header-left\">\n            <button type=\"button\" class=\"mobile-menu-btn\" id=\"mobile-menu-btn\" aria-label=\"Menu\">\n              <i class=\"fa-solid fa-bars\"><\/i>\n            <\/button>\n            <span class=\"mobile-brand\">\ud83d\udc38 EchXanh<\/span>\n          <\/div>\n          <div class=\"mobile-header-right\">\n            <div id=\"mobile-account-container\"><\/div>\n          <\/div>\n        <\/header>\n\n        <!-- Mobile Sidebar Overlay -->\n        <div class=\"mobile-overlay\" id=\"mobile-overlay\"><\/div>\n\n        <div class=\"app-layout\">\n          <!-- Left Sidebar Navigation -->\n          <aside class=\"sidebar\">\n            <a href=\"#\" class=\"brand\">\n              <div class=\"brand-icon\">\ud83d\udc38<\/div>\n              <div class=\"brand-text\">\n                <span class=\"brand-title\">EchXanh<\/span>\n                <span class=\"brand-tag\">FSRS 4.5<\/span>\n              <\/div>\n            <\/a>\n\n            <!-- Category Navigation Menu -->\n            <div class=\"menu-section\">\n              <div class=\"menu-label\">DANH M\u1ee4C H\u1eccC T\u1eacP<\/div>\n\n              <button class=\"nav-item active\" data-mode=\"dataview\" style=\"border-bottom: 1px dashed rgba(255,255,255,0.1); margin-bottom:6px; padding-bottom:10px;\">\n                <i class=\"fa-solid fa-chart-line nav-icon\" style=\"color:#38bdf8;\"><\/i>\n                <span style=\"color:#38bdf8; font-weight:800;\">00. Dataviewer Ti\u1ebfn \u0110\u1ed9<\/span>\n              <\/button>\n\n              <button class=\"nav-item\" data-mode=\"vocab\">\n                <i class=\"fa-solid fa-book-bookmark nav-icon\"><\/i>\n                <span>01. T\u1eeb v\u1ef1ng<\/span>\n              <\/button>\n\n              <button class=\"nav-item\" data-mode=\"quiz\">\n                <i class=\"fa-solid fa-circle-question nav-icon\"><\/i>\n                <span>02. Tr\u1eafc nghi\u1ec7m<\/span>\n              <\/button>\n\n              <button class=\"nav-item\" data-mode=\"writing\">\n                <i class=\"fa-solid fa-pen-to-square nav-icon\"><\/i>\n                <span>03. Luy\u1ec7n vi\u1ebft<\/span>\n              <\/button>\n\n              <button class=\"nav-item\" data-mode=\"grammar\">\n                <i class=\"fa-solid fa-graduation-cap nav-icon\"><\/i>\n                <span>04. Ng\u1eef ph\u00e1p<\/span>\n              <\/button>\n\n              <button class=\"nav-item\" data-mode=\"measure_words\">\n                <i class=\"fa-solid fa-scale-balanced nav-icon\"><\/i>\n                <span>05. L\u01b0\u1ee3ng t\u1eeb<\/span>\n              <\/button>\n\n              <button class=\"nav-item\" data-mode=\"radicals\">\n                <i class=\"fa-solid fa-puzzle-piece nav-icon\"><\/i>\n                <span>06. B\u1ed9 th\u1ee7 214<\/span>\n              <\/button>\n\n              <button class=\"nav-item\" data-mode=\"worksheet\" style=\"border-top: 1px dashed rgba(255,255,255,0.1); margin-top:4px; padding-top:8px;\">\n                <i class=\"fa-solid fa-file-pen nav-icon\" style=\"color:#22c55e;\"><\/i>\n                <span style=\"color:#22c55e; font-weight:800;\">07. EX V\u1edf Vi\u1ebft (A4)<\/span>\n              <\/button>\n            <\/div>\n\n            <!-- Bottom Account Widget in Sidebar -->\n            <div class=\"sidebar-account-bottom\" id=\"sidebar-account-bottom-container\">\n              <!-- Rendered dynamically by app.js -->\n            <\/div>\n\n            <!-- FSRS Stats Card Widget in Sidebar -->\n            <div class=\"sidebar-stats-card\">\n              <div class=\"stats-header\"><i class=\"fa-solid fa-brain\" style=\"color:#38bdf8;\"><\/i> TI\u1ebeN \u0110\u1ed8 FSRS 4.5<\/div>\n              <div class=\"stats-grid\" id=\"stats-ribbon\">\n                <!-- Rendered dynamically by app.js -->\n              <\/div>\n            <\/div>\n\n            <!-- Sidebar Footer -->\n            <div class=\"sidebar-footer\">\n              <p>EchXanh &bull; Web App FSRS<\/p>\n            <\/div>\n          <\/aside>\n\n          <!-- Main Content Area -->\n          <main class=\"main-content\">\n\n            <!-- Top Header & Filter Controls + Auto-Read Toggle + Single Login Button -->\n            <header class=\"top-header\" id=\"top-header-bar\">\n              <div class=\"controls-bar\">\n                <div class=\"control-group\">\n                  <i class=\"fa-solid fa-filter control-icon\"><\/i>\n                  <select class=\"select-control\" id=\"book-filter\">\n                    <!-- Rendered dynamically -->\n                  <\/select>\n                <\/div>\n\n                <div class=\"control-group\">\n                  <i class=\"fa-solid fa-list-ol control-icon\"><\/i>\n                  <select class=\"select-control\" id=\"lesson-filter\">\n                    <option value=\"ALL\">\ud83d\udcd6 T\u1ea5t c\u1ea3 b\u00e0i h\u1ecdc<\/option>\n                    <!-- Rendered dynamically based on selected book -->\n                  <\/select>\n                <\/div>\n\n                <!-- Auto-Read Toggle Switch -->\n                <div class=\"control-group auto-read-group\">\n                  <label class=\"auto-read-toggle-label\">\n                    <input type=\"checkbox\" id=\"auto-read-toggle\" checked \/>\n                    <span class=\"toggle-slider\"><\/span>\n                    <span class=\"toggle-text\"><i class=\"fa-solid fa-volume-high\" style=\"color:#22c55e;\"><\/i> T\u1ef1 \u0110\u1ed9ng \u0110\u1ecdc T\u1eeb M\u1edbi<\/span>\n                  <\/label>\n                <\/div>\n\n                <!-- Top-Right Account Auth Container -->\n                <div class=\"top-right-account\" id=\"top-right-account-container\">\n                  <!-- Rendered dynamically by app.js -->\n                <\/div>\n              <\/div>\n            <\/header>\n\n            <!-- Flashcard \/ Worksheet \/ Dataview Display Area -->\n            <section class=\"flashcard-section\">\n              <div class=\"flashcard-wrapper worksheet-mode dataview-mode\" id=\"main-card-wrapper\">\n                <div id=\"card-container\">\n                  <!-- Content dynamically injected by app.js -->\n                <\/div>\n\n                <!-- Card Navigation Bar: Prev\/Next + Counter -->\n                <div class=\"card-nav-bar\" id=\"card-nav-bar\">\n                  <button type=\"button\" class=\"card-nav-btn\" id=\"btn-prev-card\" title=\"Th\u1ebb tr\u01b0\u1edbc (\u2190)\">\n                    <i class=\"fa-solid fa-chevron-left\"><\/i> Tr\u01b0\u1edbc\n                  <\/button>\n                  <div class=\"card-nav-counter\" id=\"card-nav-counter\">\n                    <!-- e.g. Th\u1ebb 3 \/ 150 -->\n                  <\/div>\n                  <button type=\"button\" class=\"card-nav-btn\" id=\"btn-next-card\" title=\"Th\u1ebb sau (\u2192)\">\n                    Sau <i class=\"fa-solid fa-chevron-right\"><\/i>\n                  <\/button>\n                <\/div>\n\n                <!-- FSRS Rating Buttons -->\n                <div class=\"fsrs-bar\" id=\"fsrs-bar\" style=\"display: none;\">\n                  <!-- Rendered dynamically by app.js -->\n                <\/div>\n              <\/div>\n            <\/section>\n\n          <\/main>\n        <\/div>\n\n        <!-- Interactive Glassmorphic Login \/ Register Modal Popup -->\n        <div class=\"auth-modal-backdrop\" id=\"auth-modal-backdrop\" style=\"display: none;\">\n          <div class=\"auth-modal-card\">\n            <button class=\"auth-modal-close\" id=\"auth-modal-close-btn\">&times;<\/button>\n            \n            <div class=\"auth-modal-header\">\n              <div class=\"auth-modal-logo\">\ud83d\udc38 EchXanh<\/div>\n              <div class=\"auth-modal-tabs\">\n                <button class=\"auth-tab-btn active\" id=\"tab-login-btn\">\u0110\u0103ng Nh\u1eadp<\/button>\n                <button class=\"auth-tab-btn\" id=\"tab-register-btn\">\u0110\u0103ng K\u00fd T\u00e0i Kho\u1ea3n<\/button>\n              <\/div>\n            <\/div>\n\n            <!-- Tab 1: Form \u0110\u0103ng Nh\u1eadp -->\n            <form class=\"auth-form\" id=\"form-login\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">T\u00ean \u0110\u0103ng Nh\u1eadp \/ Email<\/label>\n                <input type=\"text\" class=\"form-input\" id=\"login-user-field\" placeholder=\"Nh\u1eadp username ho\u1eb7c email...\" required \/>\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">M\u1eadt Kh\u1ea9u<\/label>\n                <input type=\"password\" class=\"form-input\" id=\"login-pass-field\" placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" required \/>\n              <\/div>\n              <div class=\"form-error\" id=\"login-error-msg\" style=\"display:none;\"><\/div>\n              <button type=\"submit\" class=\"auth-submit-btn\"><i class=\"fa-solid fa-right-to-bracket\"><\/i> \u0110\u0103ng Nh\u1eadp Ngay<\/button>\n              <div class=\"form-footer-link\">\n                Ch\u01b0a c\u00f3 t\u00e0i kho\u1ea3n? <a href=\"#\" id=\"link-to-register\">\u0110\u0103ng k\u00fd ngay<\/a>\n              <\/div>\n            <\/form>\n\n            <!-- Tab 2: Form \u0110\u0103ng K\u00fd -->\n            <form class=\"auth-form\" id=\"form-register\" style=\"display: none;\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">H\u1ecd v\u00e0 T\u00ean \/ Bi\u1ec7t Danh<\/label>\n                <input type=\"text\" class=\"form-input\" id=\"reg-fullname-field\" placeholder=\"V\u00ed d\u1ee5: Nguy\u1ec5n V\u0103n A...\" required \/>\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">T\u00ean \u0110\u0103ng Nh\u1eadp \/ Email<\/label>\n                <input type=\"text\" class=\"form-input\" id=\"reg-user-field\" placeholder=\"Ch\u1ecdn username ho\u1eb7c email...\" required \/>\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">M\u1eadt Kh\u1ea9u<\/label>\n                <input type=\"password\" class=\"form-input\" id=\"reg-pass-field\" placeholder=\"T\u1ed1i thi\u1ec3u 4 k\u00fd t\u1ef1...\" required \/>\n              <\/div>\n              <div class=\"form-error\" id=\"reg-error-msg\" style=\"display:none;\"><\/div>\n              <button type=\"submit\" class=\"auth-submit-btn btn-register-color\"><i class=\"fa-solid fa-user-plus\"><\/i> T\u1ea1o T\u00e0i Kho\u1ea3n M\u1edbi<\/button>\n              <div class=\"form-footer-link\">\n                \u0110\u00e3 c\u00f3 t\u00e0i kho\u1ea3n? <a href=\"#\" id=\"link-to-login\">\u0110\u0103ng nh\u1eadp<\/a>\n              <\/div>\n            <\/form>\n          <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/tocfl.echxanh.click\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}