{"id":1414,"date":"2026-01-29T23:07:04","date_gmt":"2026-01-29T16:07:04","guid":{"rendered":"https:\/\/z-dhsuni.site\/wp\/?page_id=1414"},"modified":"2026-01-29T23:51:05","modified_gmt":"2026-01-29T16:51:05","slug":"cong-cu-tron-de","status":"publish","type":"page","link":"https:\/\/z-dhsuni.site\/wp\/cong-cu-tron-de\/","title":{"rendered":"C\u00d4NG C\u1ee4 TR\u1ed8N \u0110\u1ec0"},"content":{"rendered":"    \n    <style>\n        \/* GIAO DI\u1ec6N Z-DHSUni *\/\n        .zdhs-wrap { font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; width: 98%; margin: 0 auto; background: #fff; padding: 25px; box-sizing: border-box; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }\n        .zdhs-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 20px; }\n        .zdhs-head h2 { margin: 0; color: #2c3e50; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }\n        .zdhs-brand { color: #d63638; } \n        \n        .login-box { max-width: 450px; margin: 60px auto; text-align: center; border: 1px solid #e0e0e0; padding: 50px; border-radius: 12px; background: #fafafa; }\n        .login-input { width: 100%; padding: 15px; margin: 15px 0; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; }\n        .login-btn { background: #2c3e50; color: white; border: none; padding: 15px; width: 100%; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 16px; transition: 0.3s; }\n        \n        .zdhs-grid { display: flex; gap: 25px; min-height: 850px; }\n        .col-config { flex: 0 0 360px; background: #fdfdfd; padding: 25px; border-radius: 8px; border: 1px solid #eee; overflow-y: auto; }\n        .col-preview { flex: 1; background: #50575e; padding: 25px; border-radius: 8px; display: flex; justify-content: center; align-items: flex-start; }\n        \n        .dl-box { background: #d1e7dd; border: 2px solid #badbcc; color: #0f5132; padding: 20px; margin-bottom: 25px; border-radius: 8px; text-align: center; }\n        .btn-download { display: inline-block; background: #198754; color: white; text-decoration: none; padding: 12px 30px; font-size: 16px; font-weight: bold; border-radius: 6px; margin-top: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: 0.2s; }\n        .btn-download:hover { background: #157347; transform: translateY(-2px); color: #fff; }\n        \n        .inp-label { font-weight: 700; font-size: 13px; margin-bottom: 6px; display: block; margin-top: 12px; color: #444; }\n        .inp-text, .inp-num, .inp-sel { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 14px; }\n        .btn-process { width: 100%; padding: 16px; background: #d63638; color: white; border: none; border-radius: 6px; font-size: 16px; font-weight: bold; cursor: pointer; text-transform: uppercase; margin-top: 25px; box-shadow: 0 4px 10px rgba(214, 54, 56, 0.3); transition: 0.2s; }\n        .btn-process:hover { background: #b32d2e; transform: translateY(-1px); }\n        .btn-sample { width: 100%; padding: 12px; background: #6c757d; color: white; border: none; border-radius: 6px; font-size: 14px; cursor: pointer; display:flex; align-items:center; justify-content:center; gap:8px; transition:0.2s; }\n        \n        .mode-select { display: flex; gap: 10px; margin-bottom: 10px; }\n        .radio-btn { display: none; }\n        .radio-lbl { flex: 1; border: 1px solid #ccc; padding: 12px; text-align: center; border-radius: 6px; cursor: pointer; background: white; font-size: 13px; transition: 0.2s; }\n        .radio-btn:checked + .radio-lbl { background: #fff0f0; border-color: #d63638; color: #d63638; font-weight: bold; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }\n        \n        .paper-a4 { background: white; width: 210mm; min-height: 297mm; padding: 20mm; box-shadow: 0 0 20px rgba(0,0,0,0.3); font-family: \"Times New Roman\"; font-size: 13pt; line-height: 1.2; overflow-y: auto; height: 100%; box-sizing: border-box; }\n        \n        \/* CSS WORD OUTPUT *\/\n        .q-box { margin-bottom: 4pt; margin-top: 2pt; text-align: justify; line-height: 1.2; }\n        .tf-line { display: block; margin-top: 2pt; margin-bottom: 2pt; line-height: 1.2; } \n        .source-align { text-align: right; display: block; font-style: italic; margin-top: 2pt; }\n        .quote-style { display: block; font-style: italic; margin-left: 20px; margin-top: 2pt; margin-bottom: 2pt; }\n        .footer-credit { margin-top: 30px; text-align: center; font-size: 12px; color: #999; border-top: 1px solid #eee; padding-top: 10px; }\n    <\/style>\n\n    <div class=\"zdhs-wrap\">\n        <div class=\"zdhs-head\">\n            <h2>\u2728 C\u00d4NG C\u1ee4 TR\u1ed8N \u0110\u1ec0 <span class=\"zdhs-brand\">Z-DHSUni<\/span><\/h2>\n                    <\/div>\n\n                    <div class=\"login-box\">\n                <h3 style=\"margin-top:0; color:#2c3e50;\">\ud83d\udd10 \u0110\u0103ng nh\u1eadp h\u1ec7 th\u1ed1ng<\/h3>\n                <p style=\"color:#666; font-size:14px; margin-bottom:30px;\">Ch\u00e0o m\u1eebng \u0111\u1ebfn v\u1edbi h\u1ec7 th\u1ed1ng Z-DHSUni. Vui l\u00f2ng nh\u1eadp m\u00e3 k\u00edch ho\u1ea1t.<\/p>\n                <form method=\"post\">\n                    <input type=\"text\" name=\"license_key\" class=\"login-input\" placeholder=\"Nh\u1eadp m\u00e3 k\u00edch ho\u1ea1t...\" required autocomplete=\"off\">\n                    <button class=\"login-btn\">TRUY C\u1eacP NGAY<\/button>\n                <\/form>\n            <\/div>\n            <\/div>\n    \n\n\n\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n\n<style>\n    .z-overlay {\n        position: fixed;\n        inset: 0;\n        background: rgba(0,0,0,0.45);\n        display: none;\n        z-index: 2000;\n    }\n\n    .z-notice {\n        position: fixed;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 360px;\n        background: #ffffff;\n        border-radius: 16px;\n        padding: 20px 22px;\n        box-shadow: 0 18px 40px rgba(0,0,0,0.25);\n        display: none;\n        z-index: 2001;\n        font-family: \"Segoe UI\", Arial, sans-serif;\n    }\n\n    .z-notice-header {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 10px;\n    }\n\n    .z-notice-header i {\n        font-size: 22px;\n        color: #f59e0b;\n    }\n\n    .z-notice-header h3 {\n        margin: 0;\n        font-size: 18px;\n        color: #1f2937;\n    }\n\n    .z-notice p {\n        font-size: 14.5px;\n        line-height: 1.5;\n        color: #374151;\n        margin: 8px 0;\n    }\n\n    .z-price {\n        font-weight: 700;\n        color: #dc2626;\n    }\n\n    .z-notice-footer {\n        display: flex;\n        justify-content: flex-end;\n        gap: 10px;\n        margin-top: 14px;\n    }\n\n    .z-btn {\n        padding: 7px 14px;\n        border-radius: 10px;\n        font-size: 14px;\n        border: none;\n        cursor: pointer;\n    }\n\n    .z-btn-close {\n        background: #e5e7eb;\n        color: #374151;\n    }\n\n    .z-btn-admin {\n        background: #f59e0b;\n        color: #ffffff;\n    }\n<\/style>\n\n<!-- Overlay -->\n<div class=\"z-overlay\" id=\"zOverlay\"><\/div>\n\n<!-- Notice box -->\n<div class=\"z-notice\" id=\"zNotice\">\n    <div class=\"z-notice-header\">\n        <i class=\"fa-solid fa-circle-info\"><\/i>\n        <h3>Th\u00f4ng b\u00e1o<\/h3>\n    <\/div>\n\n    <p>\n        \u0110\u00e2y l\u00e0 <strong>khu v\u1ef1c d\u00e0nh cho gi\u00e1o vi\u00ean<\/strong>.\n        \u0110\u1ec3 s\u1eed d\u1ee5ng \u0111\u1ea7y \u0111\u1ee7 ch\u1ee9c n\u0103ng, ng\u01b0\u1eddi d\u00f9ng c\u1ea7n\n        <strong>mua g\u00f3i s\u1edf h\u1eefu<\/strong> nh\u1eb1m nh\u1eadn\n        <strong>m\u00e3 k\u00edch ho\u1ea1t v\u0129nh vi\u1ec5n<\/strong>.\n    <\/p>\n\n    <p>\n        \ud83d\udcb0 Gi\u00e1 g\u00f3i s\u1edf h\u1eefu:\n        <span class=\"z-price\">10.000 VN\u0110<\/span>\n    <\/p>\n\n    <p>\n        Vui l\u00f2ng <strong>li\u00ean h\u1ec7 Admin<\/strong> \u0111\u1ec3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3\n        k\u00edch ho\u1ea1t t\u00e0i kho\u1ea3n.\n    <\/p>\n\n    <div class=\"z-notice-footer\">\n        <button class=\"z-btn z-btn-close\" onclick=\"closeZNotice()\">\u0110\u00e3 hi\u1ec3u<\/button>\n        <button class=\"z-btn z-btn-admin\">\n            Li\u00ean h\u1ec7 Admin\n        <\/button>\n    <\/div>\n<\/div>\n\n<script>\n    \/\/ Hi\u1ec7n th\u00f4ng b\u00e1o\n    function showZNotice() {\n        document.getElementById(\"zOverlay\").style.display = \"block\";\n        document.getElementById(\"zNotice\").style.display = \"block\";\n    }\n\n    \/\/ \u0110\u00f3ng th\u00f4ng b\u00e1o\n    function closeZNotice() {\n        document.getElementById(\"zOverlay\").style.display = \"none\";\n        document.getElementById(\"zNotice\").style.display = \"none\";\n    }\n\n    \/\/ T\u1ef1 hi\u1ec7n khi load (c\u00f3 th\u1ec3 b\u1ecf n\u1ebfu kh\u00f4ng c\u1ea7n)\n    window.onload = function () {\n        showZNotice();\n    };\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Th\u00f4ng b\u00e1o \u0110\u00e2y l\u00e0 khu v\u1ef1c d\u00e0nh cho gi\u00e1o vi\u00ean. \u0110\u1ec3 s\u1eed d\u1ee5ng \u0111\u1ea7y \u0111\u1ee7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1414","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/pages\/1414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/comments?post=1414"}],"version-history":[{"count":4,"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/pages\/1414\/revisions"}],"predecessor-version":[{"id":1429,"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/pages\/1414\/revisions\/1429"}],"wp:attachment":[{"href":"https:\/\/z-dhsuni.site\/wp\/wp-json\/wp\/v2\/media?parent=1414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}