{"id":27,"date":"2026-07-01T08:54:46","date_gmt":"2026-07-01T08:54:46","guid":{"rendered":"https:\/\/anninh47.website\/?page_id=27"},"modified":"2026-07-01T10:16:54","modified_gmt":"2026-07-01T10:16:54","slug":"trang-chu","status":"publish","type":"page","link":"https:\/\/anninh47.website\/","title":{"rendered":"Trang ch\u1ee7"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull cm-starter-main is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group alignwide cm-hero-section is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-bottom:40px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<div class=\"modern-portal-wrapper\">\n    <div class=\"portal-header-banner\">\n        <div class=\"banner-content\">\n            <span class=\"badge-alert\">TH\u00d4NG B\u00c1O HO\u1ea0T \u0110\u1ed8NG<\/span>\n            <h2>C\u1ed4NG TH\u00d4NG TIN AN NINH GIAO TH\u00d4NG PH\u01af\u1edcNG T\u00c2N AN<\/h2>\n            <p>H\u1ec7 th\u1ed1ng AI t\u1ef1 \u0111\u1ed9ng h\u1ed7 tr\u1ee3 tra c\u1ee9u ph\u00e1p lu\u1eadt v\u00e0 ti\u1ebfp nh\u1eadn ph\u1ea3n \u00e1nh vi ph\u1ea1m tr\u1eadt t\u1ef1 \u0111\u00f4 th\u1ecb.<\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"portal-services-grid\">\n        \n        <div class=\"service-card\">\n            <div class=\"icon-box icon-blue\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path><\/svg>\n            <\/div>\n            <h3>Th\u01b0 Vi\u1ec7n Ph\u00e1p Lu\u1eadt<\/h3>\n            <p>Tra c\u1ee9u v\u0103n b\u1ea3n, ngh\u1ecb \u0111\u1ecbnh v\u00e0 m\u1ee9c ph\u1ea1t vi ph\u1ea1m h\u00e0nh ch\u00ednh giao th\u00f4ng m\u1edbi nh\u1ea5t.<\/p>\n            <a href=\"thu-vien-luat.html\" class=\"action-btn\">Tra c\u1ee9u ngay <span class=\"arrow\">&rarr;<\/span><\/a>\n        <\/div>\n\n        <div class=\"service-card\">\n            <div class=\"icon-box icon-green\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21\"><\/polygon><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"18\"><\/line><line x1=\"15\" y1=\"6\" x2=\"15\" y2=\"21\"><\/line><\/svg>\n            <\/div>\n            <h3>B\u1ea3n \u0110\u1ed3 \u0110i\u1ec3m \u0110en<\/h3>\n            <p>H\u1ec7 th\u1ed1ng c\u1ea3nh b\u00e1o c\u00e1c n\u00fat giao \u00f9n t\u1eafc, ng\u1eadp l\u1ee5t nguy hi\u1ec3m tr\u00ean \u0111\u1ecba b\u00e0n ph\u01b0\u1eddng.<\/p>\n            <a href=\"ban-do-diem-den.html\" class=\"action-btn\">Xem b\u1ea3n \u0111\u1ed3 <span class=\"arrow\">&rarr;<\/span><\/a>\n        <\/div>\n\n        <div class=\"service-card\">\n            <div class=\"icon-box icon-orange\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n            <\/div>\n            <h3>Kh\u1ea3o S\u00e1t Ki\u1ebfn Th\u1ee9c<\/h3>\n            <p>Ki\u1ec3m tra ki\u1ebfn th\u1ee9c an to\u00e0n giao th\u00f4ng qua c\u00e1c t\u00ecnh hu\u1ed1ng th\u1ef1c t\u1ebf nh\u1eadn ch\u1ee9ng nh\u1eadn.<\/p>\n            <a href=\"trac-nghiem.html\" class=\"action-btn\">L\u00e0m b\u00e0i ngay <span class=\"arrow\">&rarr;<\/span><\/a>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    .modern-portal-wrapper {\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        margin-bottom: 40px;\n        background-color: #f8fafc; \/* N\u1ec1n x\u00e1m nh\u1ea1t \u0111\u1ec3 t\u00f4n kh\u1ed1i tr\u1eafng *\/\n        border-radius: 12px;\n        overflow: hidden;\n        border: 1px solid #e2e8f0;\n    }\n    \n    \/* Banner ch\u00ecm t\u1ea1o \u0111\u1ed9 s\u00e2u *\/\n    .portal-header-banner {\n        background: linear-gradient(135deg, #003a66 0%, #005088 100%);\n        padding: 40px 20px 70px 20px; \/* \u0110\u1ec7m d\u01b0\u1edbi d\u00e0y \u0111\u1ec3 th\u1ebb n\u1ed5i \u0111\u00e8 l\u00ean *\/\n        text-align: center;\n        color: #ffffff;\n    }\n    .badge-alert {\n        display: inline-block;\n        background-color: #e74c3c;\n        color: white;\n        font-size: 12px;\n        font-weight: 700;\n        padding: 5px 12px;\n        border-radius: 20px;\n        margin-bottom: 15px;\n        letter-spacing: 0.5px;\n    }\n    .banner-content h2 {\n        margin: 0 0 15px 0;\n        font-size: 26px;\n        font-weight: 700;\n        color: #ffffff;\n    }\n    .banner-content p {\n        margin: 0;\n        font-size: 15px;\n        color: #e2e8f0;\n        max-width: 700px;\n        margin: 0 auto;\n    }\n\n    \/* L\u01b0\u1edbi th\u1ebb d\u1ecbch v\u1ee5 *\/\n    .portal-services-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n        gap: 25px;\n        padding: 0 30px 40px 30px;\n        margin-top: -40px; \/* K\u00e9o kh\u1ed1i l\u00ean \u0111\u00e8 v\u00e0o banner *\/\n    }\n    \n    .service-card {\n        background: #ffffff;\n        border-radius: 10px;\n        padding: 30px 25px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); \/* \u0110\u1ed5 b\u00f3ng t\u1ea1o \u0111\u1ed9 s\u00e2u *\/\n        display: flex;\n        flex-direction: column;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        border-top: 4px solid transparent;\n    }\n    .service-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);\n    }\n    \n    \/* Accent borders khi hover *\/\n    .service-card:nth-child(1):hover { border-top-color: #3b82f6; }\n    .service-card:nth-child(2):hover { border-top-color: #10b981; }\n    .service-card:nth-child(3):hover { border-top-color: #f59e0b; }\n\n    \/* Thi\u1ebft k\u1ebf Icon *\/\n    .icon-box {\n        width: 50px;\n        height: 50px;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 20px;\n    }\n    .icon-blue { background-color: #eff6ff; color: #3b82f6; }\n    .icon-green { background-color: #ecfdf5; color: #10b981; }\n    .icon-orange { background-color: #fffbeb; color: #f59e0b; }\n\n    .service-card h3 {\n        font-size: 18px;\n        font-weight: 600;\n        color: #1e293b;\n        margin: 0 0 12px 0;\n    }\n    .service-card p {\n        font-size: 14px;\n        color: #64748b;\n        margin: 0 0 20px 0;\n        line-height: 1.6;\n        flex-grow: 1;\n    }\n    \n    \/* N\u00fat b\u1ea5m g\u1ecdn g\u00e0ng *\/\n    .action-btn {\n        display: inline-flex;\n        align-items: center;\n        font-size: 14px;\n        font-weight: 600;\n        color: #005088;\n        text-decoration: none;\n        transition: color 0.2s;\n    }\n    .action-btn .arrow {\n        margin-left: 6px;\n        transition: transform 0.2s;\n    }\n    .action-btn:hover { color: #003a66; text-decoration: none; }\n    .action-btn:hover .arrow { transform: translateX(4px); }\n<\/style>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<!-- ==========================================\n     KH\u1ed0I 3: TR\u1ee2 L\u00dd AI & B\u1ea2NG TH\u1ed0NG K\u00ca DATA\n     ========================================== -->\n<div class=\"ai-stats-wrapper\">\n    <div class=\"ai-stats-container\">\n        \n        <!-- C\u1ed9t Tr\u00e1i: Gi\u1edbi thi\u1ec7u Tr\u1ee3 l\u00fd AI (M\u00f4-\u0111un Long) -->\n        <div class=\"ai-intro-column\">\n            <div class=\"ai-badge\">T\u00edch h\u1ee3p Tr\u00ed tu\u1ec7 nh\u00e2n t\u1ea1o<\/div>\n            <h2 class=\"ai-title\">Tr\u1ee3 L\u00fd \u1ea2o T\u01b0 V\u1ea5n Lu\u1eadt &#038; Giao Th\u00f4ng 24\/7<\/h2>\n            <p class=\"ai-desc\">\n                Kh\u00f4ng c\u1ea7n tra c\u1ee9u th\u1ee7 c\u00f4ng. Tr\u1ee3 l\u00fd AI c\u1ee7a Ph\u01b0\u1eddng T\u00e2n An c\u00f3 kh\u1ea3 n\u0103ng hi\u1ec3u ng\u00f4n ng\u1eef t\u1ef1 nhi\u00ean, gi\u00fap ng\u01b0\u1eddi d\u00e2n gi\u1ea3i \u0111\u00e1p ngay l\u1eadp t\u1ee9c c\u00e1c th\u1eafc m\u1eafc v\u1ec1 bi\u1ec3n b\u00e1o, m\u1ee9c ph\u1ea1t vi ph\u1ea1m v\u00e0 h\u01b0\u1edbng d\u1eabn th\u1ee7 t\u1ee5c n\u1ed9p ph\u1ea1t tr\u1ef1c tuy\u1ebfn.\n            <\/p>\n            \n            <ul class=\"ai-features\">\n                <li>\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    T\u01b0 v\u1ea5n th\u1eddi gian th\u1ef1c, \u0111\u1ed9 ch\u00ednh x\u00e1c cao\n                <\/li>\n                <li>\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/svg>\n                    H\u1ed7 tr\u1ee3 tr\u00edch xu\u1ea5t bi\u1ec3u m\u1eabu b\u00e1o c\u00e1o s\u1ef1 c\u1ed1\n                <\/li>\n            <\/ul>\n\n            <button class=\"ai-chat-btn\" onclick=\"alert('T\u00ednh n\u0103ng Chatbot \u0111ang \u0111\u01b0\u1ee3c k\u1ebft n\u1ed1i...')\">\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\n                M\u1edf khung Chat v\u1edbi AI\n            <\/button>\n        <\/div>\n\n        <!-- C\u1ed9t Ph\u1ea3i: B\u1ea3ng Th\u1ed1ng K\u00ea (M\u00f4-\u0111un T\u00e2m) -->\n        <div class=\"stats-column\">\n            <div class=\"stat-box\">\n                <div class=\"stat-icon\" style=\"background-color: #eff6ff; color: #3b82f6;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                <\/div>\n                <div class=\"stat-info\">\n                    <span class=\"stat-number\">342<\/span>\n                    <span class=\"stat-label\">Ph\u1ea3n \u00e1nh \u0111\u00e3 x\u1eed l\u00fd<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"stat-box\">\n                <div class=\"stat-icon\" style=\"background-color: #fef2f2; color: #ef4444;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\n                <\/div>\n                <div class=\"stat-info\">\n                    <span class=\"stat-number\">03<\/span>\n                    <span class=\"stat-label\">\u0110i\u1ec3m \u0111en c\u1ea3nh b\u00e1o<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"stat-box\">\n                <div class=\"stat-icon\" style=\"background-color: #ecfdf5; color: #10b981;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg>\n                <\/div>\n                <div class=\"stat-info\">\n                    <span class=\"stat-number\">1,205<\/span>\n                    <span class=\"stat-label\">L\u01b0\u1ee3t AI t\u01b0 v\u1ea5n<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"stat-box\">\n                <div class=\"stat-icon\" style=\"background-color: #fffbeb; color: #f59e0b;\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg>\n                <\/div>\n                <div class=\"stat-info\">\n                    <span class=\"stat-number\">458<\/span>\n                    <span class=\"stat-label\">L\u01b0\u1ee3t thi tr\u1eafc nghi\u1ec7m<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    .ai-stats-wrapper {\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        background-color: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 12px;\n        padding: 50px 40px;\n        margin-bottom: 40px;\n    }\n\n    .ai-stats-container {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 40px;\n        align-items: center;\n    }\n\n    \/* C\u1ed9t tr\u00e1i: AI Intro *\/\n    .ai-intro-column {\n        flex: 1 1 45%;\n        min-width: 300px;\n    }\n    .ai-badge {\n        display: inline-block;\n        background-color: #eff6ff;\n        color: #2563eb;\n        font-size: 13px;\n        font-weight: 700;\n        padding: 6px 14px;\n        border-radius: 20px;\n        margin-bottom: 15px;\n        border: 1px solid #bfdbfe;\n    }\n    .ai-title {\n        font-size: 28px;\n        font-weight: 700;\n        color: #0f172a;\n        margin: 0 0 15px 0;\n        line-height: 1.3;\n    }\n    .ai-desc {\n        font-size: 15px;\n        color: #475569;\n        line-height: 1.7;\n        margin-bottom: 25px;\n    }\n    .ai-features {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 30px 0;\n    }\n    .ai-features li {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-size: 15px;\n        color: #334155;\n        margin-bottom: 12px;\n        font-weight: 500;\n    }\n    .ai-chat-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background-color: #2563eb;\n        color: #ffffff;\n        border: none;\n        padding: 14px 28px;\n        font-size: 15px;\n        font-weight: 600;\n        border-radius: 8px;\n        cursor: pointer;\n        transition: background-color 0.2s, transform 0.2s;\n        box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);\n    }\n    .ai-chat-btn:hover {\n        background-color: #1d4ed8;\n        transform: translateY(-2px);\n    }\n\n    \/* C\u1ed9t ph\u1ea3i: Grid Th\u1ed1ng k\u00ea *\/\n    .stats-column {\n        flex: 1 1 45%;\n        min-width: 300px;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n    .stat-box {\n        background-color: #f8fafc;\n        border: 1px solid #f1f5f9;\n        padding: 25px 20px;\n        border-radius: 12px;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        transition: box-shadow 0.2s;\n    }\n    .stat-box:hover {\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);\n        background-color: #ffffff;\n        border-color: #e2e8f0;\n    }\n    .stat-icon {\n        width: 48px;\n        height: 48px;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 15px;\n    }\n    .stat-info {\n        display: flex;\n        flex-direction: column;\n    }\n    .stat-number {\n        font-size: 28px;\n        font-weight: 800;\n        color: #0f172a;\n        margin-bottom: 5px;\n        line-height: 1;\n    }\n    .stat-label {\n        font-size: 14px;\n        color: #64748b;\n        font-weight: 500;\n    }\n\n    @media (max-width: 768px) {\n        .ai-stats-wrapper { padding: 30px 20px; }\n        .stats-column { grid-template-columns: 1fr; }\n        .ai-title { font-size: 24px; }\n    }\n<\/style>\n\n\n\n<!-- ==========================================\n     KH\u1ed0I 4: TRUY\u1ec0N TH\u00d4NG & C\u1ea8M NANG ATGT\n     ========================================== -->\n<div class=\"media-docs-wrapper\">\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">VIDEO &#038; C\u1ea8M NANG TUY\u00caN TRUY\u1ec0N<\/h2>\n        <div class=\"title-divider\"><\/div>\n    <\/div>\n\n    <div class=\"media-grid\">\n        \n        <!-- Th\u1ebb 1: Video T\u00ecnh hu\u1ed1ng -->\n        <div class=\"media-card\">\n            <div class=\"media-thumbnail thumb-video-1\">\n                <div class=\"play-btn\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\n                <\/div>\n            <\/div>\n            <div class=\"media-info\">\n                <span class=\"media-category tag-blue\">Video K\u1ef9 n\u0103ng<\/span>\n                <h3>H\u01b0\u1edbng d\u1eabn x\u1eed l\u00fd an to\u00e0n khi g\u1eb7p s\u1ef1 c\u1ed1 giao th\u00f4ng<\/h3>\n                <p>C\u00e1c b\u01b0\u1edbc c\u01a1 b\u1ea3n \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o an to\u00e0n cho b\u1ea3n th\u00e2n v\u00e0 ng\u01b0\u1eddi kh\u00e1c khi x\u1ea3y ra va ch\u1ea1m tr\u00ean \u0111\u01b0\u1eddng.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Th\u1ebb 2: Video Ph\u00f3ng s\u1ef1 -->\n        <div class=\"media-card\">\n            <div class=\"media-thumbnail thumb-video-2\">\n                <div class=\"play-btn\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"5 3 19 12 5 21 5 3\"><\/polygon><\/svg>\n                <\/div>\n            <\/div>\n            <div class=\"media-info\">\n                <span class=\"media-category tag-red\">Tin T\u1ee9c \u0110\u1ecba B\u00e0n<\/span>\n                <h3>Ph\u00f3ng s\u1ef1: L\u1eadp l\u1ea1i tr\u1eadt t\u1ef1 l\u00f2ng l\u1ec1 \u0111\u01b0\u1eddng Ph\u01b0\u1eddng T\u00e2n An<\/h3>\n                <p>L\u1ef1c l\u01b0\u1ee3ng ch\u1ee9c n\u0103ng ti\u1ebfn h\u00e0nh tu\u1ea7n tra, nh\u1eafc nh\u1edf v\u00e0 x\u1eed l\u00fd nghi\u00eam c\u00e1c tr\u01b0\u1eddng h\u1ee3p l\u1ea5n chi\u1ebfm v\u1ec9a h\u00e8.<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Th\u1ebb 3: T\u00e0i li\u1ec7u PDF T\u1ef1 \u0111\u1ed9ng -->\n        <div class=\"media-card doc-card\">\n            <div class=\"media-thumbnail thumb-doc\">\n                <div class=\"doc-icon\">\n                    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ffffff\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                <\/div>\n            <\/div>\n            <div class=\"media-info\">\n                <span class=\"media-category tag-green\">T\u00e0i Li\u1ec7u C\u1ea9m Nang<\/span>\n                <h3>C\u1ea9m nang An to\u00e0n Giao th\u00f4ng m\u00f9a m\u01b0a b\u00e3o<\/h3>\n                <p>Nh\u1eadn ngay b\u1ed9 t\u00e0i li\u1ec7u h\u01b0\u1edbng d\u1eabn k\u1ef9 n\u0103ng l\u00e1i xe an to\u00e0n d\u01b0\u1edbi d\u1ea1ng file PDF t\u1ef1 \u0111\u1ed9ng g\u1eedi qua Email.<\/p>\n                <a href=\"#\" class=\"download-link\">Y\u00eau c\u1ea7u xu\u1ea5t PDF t\u1ef1 \u0111\u1ed9ng &rarr;<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<style>\n    .media-docs-wrapper {\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        margin-bottom: 40px;\n    }\n\n    \/* Ti\u00eau \u0111\u1ec1 kh\u1ed1i *\/\n    .section-header {\n        text-align: center;\n        margin-bottom: 30px;\n    }\n    .section-title {\n        font-size: 24px;\n        font-weight: 700;\n        color: #0f172a;\n        margin: 0 0 10px 0;\n        text-transform: uppercase;\n    }\n    .title-divider {\n        width: 60px;\n        height: 4px;\n        background-color: #005088;\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n\n    \/* L\u01b0\u1edbi Card *\/\n    .media-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n        gap: 25px;\n    }\n    \n    .media-card {\n        background: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 12px;\n        overflow: hidden;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        display: flex;\n        flex-direction: column;\n    }\n    .media-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Khu v\u1ef1c H\u00ecnh \u1ea3nh\/Video gi\u1ea3 l\u1eadp *\/\n    .media-thumbnail {\n        height: 180px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    .thumb-video-1 { background: linear-gradient(135deg, #1e293b, #334155); }\n    .thumb-video-2 { background: linear-gradient(135deg, #334155, #475569); }\n    .thumb-doc { background: linear-gradient(135deg, #059669, #10b981); }\n\n    \/* N\u00fat Play cho Video *\/\n    .play-btn {\n        width: 50px;\n        height: 50px;\n        background-color: rgba(255, 255, 255, 0.9);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: #0f172a;\n        cursor: pointer;\n        transition: transform 0.2s, background-color 0.2s;\n    }\n    .media-card:hover .play-btn {\n        transform: scale(1.1);\n        background-color: #ffffff;\n        color: #e74c3c;\n    }\n\n    \/* N\u1ed9i dung Card *\/\n    .media-info {\n        padding: 20px;\n        display: flex;\n        flex-direction: column;\n        flex-grow: 1;\n    }\n    .media-category {\n        display: inline-block;\n        font-size: 12px;\n        font-weight: 700;\n        padding: 4px 10px;\n        border-radius: 4px;\n        margin-bottom: 12px;\n        align-self: flex-start;\n    }\n    .tag-blue { background-color: #eff6ff; color: #2563eb; }\n    .tag-red { background-color: #fef2f2; color: #dc2626; }\n    .tag-green { background-color: #ecfdf5; color: #059669; }\n\n    .media-info h3 {\n        font-size: 17px;\n        font-weight: 600;\n        color: #1e293b;\n        margin: 0 0 10px 0;\n        line-height: 1.4;\n    }\n    .media-info p {\n        font-size: 14px;\n        color: #64748b;\n        line-height: 1.6;\n        margin: 0;\n        flex-grow: 1;\n    }\n\n    \/* N\u00fat t\u1ea3i t\u00e0i li\u1ec7u *\/\n    .download-link {\n        display: inline-block;\n        margin-top: 15px;\n        font-size: 14px;\n        font-weight: 600;\n        color: #059669;\n        text-decoration: none;\n        transition: color 0.2s;\n    }\n    .download-link:hover {\n        color: #047857;\n        text-decoration: underline;\n    }\n<\/style>\n\n\n\n<div class=\"news-board-wrapper\">\n    <div class=\"section-header\">\n        <h2 class=\"section-title\">TIN T\u1ee8C &#038; TH\u00d4NG B\u00c1O T\u1eea UBND PH\u01af\u1edcNG<\/h2>\n        <div class=\"title-divider\"><\/div>\n    <\/div>\n\n    <div class=\"news-grid-layout\">\n        \n        <a href=\"tin-tuc.html\" class=\"news-card featured-news\">\n            <div class=\"news-image img-1\">\n                <span class=\"news-badge badge-urgent\">Th\u00f4ng b\u00e1o kh\u1ea9n<\/span>\n            <\/div>\n            <div class=\"news-content\">\n                <div class=\"news-meta\">\n                    <span class=\"date\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg> 02\/07\/2026<\/span>\n                    <span class=\"author\">Ban An To\u00e0n Giao Th\u00f4ng<\/span>\n                <\/div>\n                <h3 class=\"news-title\">K\u1ebf ho\u1ea1ch ph\u00e2n lu\u1ed3ng giao th\u00f4ng ph\u1ee5c v\u1ee5 c\u00f4ng t\u00e1c c\u1ea3i t\u1ea1o h\u1ec7 th\u1ed1ng tho\u00e1t n\u01b0\u1edbc \u0111\u01b0\u1eddng Nguy\u1ec5n T\u1ea5t Th\u00e0nh<\/h3>\n                <p class=\"news-excerpt\">B\u1eaft \u0111\u1ea7u t\u1eeb ng\u00e0y 05\/07, c\u00e1c ph\u01b0\u01a1ng ti\u1ec7n \u00f4 t\u00f4 t\u1ea3i tr\u00ean 3.5 t\u1ea5n s\u1ebd t\u1ea1m th\u1eddi b\u1ecb c\u1ea5m l\u01b0u th\u00f4ng qua ng\u00e3 t\u01b0 Nguy\u1ec5n T\u1ea5t Th\u00e0nh trong khung gi\u1edd cao \u0111i\u1ec3m \u0111\u1ec3 ph\u1ee5c v\u1ee5 thi c\u00f4ng&#8230;<\/p>\n                <span class=\"read-more\">Xem chi ti\u1ebft &rarr;<\/span>\n            <\/div>\n        <\/a>\n\n        <div class=\"side-news-column\">\n            \n            <a href=\"tin-tuc.html\" class=\"news-card side-news\">\n                <div class=\"news-image img-2\"><\/div>\n                <div class=\"news-content\">\n                    <div class=\"news-meta\">\n                        <span class=\"date\">01\/07\/2026<\/span>\n                    <\/div>\n                    <h3 class=\"news-title\">\u0110o\u00e0n thanh ni\u00ean ra qu\u00e2n x\u00f3a b\u1ecf \u0111i\u1ec3m \u0111en qu\u1ea3ng c\u00e1o rao v\u1eb7t tr\u00e1i ph\u00e9p<\/h3>\n                <\/div>\n            <\/a>\n\n            <a href=\"tin-tuc.html\" class=\"news-card side-news\">\n                <div class=\"news-image img-3\"><\/div>\n                <div class=\"news-content\">\n                    <div class=\"news-meta\">\n                        <span class=\"date\">29\/06\/2026<\/span>\n                    <\/div>\n                    <h3 class=\"news-title\">H\u01b0\u1edbng d\u1eabn th\u1ee7 t\u1ee5c n\u1ed9p ph\u1ea1t vi ph\u1ea1m h\u00e0nh ch\u00ednh qua c\u1ed5ng D\u1ecbch v\u1ee5 c\u00f4ng qu\u1ed1c gia<\/h3>\n                <\/div>\n            <\/a>\n\n            <a href=\"tin-tuc.html\" class=\"news-card side-news\">\n                <div class=\"news-image img-4\"><\/div>\n                <div class=\"news-content\">\n                    <div class=\"news-meta\">\n                        <span class=\"date\">25\/06\/2026<\/span>\n                    <\/div>\n                    <h3 class=\"news-title\">K\u1ebft qu\u1ea3 c\u00f4ng t\u00e1c \u0111\u1ea3m b\u1ea3o tr\u1eadt t\u1ef1 \u0111\u00f4 th\u1ecb th\u00e1ng 6 tr\u00ean \u0111\u1ecba b\u00e0n ph\u01b0\u1eddng<\/h3>\n                <\/div>\n            <\/a>\n\n        <\/div>\n    <\/div>\n    \n    <div class=\"view-all-container\">\n        <a href=\"tin-tuc.html\" class=\"btn-view-all\">Xem t\u1ea5t c\u1ea3 b\u1ea3n tin<\/a>\n    <\/div>\n<\/div>\n\n<style>\n    .news-board-wrapper {\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        margin-bottom: 60px;\n        background-color: #ffffff;\n        padding: 40px 30px;\n        border-radius: 12px;\n        border: 1px solid #e2e8f0;\n    }\n\n    \/* B\u1ed1 c\u1ee5c l\u01b0\u1edbi *\/\n    .news-grid-layout {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr; \/* C\u1ed9t tr\u00e1i l\u1edbn h\u01a1n m\u1ed9t ch\u00fat *\/\n        gap: 30px;\n        margin-top: 30px;\n    }\n\n    .news-card {\n        display: flex;\n        background: #ffffff;\n        text-decoration: none;\n        border-radius: 10px;\n        overflow: hidden;\n        border: 1px solid #f1f5f9;\n        transition: transform 0.2s, box-shadow 0.2s;\n    }\n    .news-card:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.06);\n        border-color: #e2e8f0;\n    }\n\n    \/* Tin n\u1ed5i b\u1eadt (B\u00ean tr\u00e1i) *\/\n    .featured-news {\n        flex-direction: column;\n    }\n    .featured-news .news-image {\n        height: 280px;\n        width: 100%;\n        position: relative;\n    }\n    .featured-news .news-content {\n        padding: 25px;\n    }\n    .featured-news .news-title {\n        font-size: 22px;\n        font-weight: 700;\n        color: #0f172a;\n        margin: 15px 0;\n        line-height: 1.4;\n    }\n    .featured-news .news-excerpt {\n        font-size: 15px;\n        color: #64748b;\n        line-height: 1.6;\n        margin-bottom: 20px;\n    }\n\n    \/* C\u1ed9t tin ph\u1ee5 (B\u00ean ph\u1ea3i) *\/\n    .side-news-column {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n    }\n    .side-news {\n        flex-direction: row;\n        height: 120px;\n    }\n    .side-news .news-image {\n        width: 140px;\n        height: 100%;\n        flex-shrink: 0;\n    }\n    .side-news .news-content {\n        padding: 15px 20px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n    .side-news .news-title {\n        font-size: 15px;\n        font-weight: 600;\n        color: #1e293b;\n        margin: 8px 0 0 0;\n        line-height: 1.4;\n    }\n\n    \/* Th\u00e0nh ph\u1ea7n chung *\/\n    .news-image {\n        background-color: #cbd5e1;\n        background-size: cover;\n        background-position: center;\n    }\n    .img-1 { background-image: linear-gradient(45deg, #1e293b, #334155); }\n    .img-2 { background-image: linear-gradient(45deg, #3b82f6, #60a5fa); }\n    .img-3 { background-image: linear-gradient(45deg, #10b981, #34d399); }\n    .img-4 { background-image: linear-gradient(45deg, #f59e0b, #fbbf24); }\n\n    .news-badge {\n        position: absolute;\n        top: 15px;\n        left: 15px;\n        padding: 6px 12px;\n        font-size: 12px;\n        font-weight: 700;\n        color: #fff;\n        border-radius: 4px;\n        text-transform: uppercase;\n    }\n    .badge-urgent { background-color: #e74c3c; }\n\n    .news-meta {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        font-size: 13px;\n        color: #94a3b8;\n        font-weight: 500;\n    }\n    .news-meta svg { margin-right: 4px; vertical-align: -2px; }\n    \n    .read-more {\n        font-size: 14px;\n        font-weight: 600;\n        color: #005088;\n    }\n\n    \/* N\u00fat Xem t\u1ea5t c\u1ea3 *\/\n    .view-all-container {\n        text-align: center;\n        margin-top: 35px;\n        padding-top: 25px;\n        border-top: 1px solid #f1f5f9;\n    }\n    .btn-view-all {\n        display: inline-block;\n        padding: 10px 25px;\n        background-color: #f8fafc;\n        color: #0f172a;\n        font-weight: 600;\n        font-size: 14px;\n        border: 1px solid #e2e8f0;\n        border-radius: 6px;\n        text-decoration: none;\n        transition: all 0.2s;\n    }\n    .btn-view-all:hover {\n        background-color: #0f172a;\n        color: #ffffff;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 992px) {\n        .news-grid-layout { grid-template-columns: 1fr; }\n        .featured-news .news-image { height: 220px; }\n    }\n    @media (max-width: 576px) {\n        .side-news { flex-direction: column; height: auto; }\n        .side-news .news-image { width: 100%; height: 160px; }\n    }\n<\/style>\n\n\n\n<div class=\"gov-footer-content\">\n    <div class=\"footer-grid\">\n        <div class=\"f-col\">\n            <h4 class=\"f-title\">UBND PH\u01af\u1edcNG T\u00c2N AN<\/h4>\n            <p class=\"f-desc\">C\u1ed5ng th\u00f4ng tin t\u1ef1 \u0111\u1ed9ng h\u00f3a ti\u1ebfp nh\u1eadn ph\u1ea3n \u00e1nh an ninh tr\u1eadt t\u1ef1 v\u00e0 t\u01b0 v\u1ea5n ph\u00e1p lu\u1eadt giao th\u00f4ng \u0111\u01b0\u1eddng b\u1ed9.<\/p>\n        <\/div>\n        <div class=\"f-col\">\n            <h4 class=\"f-title\">LI\u00caN K\u1ebeT NHANH<\/h4>\n            <ul class=\"f-links\">\n                <li><a href=\"thu-vien-luat\">Th\u01b0 vi\u1ec7n ph\u00e1p lu\u1eadt<\/a><\/li>\n                <li><a href=\"ban-do-diem-den\">B\u1ea3n \u0111\u1ed3 \u0111i\u1ec3m \u0111en<\/a><\/li>\n                <li><a href=\"tin-tuc\">Tin t\u1ee9c &amp; Th\u00f4ng b\u00e1o<\/a><\/li>\n            <\/ul>\n        <\/div>\n        <div class=\"f-col\">\n            <h4 class=\"f-title\">TH\u00d4NG TIN LI\u00caN H\u1ec6<\/h4>\n            <p>\ud83d\udccd Tr\u1ee5 s\u1edf C\u00f4ng an Ph\u01b0\u1eddng T\u00e2n An<\/p>\n            <p>\ud83d\udcde Hotline: (0262) 3xxx xxx<\/p>\n            <p>\u2709\ufe0f bananttoan@tanan.vn<\/p>\n        <\/div>\n    <\/div>\n    <div class=\"f-copyright\">\n        B\u1ea3n quy\u1ec1n \u00a9 2026 thu\u1ed9c v\u1ec1 Ban Ch\u1ec9 \u0110\u1ea1o ANGT Ph\u01b0\u1eddng T\u00e2n An. Thi\u1ebft k\u1ebf v\u00e0 ph\u00e1t tri\u1ec3n b\u1edfi Nh\u00f3m K\u1ef9 Thu\u1eadt.\n    <\/div>\n<\/div>\n\n<style>\n    .gov-footer-content {\n        background-color: #0b1120;\n        color: #e2e8f0;\n        padding: 40px 20px 20px 20px;\n        width: 100%;\n    }\n    .footer-grid {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n    .f-col { flex: 1; min-width: 250px; }\n    .f-title { color: #ffffff; margin-bottom: 15px; font-size: 16px; border-bottom: 2px solid #11caa0; display: inline-block; padding-bottom: 5px; }\n    .f-desc { font-size: 14px; line-height: 1.6; color: #94a3b8; }\n    .f-links { list-style: none; padding: 0; margin: 0; }\n    .f-links li { margin-bottom: 8px; }\n    .f-links a { color: #94a3b8; text-decoration: none; font-size: 14px; }\n    .f-links a:hover { color: #11caa0; }\n    .f-col p { font-size: 14px; margin: 5px 0; color: #94a3b8; }\n    .f-copyright {\n        text-align: center;\n        margin-top: 30px;\n        padding-top: 20px;\n        border-top: 1px solid #1e293b;\n        font-size: 13px;\n        color: #64748b;\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>TH\u00d4NG B\u00c1O HO\u1ea0T \u0110\u1ed8NG C\u1ed4NG TH\u00d4NG TIN AN NINH GIAO TH\u00d4NG PH\u01af\u1edcNG T\u00c2N AN H\u1ec7 th\u1ed1ng AI t\u1ef1 \u0111\u1ed9ng h\u1ed7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anninh47.website\/index.php?rest_route=\/wp\/v2\/pages\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anninh47.website\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anninh47.website\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anninh47.website\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anninh47.website\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27"}],"version-history":[{"count":15,"href":"https:\/\/anninh47.website\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/anninh47.website\/index.php?rest_route=\/wp\/v2\/pages\/27\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/anninh47.website\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}