Docly Documentation

Các tài liệu chính thống về nuôi dạy và can thiệp trẻ phổ tự kỷ dưới định dạng PDF sẽ được chia sẻ bên dưới. Tất cả tài liệu PDF đều được chia sẻ bởi các bố mẹ trên các hội nhóm, nếu bạn thấy hữu ích, hãy mua bản giấy để ủng hộ tác giả. Nếu có bất kỳ vấn đề nào về tác quyền, hãy liên hệ với chúng tôi tại đây.

Kate C. Wilde – Hỗ trợ trẻ tự kỷ – PDF, đây là cuốn sách dưới dạng mà tác giả dựa trên trên nền tảng The Son-Rise Program, cùng với nghiên cứu các phương pháp khác như ABA, Floortime, RDI hay liệu pháp trò chơi, đưa ra cách can thiệp cho bố mẹ có con bị phổ tự kỷ tại nhà. Cuốn sách này sẽ giúp các bố mẹ tháo gỡ các khó khăn dưới đây của con:

• • Đánh răng và cắt tóc.
  • Mặc quần áo.
  • Các khó khăn về giấc ngủ.
  • Kiểm soát hành vi đánh người và các cơn bùng nổ cảm xúc.
  • Hướng dẫn đi vệ sinh và làm quen với thức ăn mới.

Đọc Toàn Màn Hình

Đây là slide được thực hiện bởi Th.s Lê Quỳnh Quyên, khoa sức khoẻ tâm thần Bệnh viện E Hà Nội. Nội dung của tài liệu rất xúc tích và dễ hiểu giúp bố mẹ trả lời câu hỏi phổ tự kỷ là gì, và sẽ có phương hướng cơ bản về hướng trị liệu.

Đọc Toàn Màn Hình

Cuốn sách PDF này được biên tập bởi Đại học Y khoa Phạm Ngọc Thạch phối hợp với Trinh Foundation Australia. Ấn bản màu kèm hình ảnh minh hoạ sẽ giúp bố mẹ rất chi tiết trong cách can thiệp, dạy con học nói gắn với các hoạt động thường ngày. Cám ơn BS.Phan Thiệu Xuân Giang cho sự đóng góp đầy giá trị này.

Đọc Toàn Màn Hình

 

Đây là tài liệu phát hành nội bộ của Trung Tâm Hỗ Trợ Phát Triển Giáo Dục Hoà Nhập Cho Người Khuyết Tật TPHCM.

Đây là cuốn sách Hướng dẫn cha mẹ thực hành trị liệu hoạt động cho trẻ tự kỷ (thực hành kỹ năng vận động, phối hợp cảm giác, tự đi vệ sinh) do Trần Thị Bích Ngọc và Đỗ Tiến Sơn dịch.

Đọc Toàn Màn Hình

Đây là cuốn sách Son-Rise: Phép màu cho trẻ tự kỷ của hai tác giả Barry Neil Kaufman và Raun Kaufman. Cuốn sách này kể về câu chuyện thực tế họ đã giúp con trai của mình chiến thắng chứng tự kỷ rất nặng như thế nào. Hành trình của họ sẽ giúp bố mẹ rất nhiều.

Đọc Toàn Màn Hình

Dưới đây là danh sách các file tài liệu PDF được chia sẻ trong cùng chủ đề nuôi dạy và can thiệp trẻ tự kỷ:

 

Nuôi dạy trẻ có rối loạn phổ tự kỷ trong môi trường gia đình là ấn phẩm nhiều tác giả. Cuốn sách này cung cấp cho bố mẹ một bức tranh toàn cảnh nhất,  thực tế nhất, mà cũng dễ áp dụng nhất để có thể hướng dẫn, giáo dục can thiệp trẻ tại nhà gắn với các hoạt động chăm sóc thường ngày.

 

Đọc Toàn Màn Hình

Đây bản PDF của cuốn sách “Nuôi dạy trẻ mắc chứng rối loạn tăng động giảm chú ý ADHD – tác giả Russell A. Barkley”.

Trẻ tự kỷ thường đi kèm với hội chứng ADHD dù nặng hay nhẹ.  12 nguyên tắc trong cuốn sách này được đúc kết từ chính những công trình nghiên cứu mà tác giả đã dành cả đời để thực hiện. Hiểu về hội chứng ADHD, và sử dụng các chìa khóa thành công mà ông đã xác định để nuôi dạy trẻ trở nên hạnh phúc, khỏe mạnh dù mắc hội chứng ADHD.

Đọc Toàn Màn Hình

Chia sẻ dưới đây là tài liệu hướng dẫn trị liệu rối loạn ăn uống cho một trường hợp trẻ tự kỷ điển hình do bs- thạc sĩ Nguyễn Thị Hạnh tổng hợp lại.

Đọc Toàn Màn Hình

Đây là tài liệu được tổng hợp và phát hành bởi. Autism Clinic (Phòng Khám Bệnh Tự Kỷ) tại OHSU Doernbecher’s Child Development and Rehabilitation Center (CDRC).

Đọc Toàn Màn Hình

Trong tài liệu này, bác sĩ Thảo đã phân tích rõ 8 rối loạn giác quan mà trẻ phổ tự kỷ mắc phải. Rất hữu ích với tất cả phụ huynh muốn can thiệp thành công cho con tại nhà.

Đọc Toàn Màn Hình

Đây là tài liệu được chia sẻ khá phổ biến và hữu ích cho bố mẹ nào muốn can thiệp cho con tại nhà.

Đọc Toàn Màn Hình

Dưới đây là danh sách các hoạt động giúp điều hòa giác quan cho trẻ tự kỷ, có thể áp dụng bổ sung vào các hoạt động thường ngày với trẻ mà bố mẹ nên biết.

Đọc Toàn Màn Hình

Danh mục này cũng liệt kê ra Những nguyên tắc, kỹ thuật sống còn cùng đề mục tổng quan cần thiết và cần được ưu tiên thực hiện nhằm giúp bố mẹ có lộ trình và định hướng căn bản trong việc dạy bé rối loạn ngôn ngữ, chậm phát triển học nói.

Khi thấy con hay nói lẩm bẩm một mình, phát ra âm thanh vô nghĩa hoặc lặp đi lặp lại một câu nói, nhiều cha mẹ thường gọi đó là “nói nhảm” và tìm cách bắt con im lặng.

Thực chất, ở trẻ rối loạn phổ tự kỷ, chậm phát triển hay rối loạn ngôn ngữ, mỗi âm thanh phát ra đều có một “nhiệm vụ” riêng đối với não bộ và cảm xúc của trẻ. Thay vì dập tắt, cha mẹ hãy phân biệt 6 dạng dưới đây để giúp con chuyển hóa thành ngôn ngữ giao tiếp thực sự:

1. Phát âm thanh lặp lại để tự kích thích giác quan (Vocal Stimming)

• Biểu hiện: Trẻ phát ra các chuỗi âm thanh (“a a a…”, “ư ư…”), tiếng động cơ, hoặc lặp đi lặp lại một từ (“xe chạy xe chạy…”) khi ngồi chơi một mình hoặc lúc rảnh rỗi, buồn chán.

• Nguyên nhân: Hệ thần kinh của trẻ đang “đói” cảm giác. Trẻ dùng âm thanh và độ rung của dây thanh quản để tự kích thích thính giác và cảm giác vùng miệng.

• Cách hỗ trợ: Đừng bắt con nín. Hãy đáp ứng đúng nhu cầu giác quan của con bằng cách:

  1. Kích thích vận động vùng miệng: Cho con thổi bong bóng xà phòng, thổi còi, uống sữa/sinh tố đặc qua ống hút nhỏ, ăn thức ăn giòn/dai.

  2. Chuyển hóa thành trò chơi âm thanh: Bắt chước lại chính âm thanh của con nhưng biến tấu cao độ (to – nhỏ, nhanh – chậm) hoặc lồng vào giai điệu bài hát để kéo sự chú ý của con về phía mẹ.

  3. Tăng vận động thô (10–15 phút): Nhảy bạt nhún, leo trèo, đẩy vật nặng để giải tỏa năng lượng dư thừa.

2. Nhại lời tức thì (Immediate Echolalia)

• Biểu hiện: Con lặp lại y hệt những gì người khác vừa nói như một cái máy ghi âm. Ví dụ: Mẹ hỏi “Con ăn cơm chưa?”, bé đáp “Ăn cơm chưa?”.

• Nguyên nhân: Trẻ nghe được nhưng chưa kịp xử lý ý nghĩa câu hỏi, hoặc chưa đủ vốn từ để tự tạo câu trả lời, nên dùng cách lặp lại để duy trì tương tác.

• Cách hỗ trợ: Tuyệt đối không dùng mệnh lệnh “Con nói đi: Con ăn rồi” (vì trẻ sẽ nhại luôn cả câu “Con nói đi”).

  1. Dùng câu hỏi lựa chọn kèm vật thật: Giơ 2 món đồ lên và hỏi “Con ăn bánh hay uống sữa?” (trẻ thường sẽ nhại từ cuối cùng, hãy đưa món con thích ra sau).

  2. Làm mẫu từ góc nhìn của con: Mẹ chỉ vào bát cơm trống và nói chậm rãi câu của con: “Con ăn rồi”(không thêm từ dư thừa), chờ 3–5 giây để con bật theo mà không ép buộc.

3. Nói theo kịch bản có sẵn (Delayed Echolalia / Scripting)

• Biểu hiện: Trẻ tự nhiên đọc vanh vách một đoạn quảng cáo, lời thoại phim hoạt hình hoặc câu nói của người lớn từ nhiều ngày trước.

• Nguyên nhân: Trẻ tự kỷ thường học ngôn ngữ theo cả cụm (Gestalt) thay vì từng từ đơn. Trẻ gắn nguyên một câu thoại trong phim với một cảm xúc hoặc tình huống tương tự ngoài đời thực, nhưng chưa biết cách tách từ để nói theo ý mình.

• Cách hỗ trợ:

  1. Làm “thám tử” tìm ý nghĩa: Quan sát xem con hay nói câu đó khi nào (khi vui, khi sợ, hay khi đòi đồ ăn) để dịch sang câu giao tiếp đúng.

  2. Nhập vai và mở rộng hội thoại: Nếu con hô “Siêu nhân xuất hiện!”, đừng phớt lờ. Hãy hưởng ứng: “Wow, siêu nhân bay đi đâu thế?” hoặc “Siêu nhân cứu mẹ với!” để biến câu độc thoại của con thành cuộc trò chuyện hai chiều.

4. Độc thoại nhưng thiếu tính hướng đích (Chưa biết giao tiếp hai chiều)

• Biểu hiện: Trẻ nói rất nhiều, kể lể liên tục hoặc gọi tên đồ vật nhưng mắt không nhìn người nghe, không quan tâm người khác có hiểu hay phản hồi hay không.

• Nguyên nhân: Trẻ đã có vốn từ nhưng gặp khó khăn về ngôn ngữ xã hội (ngữ dụng) — chưa hiểu rằng ngôn ngữ dùng để kết nối và chia sẻ thông tin với người khác.

• Cách hỗ trợ:

  1. Hạ thấp tầm mắt ngang bằng với con, đưa đồ vật con đang nói tới lên ngang tầm mắt của cha mẹ để thu hút ánh nhìn.

  2. Xây dựng các trò chơi cần sự chờ đợi và luân phiên (turn-taking): Chuyền bóng, xếp gỗ từng người một lượt, ú òa, hoặc cố tình làm sai/giấu bớt một chi tiết trong trò chơi quen thuộc để con phải nhìn mẹ và lên tiếng yêu cầu.

5. Nói lẩm bẩm khi căng thẳng, lo âu

• Biểu hiện: Trẻ nói liên hồi, tốc độ nhanh hoặc lặp đi lặp lại một câu hỏi khi đến nơi đông người, vào môi trường lạ, nghe tiếng ồn lớn hoặc khi bị la mắng.

• Nguyên nhân: Hệ thần kinh của trẻ đang bị quá tải. Việc phát ra những âm thanh quen thuộc giống như một “chiếc chăn an toàn” giúp não bộ tự trấn an và đẩy lùi sự sợ hãi.

• Cách hỗ trợ: Lúc này không phải là lúc dạy nói, mà là lúc cấp cứu cảm xúc:

  1. Đưa con ra góc yên tĩnh, giảm ánh sáng và tiếng ồn.

  2. Tác động cảm giác sâu (Deep Pressure) giúp hệ thần kinh dịu lại: Ôm chặt con (nếu con thích), massage ép sâu dọc hai cánh tay và bả vai, hoặc cho con cầm bóng gai, đất nặn để bóp.

  3. Nói với con bằng giọng trầm, ngắn gọn và chậm rãi: “Con an toàn rồi, có mẹ ở đây”.

6. Nói huyên thuyên do quá phấn khích hoặc trước giờ đi ngủ

• Biểu hiện: Trẻ nói không ngừng nghỉ, la hét, cười đùa quá mức sau khi xem tivi/điện thoại, khi chơi trò kích thích, hoặc nằm trên giường độc thoại rất lâu không chịu ngủ.

• Nguyên nhân: Hệ thần kinh giao cảm đang bị kích thích quá mức (hưng phấn cao), não bộ chưa biết cách tự “đạp phanh” để chuyển sang trạng thái nghỉ ngơi. (Riêng việc độc thoại trước khi ngủ đôi khi còn là cách não trẻ tự ôn lại dữ liệu ngôn ngữ đã nghe trong ngày).

• Cách hỗ trợ: Thiết lập quy trình “hạ nhiệt” cho não bộ:

  1. Cắt hoàn toàn thiết bị điện tử (tivi, điện thoại) và các trò chơi đuổi bắt mạnh ít nhất 1–2 giờ trước khi ngủ.

  2. Thực hiện chuỗi hoạt động thư giãn cố định: Tắm nước ấm -> Massage nhẹ nhàng lòng bàn chân, lưng -> Đọc sách với giọng đều đều, trầm ấm trong ánh đèn vàng dịu.

  3. Tập cho con trò chơi hít thở sâu (ví dụ: hít vào ngửi bông hoa, thở ra thổi tắt ngọn nến).

Nguồn: Từ kiến thức can thiệp thực chiến và tổng hợp lại với AI.

Tư duy cốt lõi nhất khi dạy ngôn ngữ cho trẻ (đặc biệt là trẻ mang phổ tự kỷ có sự nhạy cảm về giác quan và dễ bị quá tải) là chuyển từ vai trò “người khảo bài” sang vai trò “bình luận viên”. Thay vì liên tục đặt câu hỏi mang tính ép buộc như “Đây là cái gì?”, “Nói đi con”, bạn hãy chủ động biến mọi hành động đang diễn ra thành âm thanh để não bộ của bé tự động thu nạp một cách tự nhiên, không áp lực.

Để áp dụng tư duy này vào sinh hoạt hàng ngày, bạn hãy bám sát 4 nguyên tắc hành động sau:

1. Tư duy “Bình luận viên” (Nói về những gì đang xảy ra) Khi chăm sóc bé, hãy dùng những câu ngắn để mô tả chính xác những gì bạn và bé đang làm, đang nhìn thấy hoặc đang chạm vào. Việc này giúp não bé gắn kết từ vựng với hành động thực tế ngay tại thời điểm đó.

• Khi chăm sóc vệ sinh: Thay vì nói “Con đứng im để mẹ mặc đồ nào”, hãy mô tả “Xỏ tay vào”, “Mặc quần”, “Cài cúc”.

• Khi đi trên đường: “Xe chạy”, “Dừng lại”, “Đèn đỏ rồi”, “Ồ, xe máy kìa”. Bạn cứ nói dù bé có phản hồi hay không, ngôn ngữ sẽ từ từ “ngấm” vào vùng trí nhớ của con.

2. Tư duy “Ngôn ngữ Cộng 1” (Nói ở ngưỡng tiếp thu của con) Trẻ sẽ lập tức “đóng cửa” giao tiếp nếu bạn nói những câu quá dài và phức tạp. Hãy quan sát mức độ ngôn ngữ hiện tại của con và chỉ nói dài hơn con đúng một từ.

• Nếu bé chưa biết nói: Bạn chỉ dùng từ đơn đi kèm hành động mạnh (ví dụ: đưa giày cho bé và nhấn mạnh “Giày!”, mở cửa và nói “Mở!”).

• Nếu bé đã nói được từ đơn (ví dụ bé nói “Bánh”): Bạn đáp lại bằng câu 2 từ (“Ăn bánh” hoặc “Bánh quy”).

3. Tư duy “Tạo khoảng trống” (Sức mạnh của sự chờ đợi) Sai lầm lớn nhất của cha mẹ là quá hiểu ý con, dẫn đến việc làm hộ con mọi thứ trước cả khi bé kịp phát ra nhu cầu giao tiếp. Hãy chủ động “tạo ra một chút rào cản” trong các thói quen hàng ngày để khơi gợi lý do bắt buộc bé phải phát ra âm thanh.

• Khi rót nước cho bé, bạn chỉ rót một chút xíu. Khi bé uống hết và muốn nữa, hãy cầm bình nước lên, nhìn vào mắt bé và chờ đợi 5 đến 10 giây. Nếu bé không nói, bạn làm mẫu từ “Nữa” hoặc “Rót”, đợi bé nhại lại (hoặc có cử chỉ bằng mắt/tay) rồi mới rót tiếp.

• Khi mặc áo, bạn trùm áo qua đầu bé rồi… dừng lại. Bé sẽ bứt rứt muốn kéo xuống. Lúc này bạn nói “Kéo” và chờ bé có phản xạ.

4. Tư duy “Kịch bản đóng gói” (Lặp lại từ vựng theo bối cảnh) Trẻ phổ tự kỷ học tốt nhất qua sự lặp đi lặp lại vì nó tạo ra sự an toàn, dễ đoán. Bạn hãy chọn ra vài sinh hoạt cố định (như đi tắm, mang giày đi học) và sử dụng đúng một bộ từ vựng y hệt nhau mỗi ngày.

• Ví dụ việc đưa đón đi học: Mở cửa xe bạn nói “Lên xe”. Thắt dây an toàn bạn làm tiếng động “Tạch!”. Đến trường bạn vẫy tay “Chào cô”. Ngày nào bạn cũng dùng đúng những từ đó ở đúng thời điểm đó. Sau một thời gian, não bé sẽ ghi nhận đây là “kịch bản ngôn ngữ” của việc đi học. Dần dần, bạn chỉ cần mở cửa, bé sẽ tự bật ra chữ “Lên xe”.

Nguồn tham khảo: AI

Sau khi đã có định hướng và nắm được các nguyên tắc căn bản từ danh mục học nói, chúng ta sẽ đi vào dạy con nói theo các hướng dẫn rất chi tiết và cụ thể cùng các tình huống sắp đặt phù hợp hoặc thực tế trong quá trình chăm sóc trẻ.

Đây là câu hỏi “kinh điển” khi bé nhìn thấy đồ vật mới, con vật mới. Khi bé hiểu được bản chất câu hỏi sẽ nhận được câu trả lời như thế nào, bé sẽ tự kết hợp chỉ tay và hỏi rất nhiều.

Để dạy trẻ tự kỷ, rối loạn ngôn ngữ hoặc chậm phát triển bật ra câu hỏi “Cái gì đây?”, nguyên tắc cốt lõi là tạo ra sự tò mò (động lực giao tiếp): trẻ phải thực sự muốn biết hoặc muốn lấy vật bị giấu, thay vì bị ép lặp lại câu hỏi về một món đồ trẻ đã biết thừa (như chỉ vào quả bóng quen thuộc và bắt trẻ hỏi).

1. Điều kiện cần trước khi dạy

Trước khi dạy câu hoàn chỉnh “Cái gì đây?”, hãy đảm bảo bé đã có:

• Khả năng bắt chước âm thanh hoặc từ đơn/cụm từ ngắn.

• Kỹ năng chỉ tay (pointing) hoặc hướng ánh mắt về vật mình muốn.

• (Lưu ý: Nếu bé mới chỉ nói được 1-2 từ, hãy rút ngắn mục tiêu xuống còn “Gì đây?” hoặc “Cái gì?” trước, sau đó mới mở rộng thêm chữ “ạ”).

2. Công tác chuẩn bị

• 1 chiếc túi vải không nhìn xuyên thấu (túi thần kỳ) hoặc 1 chiếc hộp có nắp đậy kín.

• 5 – 7 món đồ chơi/đồ ăn bé cực kỳ thích hoặc những món đồ phát sáng, phát nhạc lạ mắt mà bé chưa biết tên(tránh dùng đồ quá quen thuộc vì bé sẽ gọi thẳng tên món đồ thay vì đặt câu hỏi).

3. Quy trình 4 bước thực hiện (Tình huống: Chiếc túi thần kỳ)

Bước 1: Tạo sự chú ý và tò mò

1. Ngồi đối diện ngang tầm mắt với bé.

2. Cho 1 món đồ (ví dụ: con sâu vặn dây cót hoặc bánh quy bé thích) vào túi.

3. Lắc nhẹ chiếc túi tạo âm thanh sột soạt hoặc cho đồ chơi phát tiếng kêu bên trong. Mở hé miệng túi cho bé nhìn thoáng qua (nhưng chưa cho lấy) và thể hiện biểu cảm ngạc nhiên: “Ồ! Có cái gì trong này nhỉ?”

Bước 2: Làm mẫu và Nhắc (Prompting) ngay khi bé có phản ứng

1. Ngay khoảnh khắc bé với tay đòi mở túi hoặc nhìn chằm chằm vào túi, bạn giữ nhẹ tay bé lại hoặc đưa ngón trỏ của bé chạm vào túi.

2. Bạn nói mẫu thật rõ ràng, chậm rãi và nhấn giọng ngay lập tức: “Cái gì đây ạ?”

3. Chờ 2–3 giây để bé bắt chước nói theo (Ví dụ: “Cái gì đây ạ?” hoặc “Gì đây?”).

Bước 3: Củng cố (Khen thưởng lập tức)

1. Ngay khi bé phát âm theo (dù hơi ngọng), bạn lập tức mở túi lấy món đồ ra, gọi to tên món đồ với giọng hào hứng: “À! Là ô tô!”

2. Đưa ngay món đồ cho bé chơi 15–30 giây (hoặc cho bé ăn nếu là bánh). Nhờ vậy, bé hiểu rằng: Hỏi câu này = Mở được túi + Nhận được đồ thích.

Bước 4: Giảm dần sự trợ giúp (Fading) Sau khi lặp lại khoảng 5–10 lần với các món đồ khác nhau trong túi và bé đã quen nhịp, bạn bắt đầu rút dần lời nhắc để bé tự hỏi:

• Mức 1 (Nhắc toàn phần): Bạn nói “Cái gì đây ạ?” -> Bé lặp lại “Cái gì đây ạ?”

• Mức 2 (Nhắc một phần): Bạn chỉ vào túi và chỉ gợi ý chữ đầu “Cái…” -> Bé tự nối tiếp “…gì đây ạ?”

• Mức 3 (Nhắc bằng cử chỉ/chờ đợi): Bạn lắc túi, chỉ tay vào túi, nhướng mày nhìn bé đầy mong đợi (im lặng chờ 3–5 giây) -> Bé tự bật ra “Cái gì đây ạ?”

4. Ba tình huống mở rộng trong sinh hoạt hàng ngày

Để bé không bị rập khuôn (chỉ biết hỏi khi thấy cái túi), hãy áp dụng sang các bối cảnh tự nhiên:

5. Hai lỗi phổ biến cần tránh

• Hỏi ngược lại bé: Tuyệt đối không hỏi “Con hỏi mẹ đi, con nói cái gì đây ạ đi”. Trẻ tự kỷ có xu hướng nhại lời (echolalia), nếu bạn nói câu dài như vậy, bé sẽ nhại lại nguyên cụm “Con hỏi mẹ đi”. Chỉ làm mẫu đúng câu bé cần nói (“Cái gì đây ạ?”).

• Làm mẫu sai thời điểm: Nếu bé đang nhìn đi chỗ khác hoặc không hứng thú với chiếc túi mà bạn ép bé nói, bé sẽ chỉ nhại lại một cách máy móc mà không hiểu ý nghĩa của câu hỏi. Chỉ làm mẫu khi mắt bé đang nhìn vào vật và tay bé đang muốn lấy.

Nguồn tham khảo và tổng hợp: AI

Để dạy câu hỏi “Ai đây ạ?”, nguyên tắc vẫn là tạo sự tò mò về sự xuất hiện của một người (hoặc nhân vật) mà bé yêu thích nhưng đang bị che khuất. Trẻ cần hiểu rằng câu hỏi này dùng cho người/nhân vật, khác với “Cái gì đây ạ?”dùng cho đồ vật.

1. Công tác chuẩn bị

• 1 chiếc khăn lớn (khăn tắm hoặc chăn mỏng không nhìn xuyên thấu) để chơi trò ú òa.

• Ảnh in rời của những người thân quen (bố, mẹ, ông, bà, cô giáo, chính bé) hoặc các nhân vật hoạt hình bé cực kỳ yêu thích, đặt úp mặt xuống bàn hoặc cho vào phong bì/hộp.

• Sự phối hợp của người thứ 3 (bố, bà, anh chị trong nhà) nếu có thể, để tạo tình huống thực tế sinh động nhất.

2. Quy trình 4 bước thực hiện (Tình huống: Trốn tìm dưới khăn / Ú òa)

Lưu ý: Nếu bé mới nói được câu ngắn, bạn có thể rút gọn mục tiêu thành “Ai đây?” trước, khi bé đã thành thạo mới thêm chữ “ạ”.

Bước 1: Tạo sự chú ý và bất ngờ

1. Nhờ một người thân (ví dụ: Bố – người bé rất thích chơi cùng) ngồi trước mặt bé và trùm kín khăn tắm lên đầu, hoặc nấp ngay sau cánh cửa hé mở. (Nếu chỉ có 2 mẹ con, bạn có thể tự lấy khăn trùm lên đầu mình hoặc dùng thú bông che kín mặt).

2. Người dưới khăn tạo ra âm thanh vui nhộn (tiếng cười khúc khích, tiếng giả giọng con vật, hoặc gọi tên bé “Ú òa, đố biết…”) và cử động nhẹ để thu hút sự chú ý của bé.

Bước 2: Làm mẫu và Nhắc (Prompting) đúng thời điểm

1. Ngay khoảnh khắc bé nhìn chằm chằm vào chiếc khăn hoặc đưa tay định kéo khăn ra, bạn giữ nhẹ tay bé lại, hướng ngón trỏ của bé chỉ vào người đang trùm khăn.

2. Nói mẫu ngay lập tức, to, rõ và nhấn giọng: “Ai đây ạ?”

3. Chờ 2–3 giây để bé bắt chước nói theo.

Bước 3: Củng cố (Khen thưởng bằng tương tác xã hội)

1. Ngay khi bé phát âm “Ai đây ạ?” (hoặc “Ai đây?”), lập tức kéo tung chiếc khăn ra.

2. Người dưới khăn reo to với biểu cảm thật vui: “À! Là Bố đây!” rồi cù lét, bế bổng hoặc ôm hôn bé (tạo niềm vui tức thì để bé thấy việc đặt câu hỏi mang lại kết quả cực kỳ thú vị).

Bước 4: Giảm dần sự trợ giúp (Fading) Sau khoảng 5–7 lượt chơi lặp lại (đổi người trùm khăn hoặc đổi vị trí nấp), bạn giảm dần việc nhắc lời:

• Mức 1 (Nhắc toàn câu): Bạn chỉ tay và nói “Ai đây ạ?” -> Bé nói theo.

• Mức 2 (Nhắc từ đầu): Khi bé định kéo khăn, bạn chỉ tay và gợi ý khẩu hình “Ai…” -> Bé tự bật ra “…đây ạ?”

• Mức 3 (Tự chủ động): Người thân trùm khăn trước mặt bé, bạn chỉ tay vào chiếc khăn, nhìn bé với ánh mắt chờ đợi (im lặng 3–5 giây) -> Bé tự hỏi “Ai đây ạ?” để được kéo khăn.

3. Bốn tình huống mở rộng trong sinh hoạt hàng ngày

Để bé hiểu khái niệm “Ai” dùng trong nhiều hoàn cảnh khác nhau, bạn hãy lồng ghép vào các hoạt động sau:

4. Mẹo giúp bé phân biệt “Cái gì đây ạ?” và “Ai đây ạ?”

Khi bé đã biết nói cả hai câu, trẻ tự kỷ rất dễ bị nhầm lẫn (chỉ vào mẹ nhưng lại hỏi “Cái gì đây ạ?”). Để giúp bé phân biệt:

1. Giai đoạn đầu: Tách biệt rõ thời gian dạy. Chỉ chuyển sang dạy “Ai đây ạ?” khi bé đã tương đối vững câu “Cái gì đây ạ?”.

2. Giai đoạn kết hợp (Trò chơi xen kẽ): Chuẩn bị 1 chiếc hộp lớn (hoặc sau cánh cửa). Lượt 1: Giấu một món đồ chơi -> Nhắc bé hỏi “Cái gì đây ạ?”. Lượt 2: Bố nấp sau cửa -> Nhắc bé hỏi “Ai đây ạ?”.

3. Sửa lỗi nhẹ nhàng (Không chê trách): Nếu bé chỉ vào bức ảnh của bố mà hỏi “Cái gì đây ạ?”, bạn đừng nói “Sai rồi”, hãy lập tức làm mẫu đè lên bằng câu đúng với giọng nhấn mạnh từ đầu: “Ai đây ạ? -> À, là Bố!”, rồi khuyến khích bé lặp lại câu đúng.

Để dạy câu hỏi “Tại sao lại thế ạ?” (hoặc rút gọn là “Sao thế ạ?” / “Tại sao?”), cấp độ nhận thức đã nâng lên một bậc so với câu hỏi “Cái gì” và “Ai”.

Nguyên tắc cốt lõi để trẻ bật ra câu hỏi này là phá vỡ quy luật quen thuộc (tạo ra sự cố hoặc sự bất thường). Trẻ tự kỷ vốn rất nhạy cảm với các quy trình cố định; khi một món đồ chơi bỗng dưng không hoạt động, hoặc người lớn có một hành động “kỳ quặc” trái với thường ngày, trẻ sẽ khựng lại vì thắc mắc. Đó chính là thời điểm vàng để dạy.

1. Điều kiện cần trước khi dạy

• Bé đã biết nhận ra sự bất thường trong môi trường (ví dụ: thấy đồ chơi không chạy thì ngẩng lên nhìn mẹ, hoặc thấy cửa khóa thì kéo tay mẹ).

• Bé đã hiểu được các câu giải thích nguyên nhân – kết quả ngắn gọn (ví dụ: “Hết pin rồi”, “Bị ướt rồi”, “Đau tay”).

• (Mẹo: Câu “Tại sao lại thế ạ?” khá dài (5 âm tiết). Nếu bé nói chưa sõi, hãy rút gọn mục tiêu thành “Sao thế ạ?”hoặc “Tại sao ạ?” trước).

2. Quy trình 4 bước thực hiện (Tình huống: Đồ chơi “bỗng dưng” bị hỏng)

Chuẩn bị: Một món đồ chơi phát nhạc/phát sáng mà bé cực kỳ thích (đã được bạn tháo pin ra trước), và giấu sẵn viên pin trong túi áo.

Bước 1: Tạo “sự cố” bất ngờ

1. Đưa món đồ chơi cho bé như bình thường.

2. Bé bấm nút nhưng đồ chơi không kêu, không sáng đèn.

3. Bạn cầm lấy đồ chơi, bấm thử vài lần rồi xòe hai tay ra, nhún vai, nhăn mặt với biểu cảm ngạc nhiên phóng đại: “Ơ! Không kêu!”

Bước 2: Làm mẫu và Nhắc (Prompting) ngay khi bé thắc mắc

1. Ngay khoảnh khắc bé nhìn vào món đồ chơi rồi ngước nhìn bạn với vẻ mặt khó hiểu (hoặc sốt ruột đưa đồ chơi cho bạn sửa), bạn đặt tay lên cằm hoặc xòe tay ra.

2. Nói mẫu thật rõ ràng, chậm rãi với ngữ điệu thắc mắc: “Tại sao lại thế ạ?” (hoặc “Sao thế ạ?”).

3. Chờ 2–3 giây để bé lặp lại câu hỏi.

Bước 3: Giải thích ngắn gọn + Khắc phục sự cố ngay lập tức (Củng cố)

1. Ngay khi bé nói theo “Tại sao lại thế ạ?”, bạn lập tức lật mặt sau của đồ chơi ra chỉ vào ổ trống và giải thích thật ngắn gọn, trực quan: “À! Vì hết pin rồi!” (hoặc “Vì chưa lắp pin!”).

2. Lấy ngay viên pin trong túi lắp vào, bật công tắc cho đồ chơi phát sáng/kêu nhạc và trả lại cho bé chơi. (Việc lắp pin ngay giúp bé hiểu rằng: Đặt câu hỏi “Tại sao” sẽ tìm ra nguyên nhân và giải quyết được vấn đề để tiếp tục cuộc chơi).

Bước 4: Giảm dần sự trợ giúp (Fading) Lặp lại tình huống với các đồ vật bị “trục trặc” khác (bút lông bị đóng nắp không vẽ được, hộp bánh bị dán băng dính chặt không mở được…):

• Mức 1 (Nhắc toàn câu): Bạn xòe tay làm mẫu “Tại sao lại thế ạ?” -> Bé nói theo.

• Mức 2 (Nhắc cử chỉ + 1 từ đầu): Khi đồ chơi không chạy, bạn xòe hai tay, nhướng mày và mớm từ “Tại…” -> Bé tự nói tiếp “…sao lại thế ạ?”.

• Mức 3 (Tự chủ động): Khi gặp sự cố, bạn chỉ xòe tay và nhìn bé với vẻ mặt ngạc nhiên, im lặng chờ 3–5 giây -> Bé tự bật ra câu hỏi.

3. Bốn tình huống mở rộng cực kỳ hiệu quả trong sinh hoạt

Trẻ sẽ hiểu sâu câu hỏi “Tại sao” nhất khi được đặt vào các tình huống hài hước hoặc cản trở nhẹ trong đời sống hàng ngày:

4. Ba lưu ý quan trọng khi dạy câu hỏi “Tại sao”

1. Câu trả lời phải cực kỳ ngắn gọn và nhìn thấy bằng mắt (Trực quan): Trẻ tự kỷ và rối loạn ngôn ngữ rất khó hiểu những lời giải thích trừu tượng dài dòng. Hãy luôn bắt đầu câu trả lời bằng chữ “Vì…” kèm theo hành động chỉ vào bằng chứng cụ thể (Ví dụ: “Vì hết pin” -> chỉ vào ổ pin trống; “Vì bàn bị ướt” -> đặt tay bé chạm vào vũng nước trên bàn).

2. Đừng biến thành bài kiểm tra lý thuyết: Ở giai đoạn đầu, tránh dùng tranh ảnh tĩnh để hỏi kiểu học thuật trước khi bé biết dùng câu hỏi trong thực tế. Hãy để bé trải nghiệm cảm giác “thắc mắc thật” qua trò chơi trước.

3. Kiên nhẫn với ngữ điệu: Khi làm mẫu câu “Tại sao lại thế ạ?”, hãy cố gắng kết hợp ngôn ngữ cơ thể (nghiêng đầu, nhướng mày, xòe hai bàn tay). Trẻ tự kỷ học qua thị giác rất tốt; cử chỉ xòe tay của bạn sau này sẽ trở thành dấu hiệu nhắc nhở tuyệt vời mà không cần dùng lời nói.

Kiến thức có tham khảo từ AI.

Để dạy câu hỏi “[Tên đồ vật] ở đâu rồi ạ?” (hoặc rút gọn là “[Tên đồ vật] đâu rồi?”), nguyên tắc vàng là “Làm thiếu hụt một phần không thể thiếu” (Sabotage the environment).

Thay vì giấu một món đồ ngẫu nhiên và bắt bé đi tìm (khi bé chẳng có nhu cầu tìm nó), bạn hãy đưa cho bé một hoạt động bé cực kỳ thích nhưng cố tình cất đi công cụ quan trọng nhất. Khi bé đang rất cần món đồ đó để hoàn thành trò chơi hoặc việc ăn uống, động lực bật ra câu hỏi “Ở đâu rồi?” sẽ đạt mức cao nhất.

1. Điều kiện cần trước khi dạy

• Bé đã biết gọi tên một số đồ vật quen thuộc (bóng, giày, thìa, sữa, ô tô…).

• Bé hiểu được các chỉ dẫn vị trí đơn giản hoặc biết nhìn theo hướng tay chỉ của người lớn để lấy đồ.

• (Lưu ý rút gọn: Nếu câu “[Tên đồ vật] + ở đâu rồi ạ?” quá dài so với hơi thở của bé, hãy dạy cấu trúc ngắn “Bóng đâu rồi?” hoặc “Thìa đâu ạ?” trước, sau đó mới kéo dài câu).

2. Quy trình 4 bước thực hiện (Tình huống: Thiếu mảnh ghép cuối cùng)

Chuẩn bị: Một bảng ghép hình (hoặc tháp xếp chồng, hộp thả hình) mà bé rất thích chơi. Bạn giữ lại mảnh ghép cuối cùng (ví dụ: hình con cá) và giấu dưới đùi mình hoặc dưới một chiếc khăn ngay gần đó.

Bước 1: Tạo tình huống “thiếu đồ”

1. Cùng bé ghép lần lượt các mảnh ghép lên bảng.

2. Đến ô trống cuối cùng, bé nhìn quanh mặt sàn để tìm mảnh ghép “con cá” nhưng không thấy.

3. Bạn xòe hai tay ra, nghiêng đầu ngó nghiêng tìm kiếm quanh sàn với vẻ mặt ngạc nhiên: “Ơ! Hết rồi à?”

Bước 2: Làm mẫu và Nhắc (Prompting) ngay khi bé ngơ ngác tìm

1. Ngay khoảnh khắc mắt bé đảo quanh tìm kiếm hoặc bé nhìn vào ô trống rồi ngước nhìn bạn, bạn lập tức xòe hai bàn tay (ngửa lòng bàn tay lên, nhún vai) và nói mẫu thật rõ: “Con cá ở đâu rồi ạ?” (hoặc “Cá đâu rồi ạ?”).

2. Chờ 2–3 giây để bé bắt chước nói theo.

Bước 3: Chỉ chỗ + Cho bé tìm thấy ngay lập tức (Củng cố)

1. Ngay khi bé phát âm câu hỏi, bạn lập tức chỉ tay vào chiếc khăn (hoặc gầm bàn ngay cạnh) và reo lên: “Ở dưới khăn kìa!” (hoặc “Ở đây này!”).

2. Để bé tự tay lật khăn lấy mảnh ghép lắp vào ô cuối cùng và vỗ tay khen thưởng. (Bé sẽ hiểu: Hỏi “ở đâu” = Được chỉ chỗ = Tìm thấy món đồ đang cần).

Bước 4: Giảm dần sự trợ giúp (Fading) Lặp lại trong các lượt chơi tiếp theo hoặc với các đồ vật khác:

• Mức 1 (Nhắc toàn câu): Bạn xòe tay làm mẫu “Con cá ở đâu rồi ạ?” -> Bé lặp lại cả câu.

• Mức 2 (Nhắc tên đồ vật + cử chỉ): Bạn chỉ vào ô trống, xòe tay và gợi ý từ đầu: “Con cá…” -> Bé tự nối tiếp “…ở đâu rồi ạ?”

• Mức 3 (Chỉ dùng cử chỉ): Khi bé đang tìm đồ, bạn chỉ xòe hai bàn tay ra và nhìn bé chờ đợi (im lặng 3–5 giây) -> Bé tự bật ra câu hỏi.

3. Bốn tình huống “thiếu hụt” cực nhạy trong sinh hoạt hàng ngày

Đây là những khoảnh khắc bé có nhu cầu tìm đồ thật sự 100%, giúp câu hỏi trở nên tự nhiên mà không cần ngồi vào bàn học:

4. Ba lưu ý quan trọng để bé không bị nản hoặc cáu gắt

1. Giấu ở nơi “dễ tìm” trong giai đoạn đầu: Mục tiêu là dạy bé đặt câu hỏi, không phải thử thách khả năng tìm kiếm. Hãy để món đồ bị giấu lộ ra một góc (ví dụ: chiếc xe ô tô thò bánh xe ra khỏi rìa khăn) hoặc ở ngay gần tầm mắt để ngay khi bé hỏi xong, bạn chỉ tay là bé nhìn thấy ngay.

2. Thống nhất cử chỉ “Xòe hai bàn tay”: Cử chỉ xòe hai tay, nhún vai là ký hiệu hình ảnh toàn cầu cho câu hỏi “Ở đâu?”. Khi bạn luôn làm cử chỉ này kèm câu nói mẫu, chỉ sau một thời gian ngắn, mỗi khi bạn xòe tay ra là bé sẽ tự động bật ra câu hỏi mà không cần bạn phải nhắc lời.

3. Dạy song song cách trả lời (Chỉ vị trí): Sau khi bé hỏi “Ở đâu rồi ạ?”, câu trả lời của bạn nên nhấn mạnh vào các từ chỉ vị trí đơn giản (Trên bàn, Dưới ghế, Trong hộp) kèm theo ngón tay chỉ thật rõ ràng. Điều này giúp bé vừa học được cách hỏi, vừa mở rộng vốn từ về không gian.

Bảng tổng kết phân biệt 4 câu hỏi đã học

Để bạn dễ dàng ôn tập xen kẽ cho bé trong ngày mà không bị rối:

• Cái gì đây ạ? -> Khi thấy vật bị che khuất một phần / trong túi kín (Kích thích bởi sự tò mò về đồ vật).

• Ai đây ạ? -> Khi thấy người trùm khăn / gõ cửa / ảnh úp (Kích thích bởi sự tò mò về người).

• Tại sao lại thế ạ? -> Khi đồ vật bị hỏng / quy trình bị cản trở / hành động ngược đời (Kích thích bởi sự cố bất thường).

• [Tên vật] ở đâu rồi ạ? -> Khi thiếu mất công cụ quen thuộc để hoàn thành việc đang làm (Kích thích bởi nhu cầu tìm kiếm).

Nguồn: Kiến thức can thiệp thực tế và hỗ trợ từ AI.

Để dạy câu hỏi “Cái này của ai?” (hoặc “Của ai đây ạ?”), trẻ cần bước đầu hiểu về khái niệm sở hữu (đồ vật gắn liền với một chủ nhân cụ thể).

Nguyên tắc cốt lõi để kích thích trẻ bật ra câu hỏi này là “Sự xuất hiện của đồ vật đặt nhầm chỗ” hoặc “Trò chơi phân phát đồ”. Nếu chỉ cầm một chiếc áo bất kỳ giơ lên hỏi, trẻ sẽ không có động lực quan tâm. Nhưng nếu trẻ thấy chiếc kính to đùng của bố lại nằm trong rổ đồ chơi của mình, hoặc trẻ được giao nhiệm vụ làm “người phát quà” cho cả nhà, trẻ sẽ có nhu cầu tìm chủ nhân thực sự của món đồ.

1. Điều kiện cần trước khi dạy

• Bé đã nhận biết được tên các thành viên trong gia đình (Bố, Mẹ, Bà, anh/chị…) và biết chỉ vào bản thân mình.

• Bé đã hiểu câu trả lời chỉ sự sở hữu đơn giản (Ví dụ: “Của bố”, “Của mẹ”, “Của con”).

• (Mẹo rút gọn: Nếu câu “Cái này của ai ạ?” hơi dài, bạn có thể rút ngắn thành “Của ai đây?” hoặc “Của ai ạ?”, hoặc “[Tên đồ vật] của ai?” như “Giày của ai?”).

2. Quy trình 4 bước thực hiện (Tình huống: Chiếc giỏ phân loại đồ)

Chuẩn bị:

• Ngồi chơi cùng 2–3 thành viên trong gia đình (ví dụ: Bố, Mẹ và Bé). (Nếu chỉ có 2 mẹ con, bạn có thể đặt thêm 1–2 bạn thú bông/búp bê ngồi bên cạnh hoặc dùng ảnh của Bố, Bà đặt trước mặt).

• 1 chiếc giỏ đựng các món đồ cá nhân đặc trưng, rõ ràng nhất của từng người: Kính mắt/đồng hồ của bố, kẹp tóc/túi xách của mẹ, và bình sữa/món đồ chơi yêu thích của bé.

Bước 1: Tạo tình huống cần tìm chủ nhân

1. Bạn lấy từ trong giỏ ra một món đồ của Bố (ví dụ: chiếc kính mắt to), cố tình ướm thử lên mặt bé (hoặc đặt vào lòng bé) làm chiếc kính bị rộng tuột xuống trông rất buồn cười.

2. Bạn tỏ vẻ ngạc nhiên, lắc đầu: “Ơ! Không vừa rồi! Cái kính to quá!”

Bước 2: Làm mẫu và Nhắc (Prompting) ngay khi bé bối rối

1. Ngay khi bé cầm chiếc kính nhìn ngắm hoặc đưa trả lại cho bạn, bạn chỉ ngón tay vào chiếc kính (hoặc cầm tay bé giơ chiếc kính lên) và nói mẫu thật rõ ràng, nhấn giọng ở cuối câu: “Cái này của ai?” (hoặc “Của ai đây ạ?”).

2. Chờ 2–3 giây để bé bắt chước nói theo.

Bước 3: Trả lời + Trao trả đồ để nhận tương tác vui (Củng cố)

1. Ngay khi bé phát âm câu hỏi, bạn chỉ ngay về phía Bố và trả lời hào hứng: “À! Của Bố đấy!”

2. Hướng dẫn bé mang chiếc kính đưa tận tay cho Bố đeo. Khi nhận kính, Bố lập tức khen ngợi, vỗ tay, thơm má hoặc cù lét bé. (Trẻ tự kỷ rất thích cảm giác hoàn thành nhiệm vụ — đặt đồ đúng chỗ và nhận được phản ứng tán thưởng mạnh mẽ từ người nhận).

Bước 4: Giảm dần sự trợ giúp (Fading) Lần lượt lấy các món đồ tiếp theo trong giỏ ra (kẹp tóc của mẹ, mũ của bé…):

• Mức 1 (Nhắc toàn câu): Giơ món đồ lên và làm mẫu “Cái này của ai?” -> Bé nói theo.

• Mức 2 (Nhắc từ đầu): Khi bé cầm món đồ lên, bạn chỉ vào món đồ và gợi ý khẩu hình “Cái này của…” -> Bé tự bật ra “…ai?”.

• Mức 3 (Tự chủ động): Đưa cho bé lấy 1 món đồ trong giỏ, bạn nghiêng đầu, nhướng mày nhìn bé và nhìn sang mọi người xung quanh (im lặng chờ 3–5 giây) -> Bé tự giơ đồ lên hỏi “Cái này của ai?” trước khi mang đi phát.

3. Bốn tình huống thực tế giúp bé ứng dụng tự nhiên mỗi ngày

4. Hai lưu ý quan trọng khi dạy câu hỏi về sự sở hữu

1. Tránh nhầm lẫn đại từ (“Của con” và “Của mẹ”): Trẻ tự kỷ rất dễ nhại lời nguyên xi. Khi bé hỏi “Cái này của ai?”, nếu món đồ đó là của chính bé và bạn trả lời “Của con”, bé có thể hiểu nhầm chữ “con” dùng cho tất cả mọi thứ.

   • Cách khắc phục: Trong giai đoạn đầu, khi trả lời hãy dùng Tên riêng / Danh từ xưng hô cố định (Ví dụ: “Của Bố”, “Của Mẹ”, “Của Bi [tên bé]”) kèm theo hành động vỗ nhẹ vào ngực người đó. Khi bé đã phân biệt vững rồi mới đổi sang dạy đại từ “Của con / Của tớ”.

2. Đừng hỏi khi bé đang muốn chiếm hữu món đồ: Nếu bạn cầm một món đồ chơi mới tinh hoặc viên kẹo hấp dẫn rồi bắt bé hỏi “Cái này của ai?”, bé sẽ chỉ tập trung đòi lấy bằng được (“Của con! Cho con!”) mà không học được cách đặt câu hỏi. Hãy bắt đầu bằng những đồ dùng cá nhân quen thuộc của người lớn (kính, mũ, dép, cặp tóc, khẩu trang) để bé đóng vai “người giúp đỡ trả lại đồ” một cách vui vẻ.

Hệ thống 5 câu hỏi nền tảng cho bé (Từ dễ đến khó)

Vậy là bạn đã có trọn bộ 5 tình huống cốt lõi để phát triển tư duy đặt câu hỏi cho bé:

1. Cái gì đây ạ? (Khám phá tên đồ vật bị giấu)

2. Ai đây ạ? (Khám phá người/nhân vật đang trốn)

3. [Tên vật] ở đâu rồi ạ? (Tìm kiếm vật bị thiếu trong hoạt động)

4. Cái này của ai? (Xác định chủ nhân của đồ vật đặt nhầm chỗ)

5. Tại sao lại thế ạ? (Tìm nguyên nhân khi có sự cố bất thường)

Nguồn: Can thiệp thực chiến và hỗ trợ tổng hợp từ AI.

Để dạy câu hỏi “Con mượn cái này được không ạ?” (hoặc rút gọn là “Cho con mượn?” / “Mượn được không ạ?”), bản chất giao tiếp đã chuyển từ tìm kiếm thông tin sang xin phép và thương lượng xã hội.

Thử thách lớn nhất ở trẻ tự kỷ, chậm phát triển là tính xung động: khi thích một món đồ người khác đang cầm, trẻ thường lao vào giật lấy ngay hoặc ăn vạ nếu không lấy được. Vì vậy, nguyên tắc cốt lõi là “Chặn nhẹ hành vi giật đồ + Trao quyền sở hữu ngay lập tức khi bé dùng lời nói” để bé nhận ra: Hỏi mượn bằng lời là cách nhanh nhất và dễ nhất để có được món đồ, nhanh hơn cả việc giằng co hay khóc lóc.

1. Điều kiện cần & Rút gọn câu theo khả năng của bé

Câu “Con mượn cái này được không ạ?” dài tới 7 âm tiết. Khi bé đang rất thèm món đồ trên tay bạn, việc bắt bé nói một câu quá dài sẽ dễ làm bé cáu gắt và bùng nổ hành vi. Hãy chia nấc thang độ dài phù hợp với bé hiện tại:

• Mức cơ bản (2–3 từ): “Cho mượn ạ” / “Mượn nhé ạ” / “Con mượn nhé”.

• Mức trung bình (4–5 từ): “Cho con mượn nhé ạ?” / “Mượn cái này nhé?”.

• Mức hoàn chỉnh (6–7 từ): “Con mượn cái này được không ạ?”

2. Quy trình 4 bước thực hiện (Tình huống: Chơi song song)

Chuẩn bị: 2–3 món đồ chơi phát sáng, phát nhạc hoặc đất nặn, bút màu mà bé thích. Bạn ngồi ngay cạnh bé và tự chơi một món đồ thật hào hứng, tạo âm thanh vui nhộn để thu hút sự chú ý của bé.

Bước 1: Thu hút và Chặn nhẹ hành vi giật đồ (Blocking)

1. Bạn cầm món đồ chơi (ví dụ: máy bấm nhạc hoặc xe ô tô dây cót) chơi một cách say sưa: “Ôi, xe chạy nhanh chưa này, thích quá!”

2. Khi bé nhìn thấy và đưa tay định giằng lấy món đồ trên tay bạn, bạn giữ chắc món đồ lại (hoặc hơi thu nhẹ tay về phía ngực, đặt bàn tay còn lại chạm nhẹ vào tay bé để ngăn bé giật), nhưng gương mặt vẫn thật vui vẻ, thân thiện (không cau mày hay mắng “Không được giật!”).

Bước 2: Làm mẫu cử chỉ + Lời nói ngay lập tức

1. Ngay khoảnh khắc tay bé bị chặn lại và bé nhìn bạn, bạn hướng dẫn hai bàn tay bé mở ra (hoặc chỉ vào món đồ) và nói mẫu thật rõ ràng, chậm rãi: “Con mượn cái này được không ạ?” (hoặc “Cho con mượn nhé ạ?”).

2. Chờ 2–3 giây để bé bắt chước nói theo.

Bước 3: Đưa đồ ngay lập tức (Củng cố tức thì)

1. Ngay giây phút bé phát âm theo (dù chưa tròn vành rõ chữ), bạn lập tức nở nụ cười tươi, gật đầu cái rụp: “Được chứ! Cho con mượn này!” và trao ngay món đồ vào tay bé.

2. Để bé thoải mái chơi món đồ đó trong 30–60 giây. (Bước này cực kỳ quan trọng: Ở giai đoạn đầu mới học câu hỏi, 100% số lần bé hỏi mượn đều phải được đồng ý ngay để não bộ bé ghi nhận rằng câu hỏi này có “sức mạnh” mang lại đồ chơi).

Bước 4: Đổi lượt và Giảm dần sự trợ giúp (Fading) Sau khi bé chơi khoảng 1 phút, bạn lấy một món đồ chơi thứ hai còn hấp dẫn hơn ra chơi để bé lại muốn đổi, hoặc chính bạn làm mẫu hỏi bé: “Mẹ mượn cái này được không?” rồi cầm lại đồ chơi để bắt đầu lượt tập tiếp theo:

• Mức 1 (Nhắc toàn câu): Chặn nhẹ tay -> Làm mẫu cả câu -> Bé nói theo -> Trao đồ.

• Mức 2 (Nhắc từ mở đầu): Khi bé đưa tay ra xin, bạn giữ nhẹ đồ chơi, nhướng mày và mớm từ “Con mượn…” -> Bé tự nối tiếp “…cái này được không ạ?”.

• Mức 3 (Nhắc bằng cử chỉ chờ đợi): Khi bé tiến lại gần muốn lấy đồ trên tay bạn, bạn hơi giữ đồ lại và nhìn bé với ánh mắt mong đợi (im lặng 3 giây) -> Bé tự bật ra câu hỏi mượn trước khi chạm vào đồ.

3. Bốn tình huống “Vàng” để luyện tập trong sinh hoạt hàng ngày

Để bé không nghĩ đây chỉ là bài tập với mẹ, hãy tạo ra các tình huống cần “mượn công cụ” trong đời sống:

4. Ba lưu ý sống còn để tránh bé ăn vạ khi học câu này

1. Tuyệt đối không từ chối (“Không được!”) ở giai đoạn mới dạy: Nhiều phụ huynh muốn rèn tính kiên nhẫn nên khi bé vừa vất vả nói được câu “Con mượn được không ạ?”, bố mẹ lại trả lời “Không được, mẹ đang chơi mà!”. Điều này sẽ dập tắt ngay lập tức động lực nói của trẻ tự kỷ (bé sẽ nghĩ: “Nói mỏi cả miệng mà cũng chẳng lấy được đồ, thà giật luôn cho nhanh”). Chỉ tập cho bé làm quen vớiคำ trả lời “Chờ một chút nhé” khi bé đã nói câu hỏi mượn cực kỳ thành thạo và tự giác trong ít nhất 2–3 tuần.

2. Đừng đợi đến khi bé đã khóc gào mới bắt nói: Nếu bạn giữ đồ quá lâu khiến bé cáu gắt, lăn ra đất ăn vạ rồi mới ép bé nói “Con nói cho mượn đi rồi mẹ đưa”, bé sẽ liên kết câu nói này với sự ức chế. Hãy chặn nhẹ và làm mẫu ngay ở giây đầu tiên khi bé vừa đưa tay ra và tâm trạng vẫn đang bình tĩnh, vui vẻ.

3. Làm gương ngược lại cho bé: Hàng ngày, mỗi khi bạn muốn cầm vào món đồ chơi bé đang cầm trên tay, bạn cũng hãy hỏi bé thật rõ ràng: “Mẹ mượn cái này được không?”, chờ 1–2 giây rồi mới cầm lấy, chơi một chút khoảng 5 giây rồi trả lại ngay cho bé kèm lời cảm ơn. Bé sẽ học được hai điều: câu hỏi đó dùng như thế nào, và việc “cho mượn” không có nghĩa là “mất luôn”.

Nguồn: AI và kinh nghiệm can thiệp thực tế.

Để dạy câu hỏi “Đến lượt con chưa ạ?” (hoặc rút gọn là “Đến lượt con chưa?” / “Lượt con chưa?”), mục tiêu cốt lõi là giúp trẻ làm chủ kỹ năng luân phiên (Turn-taking) và kiểm soát sự bốc đồng (chờ đợi).

Trẻ tự kỷ, rối loạn ngôn ngữ thường gặp khó khăn với khái niệm thời gian trừu tượng — khi người khác đang chơi, trẻ dễ nghĩ rằng mình bị tước mất đồ chơi vĩnh viễn nên sẽ lao vào giật lại hoặc khóc ăn vạ. Nguyên tắc vàng để dạy câu này là “Lượt của người lớn phải cực kỳ ngắn (chỉ 3–5 giây) + Dùng dấu hiệu đếm ngược rõ ràng” để bé hiểu rằng: Chờ một chút xíu rồi hỏi câu này là sẽ đến lượt mình ngay.

1. Điều kiện cần & Rút gọn câu theo khả năng của bé

• Bé đã có thể ngồi chơi chung một hoạt động với người lớn trong khoảng 2–3 phút.

• Bé đã quen với khái niệm luân phiên cơ bản qua hành động (Mẹ làm 1 lần – Con làm 1 lần).

• Chia bậc độ dài câu nói:

  • Mức cơ bản (2 từ): “Lượt con?” / “Con nhé?” (kèm cử chỉ vỗ nhẹ vào ngực mình).

  • Mức trung bình (3–4 từ): “Đến lượt con chưa?”

  • Mức hoàn chỉnh (5 từ): “Đến lượt con chưa ạ?”

2. Quy trình 4 bước thực hiện (Tình huống: Trò chơi có điểm dừng ngắn)

Chuẩn bị: Chọn những trò chơi có hành động ngắn, dứt khoát và tạo hiệu ứng vui mắt ngay lập tức (Ví dụ: Cầu trượt thả bóng/thả xe ô tô, đập bóng xuống lỗ, thổi bong bóng xà phòng, bấm nút đồ chơi bật nhảy như chú hải tặc đâm kiếm, hoặc xếp tháp gỗ). Tránh dùng các trò chơi kéo dài không có điểm dừng rõ ràng (như tô màu hay ôm thú bông).

Bước 1: Thực hiện lượt của người lớn thật nhanh và hấp dẫn

1. Bạn cầm quả bóng (hoặc chiếc xe), vỗ nhẹ vào ngực mình và tuyên bố rõ ràng: “Lượt của mẹ!”

2. Thả quả bóng lăn xuống cầu trượt (chỉ mất khoảng 3 giây) và reo vui: “Chíuuu! Xong rồi!”

3. Cầm ngay quả bóng tiếp theo lên đặt ở đầu cầu trượt nhưng giữ nguyên tay ở đó (chưa thả) và nhìn về phía bé.

Bước 2: Chặn nhẹ + Làm mẫu câu hỏi kèm cử chỉ vỗ ngực

1. Ngay khoảnh khắc bé nhổm người lên, vươn tay định lấy quả bóng để thả, bạn hơi giữ nhẹ bóng lại.

2. Tay kia của bạn cầm nhẹ bàn tay bé vỗ vào ngực bé (cử chỉ báo hiệu “con/tớ”), đồng thời nói mẫu thật rõ ràng với ngữ điệu hỏi: “Đến lượt con chưa ạ?”

3. Chờ 2–3 giây để bé bắt chước nói theo (và vỗ vào ngực).

Bước 3: Trao quyền chơi ngay lập tức (Củng cố tức thì)

1. Ngay giây phút bé bật ra câu hỏi “Đến lượt con chưa ạ?”, bạn lập tức buông tay, đưa ngay quả bóng cho bé và reo lên hào hứng: “Rồi! Đến lượt con đấy!”

2. Để bé tự tay thả quả bóng và tận hưởng niềm vui. (Việc được chơi ngay lập tức sau khi hỏi giúp não bộ của bé liên kết chặt chẽ: Hỏi câu này = Được nhận lượt chơi hợp pháp mà không cần tranh giành).

Bước 4: Lặp lại luân phiên và Giảm dần lời nhắc (Fading) Cứ 1 lượt mẹ (3 giây) lại đến 1 lượt con. Sau 5–7 vòng luân phiên:

• Mức 1 (Nhắc toàn câu + Cử chỉ): Bạn hướng dẫn bé vỗ ngực và nói mẫu “Đến lượt con chưa ạ?” -> Bé làm và nói theo.

• Mức 2 (Nhắc cử chỉ + Từ mở đầu): Khi mẹ vừa thả bóng xong, bạn vỗ nhẹ vào ngực bé và mớm lời “Đến lượt…” -> Bé tự nói tiếp “…con chưa ạ?”.

• Mức 3 (Tự chủ động): Mẹ vừa chơi xong lượt của mình thì cầm bóng dừng lại, nhìn bé với ánh mắt chờ đợi (im lặng 3 giây) -> Bé tự vỗ ngực và hỏi “Đến lượt con chưa ạ?”.

3. Bốn tình huống mở rộng cực kỳ hiệu quả trong sinh hoạt & vận động

Trẻ tự kỷ học câu hỏi này nhanh nhất khi được kết hợp với vận động thể chất (vì vận động mang lại cảm giác hưng phấn cao):

4. Ba bí quyết giúp bé không bị mất kiên nhẫn khi chờ đến lượt

1. Quy tắc “3 giây cho người lớn – 15 giây cho bé”: Ở giai đoạn đầu, khả năng chịu đựng sự chờ đợi của trẻ rất thấp. Lượt của bạn chỉ nên diễn ra chớp nhoáng (2–3 giây) như một cái cớ để tạo tình huống cho bé hỏi, còn khi đến lượt bé, hãy để bé tận hưởng lâu hơn (10–15 giây). Khi bé đã thành thạo việc đặt câu hỏi, bạn mới kéo dài dần lượt của mình lên 5 giây, 10 giây.

2. Sử dụng “Thẻ lượt chơi” (Visual Turn Card) nếu bé khó nhớ bằng lời: Với những bé có xu hướng thị giác mạnh, bạn có thể dùng một vật làm biểu tượng (ví dụ: một chiếc vòng tay to hoặc một tấm thẻ dán hình mặt cười). Ai cầm thẻ người đó được chơi. Khi bạn vừa chơi xong và cầm tấm thẻ giơ lên trước mặt bé, đó là tín hiệu trực quan cực kỳ rõ ràng để bé bật ra câu hỏi “Đến lượt con chưa ạ?” và nhận lấy tấm thẻ cùng đồ chơi.

3. Phân biệt rõ “Con” và “Mẹ” trong cử chỉ: Khi bạn nói “Lượt của mẹ”, hãy lấy tay bạn vỗ vào ngực bạn. Khi bạn làm mẫu cho bé câu “Đến lượt con chưa ạ?”, hãy cầm tay của chính bé vỗ vào ngực của bé (tuyệt đối không lấy tay bạn vỗ vào ngực bạn khi đang nói chữ “con”, vì bé sẽ bắt chước y hệt cử chỉ đó hoặc hiểu nhầm chữ “con” là chỉ mẹ).

Tổng kết lộ trình 6 câu hỏi giao tiếp xã hội của bé

Đến đây, bạn đã trang bị cho bé một bộ công cụ giao tiếp rất toàn diện từ cơ bản đến nâng cao:

• Nhóm khám phá thế giới: Cái gì đây ạ? (Vật) – Ai đây ạ? (Người) – [Tên vật] ở đâu rồi ạ? (Vị trí) – Tại sao lại thế ạ? (Nguyên nhân).

• Nhóm ranh giới & tương tác xã hội: Cái này của ai? (Sở hữu) – Con mượn cái này được không ạ? (Xin phép) – Đến lượt con chưa ạ? (Luân phiên & Chờ đợi).

Tham khảo: Kiến thức can thiệp thực tế và hỗ trợ từ AI.

Nhóm này đóng vai trò như một “chiếc chìa khóa” để mở ra sự tương tác. Trẻ tự kỷ thường có xu hướng tự giải quyết vấn đề (kéo ghế để với đồ, tự cạy hộp) hoặc kéo tay người lớn đặt vào đồ vật thay vì dùng lời nói (đây gọi là dùng người lớn như một công cụ). Việc dạy từ vựng ở nhóm này sẽ giúp con phá vỡ thói quen đó.

Chúng ta sẽ chia Nhóm 2 thành 3 tiểu mục cực kỳ quan trọng:

I, GỌI NGƯỜI & THU HÚT SỰ CHÚ Ý

Đây là bước đầu tiên để giao tiếp: Phải gọi được người khác thì mới nhờ được.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ (Đại từ chỉ người):

  • Mẹ, Ba (Bố), Bà, Ông, Cô (cô giáo), Anh, Chị.

  • Tên của con (để con nhận biết khi được gọi).

• Nhóm Động từ:

  • Bế, ẵm, cõng, ôm.

  • Nhìn, xem, ra (đây).

• Nhóm Từ chức năng/Cảm thán:

  • Ơi, Dạ, Có, Đây.

2. Câu 2 từ (Ghép Người + Hành động / Cảm thán)

• Gọi người: Mẹ ơi, Ba ơi, Cô ơi, Bà ơi, Chị ơi

• Đòi hỏi sự chú ý/âu yếm: Bế con, mẹ bế, ôm con, cõng con, dắt tay con,…

• Kéo sự chú ý vào đồ vật: Nhìn này, xem này, ra đây, mẹ ra.

II, YÊU CẦU TRỢ GIÚP THAO TÁC (Khi gặp khó khăn)

Được dùng khi đồ chơi bị hỏng, đồ ăn trong hộp đậy chặt, hoặc đồ để trên cao ngoài tầm với.

1. Từ đơn (1 âm tiết)

• Nhóm Động từ (Chìa khóa của nhóm này):

  • Giúp (từ này cực kỳ quan trọng).

  • Mở, bóc, vặn (nắp), tháo, gỡ (khi bị rối/kẹt).

  • Lấy, nhặt, cất.

  • Bật, tắt (tivi, quạt, đèn, đồ chơi phát nhạc).

  • Xỏ (giày/dép), mặc, cài (khuy áo).

• Nhóm Danh từ:

  • Tay, chân (ví dụ: bị kẹt tay).

  • Đồ chơi, tivi, đèn, quạt, cửa, giày, tất (vớ).

• Nhóm Tính từ / Trạng thái:

  • Khó, kẹt, hỏng, cao.

2. Câu 2 từ (Ghép Động/Tính từ + Danh từ)

• Xin giúp đỡ chung: Giúp con, giúp bé, làm giúp.

• Trợ giúp thao tác: Mở hộp, bóc kẹo, vặn nắp, bật lên, tắt đi, tháo ra.

• Trợ giúp lấy đồ: Lấy đồ, lấy bóng, nhặt lên.

• Báo cáo tình trạng để nhờ vả: Khó quá, kẹt rồi, hỏng rồi, cao quá.

III, GIAO TIẾP CỐT LÕI (Điều hướng hoạt động)

Giúp con thể hiện ý chí của mình: Có muốn làm tiếp không? Có thích không?

1. Từ đơn (1 âm tiết)

• Nhóm Động từ (Thể hiện mong muốn):

  • Muốn, thích, cần.

• Nhóm Từ chức năng (Khẳng định/Phủ định/Tình trạng):

  • Có, không.

  • Nữa (muốn thêm/lặp lại).

  • Rồi (đã xong), chưa, hết.

  • Xong, dừng.

2. Câu 2 từ

• Đồng ý / Từ chối nhẹ nhàng: Có ạ, không ạ, muốn chơi, không thích, không muốn.

• Điều khiển tiến độ: Chơi nữa, làm nữa, hát nữa, xem nữa.

• Kết thúc hoạt động: Xong rồi, hết rồi, chưa xong, cất đi, dừng lại.

💡 Chiến lược dạy “Kéo tay thành Bật âm” (Từ Hành vi sang Ngôn ngữ)

Với nhóm này, lỗi hay gặp nhất là bé sẽ cầm tay mẹ, kéo lại chỗ cái hộp đồ chơi, đặt tay mẹ lên nắp hộp để mẹ mở (mà không nhìn mẹ, không nói gì).

Cách xử lý để gài bẫy dạy ngôn ngữ:

1. Khi con kéo tay mẹ đặt lên hộp, mẹ hãy nắm chặt tay lại, không mở hộp ngay.

2. Đưa hộp lên ngang tầm mắt mẹ để kích thích con giao tiếp mắt với mẹ.

3. Mẹ làm mẫu từ: “MỞ” (hoặc “Mẹ mở”). Nói to, rõ ràng, chậm rãi 1 lần.

4. Chờ 3-5 giây xem con có cố gắng phát âm theo không (dù chỉ là âm “M”, âm “Ơ” hoặc mấp máy môi).

5. Nếu con phát âm (hoặc có cố gắng) $\to$ Lập tức mở hộp ngay và khen ngợi: “À đúng rồi, MỞ hộp! Mẹ mở nhé!”.

6. Nếu con khóc/cáu $\to$ Mẹ nói lại chữ “MỞ” lần 2 rồi mở hộp, không ép quá lâu tránh meltdown, nhưng vẫn cho con thấy quy luật là “phải có âm thanh ‘mở’ thì hộp mới mở”.

Nguồn tham khảo: Kiến thức thực tế dạy con và những gợi ý từ AI.

Trẻ tự kỷ nếu không biết cách dùng lời nói để từ chối sẽ rất dễ chuyển sang dùng hành vi tiêu cực (ném đồ, cắn, đập đầu, gạt phắt tay người lớn, la hét). Khi con học được cách nói “Không” hoặc “Thôi”, mức độ ăn vạ và căng thẳng của con sẽ giảm đi rõ rệt.

Dưới đây là 3 tiểu mục chi tiết cho nhóm này:

I, TỪ CHỐI MÓN ĂN, ĐỒ VẬT & HOẠT ĐỘNG

Giúp con nói lên nguyện vọng khi bị ép ăn món không thích hoặc khi con đã chơi đủ, muốn dừng lại.

1. Từ đơn (1 âm tiết)

• Nhóm Từ chức năng / Phủ định (Nền tảng quan trọng nhất):

  • Không, Thôi, Đủ, Xong.

• Nhóm Động từ:

  • Trả, Cất, Dừng, Bỏ, Buông.

• Nhóm Tính từ / Trạng thái cơ thể (Giải thích lý do từ chối):

  • No, Mệt, Đắng, Cay, Nóng, Bẩn.

2. Câu 2 từ (Nguyên tắc ghép: Phủ định + Động từ / Trạng thái)

• Phủ định trực tiếp: Không ăn, không uống, không chơi, không thích, không muốn.

• Thông báo điểm dừng: Đủ rồi, thôi mà, xong rồi, cất đi, no rồi, mệt rồi.

• Từ chối món ăn/đồ vật: Không lấy, bỏ ra, cất đồ.

II,  BẢO VỆ ĐỒ CHƠI & RANH GIỚI CÁ NHÂN

Sử dụng khi bị bạn ở trường giật đồ chơi, bị người khác đụng vào người khi con chưa sẵn sàng, hoặc muốn giữ đồ của mình.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ / Đại từ:

  • Con, Mẹ, [Tên của bé], Bạn.

• Nhóm Động từ / Sở hữu:

  • Của (chỉ sự sở hữu), Giữ, Giành, Tránh, Buông.

• Nhóm Từ chức năng / Mệnh lệnh:

  • Đừng, Thôi, Trả.

2. Câu 2 từ

• Khẳng định quyền sở hữu: Của con, của [Tên bé], đồ con, bóng con.

• Yêu cầu bạn/người khác dừng lại: Đừng giành, đừng lấy, trả con, đừng kéo, buông ra.

• Yêu cầu khoảng cách: Đi ra, tránh ra, đừng đụng.

III, THÔNG BÁO QUÁ TẢI CẢM GIÁC & MỆT MỎI (Báo dừng kích thích)

Trẻ tự kỷ rất nhạy cảm với giác quan (âm thanh to, ánh sáng chói, chỗ đông người). Nhóm này giúp con báo động cho cha mẹ trước khi xảy ra tình trạng bùng nổ cảm xúc (meltdown).

1. Từ đơn (1 âm tiết)

• Nhóm Tính từ / Cảm giác quá tải:

  • Ồn, Chói, Sợ, Đau, Mệt, Nóng, Lạnh.

• Nhóm Động từ hành động:

  • Tắt, Che (mắt/tai), Đi (về), Bế.

2. Câu 2 từ

• Báo cáo cảm giác khó chịu: Ồn quá, sợ quá, đau quá, chói quá, mệt rồi.

• Yêu cầu thoát khỏi hoàn cảnh: Đi về, ra ngoài, tắt đi (tắt nhạc/tivi), mẹ bế.

💡 Chiến lược dạy “Đáp ứng ngay lập tức” (Huấn luyện Giao tiếp Chức năng)

Để con tin rằng “Dùng lời nói có hiệu quả hơn dùng hành vi”, trong thời gian đầu mới dạy:

1. Gài bẫy nhẹ: Đưa cho con một món ăn con không thích (hoặc một đồ chơi con đã chán).

2. Khi thấy con có dấu hiệu sắp đẩy tay mẹ hoặc nhăn mặt, bạn nhanh chóng làm mẫu cử chỉ (lắc đầu nhẹ) và nói to rõ: “KHÔNG” (hoặc “Không ăn”).

3. Ngay khi con lặp lại âm “Không” (dù chỉ là âm “K…” hoặc lắc đầu có bật âm), bạn hãy cất ngay món đó đi lập tức và khen: “Đúng rồi, không ăn thì cất đi!”.

4. Lưu ý vàng: Khi con đã dùng lời nói/bật âm từ chối đúng cách, người lớn phải tôn trọng lời từ chối đó ngay lập tức (ít nhất là trong giai đoạn học bật âm này). Nếu con nói “Không” mà mẹ vẫn cố ép ăn, con sẽ hiểu rằng lời nói vô tác dụng và sẽ quay lại dùng cách la hét hoặc ném chén.

Nguồn tham khảo: Kiến thức thực tế dạy con và những gợi ý từ AI.

Môi trường mầm non có mật độ kích thích giác quan cao và nhiều quy tắc tập thể. Việc dạy từ vựng cho nhóm này giúp con giảm bớt lo âu, biết cách tuân thủ nề nếp và bắt đầu xây dựng những mối quan hệ xã hội đầu đời với cô giáo, bạn bè.

I, ĐÓN – TRẢ TRẺ & CHÀO HỎI (Nghi thức xã hội đầu/cuối ngày)

Giúp con nhận biết sự chuyển giao giữa môi trường nhà và trường, giảm bớt cảm giác bị bỏ rơi khi cha mẹ đi về.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ (Đại từ & Đồ dùng):

  • Cô, bạn, mẹ, ba, cặp (balo), dép, tủ.

• Nhóm Động từ (Hành động xã hội):

  • Chào, về, cất, vào, bế, vẫy (tay), khoanh (tay).

• Nhóm Từ chức năng / Lịch sự:

  • Ạ, dạ, ngoan.

2. Câu 2 từ

• Chào hỏi khi đến/về: Chào cô, chào bạn, chào mẹ, con về.

• Thực hiện thủ tục: Cất cặp, cất dép, vào lớp, vẫy tay.

• Biểu lộ tình cảm/Nhu cầu: Mẹ đón, cô bế.

II, GIỜ HỌC, GIỜ VÒNG TRÒN & TUÂN THỦ NỀ NẾP

Giúp con hiểu các câu lệnh tập thể của cô giáo và tham gia vào hoạt động chung cùng các bạn.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ:

  • Ghế, bàn, tranh, màu, kéo, giấy, đất (nặn), sách.

• Nhóm Động từ (Lệnh tập thể):

  • Ngồi, đứng, hát, múa, vẽ, nặn, cất, nghe, nhìn, giơ (tay).

• Nhóm Tính từ / Trạng thái:

  • Im (lặng), trật (tự), ngoan, đẹp.

2. Câu 2 từ (Nguyên tắc: Động từ + Danh từ / Mệnh lệnh)

• Tuân thủ nề nếp: Ngồi xuống, đứng dậy, im lặng, khoanh tay, nhìn cô, lắng nghe.

• Thực hiện hoạt động học: Tập vẽ, nặn đất, cất ghế, cất đồ.

• Tương tác giờ học: Giơ tay, xin phát (giấy/màu).

III, GIỜ RA CHƠI & TƯƠNG TÁC CÙNG BẠN BÈ (Luân phiên & Chia sẻ)

Trẻ tự kỷ thường chơi song song (chơi một mình bên cạnh bạn) chứ chưa biết chơi tương tác. Nhóm này dạy con các từ chìa khóa để bắt đầu “chơi chung”.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ:

  • Bạn, đồ (chơi), xe, bóng, lượt.

• Nhóm Động từ (Hành động tương tác):

  • Cho, xin, mượn, trả, chơi, nhường, đẩy, đuổi.

• Nhóm Từ chức năng (Chỉ lượt & Tương tác):

  • Cùng, chung, trước, sau, nữa.

2. Câu 2 từ

• Kỹ năng xin xỏ / Mượn đồ: Xin bạn, cho con, mượn xe, mượn bóng.

• Kỹ năng rủ rê / Chơi chung: Chơi chung, chơi cùng, chạy theo, đuổi bắt.

• Kỹ năng luân phiên: Đến lượt, đợi chút, nhường bạn, xếp hàng.

IV, GIỜ ĂN & GIỜ NGỦ TRƯA TẠI TRƯỜNG

Giúp con tự lập trong các sinh hoạt tập thể tại lớp.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ:

  • Khay, cơm, canh, thìa, đệm (chiếu), chăn, gối.

• Nhóm Động từ:

  • Ăn, xúc, uống, nằm, ngủ, cất, lấy.

2. Câu 2 từ

• Giờ ăn: Tự xúc, ăn hết, cất khay, lấy nước.

• Giờ ngủ: Lấy gối, đắp chăn, nằm xuống, ngủ ngoan.

💡 Chiến lược phối hợp Nhà – Trường: “Bộ thẻ Visual Schedule & Đồng hành cùng cô giáo”

Trẻ tự kỷ học tốt nhất qua thị giác. Để giúp con tự tin giao tiếp ở trường, bạn có thể áp dụng 2 bước:

1. Tạo lịch trình bằng hình ảnh (Visual Schedule): Chụp ảnh thực tế các góc ở lớp của con (Góc dép, Tủ balo, Bàn ăn, Giường ngủ, Cô giáo). Ở nhà, mỗi tối hoặc sáng trước khi đi học, bạn giơ từng tấm ảnh ra và cùng con nói từ vựng tương ứng (Ví dụ: Chỉ vào ảnh tủ dép $\to$ Nói: “CẤT DÉP”; Chỉ vào ảnh cô giáo $\to$ Nói: “CHÀO CÔ”).

2. “Ủy quyền” cho cô giáo trao cơ hội bật âm: Nhờ cô giáo ở lớp không làm hộ con hoàn toàn. Ví dụ: Khi con muốn uống nước hoặc ăn thêm cơm, cô hãy đợi con mấp máy môi hoặc phát ra âm “NƯỚC” / “CƠM” mới đưa cho con, thay vì thấy con đứng nhìn là cô tự lấy giúp.

Nguồn tham khảo: Kiến thức thực tế dạy con và những gợi ý từ AI.

Trẻ tự kỷ thường gặp rất nhiều khó khăn trong việc nhận biết và gọi tên những gì đang diễn ra bên trong cơ thể mình (cảm giác giác quan, cơn đau, hoặc cảm xúc dâng trào). Khi không thể nói ra là mình đang “đau bụng”, “sợ tiếng ồn” hay “quá tải”, trẻ chỉ có một cách duy nhất để giải tỏa: khóc lóc, ăn vạ hoặc bùng nổ cảm xúc (meltdown).

Nhóm này giúp chuyển hóa những cảm giác mơ hồ bên trong thành từ ngữ cụ thể để trẻ gọi tên và nhờ cha mẹ giúp đỡ. Dưới đây là 3 tiểu mục chi tiết:

I, BÁO CÁO CẢM GIÁC CƠ THỂ & CƠN ĐAU (Physical Sensations)

Giúp con chỉ ra chính xác vị trí bị đau hoặc cảm giác khó chịu trên cơ thể thay vì chỉ khóc.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ (Các bộ phận cơ thể dễ bị đau/mệt):

  • Bụng, đầu, tay, chân, mắt, tai, răng, họng, lưng, đít.

• Nhóm Tính từ / Trạng thái cảm giác cơ thể:

  • Đau, ngứa, rát, tê, mệt, đói, khát, no.

  • Nóng, lạnh, cay, đắng.

• Nhóm Động từ đi kèm:

  • Té (ngã), va, dập, kẹt, muỗi (đốt/chít).

2. Câu 2 từ (Nguyên tắc ghép: Trạng thái + Bộ phận cơ thể / Đại từ)

• Báo vị trí đau/khó chịu: Đau bụng, đau tay, đau đầu, đau răng, ngứa chân, rát cổ, mệt quá.

• Báo nhu cầu sinh lý cơ thể: Đói rồi, khát quá, nóng quá, lạnh quá, mệt rồi.

• Giải thích nguyên nhân: Té ngã, muỗi đốt, kẹt tay, va bàn.

II,  GỌI TÊN CẢM XÚC NỀN TẢNG (Basic Emotions)

Cảm xúc là thứ rất mơ hồ đối với trẻ tự kỷ. Chúng ta chỉ nên bắt đầu với 4 cảm xúc cơ bản nhất: Vui, Buồn, Sợ, Giận.

1. Từ đơn (1 âm tiết)

• Nhóm Tính từ chỉ cảm xúc:

  • Vui, buồn, sợ, giận (tức), thích, ghét.

• Nhóm Động từ biểu hiện cảm xúc:

  • Khóc, cười, sợ, hét, ôm.

• Nhóm Trạng thái giác quan / Tâm lý:

  • Chói, ồn, hoảng, giật (mình).

2. Câu 2 từ

• Gọi tên trạng thái bản thân: Con vui, con buồn, sợ quá, giận rồi, thích lắm, không thích.

• Mô tả biểu hiện: Khóc rồi, cười to, sợ ma, ồn quá, chói quá.

III, YÊU CẦU XOA DỊU & ĐIỀU HOÀ CẢM XÚC (Co-regulation Requests)

Sau khi nhận biết được cảm xúc/sự khó chịu, con cần biết từ vựng để yêu cầu người lớn hỗ trợ mình bình tĩnh lại.

1. Từ đơn (1 âm tiết)

• Nhóm Động từ (Hành động xoa dịu):

  • Thổi (cho bớt đau), xoa, ôm, gãi, vuốt, nắm (tay).

  • Dán (băng cá nhân), bôi (thuốc).

  • Bế, ra (ngoài), dỗ.

• Nhóm Danh từ (Đồ vật giúp bình tĩnh):

  • Mẹ, ba, gấu, chăn, nước, thuốc.

2. Câu 2 từ

• Yêu cầu hỗ trợ thể chất: Thổi đau, xoa bụng, gãi lưng, bôi thuốc, dán dán (băng gạc).

• Yêu cầu xoa dịu tinh thần: Mẹ ôm, nắm tay, bế con, ôm gấu, đi ra.

IV, BẬT MÍ “BỘ THẺ CẢM XÚC & BẢNG CHỈ VỊ TRÍ ĐAU” (Body & Emotion Map)

Vì khi đau hoặc bùng nổ cảm xúc, não bộ của trẻ tự kỷ rơi vào trạng thái “quá tải” (stress), việc nhớ và phát âm ra từ ngữ rất khó khăn. Bạn nên làm sẵn 2 công cụ đơn giản này ở nhà:

1. Hình vẽ Cơ thể người đơn giản (Body Map): Vẽ hoặc in hình một bé trai đơn giản. Khi con ngã hoặc khóc gắt mà chưa nói được, bạn giơ hình ra và hỏi: “Đau ở đâu?”. Bạn chỉ vào bụng, tay, chân… Con chỉ cần chỉ tay vào vị trí đó trên hình, sau đó bạn hỗ trợ con bật âm: “ĐAU BỤNG” hoặc “ĐAU TAY”.

2. Dạy “Thổi” và “Xoa” làm hành vi thay thế: Khi con bị đau nhẹ, trẻ tự kỷ hay đập tay hoặc khóc ngất. Bạn hãy lập tức nắm nhẹ tay con, thổi nhẹ vào chỗ đau và nói: “Thổi… hết đau”. Dần dần, con sẽ học được cách chủ động đưa chỗ đau ra cho bạn và nói âm “THỔI” hoặc “XOA” để nhờ bạn giúp đỡ thay vì ngồi khóc.

Nguồn tham khảo: Kiến thức thực tế dạy con và những gợi ý từ AI.

Môi trường ngoài trời và khu vui chơi là nơi trẻ có động lực giao tiếp cao nhất vì não bộ đang giải phóng dopamine qua các hoạt động vận động thô (chạy, nhảy, trượt). Đây là cơ hội vàng để biến sự hào hứng của con thành từ vựng thực tế.

I, TRÒ CHƠI VẬN ĐỘNG & THIẾT BỊ SÂN CHƠI

Dạy từ vựng gắn liền với các thiết bị quen thuộc tại sân chơi và hành động tương ứng.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ (Thiết bị & Vật liệu):

  • Bóng, cầu (trượt), xích (đũ), nhún (bập bênh), cát, cỏ, nước, xe, thang.

• Nhóm Động từ (Hành động vận động) – Ưu tiên dạy mạnh:

  • Đẩy, trượt, nhún, trèo, nhảy, chạy, ngã, quay, leo, thả.

• Nhóm Tính từ / Trạng thái (Cảm giác vận động):

  • Cao, dốc, nhanh, chậm, mạnh, êm, sợ.

2. Câu 2 từ (Nguyên tắc ghép: Động từ + Danh từ / Trạng thái)

• Yêu cầu hành động: Đẩy con, trượt xuống, trèo lên, nhún nhún, chạy nhanh, nhảy cao, leo thang.

• Miêu tả cảm giác / Tình trạng: Cao quá, nhanh quá, dốc quá, ngã rồi, sợ quá.

II, TRÒ CHƠI TƯƠNG TÁC (Bong bóng xà phòng, đá bóng, trốn tìm)

Các trò chơi có tính luân phiên và tương tác qua lại giữa cha mẹ và con hoặc giữa con và bạn bè.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ:

  • Bóng, bong (bóng), súng (súng nước/xà phòng), que, nước, bạn.

• Nhóm Động từ:

  • Thổi, ném, đá, bắt, đập (vỡ), vỡ, tìm, trốn, đuổi, bắt.

• Nhóm Tính từ / Từ chức năng:

  • To, bay, nhiều, hết, mất (rồi).

2. Câu 2 từ

• Tạo tương tác / Đòi hỏi: Thổi bóng, đập vỡ, đá bóng, bắt bóng, ném đi, tìm con.

• Miêu tả hiện tượng: Bóng bay, bóng to, hết bóng, mất rồi, vỡ rồi.

III, LUÂN PHIÊN, AN TOÀN & CHUYỂN ĐỔI HOẠT ĐỘNG

Giúp con học nề nếp công cộng, đảm bảo an toàn và không bị bùng nổ cảm xúc khi đến giờ phải đi về.

1. Từ đơn (1 âm tiết)

• Nhóm Danh từ:

  • Lượt, bạn, đường, xe, cổng, tay.

• Nhóm Động từ (Chỉ dẫn & An toàn):

  • Đợi, chờ, nhường, dừng, nắm (tay), buông, về, đổi (trò).

• Nhóm Tính từ / Trạng thái:

  • Mệt, nóng, mồ (hôi), đau, xong.

2. Câu 2 từ

• Quy tắc luân phiên & Tương tác: Đợi chút, đến lượt, nhường bạn, đổi trò.

• An toàn & Chuyển đổi: Dừng lại, nắm tay, đi chậm, nguy hiểm, mệt rồi, đi về, cất xe.

💡 Chiến lược dạy: “Tạm dừng chuyển động” (The Pause & Wait Technique)

Hoạt động vận động có nhịp điệu (xích đu, bập bênh, trượt) là bối cảnh dễ dạy bật âm nhất trên đời. Bạn có thể áp dụng chiến lược này ngay chiều nay:

1. Với xích đu: Khi con đang ngồi trên xích đu và rất thích thú, bạn kéo xích đu về phía sau, giơ lên cao và DỪNG LẠI (không đẩy).

2. Con sẽ quay lại nhìn bạn với ánh mắt chờ đợi hoặc nhún nhảy đòi đẩy.

3. Bạn nhìn thẳng vào mắt con, cười tươi và nói rõ ràng từ: “ĐẨY” (hoặc “Đẩy con”).

4. Chờ 3 giây. Ngay khi con mấp máy môi hoặc phát ra bất kỳ âm thanh nào (dù chỉ là “Đ…”), bạn hãy đẩy xích đu ngay lập tức và reo hò: “ĐÚNG RỒI! ĐẨY NÈ!”.

5. Với cầu trượt: Giữ con lại ở đỉnh cầu trượt hoặc chắn ở chân cầu trượt, yêu cầu con bật âm “TRƯỢT” hoặc “XUỐNG” mới thả cho con trượt.

Nguồn tham khảo: Kiến thức thực tế dạy con và những gợi ý từ AI.

Trẻ tự kỷ thường gặp vấn đề về trục kết nối giữa não bộ và ruột non, dẫn đến không hấp thụ đủ dinh dưỡng cần thiết cho sự phát triển và hoạt động bình thường của não bộ. Với sự hỗ trợ hữu ích từ AI, chúng ta sẽ cùng nhau học tập về kiến thức chung về dinh dưỡng cho não bộ, để có định hướng bổ sung cần thiết và phù hợp cho con.

Trẻ mang hội chứng phổ tự kỷ có những dấu hiệu nào? Làm sao để nhận biết theo từng giai đoạn của trẻ từ 6 tháng đến 5 tuổi? Làm sao để phân biệt quyết định giữa tự kỷ với Tăng động giảm chú ý (ADHD) hay chậm nói thông thường? Bài viết dưới đây sẽ làm rõ những câu trả lời cho bố mẹ.

Rối loạn phổ tự kỷ (ASD) đi kèm chậm phát triển được đặc trưng bởi hai trụ cột cốt lõi theo tiêu chuẩn y khoa DSM-5: khiếm khuyết về giao tiếp – tương tác xã hội và các mẫu hành vi, sở thích rập khuôn, lặp đi lặp lại (kèm theo rối loạn xử lý giác quan). Điểm phân biệt quyết định giữa tự kỷ với Tăng động giảm chú ý (ADHD) hay chậm nói thông thường không nằm ở việc “trẻ nói được bao nhiêu từ” hay “nghịch ngợm mức nào”, mà nằm ở động cơ kết nối xã hội và khả năng chú ý chung (Joint Attention).

1. Dấu hiệu nhận biết theo từng mốc tuổi (Từ 6 tháng đến 5 tuổi)

Sự khác biệt của trẻ phổ tự kỷ kèm chậm phát triển thường bộc lộ qua sự thiếu hụt các kỹ năng tiền ngôn ngữ trước khi biểu hiện thành chậm nói.

Giai đoạn 6 – 12 tháng: Thiếu tương tác nền tảng

• Giao tiếp mắt và biểu cảm: Ít hoặc không nhìn vào mắt người chăm sóc khi bú, khi được bế hoặc trò chuyện. Hiếm khi nở “nụ cười xã hội” (cười đáp lại khi người khác trêu đùa).

• Phản ứng âm thanh: Không quay đầu khi được gọi tên (ở mốc 9–12 tháng), dù trẻ vẫn giật mình hoặc chạy ra xem khi nghe tiếng nhạc quảng cáo, tiếng mở gói bánh (thính lực hoàn toàn bình thường nhưng chọn lọc âm thanh).

• Cử chỉ: Không biết vẫy tay chào, vỗ tay, hoặc giơ hai tay đòi bế. Không bập bẹ các âm đa dạng (ba-ba, ma-ma) mang tính chất gọi hỏi.

Giai đoạn 12 – 18 tháng: Đứt gãy “Chú ý chung” (Mốc sàng lọc vàng)

• Không chỉ tay bằng ngón trỏ (Pointing): Ở tuổi này, trẻ bình thường biết dùng ngón trỏ chỉ vào đồ vật để xin(Imperative pointing) và quan trọng hơn là chỉ để khoe/chia sẻ sự thích thú (Declarative pointing) rồi quay lại nhìn mắt bố mẹ. Trẻ tự kỷ thường không chỉ ngón trỏ mà kéo tay người lớn đặt lên đồ vật như một công cụ để mở nắp hoặc lấy hộ.

• Không bắt chước: Không bắt chước các hành động đơn giản như chải đầu, nghe điện thoại đồ chơi, hoặc làm theo khẩu hình.

• Từ đơn: Chưa có từ đơn có nghĩa khi 16 tháng tuổi.

Giai đoạn 18 – 24 tháng: Hành vi rập khuôn & Chơi đơn độc

• Thiếu chơi giả vờ (Pretend Play): Không biết chơi đóng vai (cho búp bê ăn, giả làm bác sĩ, nấu ăn). Thay vào đó, trẻ chơi đồ chơi theo cách phi chức năng: lật ngửa ô tô để quay bánh xe liên tục, xếp hàng dài đồ vật theo một đường thẳng cố định (ai làm lệch sẽ gào khóc dữ dội).

• Thoái lui phát triển (Regression): Khoảng 25–30% trẻ tự kỷ từng nói được vài từ hoặc biết vẫy tay lúc 12–15 tháng nhưng đột ngột mất hẳn ngôn ngữ và thu mình lại trong giai đoạn 18–24 tháng.

• Kích thích giác quan (Stimming): Đi nhón gót thường xuyên, vẫy tay trước mặt, xoay tròn người mà không chóng mặt, nhìn nghiêng (liếc mắt) vào các vật chuyển động hoặc khe sáng.

Giai đoạn 2 – 3 tuổi: Bất thường ngôn ngữ & Cảm xúc

• Nhại lời (Echolalia): Trẻ có thể không nói hoặc nói được nhưng chỉ lặp lại nguyên văn câu hỏi của người lớn (Hỏi: “Con ăn cơm chưa?” – Đáp: “Con ăn cơm chưa?”) hoặc đọc thuộc lòng lời thoại tiếng Anh, bài hát trên tivi nhưng không dùng được ngôn ngữ để xin uống nước hay diễn đạt nhu cầu.

• Khủng hoảng (Meltdown) khi thay đổi: Rất cứng nhắc với trình tự sinh hoạt (phải đi đúng một con đường về nhà, mặc đúng một chiếc áo, ăn đúng một loại thức ăn có kết cấu nhất định).

Giai đoạn 3 – 5 tuổi: Rào cản hòa nhập xã hội

• Không kết bạn: Chơi cạnh các bạn nhưng không chơi cùng (không hiểu luật chơi luân phiên, không quan tâm cảm xúc vui buồn của người khác).

• Ngôn ngữ thiếu ngữ cảnh: Nếu có ngôn ngữ, giọng nói thường đều đều như robot (thiếu ngữ điệu), sai đại từ nhân xưng (gọi bản thân là “bạn”, “con” theo cách người lớn gọi mình), hiểu mọi thứ theo nghĩa đen tuyệt đối.

2. Phân biệt rõ ràng: Tự kỷ (ASD) vs. Tăng động giảm chú ý (ADHD) vs. Chậm nói đơn thuần

Rất nhiều phụ huynh nhầm lẫn giữa các hội chứng này vì bên ngoài trẻ đều có biểu hiện “gọi không thưa”, “chạy nhảy liên tục” hoặc “ăn vạ”. Bảng dưới đây vạch rõ nguyên nhân gốc rễ (luận điểm phân biệt) của từng hành vi:

Lưu ý lâm sàng: Khoảng 30–50% trẻ tự kỷ có đi kèm các triệu chứng của ADHD (gọi là đồng mắc AuDHD). Tuy nhiên, ADHD đơn thuần thường không gây chậm nói nặng và trẻ ADHD luôn hiểu rõ cảm xúc, nét mặt của người khác.

3. Các dấu hiệu ở “Trẻ bình thường” rất dễ bị hiểu nhầm là Tự kỷ

Đừng vội kết luận trẻ tự kỷ nếu chỉ thấy một vài hành vi bề nổi nhưng kỹ năng giao tiếp mắt và chú ý chung của trẻ vẫn tốt:

1. Đi nhón gót (Toe-walking): Khá phổ biến ở trẻ mới tập đi (12–24 tháng) do đang khám phá thăng bằng hoặc có gân gót chân hơi ngắn (Idiopathic toe-walking). Nếu trẻ đi nhón gót nhưng vẫn cười đùa, chỉ trỏ, nói chuyện bình thường thì đây chỉ là thói quen vận động.

2. Xếp đồ chơi thành hàng hoặc thích quay đồ vật (Giai đoạn 18–30 tháng): Trong tâm lý học phát triển, đây là giai đoạn trẻ hình thành “Sơ đồ nhận thức” (Play Schemas) về quỹ đạo chuyển động (Rotation schema) và trật tự không gian (Positioning schema).

   • Điểm khác biệt: Trẻ bình thường xếp hàng xong sẽ gọi bố mẹ xem và nếu bạn thêm một chiếc xe vào hàng, trẻ sẽ hào hứng chơi tiếp. Trẻ tự kỷ xếp hàng trong trạng thái đắm chìm, không cho ai can thiệp.

3. Vẫy tay khi phấn khích (Hand-flapping): Trẻ dưới 2 tuổi hệ thần kinh vận động chưa hoàn thiện nên khi quá vui mừng thường vung vẩy hai tay hoặc dậm chân. Hành vi này ở trẻ bình thường chỉ xuất hiện đúng lúc có cảm xúc vui sướng và nhìn thẳng vào bố mẹ, trong khi ở trẻ tự kỷ, vẫy tay xảy ra tự phát ngay cả khi ngồi một mình để tự kích thích thị giác/cảm giác cơ khớp.

4. “Loạn ngôn ngữ giả tự kỷ” do xem tivi/điện thoại sớm (Virtual Autism): Trẻ dưới 2 tuổi xem màn hình quá nhiều (trên 2–3 giờ/ngày) có thể bị thụ động hóa: gọi không quay lại, nhại tiếng Anh vô nghĩa, cáu gắt khi bị tịch thu điện thoại.

   • Điểm khác biệt: Khi cắt tuyệt đối màn hình và tăng tương tác trực tiếp trong 1–2 tháng, trẻ bị ảnh hưởng bởi màn hình sẽ phục hồi giao tiếp mắt và bật âm rất nhanh, trong khi trẻ tự kỷ thực sự (do nguyên nhân thần kinh bẩm sinh) cần can thiệp chuyên sâu dài hạn.

5. Khủng hoảng tuổi lên 2 (Terrible Twos Tantrum) vs. Quá tải giác quan (Autistic Meltdown):

   • Ăn vạ thông thường (Tantrum): Có mục đích (đòi mua đồ chơi, đòi xem điện thoại). Trẻ vừa khóc vừa liếc nhìn xem bố mẹ có nhượng bộ không; khi được đáp ứng hoặc được đánh lạc hướng thì nín ngay.

   • Cơn bùng nổ tự kỷ (Meltdown): Xảy ra do quá tải âm thanh, ánh sáng hoặc thay đổi đột ngột. Trẻ mất kiểm soát hoàn toàn, không quan tâm có ai nhìn hay không, và dù có đưa đồ trẻ thích thì cơn hoảng loạn cũng không dừng lại ngay được.

Công cụ đối chiếu & Sàng lọc phân biệt trực quan

Sử dụng bảng điều khiển tương tác dưới đây được tạ bởi Google Gemini dựa trên dữ liệu khoa học công bố để đưa ra giao diện trực quan giúp lọc theo từng độ tuổi hoặc đối chiếu trực tiếp mức độ biểu hiện qua 6 trục hành vi cốt lõi giữa Tự kỷ (ASD), Tăng động giảm chú ý (ADHD), Chậm nói đơn thuần, và Trẻ phát triển điển hình:

(function() { const host = document.getElementById('asd-chart-wp-host'); if (!host) return; // Thẻ giữ chỗ (Placeholder) để khi nhấc bảng ra document.body không làm giật trang WordPress const placeholder = document.createComment('asd-chart-portal-placeholder'); // Khởi tạo Shadow DOM cách ly 100% với CSS của Theme WordPress const shadow = host.attachShadow({ mode: 'open' }); const groups = [ { id: 'typical', name: 'Phát triển điển hình', color: '#10b981', active: true }, { id: 'speech', name: 'Chậm nói đơn thuần', color: '#3b82f6', active: true }, { id: 'adhd', name: 'Tăng động (ADHD)', color: '#f59e0b', active: true }, { id: 'asd', name: 'Phổ tự kỷ (ASD)', color: '#ef4444', active: true } ]; const metrics = [ '1. Giao tiếp mắt & Nụ cười xã hội', '2. Chú ý chung & Chỉ trỏ chia sẻ', '3. Ngôn ngữ diễn đạt & Hiểu lời', '4. Chơi giả vờ & Tưởng tượng', '5. Tập trung & Kiểm soát xung động', '6. Linh hoạt trước thay đổi & Giác quan' ]; const dataset = { age1: { scores: { typical: [95, 90, 85, 80, 75, 85], speech: [95, 90, 30, 80, 75, 80], adhd: [80, 75, 80, 75, 35, 70], asd: [25, 15, 25, 20, 40, 25] }, insight: 'Ở mốc 12–18 tháng (Mốc vàng sàng lọc): Trẻ Chậm nói đơn thuần có điểm Ngôn ngữ thấp (30%) nhưng dùng Giao tiếp mắt (95%) và Chỉ trỏ (90%) cực tốt để bù đắp. Ngược lại, trẻ Phổ tự kỷ suy giảm đồng loạt cả Giao tiếp mắt lẫn Chú ý chung (15–25%).' }, age2: { scores: { typical: [95, 95, 90, 90, 80, 85], speech: [95, 90, 40, 85, 75, 80], adhd: [80, 80, 80, 80, 25, 65], asd: [30, 20, 30, 20, 35, 20] }, insight: 'Ở mốc 24–36 tháng: Sự khác biệt bộc lộ rõ ở kỹ năng Chơi giả vờ và Tính linh hoạt. Trẻ Tự kỷ thường xếp hàng đồ vật, quay bánh xe và hoảng loạn khi thay đổi thói quen (20%), trong khi trẻ ADHD chơi đúng chức năng nhưng nhanh chán và khó ngồi yên (25%).' }, age3: { scores: { typical: [95, 95, 95, 95, 85, 90], speech: [95, 95, 70, 90, 80, 85], adhd: [85, 85, 85, 85, 20, 60], asd: [35, 25, 40, 25, 35, 25] }, insight: 'Ở mốc 3–5 tuổi: Trẻ Chậm nói đơn thuần bắt đầu đuổi kịp ngôn ngữ (70%) và hòa nhập bạn bè tốt. Ranh giới giữa Tự kỷ và ADHD lúc này nằm ở Động lực xã hội: trẻ ADHD rất thích kết bạn nhưng bốc đồng (20% kiểm soát), còn trẻ Tự kỷ gặp rào cản trong giao tiếp hai chiều.' } }; let currentAge = 'age1'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .acw-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 14px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); overflow: hidden; position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .acw-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .acw-inner { padding: 24px; max-width: 900px; margin: 0 auto; background: #ffffff; } .acw-wrap.is-fullscreen .acw-inner { min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng khi cuộn */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .acw-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45), 0 0 0 0 rgba(2, 132, 199, 0.4); } 70% { box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45), 0 0 0 10px rgba(2, 132, 199, 0); } 100% { box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45), 0 0 0 0 rgba(2, 132, 199, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header của bảng */ .acw-header-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 16px; } .acw-header-text { flex: 1 1 260px; } .acw-title { font-size: 20px; font-weight: 700; margin: 0 0 6px 0; color: #0f172a; line-height: 1.35; } .acw-subtitle { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; } .btn-fullscreen-top { background: #f0f9ff; color: #0369a1; border: 1px solid #bae6fd; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } /* Bộ lọc độ tuổi */ .acw-age-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; background: #f1f5f9; padding: 6px; border-radius: 10px; } .acw-age-btn { flex: 1; min-width: 105px; padding: 9px 12px; border: none; background: transparent; border-radius: 7px; font-size: 14px; font-weight: 600; color: #475569; cursor: pointer; transition: all 0.2s ease; text-align: center; touch-action: manipulation; } .acw-age-btn:hover { color: #0f172a; } .acw-age-btn.active { background: #ffffff; color: #0284c7; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); } /* Bộ lọc nhóm trẻ */ .acw-group-toggles { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; padding-bottom: 16px; border-bottom: 1px solid #f1f5f9; } .acw-toggle-btn { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 20px; font-size: 13px; font-weight: 600; cursor: pointer; border: 1.5px solid #cbd5e1; background: #ffffff; color: #334155; transition: all 0.2s ease; user-select: none; touch-action: manipulation; } .acw-toggle-btn.off { opacity: 0.4; background: #f8fafc; text-decoration: line-through; } .acw-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; flex-shrink: 0; } /* Khu vực biểu đồ */ .acw-metric-row { margin-bottom: 18px; } .acw-metric-label { font-size: 14px; font-weight: 700; color: #1e293b; margin-bottom: 8px; display: flex; justify-content: space-between; align-items: baseline; } .acw-bars-wrap { display: flex; flex-direction: column; gap: 7px; background: #f8fafc; padding: 10px 12px; border-radius: 8px; border: 1px solid #f1f5f9; } .acw-bar-item { display: flex; align-items: center; gap: 10px; font-size: 12.5px; } .acw-bar-name { width: 140px; flex-shrink: 0; color: #475569; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .acw-bar-track { flex: 1; height: 18px; background: #e2e8f0; border-radius: 9px; overflow: hidden; position: relative; } .acw-bar-fill { height: 100%; border-radius: 9px; transition: width 0.45s cubic-bezier(0.22, 1, 0.36, 1); position: relative; } .acw-bar-val { width: 42px; text-align: right; font-weight: 700; color: #334155; flex-shrink: 0; } /* Hộp luận điểm phân biệt */ .acw-insight-box { margin-top: 22px; background: #f0f9ff; border-left: 4px solid #0284c7; padding: 14px 16px; border-radius: 6px; font-size: 13.5px; line-height: 1.6; color: #0c4a6e; } .acw-insight-title { font-weight: 700; margin-bottom: 4px; color: #0369a1; display: block; } @media (max-width: 560px) { .acw-inner { padding: 16px; } .acw-title { font-size: 17.5px; } .acw-bar-name { width: 108px; font-size: 11.5px; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const acwWrap = shadow.getElementById('acwWrap'); const togglesEl = shadow.getElementById('acw-group-toggles'); const chartBodyEl = shadow.getElementById('acw-chart-body'); const insightEl = shadow.getElementById('acw-insight-box'); const ageBtns = shadow.querySelectorAll('#acw-age-tabs .acw-age-btn'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); function renderToggles() { togglesEl.innerHTML = ''; groups.forEach(g => { const btn = document.createElement('button'); btn.type = 'button'; btn.className = 'acw-toggle-btn' + (g.active ? '' : ' off'); btn.style.borderColor = g.active ? g.color : '#cbd5e1'; btn.innerHTML = `${g.name}`; btn.onclick = function() { const activeCount = groups.filter(item => item.active).length; if (g.active && activeCount { const row = document.createElement('div'); row.className = 'acw-metric-row'; const label = document.createElement('div'); label.className = 'acw-metric-label'; label.textContent = metricName; row.appendChild(label); const barsWrap = document.createElement('div'); barsWrap.className = 'acw-bars-wrap'; groups.forEach(g => { if (!g.active) return; const val = ageData.scores[g.id][mIdx]; const item = document.createElement('div'); item.className = 'acw-bar-item'; item.innerHTML = ` `; barsWrap.appendChild(item); }); row.appendChild(barsWrap); chartBodyEl.appendChild(row); }); insightEl.innerHTML = `💡 Luận điểm phân biệt cốt lõi:${ageData.insight}`; updateFloatingFabVisibility(); } // Kiểm tra vùng cuộn để hiện/ẩn nút nổi thông minh function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; // Hiện nút nổi khi người đọc đang lướt ngang qua vùng bảng này const isReadingWidget = rect.top 160; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } // KỸ THUẬT DOM PORTAL: Nhấc thẳng #asd-chart-wp-host ra trực tiếp document.body khi phóng to function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); acwWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { acwWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 860px; margin: 24px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } ageBtns.forEach(btn => { btn.addEventListener('click', function() { ageBtns.forEach(b => b.classList.remove('active')); this.classList.add('active'); currentAge = this.getAttribute('data-age'); renderChart(); }); }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); renderToggles(); renderChart(); })();

(function() { const host = document.getElementById('mchat-wp-host'); if (!host) return; // Thẻ giữ chỗ (Placeholder) để khi nhấc bảng ra document.body không làm giật trang WordPress const placeholder = document.createComment('mchat-portal-placeholder'); // Khởi tạo Shadow DOM cách ly 100% với CSS của Theme WordPress const shadow = host.attachShadow({ mode: 'open' }); // Dữ liệu 20 câu hỏi M-CHAT-R chuẩn y khoa const questions = [ { id: 1, t: 'Nếu bạn chỉ tay vào một vật gì đó trong phòng, bé có nhìn theo hướng bạn chỉ không?', r: 'NO', c: 'crit', cat: 'Đáp ứng chú ý chung' }, { id: 2, t: 'Bạn có bao giờ tự hỏi liệu con mình có bị điếc (nghe kém) không?', r: 'YES', c: 'sen', cat: 'Phản ứng âm thanh (Câu đảo ngược)' }, { id: 3, t: 'Bé có biết chơi trò giả vờ không? (VD: giả vờ uống nước từ cốc rỗng, nghe điện thoại, cho búp bê ăn)', r: 'NO', c: 'soc', cat: 'Tư duy chơi giả vờ' }, { id: 4, t: 'Bé có thích leo trèo lên đồ vật không? (VD: bàn ghế, cầu thang, đồ chơi vận động)', r: 'NO', c: 'sen', cat: 'Vận động thô' }, { id: 5, t: 'Bé có những cử động ngón tay bất thường ở ngay sát trước mắt mình không? (VD: vẫy/búng ngón tay sát mắt)', r: 'YES', c: 'sen', cat: 'Kích thích thị giác - Stimming (Câu đảo ngược)' }, { id: 6, t: 'Bé có dùng một ngón tay (ngón trỏ) để chỉ vào thứ bé muốn XIN hoặc nhờ lấy giúp không?', r: 'NO', c: 'crit', cat: 'Chỉ trỏ yêu cầu' }, { id: 7, t: 'Bé có dùng một ngón tay để chỉ vào thứ gì đó thú vị chỉ để KHOE / CHIA SẺ với bạn không? (VD: chỉ máy bay, con chó)', r: 'NO', c: 'crit', cat: 'Khởi xướng chú ý chung (Quan trọng nhất)' }, { id: 8, t: 'Bé có quan tâm đến những đứa trẻ khác không? (VD: nhìn các bạn chơi, cười hoặc đi tới gần bạn)', r: 'NO', c: 'soc', cat: 'Động lực xã hội' }, { id: 9, t: 'Bé có mang đồ vật lại đưa cho bạn xem chỉ để KHOE (chứ không phải để nhờ mở giúp) không?', r: 'NO', c: 'crit', cat: 'Chia sẻ niềm vui hai chiều' }, { id: 10, t: 'Bé có phản ứng (ngẩng lên nhìn, bập bẹ, ngừng chơi) khi bạn gọi tên bé không?', r: 'NO', c: 'soc', cat: 'Định hướng tên gọi' }, { id: 11, t: 'Khi bạn mỉm cười với bé, bé có mỉm cười đáp lại bạn không?', r: 'NO', c: 'soc', cat: 'Nụ cười xã hội' }, { id: 12, t: 'Bé có tỏ ra khó chịu quá mức, bịt tai hoặc hoảng loạn trước những tiếng ồn thông thường hàng ngày không?', r: 'YES', c: 'sen', cat: 'Nhạy cảm thính giác (Câu đảo ngược)' }, { id: 13, t: 'Bé đã biết đi chưa?', r: 'NO', c: 'sen', cat: 'Vận động cơ bản' }, { id: 14, t: 'Bé có nhìn vào mắt bạn khi bạn đang nói chuyện, chơi đùa hoặc mặc quần áo cho bé không?', r: 'NO', c: 'crit', cat: 'Giao tiếp mắt trực diện' }, { id: 15, t: 'Bé có cố gắng bắt chước những gì bạn làm không? (VD: vẫy tay bye-bye, vỗ tay, làm tiếng động vui nhộn)', r: 'NO', c: 'crit', cat: 'Bắt chước xã hội' }, { id: 16, t: 'Nếu bạn quay đầu nhìn thứ gì đó, bé có nhìn quanh để xem bạn đang nhìn cái gì không?', r: 'NO', c: 'soc', cat: 'Theo dõi ánh mắt' }, { id: 17, t: 'Bé có cố gắng thu hút sự chú ý để bạn nhìn vào bé không? (VD: nhìn bạn chờ khen hoặc kêu "Mẹ nhìn này")', r: 'NO', c: 'soc', cat: 'Tìm kiếm sự công nhận' }, { id: 18, t: 'Bé có hiểu khi bạn bảo bé làm một việc gì đó không? (VD: không chỉ tay mà nói "Con lấy cho mẹ cái chăn")', r: 'NO', c: 'sen', cat: 'Ngôn ngữ tiếp nhận (Hiểu lời)' }, { id: 19, t: 'Nếu có điều gì mới lạ xảy ra, bé có nhìn lên mặt bạn để xem bạn phản ứng thế nào về việc đó không?', r: 'NO', c: 'crit', cat: 'Tham chiếu xã hội' }, { id: 20, t: 'Bé có thích các hoạt động chuyển động có tương tác không? (VD: được đung đưa, nhún nhảy trên đùi bạn)', r: 'NO', c: 'soc', cat: 'Tương tác cảm xúc - vận động' } ]; let answers = {}; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .mc-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (ĐÃ ĐƯỢC PORTAL RA BODY) */ .mc-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .mc-inner { padding: 24px; max-width: 900px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .mc-wrap.is-fullscreen .mc-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng khi cuộn */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .mc-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45), 0 0 0 0 rgba(3, 105, 161, 0.4); } 70% { box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45), 0 0 0 10px rgba(3, 105, 161, 0); } 100% { box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45), 0 0 0 0 rgba(3, 105, 161, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Phần tiêu đề */ .mc-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .mc-header-text { flex: 1 1 260px; } .mc-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .mc-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #f0f9ff; color: #0369a1; border: 1px solid #bae6fd; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } /* Thanh nút kịch bản mẫu */ .mc-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; } .mc-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; } .mc-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .mc-pbtn:hover { background: #f1f5f9; border-color: #94a3b8; } .mc-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } /* Bảng điểm nổi (Sticky Dashboard) */ .mc-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } /* Khi ở chế độ toàn màn hình, đẩy bảng điểm xuống ngay dưới thanh thoát toàn màn hình */ .mc-wrap.is-fullscreen .mc-dash { top: 58px; } .mc-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .mc-score-big { font-size: 24px; font-weight: 800; line-height: 1; } .mc-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .mc-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .mc-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .mc-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .mc-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .mc-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; } .mc-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 20 câu hỏi */ .mc-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 10px; } .mc-q-item.risk-flagged { border-color: #fca5a5; background: #fff5f5; } .mc-q-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; } .mc-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; flex: 1; } .mc-q-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .mc-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .mc-tag.crit { background: #e0f2fe; color: #0369a1; } .mc-tag.rev { background: #fef3c7; color: #b45309; } /* Nút chọn CÓ / KHÔNG */ .mc-ans-group { display: flex; gap: 8px; flex-shrink: 0; } .mc-abtn { min-width: 78px; padding: 8px 14px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 13.5px; font-weight: 700; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .mc-abtn:hover { border-color: #64748b; } .mc-abtn.sel-safe { background: #10b981; border-color: #10b981; color: #ffffff; } .mc-abtn.sel-risk { background: #ef4444; border-color: #ef4444; color: #ffffff; } /* Hộp phân tích kết quả cuối bảng */ .mc-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; } /* Tối ưu giao diện điện thoại */ @media (max-width: 600px) { .mc-inner { padding: 14px; } .mc-title { font-size: 18px; } .mc-q-head { flex-direction: column; } .mc-ans-group { width: 100%; } .mc-abtn { flex: 1; padding: 10px 14px; } .mc-pillars { grid-template-columns: 1fr; } .mc-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const mcWrap = shadow.getElementById('mcWrap'); const listEl = shadow.querySelector('.mc-q-list'); const scoreEl = shadow.querySelector('.mc-val-score'); const ansCountEl = shadow.querySelector('.mc-val-answered'); const badgeEl = shadow.querySelector('.mc-badge'); const barFillEl = shadow.querySelector('.mc-bar-fill'); const critEl = shadow.querySelector('.mc-val-crit'); const socEl = shadow.querySelector('.mc-val-soc'); const senEl = shadow.querySelector('.mc-val-sen'); const resBoxEl = shadow.querySelector('.mc-result-box'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Hàm vẽ danh sách 20 câu hỏi function renderQuestions() { listEl.innerHTML = ''; questions.forEach(function(q) { const uAns = answers[q.id] || null; const isRisk = (uAns && uAns === q.r); const item = document.createElement('div'); item.className = 'mc-q-item' + (isRisk ? ' risk-flagged' : ''); let extraTag = ''; if (q.c === 'crit') { extraTag += '★ Câu cốt lõi (Chú ý chung)'; } if (q.r === 'YES') { extraTag += '⚡ Chọn CÓ = Tính 1 điểm rủi ro'; } const yesCls = 'mc-abtn' + (uAns === 'YES' ? (q.r === 'YES' ? ' sel-risk' : ' sel-safe') : ''); const noCls = 'mc-abtn' + (uAns === 'NO' ? (q.r === 'NO' ? ' sel-risk' : ' sel-safe') : ''); item.innerHTML = ` `; listEl.appendChild(item); }); const btns = listEl.querySelectorAll('.mc-abtn'); btns.forEach(function(b) { b.onclick = function() { const qid = parseInt(this.getAttribute('data-id'), 10); const val = this.getAttribute('data-val'); answers[qid] = val; renderQuestions(); updateSummary(); }; }); } // Hàm tính điểm và hiển thị phân tích lâm sàng function updateSummary() { let total = 0, crit = 0, soc = 0, sen = 0, answered = 0; questions.forEach(function(q) { const u = answers[q.id]; if (u) { answered++; if (u === q.r) { total++; if (q.c === 'crit') crit++; else if (q.c === 'soc') soc++; else sen++; } } }); scoreEl.textContent = total; ansCountEl.textContent = answered; critEl.textContent = crit + ' / 7 điểm rủi ro'; socEl.textContent = soc + ' / 7 điểm rủi ro'; senEl.textContent = sen + ' / 6 điểm rủi ro'; const pct = Math.min(100, Math.round((total / 20) * 100)); barFillEl.style.width = pct + '%'; if (answered === 0) { badgeEl.textContent = 'Chưa chọn câu trả lời'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Hãy bấm chọn CÓ hoặc KHÔNG ở từng câu hỏi phía trên (hoặc bấm vào các nút Thử nghiệm kịch bản mẫu ở đầu bảng) để xem phân tích lâm sàng chi tiết.'; updateFloatingFabVisibility(); return; } let color = '#10b981'; let badgeTxt = 'NGUY CƠ THẤP (0 – 2 điểm)'; let analysis = ''; if (total <= 2) { color = '#10b981'; badgeTxt = 'NGUY CƠ THẤP (0 – 2 điểm)'; analysis = ` Kết luận sàng lọc — Nguy cơ Tự kỷ THẤP (${total}/20 điểm):
• Hệ thống Chú ý chung và Giao tiếp phi ngôn ngữ của bé hoạt động tốt (${crit}/7 điểm rủi ro nhóm cốt lõi).
• Phân biệt với Chậm nói đơn thuần: Nếu bé hiện tại chưa nói được nhiều từ nhưng đạt mức điểm này (biết chỉ trỏ khoe đồ, nhìn mắt, hiểu lời nói), khả năng rất cao bé chỉ bị chậm nói diễn đạt đơn thuần. Nếu bé dưới 24 tháng tuổi, hãy sàng lọc lại khi bé tròn 24 tháng. `; } else if (total = 2) ? `Bé có ${crit}/7 dấu hiệu rủi ro ở nhóm Chú ý chung cốt lõi (chỉ trỏ, giao tiếp mắt, khoe đồ vật). Đây là dấu hiệu cảnh báo sớm của phổ tự kỷ chứ không chỉ là chậm nói hay hiếu động đơn thuần.` : `Điểm rủi ro của bé chủ yếu nằm ở nhóm Giác quan/Ngôn ngữ hoặc Mất tập trung, trong khi Chú ý chung cốt lõi khá tốt (${crit}/7). Trường hợp này rất dễ gặp ở trẻ Tăng động giảm chú ý (ADHD) hoặc chậm nói kèm nhạy cảm giác quan.`; analysis = ` Kết luận sàng lọc — Nguy cơ TRUNG BÌNH (${total}/20 điểm):
• ${diffNote}
• Hướng xử trí chuẩn M-CHAT-R/F: Cần thực hiện bước 2 — Phỏng vấn theo dõi (Follow-Up) cho ${total} câu có điểm rủi ro để làm rõ ngữ cảnh. Nếu sau khi kiểm tra kỹ vẫn còn từ 2 điểm trở lên, cần đưa bé đi khám chuyên khoa Tâm bệnh / Nhi phát triển hành vi. `; } else { color = '#ef4444'; badgeTxt = 'NGUY CƠ CAO (8 – 20 điểm)'; analysis = ` Kết luận sàng lọc — Nguy cơ CAO (${total}/20 điểm, trong đó có ${crit}/7 câu cốt lõi):
• Bé biểu hiện sự suy giảm rõ rệt ở cả hai trụ cột: Chú ý chung (Joint Attention) và Tương tác xã hội hai chiều.
• Hướng xử trí chuẩn M-CHAT-R/F: Với mức điểm từ 8 trở lên, gia đình có thể bỏ qua bước phỏng vấn phụ và đưa bé đi khám chẩn đoán chuyên sâu ngay (bằng thang ADOS-2, DSM-5) tại khoa Tâm bệnh / Phát triển hành vi Nhi để bắt đầu can thiệp sớm trong giai đoạn vàng. `; } barFillEl.style.background = color; badgeEl.textContent = badgeTxt; badgeEl.style.background = color; badgeEl.style.color = '#ffffff'; resBoxEl.style.borderLeftColor = color; resBoxEl.innerHTML = analysis; updateFloatingFabVisibility(); } // Kiểm tra vùng cuộn để hiện/ẩn nút nổi thông minh function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; // Hiện nút nổi khi người đọc đang lướt ngang qua vùng bảng M-CHAT-R/F const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } // KỸ THUẬT DOM PORTAL: Nhấc thẳng #mchat-wp-host ra trực tiếp document.body khi phóng to function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); mcWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { mcWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 880px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } // Gắn sự kiện cho các nút Kịch bản mẫu const presetBtns = shadow.querySelectorAll('.mc-pbtn'); presetBtns.forEach(function(btn) { btn.onclick = function() { const type = this.getAttribute('data-preset'); answers = {}; if (type === 'speech') { questions.forEach(function(q) { answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); answers[18] = 'NO'; } else if (type === 'adhd') { questions.forEach(function(q) { answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); answers[2] = 'YES'; answers[10] = 'NO'; answers[12] = 'YES'; } else if (type === 'asd') { questions.forEach(function(q) { answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); [1, 2, 3, 5, 6, 7, 8, 9, 10, 14, 15, 16, 19].forEach(function(id) { const qObj = questions[id - 1]; answers[id] = qObj.r; }); } renderQuestions(); updateSummary(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); renderQuestions(); updateSummary(); })();

function evaluateProEEG(){var total=0,answered=0,catScores=[0,0,0,0,0,0,0],redFlags=[];for(var i=1;i<=18;i++){var radios=document.getElementsByName('ep_q'+i);for(var j=0;j<radios.length;j++){if(radios[j].checked){var val=parseInt(radios[j].value);var cat=parseInt(radios[j].getAttribute('data-cat'));var rf=radios[j].getAttribute('data-rf');total+=val;catScores[cat]+=val;answered++;if(rf){redFlags.push(rf);}break;}}}var resBox=document.getElementById('eeg-pro-result');if(answered<18){resBox.style.display='block';resBox.style.border='2px solid #f39c12';resBox.style.backgroundColor='#fef9e7';resBox.innerHTML='';resBox.scrollIntoView({behavior:'smooth',block:'nearest'});return;}var levelTitle='',levelColor='',levelBg='',levelBorder='',adviceHTML='';if(total>=16||redFlags.length>=1){levelTitle='🚨 MỨC ĐỘ NGUY CƠ CAO – CẦN KHÁM CHUYÊN KHOA THẦN KINH NHI & ĐO EEG GIẤC NGỦ';levelColor='#c0392b';levelBg='#fdedec';levelBorder='#e74c3c';adviceHTML='

Kết quả sàng lọc cho thấy trẻ có dấu hiệu cảnh báo đỏ (Red Flags) hoặc tổng điểm triệu chứng lâm sàng ở ngưỡng cao. Ở trẻ tự kỷ, việc phát hiện và kiểm soát sớm sóng động kinh ngầm sẽ giúp bảo vệ tế bào thần kinh và mở khóa lại khả năng tiếp thu ngôn ngữ.

';}else if(total>=7){levelTitle='⚠️ MỨC ĐỘ NGHI NGỜ TRUNG BÌNH – GIAO THOA HÀNH VI & THẦN KINH (CẦN THEO DÕI ĐỊNH KỲ)';levelColor='#d35400';levelBg='#fef5e7';levelBorder='#e67e22';adviceHTML='

Trẻ chưa có các dấu hiệu cờ đỏ cấp tính nhưng có một số biểu hiện nằm ở vùng giao thoa giữa hành vi tự kích thích giác quan (Stimming) của tự kỷ và hoạt động điện não bất thường nhẹ.

';}else{levelTitle='✅ MỨC ĐỘ NGUY CƠ THẤP – ÍT CÓ DẤU HIỆU LÂM SÀNG CỦA ĐỘNG KINH NGẦM';levelColor='#27ae60';levelBg='#eafaf1';levelBorder='#2ecc71';adviceHTML='

Hiện tại, các biểu hiện của trẻ chủ yếu mang đặc trưng của rối loạn phổ tự kỷ (như thiếu tập trung có chọn lọc hoặc tự kích thích giác quan khi rảnh rỗi), hầu như không thấy dấu hiệu lâm sàng của cơn động kinh hay sóng động kinh ngầm gây thoái lui.

';}var rfHTML='';if(redFlags.length>0){rfHTML='';}var catNames=['','I. Thoái lui phát triển & Ngôn ngữ (Landau-Kleffner/ESES)','II. Cơn vắng ý thức & Tự động vô thức (Đờ người)','III. Vận động vi thể, Giật cơ & Mất trương lực (Gục đầu/Đảo mắt)','IV. Bất thường trong giấc ngủ & Dấu hiệu buổi sáng','V. Cảm xúc kịch phát, Thần kinh thực vật & Ảo giác','VI. Trạng thái mệt lả sau cơn & Tiền sử nguy cơ'];var tableHTML='';resBox.style.display='block';resBox.style.backgroundColor=levelBg;resBox.style.border='2px solid '+levelBorder;resBox.innerHTML='';resBox.scrollIntoView({behavior:'smooth',block:'start'});}function resetProEEG(){for(var i=1;i<=18;i++){var radios=document.getElementsByName('ep_q'+i);for(var j=0;j<radios.length;j++){radios[j].checked=false;}}var resBox=document.getElementById('eeg-pro-result');resBox.style.display='none';document.getElementById('eeg-pro-quiz').scrollIntoView({behavior:'smooth',block:'start'});}

Những hiểu sai về trẻ tự kỷ, được trích dẫn và tổng hợp bởi bác sỹ Quyết nhi tw, dưới đây sẽ giúp chúng ta hiểu sâu hơn về hội chứng này theo một lăng kính đặc biệt hơn.

Rối loạn phổ tự kỷ (ASD) không có thuốc điều trị đặc hiệu cho các triệu chứng cốt lõi (như khiếm khuyết giao tiếp xã hội hay hành vi lặp đi lặp lại). Phương pháp nền tảng và quan trọng nhất vẫn là can thiệp giáo dục, tâm lý, ngôn ngữ trị liệu và hành vi.

Tuy nhiên, trẻ tự kỷ có thể cần dùng thuốc khi xuất hiện các triệu chứng đi kèm hoặc rối loạn đồng mắc ở mức độ nặng, gây nguy hiểm cho bản thân, gia đình hoặc làm cản trở quá trình học tập, can thiệp của trẻ.

Khi nào trẻ tự kỷ được chỉ định dùng thuốc?

Bác sĩ chuyên khoa Tâm thần Nhi chỉ cân nhắc kê đơn khi các biện pháp can thiệp hành vi đơn thuần không kiểm soát được các vấn đề sau:

Nhóm triệu chứng đi kèm	Biểu hiện cụ thể ở trẻ	Mục đích dùng thuốc
Kích động, cáu gắt nghiêm trọng	Đập đầu, tự cắn mình, la hét kéo dài, tấn công người xung quanh, đập phá đồ đạc	Giảm cơn bùng nổ cảm xúc và hành vi tự gây thương tích (FDA đã phê duyệt một số thuốc như Risperidone, Aripiprazole cho nhóm triệu chứng này)
Tăng động giảm chú ý (ADHD)	Chạy nhảy liên tục không biết mệt, không thể ngồi yên quá vài phút để học can thiệp, bốc đồng	Giúp trẻ tập trung tốt hơn, giảm xung động để tiếp thu bài học từ giáo viên và cha mẹ
Rối loạn giấc ngủ nặng	Khó vào giấc, thức giấc nhiều lần trong đêm, ngủ rất ít gây kiệt sức và cáu gắt vào ban ngày	Điều hòa nhịp sinh học (thường bắt đầu bằng vệ sinh giấc ngủ hoặc Melatonin theo chỉ định)
Lo âu, cưỡng chế hoặc trầm cảm	Sợ hãi quá mức trước thay đổi nhỏ, căng thẳng cực độ, thu mình (thường gặp ở trẻ lớn/vị thành niên)	Giảm mức độ căng thẳng thần kinh, ổn định khí sắc
Động kinh (co giật)	Khoảng 20% – 30% trẻ tự kỷ có kèm bất thường điện não hoặc cơn động kinh	Kiểm soát cơn co giật bằng thuốc chống động kinh để bảo vệ tế bào não

Nguyên tắc bắt buộc khi dùng thuốc cho trẻ tự kỷ

• Thuốc là công cụ hỗ trợ, không thay thế can thiệp: Thuốc đóng vai trò giúp trẻ “dịu lại”, ngủ ngon hơn và tập trung hơn để có thể tham gia hiệu quả vào các giờ học âm ngữ trị liệu, tâm vận động và giáo dục đặc biệt.

• Tuyệt đối không tự ý dùng thuốc hoặc thực phẩm chức năng truyền miệng: Mọi loại thuốc hướng thần đều cần bác sĩ chuyên khoa thăm khám trực tiếp, tính liều theo cân nặng (bắt đầu từ liều thấp nhất có hiệu quả) và theo dõi định kỳ các tác dụng phụ (như tăng cân, buồn ngủ, chảy nước dãi).

• Không tự ý ngưng thuốc đột ngột: Khi thấy trẻ ổn định hơn, phụ huynh cần tái khám để bác sĩ giảm liều theo phác đồ, tránh hiện tượng dội ngược triệu chứng (rebound) làm trẻ kích động mạnh hơn.

Trên thế giới và cả ở Việt Nam hiện nay, việc đánh giá Rối loạn phổ tự kỷ (ASD) không dựa vào một bài kiểm tra đơn lẻ mà được chia thành các nhóm công cụ theo từng mục đích cụ thể: Sàng lọc ban đầu, Chẩn đoán chuyên sâu và Đánh giá chức năng hỗ trợ lập kế hoạch can thiệp. Tất cả các công cụ này được số hoá vào các danh mục dưới đây với dữ liệu đều được đối chiếu với hệ thống tiêu chuẩn y khoa quốc tế là DSM-5-TR (Mỹ) và ICD-11 (WHO).

(function(){ function mountShadowScreening(){ var host = document.getElementById('phuchoi-screening-host'); if(!host) return; if(host.shadowRoot) return; if(!host.attachShadow) return; var shadow = host.attachShadow({mode:'open'}); var css = [ ':host{all:initial;display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1e293b;line-height:1.6;width:100%;box-sizing:border-box;}', '*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}', '.screening-card{width:100%;background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,0.05);overflow:hidden;}', '.sc-intro{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);padding:20px 24px;border-bottom:1px solid #fde68a;display:flex;align-items:center;gap:14px;}', '.sc-icon{font-size:26px;line-height:1;background:#ffffff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(217,119,6,0.12);flex-shrink:0;}', '.sc-intro-text{font-size:15px;color:#0f172a;margin:0;}', '.sc-intro-text strong{color:#b45309;font-weight:700;}', '.sc-table{width:100%;border-collapse:collapse;border-spacing:0;}', '.sc-table thead th{background:#f8fafc;color:#334155;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.4px;padding:14px 20px;text-align:left;border-bottom:2px solid #e2e8f0;}', '.sc-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background 0.2s ease;}', '.sc-table tbody tr:last-child{border-bottom:none;}', '.sc-table tbody tr:hover{background:#f8fafc;}', '.sc-table td{padding:20px;vertical-align:top;}', '.step-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;text-transform:uppercase;margin-bottom:6px;}', '.tag-blue{background:#dbeafe;color:#1d4ed8;}', '.tag-green{background:#dcfce7;color:#15803d;}', '.group-badge{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#0f172a;}', '.tools-wrap{display:flex;flex-wrap:wrap;gap:8px;}', '.tool-link{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all 0.18s ease;border:1.5px solid transparent;cursor:pointer;}', '.tool-link::after{content:"↗";font-size:11px;opacity:0.75;}', '.tool-blue{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}', '.tool-blue:hover{background:#2563eb;color:#ffffff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 10px rgba(37,99,235,0.25);}', '.tool-green{background:#f0fdf4;color:#15803d;border-color:#bbf7d0;}', '.tool-green:hover{background:#16a34a;color:#ffffff;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 10px rgba(22,163,74,0.25);}', '.desc-text{font-size:14.2px;color:#334155;margin:0;}', '@media (max-width:768px){.sc-intro{padding:16px;align-items:flex-start;}.sc-table thead{display:none;}.sc-table,.sc-table tbody,.sc-table tr,.sc-table td{display:block;width:100%;}.sc-table tbody tr{padding:16px;}.sc-table td{padding:6px 0;}.tools-wrap{margin:6px 0 8px 0;}}' ].join(''); var styleEl = document.createElement('style'); styleEl.textContent = css; shadow.appendChild(styleEl); var rowsData = [ { stepCls: 'tag-blue', stepTxt: 'Nhóm 1 • Chuyên biệt', title: '🧩 Nhóm sàng lọc Tự kỷ', btnCls: 'tool-blue', tools: [ {name: 'M-CHAT-R/F', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/m-chat-r-f/'}, {name: 'STAT', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/stat/'}, {name: 'SCQ', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/scq/'}, {name: 'CAST', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/cast/'}, {name: 'ASSQ', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/assq/'}, {name: 'AQ', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/aq/'}, {name: 'RAADS-R', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/raads-r/'}, {name: 'CSBS DP', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/csbs-dp/'}, {name: 'SRS-2', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/srs-2/'} ], desc: 'Các bộ câu hỏi chuẩn hóa giúp phát hiện sớm dấu hiệu nguy cơ tự kỷ qua từng độ tuổi, làm cơ sở định hướng thăm khám chuyên sâu.' }, { stepCls: 'tag-green', stepTxt: 'Nhóm 2 • Toàn diện', title: '🌱 Nhóm sàng lọc Phát triển chung', btnCls: 'tool-green', tools: [ {name: 'ASQ-3', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/asq-3/'}, {name: 'Denver II', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/denver-ii/'}, {name: 'PEDS', url: 'https://phuchoi.vn/kien-thuc/cong-cu/sang-loc-ban-dau/peds/'} ], desc: 'Rà soát các mốc phát triển toàn diện (vận động, ngôn ngữ, nhận thức, xã hội) theo độ tuổi của trẻ.' } ]; var card = document.createElement('div'); card.className = 'screening-card'; var intro = document.createElement('div'); intro.className = 'sc-intro'; var icon = document.createElement('div'); icon.className = 'sc-icon'; icon.textContent = '⚠️'; var introP = document.createElement('p'); introP.className = 'sc-intro-text'; introP.appendChild(document.createTextNode('Với các bộ công cụ bên dưới, kết quả sàng lọc chỉ mang tính chất ')); var strongEl = document.createElement('strong'); strongEl.textContent = 'cảnh báo sớm'; introP.appendChild(strongEl); introP.appendChild(document.createTextNode(', không thay thế cho kết luận chẩn đoán y khoa chuyên sâu.')); intro.appendChild(icon); intro.appendChild(introP); card.appendChild(intro); var table = document.createElement('table'); table.className = 'sc-table'; var thead = document.createElement('thead'); var trHead = document.createElement('tr'); var headers = [ {txt: 'Phân Nhóm Sàng Lọc', w: '26%'}, {txt: 'Bộ Công Cụ Chuẩn Hóa (Nhấn để xem)', w: '36%'}, {txt: 'Vai Trò & Ý Nghĩa Thực Tiễn', w: '38%'} ]; headers.forEach(function(h){ var th = document.createElement('th'); th.style.width = h.w; th.textContent = h.txt; trHead.appendChild(th); }); thead.appendChild(trHead); table.appendChild(thead); var tbody = document.createElement('tbody'); rowsData.forEach(function(r){ var tr = document.createElement('tr'); var td1 = document.createElement('td'); var tag = document.createElement('span'); tag.className = 'step-tag ' + r.stepCls; tag.textContent = r.stepTxt; var badge = document.createElement('div'); badge.className = 'group-badge'; badge.textContent = r.title; td1.appendChild(tag); td1.appendChild(badge); var td2 = document.createElement('td'); var wrap = document.createElement('div'); wrap.className = 'tools-wrap'; r.tools.forEach(function(t){ var a = document.createElement('a'); a.className = 'tool-link ' + r.btnCls; a.href = t.url; a.target = '_blank'; a.rel = 'noopener'; a.textContent = t.name; wrap.appendChild(a); }); td2.appendChild(wrap); var td3 = document.createElement('td'); var desc = document.createElement('p'); desc.className = 'desc-text'; desc.textContent = r.desc; td3.appendChild(desc); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tbody.appendChild(tr); }); table.appendChild(tbody); card.appendChild(table); shadow.appendChild(card); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', mountShadowScreening); } else { mountShadowScreening(); } })();

(function() { const host = document.getElementById('csbsdp-wp-host'); if (!host) return; const placeholder = document.createComment('csbsdp-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // Bảng Ngưỡng Điểm Cắt Đáng Lo Ngại (Concern Cutoffs 24 tháng) // Nếu điểm của trẻ <= các mốc dưới đây thì rơi vào vùng "Đáng lo ngại (Concern)" const normCutoffsByMonth = { 6: { soc: 7, spe: 1, sym: 2, tot: 12 }, 7: { soc: 8, spe: 1, sym: 2, tot: 13 }, 8: { soc: 9, spe: 2, sym: 3, tot: 16 }, 9: { soc: 11, spe: 2, sym: 3, tot: 18 }, 10: { soc: 13, spe: 3, sym: 4, tot: 22 }, 11: { soc: 14, spe: 3, sym: 5, tot: 24 }, 12: { soc: 15, spe: 4, sym: 6, tot: 27 }, 13: { soc: 16, spe: 4, sym: 7, tot: 29 }, 14: { soc: 17, spe: 5, sym: 8, tot: 32 }, 15: { soc: 18, spe: 5, sym: 9, tot: 34 }, 16: { soc: 19, spe: 6, sym: 10, tot: 37 }, 17: { soc: 19, spe: 6, sym: 11, tot: 38 }, 18: { soc: 20, spe: 7, sym: 11, tot: 40 }, 19: { soc: 20, spe: 8, sym: 12, tot: 42 }, 20: { soc: 20, spe: 8, sym: 12, tot: 42 }, 21: { soc: 20, spe: 9, sym: 13, tot: 44 }, 22: { soc: 20, spe: 9, sym: 13, tot: 44 }, 23: { soc: 21, spe: 10, sym: 14, tot: 46 }, 24: { soc: 21, spe: 10, sym: 14, tot: 46 } }; // Cấu hình 7 Cụm kỹ năng (Clusters) thuộc 3 Chỉ số Tổng hợp (Composites) const clusterConfigs = { emo: { code: 'emo', comp: 'soc', max: 8, name: 'Cụm 1. Cảm xúc & Giao tiếp Ánh mắt (Emotion & Eye Gaze • 4 câu)', color: '#2563eb' }, com: { code: 'com', comp: 'soc', max: 8, name: 'Cụm 2. Giao tiếp Có Chủ đích (Communication • 4 câu)', color: '#1d4ed8' }, ges: { code: 'ges', comp: 'soc', max: 10, name: 'Cụm 3. Cử chỉ Giao tiếp (Gestures • 5 câu)', color: '#3b82f6' }, snd: { code: 'snd', comp: 'spe', max: 8, name: 'Cụm 4. Âm thanh Tiền ngôn ngữ (Sounds • 3 câu)', color: '#0d9488' }, wrd: { code: 'wrd', comp: 'spe', max: 6, name: 'Cụm 5. Từ vựng & Kết hợp từ (Words • 2 câu)', color: '#059669' }, und: { code: 'und', comp: 'sym', max: 6, name: 'Cụm 6. Thông hiểu Ngôn ngữ (Understanding • 2 câu)', color: '#7c3aed' }, obj: { code: 'obj', comp: 'sym', max: 11, name: 'Cụm 7. Sử dụng Đồ vật & Chơi giả vờ (Object Use • 4 câu)', color: '#9333ea' } }; // Đầy đủ 24 Câu hỏi chuẩn của CSBS DP Infant-Toddler Checklist (Tổng điểm tối đa = 57 điểm) const stdOpts012 = [ { pt: 0, lbl: 'Chưa có (Not Yet • 0đ)' }, { pt: 1, lbl: 'Thỉnh thoảng (Sometimes • 1đ)' }, { pt: 2, lbl: 'Thường xuyên (Often • 2đ)' } ]; const questions = [ // CỤM 1: CẢM XÚC & GIAO TIẾP ÁNH MẮT (Câu 1 - 4 • Max 8đ • Thuộc SOCIAL COMPOSITE) { id: 1, clu: 'emo', comp: 'soc', t: 'Bạn có dễ dàng nhận biết được khi nào bé đang vui vẻ và khi nào bé đang khó chịu/buồn bực không?', opts: stdOpts012 }, { id: 2, clu: 'emo', comp: 'soc', t: 'Khi đang chơi với các món đồ chơi, bé có quay sang nhìn bạn để xem bạn có đang nhìn bé chơi không?', opts: stdOpts012 }, { id: 3, clu: 'emo', comp: 'soc', t: 'Bé có mỉm cười hoặc cười thành tiếng trong khi đang nhìn vào mắt bạn không?', opts: stdOpts012 }, { id: 4, clu: 'emo', comp: 'soc', t: 'Khi bạn nhìn và chỉ tay vào một món đồ chơi ở góc bên kia phòng, bé có nhìn theo hướng tay bạn chỉ tới món đồ chơi đó không?', opts: stdOpts012 }, // CỤM 2: GIAO TIẾP CÓ CHỦ ĐÍCH (Câu 5 - 8 • Max 8đ • Thuộc SOCIAL COMPOSITE) { id: 5, clu: 'com', comp: 'soc', t: 'Bé có biết chủ động cho bạn biết khi bé cần sự giúp đỡ hoặc muốn lấy một đồ vật nằm ngoài tầm tay với không?', opts: stdOpts012 }, { id: 6, clu: 'com', comp: 'soc', t: 'Khi bạn đang không chú ý đến bé, bé có cố gắng làm điều gì đó (như phát âm, gọi, kéo áo) để thu hút sự chú ý của bạn không?', opts: stdOpts012 }, { id: 7, clu: 'com', comp: 'soc', t: 'Bé có làm những trò ngộ nghĩnh, đáng yêu chỉ để khiến bạn bật cười không?', opts: stdOpts012 }, { id: 8, clu: 'com', comp: 'soc', t: 'Bé có cố gắng thu hút bạn chú ý nhìn vào những đồ vật mà bé thấy thú vị (nhưng không phải để xin lấy hộ) không?', opts: stdOpts012 }, // CỤM 3: CỬ CHỈ GIAO TIẾP (Câu 9 - 13 • Max 10đ • Thuộc SOCIAL COMPOSITE) { id: 9, clu: 'ges', comp: 'soc', t: 'Bé có biết cầm lấy một đồ vật và đưa trao vào tay bạn không?', opts: stdOpts012 }, { id: 10, clu: 'ges', comp: 'soc', t: 'Bé có giơ đồ vật lên đưa cho bạn xem (khoe đồ) nhưng không phải để đưa hẳn cho bạn không?', opts: stdOpts012 }, { id: 11, clu: 'ges', comp: 'soc', t: 'Bé có biết vẫy tay chào tạm biệt ("Bye-bye") không?', opts: stdOpts012 }, { id: 12, clu: 'ges', comp: 'soc', t: 'Bé có biết dùng ngón tay chỉ trỏ vào các đồ vật ở xa không?', opts: stdOpts012 }, { id: 13, clu: 'ges', comp: 'soc', t: 'Bé có biết gật đầu để biểu thị ý "Có / Đồng ý" không?', opts: stdOpts012 }, // CỤM 4: ÂM THANH TIỀN NGÔN NGỮ (Câu 14 - 16 • Max 8đ • Thuộc SPEECH COMPOSITE) { id: 14, clu: 'snd', comp: 'spe', t: 'Bé có sử dụng các âm thanh hoặc từ ngữ để xin giúp đỡ hoặc để thu hút sự chú ý của bạn không?', opts: stdOpts012 }, { id: 15, clu: 'snd', comp: 'spe', t: 'Bé có biết ghép các âm thanh lại với nhau thành chuỗi âm tiết lặp lại (ví dụ: "ba-ba-ba", "ma-ma", "đa-ga") không?', opts: stdOpts012 }, { id: 16, clu: 'snd', comp: 'spe', t: 'Bé đã phát âm được khoảng bao nhiêu phụ âm sau đây: M, N, B, P, D, T, G, K, V, L, S, X, Ch, Nh...?', opts: [ { pt: 0, lbl: 'Chưa có âm nào (0đ)' }, { pt: 1, lbl: '1 – 2 phụ âm (1đ)' }, { pt: 2, lbl: '3 – 4 phụ âm (2đ)' }, { pt: 3, lbl: '5 – 8 phụ âm (3đ)' }, { pt: 4, lbl: 'Trên 8 phụ âm (4đ)' } ] }, // CỤM 5: TỪ VỰNG & KẾT HỢP TỪ (Câu 17 - 18 • Max 6đ • Thuộc SPEECH COMPOSITE) { id: 17, clu: 'wrd', comp: 'spe', t: 'Bé đã tự nói được khoảng bao nhiêu từ đơn có nghĩa mà bạn nhận ra được (như "Mẹ", "Bà", "Măm", "Bóng", "Xe" — tính cả từ phát âm chưa thật tròn vành)?', opts: [ { pt: 0, lbl: 'Chưa nói từ nào (0đ)' }, { pt: 1, lbl: '1 – 3 từ đơn (1đ)' }, { pt: 2, lbl: '4 – 10 từ đơn (2đ)' }, { pt: 3, lbl: '11 – 30 từ đơn (3đ)' }, { pt: 4, lbl: 'Trên 30 từ vựng (4đ)' } ] }, { id: 18, clu: 'wrd', comp: 'spe', t: 'Bé có biết ghép 2 từ lại với nhau thành cụm từ có nghĩa (ví dụ: "Thêm nữa", "Mẹ bế", "Đi chơi", "Bóng này") không?', opts: stdOpts012 }, // CỤM 6: THÔNG HIỂU NGÔN NGỮ (Câu 19 - 20 • Max 6đ • Thuộc SYMBOLIC COMPOSITE) { id: 19, clu: 'und', comp: 'sym', t: 'Khi bạn gọi tên của bé, bé có quay đầu lại nhìn hoặc phản ứng ngay không?', opts: stdOpts012 }, { id: 20, clu: 'und', comp: 'sym', t: 'Bé hiểu được khoảng bao nhiêu tên gọi của người thân, bộ phận cơ thể hoặc đồ vật quen thuộc khi bạn hỏi mà không chỉ tay (như "Mẹ đâu?", "Bóng đâu?", "Mũi đâu?")?', opts: [ { pt: 0, lbl: 'Chưa hiểu tên đồ vật nào (0đ)' }, { pt: 1, lbl: 'Hiểu 1 – 3 tên gọi (1đ)' }, { pt: 2, lbl: 'Hiểu 4 – 10 tên gọi (2đ)' }, { pt: 3, lbl: 'Hiểu 11 – 30 tên gọi (3đ)' }, { pt: 4, lbl: 'Hiểu trên 30 tên gọi (4đ)' } ] }, // CỤM 7: SỬ DỤNG ĐỒ VẬT & CHƠI GIẢ VỜ (Câu 21 - 24 • Max 11đ • Thuộc SYMBOLIC COMPOSITE) { id: 21, clu: 'obj', comp: 'sym', t: 'Bé có tỏ ra thích thú chơi với nhiều loại đồ vật/đồ chơi đa dạng khác nhau (không chỉ dính chặt vào 1 món duy nhất) không?', opts: stdOpts012 }, { id: 22, clu: 'obj', comp: 'sym', t: 'Bé biết sử dụng đúng chức năng được khoảng bao nhiêu đồ vật thực tế sau đây: Cốc (để uống), Thìa/Bát (để xúc), Lược (chải đầu), Bàn chải (đánh răng), Điện thoại (áp lên tai), Xe hơi (đẩy lăn)?', opts: [ { pt: 0, lbl: 'Chưa biết dùng đúng chức năng (0đ)' }, { pt: 1, lbl: '1 – 2 đồ vật (1đ)' }, { pt: 2, lbl: '3 – 4 đồ vật (2đ)' }, { pt: 3, lbl: 'Từ 5 đồ vật trở lên (3đ)' } ] }, { id: 23, clu: 'obj', comp: 'sym', t: 'Bé có thể xếp chồng được khoảng bao nhiêu khối gỗ (hoặc hộp/vòng xếp) lên nhau thành tháp?', opts: [ { pt: 0, lbl: 'Chưa biết xếp chồng (0đ)' }, { pt: 1, lbl: 'Xếp được 2 khối (1đ)' }, { pt: 2, lbl: 'Xếp được 3 – 4 khối (2đ)' }, { pt: 3, lbl: 'Xếp được từ 5 khối trở lên (3đ)' } ] }, { id: 24, clu: 'obj', comp: 'sym', t: 'Bé có biết chơi đóng vai giả vờ chăm sóc búp bê hoặc thú nhồi bông (như lấy thìa đút cho gấu ăn, cho búp bê uống nước, đắp chăn ru búp bê ngủ) không?', opts: [ { pt: 0, lbl: 'Chưa biết chơi giả vờ (0đ)' }, { pt: 1, lbl: 'Thỉnh thoảng / Làm theo mẫu (1đ)' }, { pt: 3, lbl: 'Thường xuyên tự chơi giả vờ đa dạng (3đ)' } ] } ]; let childMonth = 18; // Mặc định 18 tháng tuổi (Có thể chọn bất kỳ tháng nào từ 6 đến 24 tháng) let answers = {}; let filterComp = 'all'; // 'all' | 'soc' | 'spe' | 'sym' let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .cs-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .cs-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .cs-inner { padding: 24px; max-width: 980px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .cs-wrap.is-fullscreen .cs-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .cs-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 0 rgba(37, 99, 235, 0.4); } 70% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 10px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 0 rgba(37, 99, 235, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .cs-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .cs-header-text { flex: 1 1 260px; } .cs-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .cs-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } /* Controls */ .cs-top-panel { display: grid; grid-template-columns: 1fr 1.4fr; gap: 12px; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 12px; padding: 14px; margin-bottom: 14px; } .cs-lbl { font-size: 12px; font-weight: 800; color: #0f172a; text-transform: uppercase; display: block; margin-bottom: 6px; } .cs-select { width: 100%; padding: 8px 10px; border: 1px solid #2563eb; border-radius: 7px; font-size: 14px; font-weight: 700; color: #1e3a8a; background: #ffffff; } .cs-presets { display: flex; flex-wrap: wrap; gap: 6px; } .cs-pbtn { padding: 7px 10px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 600; color: #334155; cursor: pointer; flex: 1 1 auto; text-align: center; touch-action: manipulation; } .cs-pbtn:hover { background: #f1f5f9; } .cs-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; } .cs-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; } .cs-tab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .cs-tab.active { background: #2563eb; color: #ffffff; border-color: #2563eb; } /* Sticky Dashboard */ .cs-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .cs-wrap.is-fullscreen .cs-dash { top: 58px; } .cs-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .cs-score-big { font-size: 21px; font-weight: 800; line-height: 1.2; } .cs-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .cs-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .cs-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .cs-pillar-box { background: #1e293b; padding: 8px 10px; border-radius: 8px; border-left: 3px solid #475569; } .cs-pillar-box.concern { border-left-color: #ef4444; background: rgba(239, 68, 68, 0.16); } .cs-pillar-box.ok { border-left-color: #10b981; } .cs-pillar-val { font-weight: 800; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 24 câu hỏi */ .cs-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 8px; } .cs-item.pts-high { border-color: #a7f3d0; background: #f0fdf4; } .cs-item.pts-mid { border-color: #fde68a; background: #fffbeb; } .cs-item.pts-zero { border-color: #fca5a5; background: #fff5f5; } .cs-item-title { font-size: 14.5px; font-weight: 600; color: #1e293b; } .cs-tags { display: flex; flex-wrap: wrap; gap: 6px; } .cs-tag { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .cs-ans-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; } .cs-ans-grid.grid-4 { grid-template-columns: repeat(4, 1fr); } .cs-ans-grid.grid-5 { grid-template-columns: repeat(5, 1fr); } .cs-abtn { padding: 8px 6px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 700; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .cs-abtn:hover { border-color: #64748b; } .cs-abtn.sel-zero { background: #ef4444; border-color: #ef4444; color: #ffffff; } .cs-abtn.sel-mid { background: #f59e0b; border-color: #f59e0b; color: #ffffff; } .cs-abtn.sel-max { background: #10b981; border-color: #10b981; color: #ffffff; } /* Biểu đồ 7 Cụm kỹ năng & Kết luận */ .cs-chart-card { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #ffffff; border: 1px solid #e2e8f0; } .cs-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; font-size: 12.5px; } .cs-bar-lbl { width: 280px; flex-shrink: 0; font-weight: 600; color: #334155; } .cs-bar-track { flex: 1; height: 16px; background: #f1f5f9; border-radius: 999px; overflow: hidden; } .cs-bar-val { width: 95px; text-align: right; font-weight: 700; color: #0f172a; flex-shrink: 0; } .cs-result-box { margin-top: 16px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #2563eb; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 740px) { .cs-inner { padding: 14px; } .cs-title { font-size: 18px; } .cs-top-panel { grid-template-columns: 1fr; } .cs-pillars { grid-template-columns: 1fr 1fr; } .cs-ans-grid, .cs-ans-grid.grid-4, .cs-ans-grid.grid-5 { grid-template-columns: 1fr; } .cs-bar-lbl { width: 150px; font-size: 11.5px; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const csWrap = shadow.getElementById('csWrap'); const selMonth = shadow.getElementById('selMonth'); const questionList = shadow.getElementById('questionList'); const dashHeadline = shadow.getElementById('dashHeadline'); const dashSub = shadow.getElementById('dashSub'); const scoreBadge = shadow.getElementById('scoreBadge'); const boxSoc = shadow.getElementById('boxSoc'); const boxSpe = shadow.getElementById('boxSpe'); const boxSym = shadow.getElementById('boxSym'); const boxTot = shadow.getElementById('boxTot'); const valSoc = shadow.getElementById('valSoc'); const valSpe = shadow.getElementById('valSpe'); const valSym = shadow.getElementById('valSym'); const valTot = shadow.getElementById('valTot'); const clusterBars = shadow.getElementById('clusterBars'); const resultBox = shadow.getElementById('resultBox'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Khởi tạo danh sách 19 tháng tuổi (6 -> 24 tháng) let monthOptsHtml = ''; for (let m = 6; m <= 24; m++) { const sel = (m === 18) ? 'selected' : ''; monthOptsHtml += `Trẻ ${m} tháng tuổi (Ngưỡng cắt Tổng ≤ ${normCutoffsByMonth[m].tot}/57đ)`; } selMonth.innerHTML = monthOptsHtml; function renderQuestions() { questionList.innerHTML = ''; questions.forEach(function(q) { if (filterComp !== 'all' && q.comp !== filterComp) return; const uPt = (answers[q.id] !== undefined) ? answers[q.id] : 0; const cCfg = clusterConfigs[q.clu]; const maxPt = q.opts[q.opts.length - 1].pt; let rowCls = 'cs-item '; if (uPt === maxPt) rowCls += 'pts-high'; else if (uPt > 0) rowCls += 'pts-mid'; else rowCls += 'pts-zero'; let gridCls = 'cs-ans-grid'; if (q.opts.length === 4) gridCls += ' grid-4'; else if (q.opts.length === 5) gridCls += ' grid-5'; const btnsHtml = q.opts.map(opt => { let cls = 'cs-abtn'; if (uPt === opt.pt) { if (opt.pt === 0) cls += ' sel-zero'; else if (opt.pt === maxPt) cls += ' sel-max'; else cls += ' sel-mid'; } return `${opt.lbl}`; }).join(''); const compName = (q.comp === 'soc') ? '1. Tổng hợp Xã hội (Social)' : (q.comp === 'spe' ? '2. Tổng hợp Lời nói (Speech)' : '3. Tổng hợp Biểu tượng (Symbolic)'); const el = document.createElement('div'); el.className = rowCls; el.innerHTML = ` `; questionList.appendChild(el); }); questionList.querySelectorAll('.cs-abtn').forEach(btn => { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answers[id] = parseInt(this.getAttribute('data-pt'), 10); renderQuestions(); updateSummary(); }; }); } function updateSummary() { const cut = normCutoffsByMonth[childMonth] || normCutoffsByMonth[18]; const cluSums = { emo: 0, com: 0, ges: 0, snd: 0, wrd: 0, und: 0, obj: 0 }; questions.forEach(function(q) { const pt = (answers[q.id] !== undefined) ? answers[q.id] : 0; cluSums[q.clu] += pt; }); const socScore = cluSums.emo + cluSums.com + cluSums.ges; // Max 26 const speScore = cluSums.snd + cluSums.wrd; // Max 14 const symScore = cluSums.und + cluSums.obj; // Max 17 const totScore = socScore + speScore + symScore; // Max 57 const isSocConcern = (socScore <= cut.soc); const isSpeConcern = (speScore <= cut.spe); const isSymConcern = (symScore <= cut.sym); const isTotConcern = (totScore { const cfg = clusterConfigs[k]; const val = cluSums[k]; const w = Math.round((val / cfg.max) * 100); return ` `; }).join(''); // Quy tắc kết luận chuẩn của Wetherby & Prizant (2002): // - Nếu Concern ở Social, Symbolic hoặc Total -> Chuyển gửi đánh giá chuyên sâu ngay (Nguy cơ Tự kỷ / Rối loạn giao tiếp) // - Nếu chỉ Concern đơn độc ở Speech (trong khi Social, Symbolic, Total đều OK) -> Theo dõi & đánh giá lại sau 3 tháng (Late Talker) let badgeColor = '#10b981'; let badgeTxt = ''; let analysis = ''; if (isSocConcern || isSymConcern || isTotConcern) { badgeColor = '#ef4444'; badgeTxt = 'ĐÁNG LO NGẠI • CẦN ĐÁNH GIÁ CHUYÊN SÂU NGAY'; analysis = ` Kết luận CSBS DP ITC tại mốc ${childMonth} tháng — ĐÁNG LO NGẠI (CONCERN • Cần Chuyển Gửi Đánh Giá Ngay):
• Theo quy tắc chuẩn của Giáo sư Amy Wetherby & Barry Prizant (2002), trẻ cần được chuyển gửi đánh giá phát triển chuyên sâu ngay lập tức khi rơi vào vùng Đáng lo ngại ở Chỉ số Xã hội (${socScore}/26đ, ngưỡng ≤${cut.soc}), Chỉ số Biểu tượng (${symScore}/17đ, ngưỡng ≤${cut.sym}) hoặc Tổng điểm (${totScore}/57đ, ngưỡng ≤${cut.tot}).
• Phân tích chuyên biệt về Nguy cơ Tự kỷ sớm: ${isSocConcern && isSymConcern ? 'Sự sụt giảm đồng thời ở cả Giao tiếp Xã hội (Ánh mắt: ' + cluSums.emo + '/8, Giao tiếp chủ đích: ' + cluSums.com + '/8, Cử chỉ: ' + cluSums.ges + '/10) và Tư duy Biểu tượng (Nghe hiểu: ' + cluSums.und + '/6, Chơi giả vờ: ' + cluSums.obj + '/11) là dấu hiệu chỉ báo sớm đặc hiệu nhất của Rối loạn phổ tự kỷ (ASD) ở trẻ dưới 2 tuổi.' : 'Trẻ có thiếu hụt ở các kỹ năng nền tảng tiền ngôn ngữ.'}
• Hướng xử trí: Thực hiện đánh giá trực tiếp bằng mẫu hành vi CSBS DP Behavior Sample, ADOS-2 (Module T) hoặc Bayley-III / KSPD và can thiệp sớm ngay mà không chờ trẻ lớn hơn. `; } else if (isSpeConcern) { badgeColor = '#f59e0b'; badgeTxt = 'CHỈ THẤP LỜI NÓI (THEO DÕI CHẬM NÓI ĐƠN THUẦN)'; analysis = ` Kết luận CSBS DP ITC tại mốc ${childMonth} tháng — CHỈ ĐÁNG LO NGẠI ĐƠN ĐỘC Ở CHỈ SỐ LỜI NÓI (Late Talker Profile):
• Điểm Tổng hợp Xã hội (${socScore}/26đ > ${cut.soc}), Tổng hợp Biểu tượng (${symScore}/17đ > ${cut.sym}) và Tổng điểm (${totScore}/57đ > ${cut.tot}) của bé đều nằm trong giới hạn bình thường. Bé có giao tiếp mắt, chỉ trỏ, khoe đồ, hiểu lời nói và chơi giả vờ tốt.
• Tuy nhiên, riêng Chỉ số Lời nói (Speech: ${speScore}/14đ ≤ ngưỡng ${cut.spe}) đang thấp hơn chuẩn tuổi.
• Hướng xử trí chuẩn CSBS DP: Đây là hồ sơ điển hình của nhóm Chậm nói diễn đạt đơn thuần (Late Talker). Hướng dẫn cha mẹ tăng cường kích thích ngôn ngữ tại nhà và sàng lọc lại bằng CSBS DP ITC sau 3 tháng; nếu sau 3 tháng vẫn ở vùng Concern thì chuyển khám Ngôn ngữ trị liệu. `; } else { badgeColor = '#10b981'; badgeTxt = 'KHÔNG ĐÁNG LO NGẠI (PHÁT TRIỂN ĐÚNG TUỔI)'; analysis = ` Kết luận CSBS DP ITC tại mốc ${childMonth} tháng — KHÔNG ĐÁNG LO NGẠI (NO CONCERN):
• Cả 3 Chỉ số Tổng hợp (Xã hội: ${socScore}/26đ • Lời nói: ${speScore}/14đ • Biểu tượng: ${symScore}/17đ) và Tổng điểm (${totScore}/57đ) của bé đều vượt trên ngưỡng cắt chuẩn của lứa tuổi ${childMonth} tháng.
• Các tiền đề giao tiếp sớm (ánh mắt, chú ý chung, cử chỉ, âm thanh và chơi biểu tượng) phát triển tốt. Hẹn sàng lọc định kỳ lại sau mỗi 3–6 tháng cho đến khi bé tròn 24 tháng tuổi. `; } scoreBadge.textContent = badgeTxt; scoreBadge.style.background = badgeColor; scoreBadge.style.color = '#ffffff'; resultBox.style.borderLeftColor = badgeColor; resultBox.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { answers = {}; if (type === 'reset') { questions.forEach(q => { answers[q.id] = 0; }); renderQuestions(); updateSummary(); return; } if (type === 'typical') { // Phát triển bình thường (Tổng ~48/57đ) questions.forEach(q => { const maxPt = q.opts[q.opts.length - 1].pt; answers[q.id] = (q.id % 4 === 0) ? Math.max(1, maxPt - 1) : maxPt; }); } else if (type === 'late_talker') { // Chậm nói đơn thuần: Xã hội cao (23/26) & Biểu tượng cao (14/17), nhưng Lời nói thấp (4/14) questions.forEach(q => { const maxPt = q.opts[q.opts.length - 1].pt; if (q.comp === 'soc' || q.comp === 'sym') { answers[q.id] = (q.id % 3 === 0) ? Math.max(1, maxPt - 1) : maxPt; } else { // Speech thấp answers[q.id] = (q.id === 14 || q.id === 15) ? 1 : ((q.id === 16 || q.id === 17) ? 1 : 0); } }); } else if (type === 'asd_risk') { // Nguy cơ tự kỷ sớm: Suy giảm mạnh ở Xã hội (9/26) và Biểu tượng (6/17), Lời nói (4/14) -> Tổng 19/57đ questions.forEach((q, idx) => { if (q.comp === 'soc') { answers[q.id] = (idx % 2 === 0) ? 1 : 0; } else if (q.comp === 'sym') { answers[q.id] = (q.id === 21 || q.id === 23) ? 2 : 1; } else { answers[q.id] = (idx % 2 === 0) ? 1 : 0; } }); } renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); csWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { csWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 980px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } selMonth.onchange = function() { childMonth = parseInt(this.value, 10) || 18; updateSummary(); }; shadow.querySelectorAll('.cs-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#compTabs .cs-tab').forEach(function(tab) { tab.onclick = function() { filterComp = this.getAttribute('data-comp'); shadow.querySelectorAll('#compTabs .cs-tab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderQuestions(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); applyPreset('asd_risk'); })();

CSBS DP (Bản kiểm Giao tiếp và Hành vi Biểu tượng): Công cụ sàng lọc cực kỳ nhạy dành cho trẻ rất nhỏ (6 – 24 tháng tuổi), giúp phát hiện nguy cơ chậm nói và tự kỷ sớm hơn cả M-CHAT-R/F.

CSBS DP với đặc biệt là bảng Infant-Toddler Checklist (ITC), là công cụ sàng lọc sớm nhất và nhạy bén nhất thế giới hiện nay để phát hiện Rối loạn giao tiếp và Nguy cơ Rối loạn phổ tự kỷ (ASD) ngay từ giai đoạn tiền ngôn ngữ (trước cả khi trẻ biết nói). Công cụ được phát triển bởi Giáo sư Amy M. Wetherby và Barry M. Prizant (xuất bản năm 2002 bởi Brookes Publishing).

Nếu như M-CHAT-R/F chỉ áp dụng được khi trẻ đã đủ 16 – 30 tháng tuổi, thì CSBS DP ITC lấp đầy khoảng trống cực kỳ quan trọng từ 6 đến 24 tháng tuổi: giúp phát hiện các dấu hiệu cảnh báo tự kỷ ở những em bé mới 9 – 12 – 15 tháng tuổi thông qua việc đo lường 7 tiền đề giao tiếp sớm (7 Prelinguistic Predictors).

1. Tóm tắt cốt lõi về cấu trúc 24 Câu hỏi & 3 Chỉ số Tổng hợp của CSBS DP ITC

Bảng kiểm CSBS DP Infant-Toddler Checklist gồm đúng 24 câu hỏi (chia thành 7 Cụm kỹ năng – Clusters và gom vào 3 Chỉ số Tổng hợp – Composites), với tổng điểm thô tối đa là 57 điểm:

Chỉ số Tổng hợp (Composite)	Điểm tối đa	Các Cụm kỹ năng thành phần (7 Clusters)	Ý nghĩa phát triển & Dấu hiệu đỏ Tự kỷ sớm
1. Tổng hợp Xã hội(Social Composite)	26 điểm(13 câu)	• Cảm xúc & Ánh mắt(Emotion & Eye Gaze — Câu 1–4: 8đ)   • Giao tiếp(Communication — Câu 5–8: 8đ)   • Cử chỉ(Gestures — Câu 9–13: 10đ)	Đánh giá khả năng chia sẻ cảm xúc, nhìn mắt, tần suất giao tiếp chú ý chung (khoe đồ, chỉ trỏ) và sử dụng cử chỉ quy ước (vẫy tay, gật/lắc đầu). Sụt giảm điểm ở cụm này là chỉ báo đặc hiệu nhất của Tự kỷ sớm.
2. Tổng hợp Lời nói(Speech Composite)	14 điểm(5 câu)	• Âm thanh(Sounds — Câu 14–16: 8đ)   • Từ vựng (Words — Câu 17–18: 6đ)	Đánh giá việc bập bẹ chuỗi phụ âm – nguyên âm, sự đa dạng của các phụ âm đầu và số lượng từ đơn/cụm từ có nghĩa trẻ tự nói được.
3. Tổng hợp Biểu tượng(Symbolic Composite)	17 điểm(6 câu)	• Thông hiểu ngôn ngữ(Understanding — Câu 19–20: 6đ)   • Sử dụng đồ vật & Chơi giả vờ(Object Use — Câu 21–24: 11đ)	Đánh giá tư duy biểu tượng: khả năng hiểu tên gọi đồ vật/mệnh lệnh gắn với khả năng chơi đúng chức năng, xếp chồng khối gỗ và chơi đóng vai giả vờ (cho búp bê ăn).
TỔNG CỘNG (TOTAL)	57 điểm(24 câu)	7 Cụm kỹ năng tiền ngôn ngữ	Đối chiếu theo 19 mốc tháng tuổi liên tục (từ 6 đến 24 tháng).

2. Quy tắc Chấm điểm & Ngưỡng Cắt Lâm sàng (Criterion Cutoffs -1.25 SD)

• Cách chấm điểm từng câu:

  • Các câu hỏi tần suất (Chưa • Thỉnh thoảng • Thường xuyên): Chấm 0 – 1 – 2 điểm.

  • Các câu hỏi định lượng số lượng (số lượng từ vựng, số âm thanh, số đồ vật hiểu được, số khối gỗ xếp chồng): Chấm từ 0 – 1 – 2 – 3 hoặc 0 – 1 – 2 – 3 – 4 điểm tùy câu.

• Quy tắc “Điểm Cắt Đáng Lo Ngại” (Concern Cutoff $\le -1.25\text{ SD}$ / Bách phân vị thứ 10): Theo chuẩn của Wetherby & Prizant (2002), tại mỗi tháng tuổi từ 6 đến 24 tháng, trẻ cần được chuyển gửi đánh giá chuyên sâu ngay nếu rơi vào 1 trong 3 trường hợp:

  1. Đạt mức Đáng lo ngại (Concern) ở Tổng điểm (Total Score), HOẶC

  2. Đạt mức Đáng lo ngại (Concern) ở Chỉ số Xã hội (Social Composite), HOẶC

  3. Đạt mức Đáng lo ngại (Concern) ở Chỉ số Biểu tượng (Symbolic Composite).(Riêng nếu trẻ chỉ thấp đơn độc ở Chỉ số Lời nói – Speech Composite trong khi Xã hội và Biểu tượng vẫn bình thường, hướng dẫn chuẩn là theo dõi định kỳ và đánh giá lại sau 3 tháng vì có thể là chậm nói đơn thuần / Late Talker).

M-CHAT-R/F (viết tắt của Modified Checklist for Autism in Toddlers, Revised with Follow-Up) là bảng kiểm sàng lọc sớm nguy cơ rối loạn phổ tự kỷ (ASD) dành cho trẻ nhỏ từ 16 đến 30 tháng tuổi. Đây là một trong những công cụ tầm soát tự kỷ chuẩn hóa phổ biến và uy tín nhất trên thế giới hiện nay, được Viện Hàn lâm Nhi khoa Hoa Kỳ (AAP) khuyến nghị sử dụng.

(function() { const host = document.getElementById('mchat-wp-host'); if (!host) return; // Thẻ giữ chỗ (Placeholder) để khi nhấc bảng ra document.body không làm giật trang WordPress const placeholder = document.createComment('mchat-portal-placeholder'); // Khởi tạo Shadow DOM cách ly 100% với CSS của Theme WordPress const shadow = host.attachShadow({ mode: 'open' }); // Dữ liệu 20 câu hỏi M-CHAT-R chuẩn y khoa const questions = [ { id: 1, t: 'Nếu bạn chỉ tay vào một vật gì đó trong phòng, bé có nhìn theo hướng bạn chỉ không?', r: 'NO', c: 'crit', cat: 'Đáp ứng chú ý chung' }, { id: 2, t: 'Bạn có bao giờ tự hỏi liệu con mình có bị điếc (nghe kém) không?', r: 'YES', c: 'sen', cat: 'Phản ứng âm thanh (Câu đảo ngược)' }, { id: 3, t: 'Bé có biết chơi trò giả vờ không? (VD: giả vờ uống nước từ cốc rỗng, nghe điện thoại, cho búp bê ăn)', r: 'NO', c: 'soc', cat: 'Tư duy chơi giả vờ' }, { id: 4, t: 'Bé có thích leo trèo lên đồ vật không? (VD: bàn ghế, cầu thang, đồ chơi vận động)', r: 'NO', c: 'sen', cat: 'Vận động thô' }, { id: 5, t: 'Bé có những cử động ngón tay bất thường ở ngay sát trước mắt mình không? (VD: vẫy/búng ngón tay sát mắt)', r: 'YES', c: 'sen', cat: 'Kích thích thị giác - Stimming (Câu đảo ngược)' }, { id: 6, t: 'Bé có dùng một ngón tay (ngón trỏ) để chỉ vào thứ bé muốn XIN hoặc nhờ lấy giúp không?', r: 'NO', c: 'crit', cat: 'Chỉ trỏ yêu cầu' }, { id: 7, t: 'Bé có dùng một ngón tay để chỉ vào thứ gì đó thú vị chỉ để KHOE / CHIA SẺ với bạn không? (VD: chỉ máy bay, con chó)', r: 'NO', c: 'crit', cat: 'Khởi xướng chú ý chung (Quan trọng nhất)' }, { id: 8, t: 'Bé có quan tâm đến những đứa trẻ khác không? (VD: nhìn các bạn chơi, cười hoặc đi tới gần bạn)', r: 'NO', c: 'soc', cat: 'Động lực xã hội' }, { id: 9, t: 'Bé có mang đồ vật lại đưa cho bạn xem chỉ để KHOE (chứ không phải để nhờ mở giúp) không?', r: 'NO', c: 'crit', cat: 'Chia sẻ niềm vui hai chiều' }, { id: 10, t: 'Bé có phản ứng (ngẩng lên nhìn, bập bẹ, ngừng chơi) khi bạn gọi tên bé không?', r: 'NO', c: 'soc', cat: 'Định hướng tên gọi' }, { id: 11, t: 'Khi bạn mỉm cười với bé, bé có mỉm cười đáp lại bạn không?', r: 'NO', c: 'soc', cat: 'Nụ cười xã hội' }, { id: 12, t: 'Bé có tỏ ra khó chịu quá mức, bịt tai hoặc hoảng loạn trước những tiếng ồn thông thường hàng ngày không?', r: 'YES', c: 'sen', cat: 'Nhạy cảm thính giác (Câu đảo ngược)' }, { id: 13, t: 'Bé đã biết đi chưa?', r: 'NO', c: 'sen', cat: 'Vận động cơ bản' }, { id: 14, t: 'Bé có nhìn vào mắt bạn khi bạn đang nói chuyện, chơi đùa hoặc mặc quần áo cho bé không?', r: 'NO', c: 'crit', cat: 'Giao tiếp mắt trực diện' }, { id: 15, t: 'Bé có cố gắng bắt chước những gì bạn làm không? (VD: vẫy tay bye-bye, vỗ tay, làm tiếng động vui nhộn)', r: 'NO', c: 'crit', cat: 'Bắt chước xã hội' }, { id: 16, t: 'Nếu bạn quay đầu nhìn thứ gì đó, bé có nhìn quanh để xem bạn đang nhìn cái gì không?', r: 'NO', c: 'soc', cat: 'Theo dõi ánh mắt' }, { id: 17, t: 'Bé có cố gắng thu hút sự chú ý để bạn nhìn vào bé không? (VD: nhìn bạn chờ khen hoặc kêu "Mẹ nhìn này")', r: 'NO', c: 'soc', cat: 'Tìm kiếm sự công nhận' }, { id: 18, t: 'Bé có hiểu khi bạn bảo bé làm một việc gì đó không? (VD: không chỉ tay mà nói "Con lấy cho mẹ cái chăn")', r: 'NO', c: 'sen', cat: 'Ngôn ngữ tiếp nhận (Hiểu lời)' }, { id: 19, t: 'Nếu có điều gì mới lạ xảy ra, bé có nhìn lên mặt bạn để xem bạn phản ứng thế nào về việc đó không?', r: 'NO', c: 'crit', cat: 'Tham chiếu xã hội' }, { id: 20, t: 'Bé có thích các hoạt động chuyển động có tương tác không? (VD: được đung đưa, nhún nhảy trên đùi bạn)', r: 'NO', c: 'soc', cat: 'Tương tác cảm xúc - vận động' } ]; let answers = {}; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .mc-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (ĐÃ ĐƯỢC PORTAL RA BODY) */ .mc-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .mc-inner { padding: 24px; max-width: 900px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .mc-wrap.is-fullscreen .mc-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng khi cuộn */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .mc-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45), 0 0 0 0 rgba(3, 105, 161, 0.4); } 70% { box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45), 0 0 0 10px rgba(3, 105, 161, 0); } 100% { box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45), 0 0 0 0 rgba(3, 105, 161, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(3, 105, 161, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Phần tiêu đề */ .mc-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .mc-header-text { flex: 1 1 260px; } .mc-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .mc-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #f0f9ff; color: #0369a1; border: 1px solid #bae6fd; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } /* Thanh nút kịch bản mẫu */ .mc-presets { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; } .mc-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; } .mc-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .mc-pbtn:hover { background: #f1f5f9; border-color: #94a3b8; } .mc-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } /* Bảng điểm nổi (Sticky Dashboard) */ .mc-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } /* Khi ở chế độ toàn màn hình, đẩy bảng điểm xuống ngay dưới thanh thoát toàn màn hình */ .mc-wrap.is-fullscreen .mc-dash { top: 58px; } .mc-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .mc-score-big { font-size: 24px; font-weight: 800; line-height: 1; } .mc-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .mc-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .mc-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .mc-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .mc-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .mc-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; } .mc-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 20 câu hỏi */ .mc-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 10px; } .mc-q-item.risk-flagged { border-color: #fca5a5; background: #fff5f5; } .mc-q-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; } .mc-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; flex: 1; } .mc-q-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .mc-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .mc-tag.crit { background: #e0f2fe; color: #0369a1; } .mc-tag.rev { background: #fef3c7; color: #b45309; } /* Nút chọn CÓ / KHÔNG */ .mc-ans-group { display: flex; gap: 8px; flex-shrink: 0; } .mc-abtn { min-width: 78px; padding: 8px 14px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 13.5px; font-weight: 700; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .mc-abtn:hover { border-color: #64748b; } .mc-abtn.sel-safe { background: #10b981; border-color: #10b981; color: #ffffff; } .mc-abtn.sel-risk { background: #ef4444; border-color: #ef4444; color: #ffffff; } /* Hộp phân tích kết quả cuối bảng */ .mc-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; } /* Tối ưu giao diện điện thoại */ @media (max-width: 600px) { .mc-inner { padding: 14px; } .mc-title { font-size: 18px; } .mc-q-head { flex-direction: column; } .mc-ans-group { width: 100%; } .mc-abtn { flex: 1; padding: 10px 14px; } .mc-pillars { grid-template-columns: 1fr; } .mc-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const mcWrap = shadow.getElementById('mcWrap'); const listEl = shadow.querySelector('.mc-q-list'); const scoreEl = shadow.querySelector('.mc-val-score'); const ansCountEl = shadow.querySelector('.mc-val-answered'); const badgeEl = shadow.querySelector('.mc-badge'); const barFillEl = shadow.querySelector('.mc-bar-fill'); const critEl = shadow.querySelector('.mc-val-crit'); const socEl = shadow.querySelector('.mc-val-soc'); const senEl = shadow.querySelector('.mc-val-sen'); const resBoxEl = shadow.querySelector('.mc-result-box'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Hàm vẽ danh sách 20 câu hỏi function renderQuestions() { listEl.innerHTML = ''; questions.forEach(function(q) { const uAns = answers[q.id] || null; const isRisk = (uAns && uAns === q.r); const item = document.createElement('div'); item.className = 'mc-q-item' + (isRisk ? ' risk-flagged' : ''); let extraTag = ''; if (q.c === 'crit') { extraTag += '★ Câu cốt lõi (Chú ý chung)'; } if (q.r === 'YES') { extraTag += '⚡ Chọn CÓ = Tính 1 điểm rủi ro'; } const yesCls = 'mc-abtn' + (uAns === 'YES' ? (q.r === 'YES' ? ' sel-risk' : ' sel-safe') : ''); const noCls = 'mc-abtn' + (uAns === 'NO' ? (q.r === 'NO' ? ' sel-risk' : ' sel-safe') : ''); item.innerHTML = ` `; listEl.appendChild(item); }); const btns = listEl.querySelectorAll('.mc-abtn'); btns.forEach(function(b) { b.onclick = function() { const qid = parseInt(this.getAttribute('data-id'), 10); const val = this.getAttribute('data-val'); answers[qid] = val; renderQuestions(); updateSummary(); }; }); } // Hàm tính điểm và hiển thị phân tích lâm sàng function updateSummary() { let total = 0, crit = 0, soc = 0, sen = 0, answered = 0; questions.forEach(function(q) { const u = answers[q.id]; if (u) { answered++; if (u === q.r) { total++; if (q.c === 'crit') crit++; else if (q.c === 'soc') soc++; else sen++; } } }); scoreEl.textContent = total; ansCountEl.textContent = answered; critEl.textContent = crit + ' / 7 điểm rủi ro'; socEl.textContent = soc + ' / 7 điểm rủi ro'; senEl.textContent = sen + ' / 6 điểm rủi ro'; const pct = Math.min(100, Math.round((total / 20) * 100)); barFillEl.style.width = pct + '%'; if (answered === 0) { badgeEl.textContent = 'Chưa chọn câu trả lời'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Hãy bấm chọn CÓ hoặc KHÔNG ở từng câu hỏi phía trên (hoặc bấm vào các nút Thử nghiệm kịch bản mẫu ở đầu bảng) để xem phân tích lâm sàng chi tiết.'; updateFloatingFabVisibility(); return; } let color = '#10b981'; let badgeTxt = 'NGUY CƠ THẤP (0 – 2 điểm)'; let analysis = ''; if (total <= 2) { color = '#10b981'; badgeTxt = 'NGUY CƠ THẤP (0 – 2 điểm)'; analysis = ` Kết luận sàng lọc — Nguy cơ Tự kỷ THẤP (${total}/20 điểm):
• Hệ thống Chú ý chung và Giao tiếp phi ngôn ngữ của bé hoạt động tốt (${crit}/7 điểm rủi ro nhóm cốt lõi).
• Phân biệt với Chậm nói đơn thuần: Nếu bé hiện tại chưa nói được nhiều từ nhưng đạt mức điểm này (biết chỉ trỏ khoe đồ, nhìn mắt, hiểu lời nói), khả năng rất cao bé chỉ bị chậm nói diễn đạt đơn thuần. Nếu bé dưới 24 tháng tuổi, hãy sàng lọc lại khi bé tròn 24 tháng. `; } else if (total = 2) ? `Bé có ${crit}/7 dấu hiệu rủi ro ở nhóm Chú ý chung cốt lõi (chỉ trỏ, giao tiếp mắt, khoe đồ vật). Đây là dấu hiệu cảnh báo sớm của phổ tự kỷ chứ không chỉ là chậm nói hay hiếu động đơn thuần.` : `Điểm rủi ro của bé chủ yếu nằm ở nhóm Giác quan/Ngôn ngữ hoặc Mất tập trung, trong khi Chú ý chung cốt lõi khá tốt (${crit}/7). Trường hợp này rất dễ gặp ở trẻ Tăng động giảm chú ý (ADHD) hoặc chậm nói kèm nhạy cảm giác quan.`; analysis = ` Kết luận sàng lọc — Nguy cơ TRUNG BÌNH (${total}/20 điểm):
• ${diffNote}
• Hướng xử trí chuẩn M-CHAT-R/F: Cần thực hiện bước 2 — Phỏng vấn theo dõi (Follow-Up) cho ${total} câu có điểm rủi ro để làm rõ ngữ cảnh. Nếu sau khi kiểm tra kỹ vẫn còn từ 2 điểm trở lên, cần đưa bé đi khám chuyên khoa Tâm bệnh / Nhi phát triển hành vi. `; } else { color = '#ef4444'; badgeTxt = 'NGUY CƠ CAO (8 – 20 điểm)'; analysis = ` Kết luận sàng lọc — Nguy cơ CAO (${total}/20 điểm, trong đó có ${crit}/7 câu cốt lõi):
• Bé biểu hiện sự suy giảm rõ rệt ở cả hai trụ cột: Chú ý chung (Joint Attention) và Tương tác xã hội hai chiều.
• Hướng xử trí chuẩn M-CHAT-R/F: Với mức điểm từ 8 trở lên, gia đình có thể bỏ qua bước phỏng vấn phụ và đưa bé đi khám chẩn đoán chuyên sâu ngay (bằng thang ADOS-2, DSM-5) tại khoa Tâm bệnh / Phát triển hành vi Nhi để bắt đầu can thiệp sớm trong giai đoạn vàng. `; } barFillEl.style.background = color; badgeEl.textContent = badgeTxt; badgeEl.style.background = color; badgeEl.style.color = '#ffffff'; resBoxEl.style.borderLeftColor = color; resBoxEl.innerHTML = analysis; updateFloatingFabVisibility(); } // Kiểm tra vùng cuộn để hiện/ẩn nút nổi thông minh function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; // Hiện nút nổi khi người đọc đang lướt ngang qua vùng bảng M-CHAT-R/F const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } // KỸ THUẬT DOM PORTAL: Nhấc thẳng #mchat-wp-host ra trực tiếp document.body khi phóng to function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); mcWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { mcWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 880px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } // Gắn sự kiện cho các nút Kịch bản mẫu const presetBtns = shadow.querySelectorAll('.mc-pbtn'); presetBtns.forEach(function(btn) { btn.onclick = function() { const type = this.getAttribute('data-preset'); answers = {}; if (type === 'speech') { questions.forEach(function(q) { answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); answers[18] = 'NO'; } else if (type === 'adhd') { questions.forEach(function(q) { answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); answers[2] = 'YES'; answers[10] = 'NO'; answers[12] = 'YES'; } else if (type === 'asd') { questions.forEach(function(q) { answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); [1, 2, 3, 5, 6, 7, 8, 9, 10, 14, 15, 16, 19].forEach(function(id) { const qObj = questions[id - 1]; answers[id] = qObj.r; }); } renderQuestions(); updateSummary(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); renderQuestions(); updateSummary(); })();

1. Cấu trúc của công cụ (Quy trình 2 bước)

Tên gọi M-CHAT-R/F thể hiện rõ hai giai đoạn thực hiện của bài kiểm tra:

• Giai đoạn 1 – M-CHAT-R (Bảng câu hỏi sửa đổi): Gồm 20 câu hỏi dưới dạng Có/Không dành cho cha mẹ hoặc người chăm sóc chính trả lời. Các câu hỏi xoay quanh hành vi, kỹ năng giao tiếp, tương tác xã hội và cách trẻ phản ứng với môi trường xung quanh (ví dụ: Trẻ có chỉ tay để khoe đồ vật không? Trẻ có nhìn vào mắt bạn không? Trẻ có quay đầu lại khi được gọi tên không?).

• Giai đoạn 2 – Follow-Up (Phỏng vấn theo dõi – chữ “F”): Dành cho những trẻ có kết quả nằm trong nhóm nguy cơ trung bình ở Giai đoạn 1. Chuyên gia y tế hoặc tâm lý sẽ hỏi chi tiết hơn về những câu mà trẻ “không vượt qua” (dựa trên sơ đồ luồng câu hỏi chuẩn) để lọc bỏ các trường hợp dương tính giả (trẻ bình thường nhưng cha mẹ hiểu nhầm câu hỏi) trước khi quyết định chuyển trẻ đi khám chuyên sâu.

2. Cách tính điểm và phân loại nguy cơ (Giai đoạn 1)

Sau khi cha mẹ trả lời 20 câu hỏi, tổng điểm (từ 0 đến 20) sẽ phân trẻ vào 3 mức độ:

3. Những lưu ý quan trọng khi sử dụng

• Là công cụ sàng lọc, KHÔNG phải công cụ chẩn đoán: Kết quả M-CHAT-R/F báo “nguy cơ cao” không đồng nghĩa 100% là trẻ mắc tự kỷ (trẻ có thể bị chậm nói đơn thuần, khiếm thính hoặc rối loạn phát triển khác). Để chẩn đoán chính xác, trẻ cần được các bác sĩ chuyên khoa Nhi, Tâm thần nhi hoặc chuyên gia Tâm lý lâm sàng trực tiếp thăm khám (sử dụng các bộ công cụ chuyên sâu như ADOS-2, DSM-5…).

• Hoàn toàn miễn phí và nhanh chóng: Phụ huynh chỉ mất khoảng 5–10 phút để hoàn thành. Tại Việt Nam, bộ công cụ này đã được chuẩn hóa tiếng Việt và tích hợp trực tuyến trên nhiều nền tảng hỗ trợ trẻ tự kỷ (như hệ thống A365) cũng như tại các bệnh viện Nhi.

Nội dung được tạo với sự đánh giá từ tài liệu gốc và hỗ trợ bởi AI.

(function(){ /* 1. CHỐT CHẶN BẢO VỆ: Không thực thi nếu bị WordPress/Plugin SEO quét nhầm lên */ var currentScript = document.currentScript; if (currentScript && currentScript.closest && currentScript.closest('head')) return; function initSTATWidget() { var host = document.getElementById('stat-wp-host'); if (!host || !document.body || !document.body.contains(host)) return; if (host.getAttribute('data-initialized') === 'true') return; host.setAttribute('data-initialized', 'true'); var placeholder = document.createComment('stat-portal-placeholder'); var shadow = host.attachShadow({ mode: 'open' }); // 12 Hoạt động tương tác chuẩn cấu trúc STAT chia theo 4 lĩnh vực // weight: Trọng số điểm rủi ro khi Không đạt (0.50 cho lĩnh vực 2 mục, 0.25 cho lĩnh vực 4 mục) var items = [ { id: 1, dom: 'play', weight: 0.50, name: 'Hoạt động 1: Chơi luân phiên qua lại (Turn-taking)', setup: 'Dùng quả bóng nhỏ hoặc xe hơi đồ chơi, lăn về phía bé và khuyến khích bé lăn trả lại (tối đa 3 lần thử).', passCrit: 'Bé tham gia lăn trả bóng/xe qua lại ít nhất 2 lượt liên tiếp kèm nhìn hoặc hướng về người chơi.' }, { id: 2, dom: 'play', weight: 0.50, name: 'Hoạt động 2: Chơi chức năng & Chơi giả vờ với búp bê / gấu bông', setup: 'Đưa cho bé bộ đồ chơi gồm búp bê/gấu bông, thìa, bát, cốc, lược hoặc chăn nhỏ.', passCrit: 'Bé tự thực hiện hành động chơi giả vờ hướng tới búp bê (VD: đút cho búp bê ăn, chải tóc hoặc đắp chăn cho búp bê).' }, { id: 3, dom: 'req', weight: 0.50, name: 'Hoạt động 3: Yêu cầu mở lọ bong bóng xà phòng', setup: 'Thổi bong bóng xà phòng cho bé xem, sau đó đậy nắp thật chặt rồi đưa lọ cho bé và chờ đợi.', passCrit: 'Bé chủ động yêu cầu giúp mở nắp có kết hợp GIAO TIẾP MẮT + đưa lọ / chỉ tay / phát âm (Không tính đạt nếu chỉ kéo tay người lớn đặt vào nắp mà không nhìn mặt).' }, { id: 4, dom: 'req', weight: 0.50, name: 'Hoạt động 4: Yêu cầu lấy bánh/đồ chơi trong hộp trong suốt đậy kín', setup: 'Đặt món bánh hoặc đồ chơi bé thích vào hộp nhựa trong suốt có nắp vặn chặt, đưa cho bé.', passCrit: 'Bé nhìn vào mắt người khám kết hợp đưa hộp, chỉ trỏ hoặc nói/phát âm để xin mở giúp.' }, { id: 5, dom: 'att', weight: 0.25, name: 'Hoạt động 5: Khởi xướng chú ý chung với Bóng bay xì hơi', setup: 'Bơm căng quả bóng bay, giữ miệng bóng rồi bất ngờ thả tay cho bóng bay vèo khắp phòng.', passCrit: 'Bé tự nhiên quay sang NHÌN MẮT người khám kèm chỉ tay, mỉm cười hoặc phát âm để chia sẻ sự thích thú/ngạc nhiên.' }, { id: 6, dom: 'att', weight: 0.25, name: 'Hoạt động 6: Chia sẻ sự chú ý với Con rối bông bất ngờ', setup: 'Đeo con rối tay, bất ngờ đưa ra làm động tác vui nhộn hoặc cù nhẹ rồi dừng lại quan sát.', passCrit: 'Bé nhìn luân phiên giữa con rối và mắt người khám để chia sẻ niềm vui hoặc chỉ vào con rối khoe.' }, { id: 7, dom: 'att', weight: 0.25, name: 'Hoạt động 7: Phản ứng chú ý chung với Đồ chơi phát âm thanh lạ', setup: 'Kích hoạt một đồ chơi dây cót hoặc vật phát tiếng kêu bất ngờ ở cách bé một khoảng ngắn.', passCrit: 'Bé nhìn về phía đồ chơi rồi tự động nhìn lên mắt người khám (Tham chiếu xã hội) hoặc chỉ tay khoe.' }, { id: 8, dom: 'att', weight: 0.25, name: 'Hoạt động 8: Khoe đồ vật từ Túi đồ chơi bí mật', setup: 'Đưa cho bé chiếc túi vải đựng vài món đồ chơi thú vị để bé tự thò tay rút ra từng món.', passCrit: 'Khi rút được món đồ lạ, bé giơ lên KHOE hoặc nhìn mắt người khám để chia sẻ (chứ không chỉ tự cầm chơi một mình).' }, { id: 9, dom: 'imit', weight: 0.25, name: 'Hoạt động 9: Bắt chước lắc xúc xắc / gõ nhịp lên bàn', setup: 'Làm mẫu động tác lắc chiếc xúc xắc 3 cái rồi gõ nhẹ xuống mặt bàn, sau đó đưa xúc xắc cho bé: "Đến lượt con làm!".', passCrit: 'Bé quan sát và bắt chước lại gần đúng thao tác vận động với xúc xắc.' }, { id: 10, dom: 'imit', weight: 0.25, name: 'Hoạt động 10: Bắt chước lăn xe đi tới – đi lui kèm âm thanh', setup: 'Cầm chiếc xe nhỏ đẩy tới – kéo lui trên bàn kèm tiếng "Bíp bíp / Brrr", rồi đưa xe cho bé.', passCrit: 'Bé bắt chước động tác đẩy xe tới – lui trên mặt bàn giống người làm mẫu.' }, { id: 11, dom: 'imit', weight: 0.25, name: 'Hoạt động 11: Bắt chước vỗ tay lên mặt trống / hộp', setup: 'Dùng bàn tay vỗ nhịp nhàng 3 tiếng lên mặt trống đồ chơi (hoặc hộp nhựa), rồi đẩy trống về phía bé.', passCrit: 'Bé bắt chước dùng tay vỗ lên mặt trống.' }, { id: 12, dom: 'imit', weight: 0.25, name: 'Hoạt động 12: Bắt chước đập hai khối gỗ và đặt lên đầu', setup: 'Cầm 2 khối gỗ đập vào nhau 2 cái rồi giơ lên cao/đặt nhẹ lên đầu, sau đó đưa 2 khối gỗ cho bé.', passCrit: 'Bé bắt chước được thao tác đập hai khối gỗ hoặc đưa lên theo mẫu.' } ]; // Trạng thái lưu kết quả từng mục: 'PASS' (Đạt = 0 điểm rủi ro) | 'FAIL' (Không đạt = cộng điểm rủi ro) var scores = {}; var ageBand = '24_36'; // '24_36' (Cut-off >= 2.00) | '14_23' (Cut-off >= 2.75, cảnh báo 2.25-2.50) var filterDom = 'all'; var isFullscreen = false; var savedScrollY = 0; var styleEl = document.createElement('style'); styleEl.textContent = [ ':host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; }', '*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }', '.st-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; }', '.st-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; }', '.st-inner { padding: 24px; max-width: 920px; margin: 0 auto; background: #ffffff; border-radius: 16px; }', '.st-wrap.is-fullscreen .st-inner { border-radius: 0; min-height: calc(100vh - 52px); }', '.fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; }', '.st-wrap.is-fullscreen .fs-floating-bar { display: flex; }', '.fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; }', '.btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; }', '.floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(13, 148, 136, 0.45); opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; }', '.floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); }', '.floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); }', '.fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }', '.st-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; }', '.st-header-text { flex: 1 1 260px; }', '.st-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; }', '.st-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; }', '.btn-fullscreen-top { background: #f0fdfa; color: #0f766e; border: 1px solid #99f6e4; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }', '.st-top-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }', '.st-box-ctrl { background: #f8fafc; border: 1px solid #e2e8f0; padding: 10px 12px; border-radius: 10px; }', '.st-ctrl-label { font-size: 12px; font-weight: 700; color: #475569; text-transform: uppercase; margin-bottom: 6px; display: block; }', '.st-age-group, .st-preset-group { display: flex; flex-wrap: wrap; gap: 6px; }', '.st-btn-sm { padding: 6px 10px; border-radius: 7px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; flex: 1; text-align: center; }', '.st-btn-sm.active { background: #0f766e; color: #ffffff; border-color: #0f766e; }', '.st-btn-sm.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; flex: 0 0 auto; }', '.st-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }', '.st-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; }', '.st-dtab.active { background: #0f766e; color: #ffffff; border-color: #0f766e; }', '.st-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); }', '.st-wrap.is-fullscreen .st-dash { top: 58px; }', '.st-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }', '.st-score-big { font-size: 24px; font-weight: 800; line-height: 1; }', '.st-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; }', '.st-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; }', '.st-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; }', '.st-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; }', '.st-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; }', '.st-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; }', '.st-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; }', '.st-item { border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; display: flex; flex-direction: column; gap: 10px; }', '.st-item.risk-flagged { border-color: #fca5a5; background: #fff5f5; }', '.st-item.pass-flagged { border-color: #a7f3d0; background: #f0fdf4; }', '.st-item-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }', '.st-item-title { font-size: 15px; font-weight: 700; color: #0f172a; margin-bottom: 4px; }', '.st-item-setup { font-size: 13.5px; color: #334155; margin-bottom: 4px; }', '.st-item-crit { font-size: 13px; color: #0f766e; background: rgba(13, 148, 136, 0.08); padding: 6px 10px; border-radius: 6px; border-left: 3px solid #0d9488; }', '.st-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }', '.st-tag { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; }', '.st-tag.dom-play { background: #dbeafe; color: #1d4ed8; }', '.st-tag.dom-req { background: #fce7f3; color: #be185d; }', '.st-tag.dom-att { background: #fef3c7; color: #b45309; }', '.st-tag.dom-imit { background: #f3e8ff; color: #7e22ce; }', '.st-ans-group { display: flex; flex-direction: column; gap: 6px; flex-shrink: 0; min-width: 145px; }', '.st-abtn { padding: 8px 12px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 13px; font-weight: 700; color: #334155; cursor: pointer; text-align: center; }', '.st-abtn.sel-pass { background: #10b981; border-color: #10b981; color: #ffffff; }', '.st-abtn.sel-fail { background: #ef4444; border-color: #ef4444; color: #ffffff; }', '.st-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; }', '@media (max-width: 680px) { .st-inner { padding: 14px; } .st-top-controls { grid-template-columns: 1fr; } .st-pillars { grid-template-columns: 1fr 1fr; } .st-item-head { flex-direction: column; } .st-ans-group { flex-direction: row; width: 100%; } .st-abtn { flex: 1; padding: 10px; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } }' ].join('\n'); var wrapEl = document.createElement('div'); wrapEl.className = 'st-wrap'; wrapEl.id = 'stWrap'; wrapEl.innerHTML = [ '', '', '⛶', 'Phóng to bảng', '', '' ].join(''); shadow.appendChild(styleEl); shadow.appendChild(wrapEl); var listEl = shadow.querySelector('.st-item-list'); var scoreEl = shadow.querySelector('.st-val-score'); var ansCountEl = shadow.querySelector('.st-val-answered'); var cutoffEl = shadow.querySelector('.st-val-cutoff'); var badgeEl = shadow.querySelector('.st-badge'); var barFillEl = shadow.querySelector('.st-bar-fill'); var playEl = shadow.querySelector('.st-val-play'); var reqEl = shadow.querySelector('.st-val-req'); var attEl = shadow.querySelector('.st-val-att'); var imitEl = shadow.querySelector('.st-val-imit'); var resBoxEl = shadow.querySelector('.st-result-box'); var fsText = shadow.getElementById('fsText'); var fsIcon = shadow.getElementById('fsIcon'); var fabBtn = shadow.getElementById('btnFloatingFab'); var fabText = shadow.getElementById('fabText'); var fabIcon = shadow.getElementById('fabIcon'); function getDomBadge(dom) { if (dom === 'play') return { text: 'Lĩnh vực 1: Vui chơi (Play)', cls: 'dom-play' }; if (dom === 'req') return { text: 'Lĩnh vực 2: Yêu cầu (Requesting)', cls: 'dom-req' }; if (dom === 'att') return { text: 'Lĩnh vực 3: Định hướng chú ý (Joint Attention)', cls: 'dom-att' }; return { text: 'Lĩnh vực 4: Bắt chước vận động (Motor Imitation)', cls: 'dom-imit' }; } function renderItems() { listEl.innerHTML = ''; items.forEach(function(it) { if (filterDom !== 'all' && it.dom !== filterDom) return; var uAns = scores[it.id] || null; var rowCls = 'st-item'; if (uAns === 'FAIL') rowCls += ' risk-flagged'; else if (uAns === 'PASS') rowCls += ' pass-flagged'; var dInfo = getDomBadge(it.dom); var passBtnCls = 'st-abtn' + (uAns === 'PASS' ? ' sel-pass' : ''); var failBtnCls = 'st-abtn' + (uAns === 'FAIL' ? ' sel-fail' : ''); var el = document.createElement('div'); el.className = rowCls; el.innerHTML = [ '' ].join(''); listEl.appendChild(el); }); listEl.querySelectorAll('.st-abtn').forEach(function(btn) { btn.onclick = function() { var id = parseInt(this.getAttribute('data-id'), 10); var val = this.getAttribute('data-val'); scores[id] = val; renderItems(); updateSummary(); }; }); } function updateSummary() { var sPlay = 0, sReq = 0, sAtt = 0, sImit = 0, answered = 0; items.forEach(function(it) { var u = scores[it.id]; if (u) { answered++; if (u === 'FAIL') { if (it.dom === 'play') sPlay += it.weight; else if (it.dom === 'req') sReq += it.weight; else if (it.dom === 'att') sAtt += it.weight; else if (it.dom === 'imit') sImit += it.weight; } } }); var total = sPlay + sReq + sAtt + sImit; scoreEl.textContent = total.toFixed(2); ansCountEl.textContent = answered; cutoffEl.textContent = (ageBand === '24_36') ? 'Ngưỡng cắt (24–36 tháng): ≥ 2.00' : 'Ngưỡng cắt (14–23 tháng): ≥ 2.75 (Cảnh báo: ≥ 2.25)'; playEl.textContent = sPlay.toFixed(2) + ' / 1.00'; reqEl.textContent = sReq.toFixed(2) + ' / 1.00'; attEl.textContent = sAtt.toFixed(2) + ' / 1.00'; imitEl.textContent = sImit.toFixed(2) + ' / 1.00'; var pct = Math.min(100, Math.round((total / 4.0) * 100)); barFillEl.style.width = pct + '%'; if (answered === 0) { badgeEl.textContent = 'Chưa chấm hoạt động'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Chọn nhóm tuổi của bé, sau đó bấm ĐẠT hoặc KHÔNG ĐẠT cho từng hoạt động tương tác phía trên (hoặc chọn các nút Kịch bản mẫu) để xem kết quả quy đổi điểm STAT.'; updateFloatingFabVisibility(); return; } var highCut = (ageBand === '24_36') ? 2.00 : 2.75; var warnCut = (ageBand === '24_36') ? 1.50 : 2.25; var color = '#10b981'; var badgeTxt = ''; var analysis = ''; if (total < warnCut) { color = '#10b981'; badgeTxt = 'NGUY CƠ THẤP (' + total.toFixed(2) + ' / 4.00)'; analysis = 'Kết luận sàng lọc tương tác STAT — Dưới ngưỡng nguy cơ (' + total.toFixed(2) + '/4.00 điểm):
• Bé thể hiện khả năng phối hợp ánh mắt, chia sẻ sự chú ý (Chú ý chung: ' + sAtt.toFixed(2) + '/1.00) và yêu cầu giao tiếp (' + sReq.toFixed(2) + '/1.00) phù hợp.
• Ý nghĩa phân biệt: Nếu bé chậm nói nhưng đạt điểm STAT thấp như trên, bé có nền tảng giao tiếp phi ngôn ngữ tốt (gợi ý chậm nói đơn thuần hơn là rối loạn phổ tự kỷ).'; } else if (total < highCut) { color = '#f59e0b'; badgeTxt = 'NGƯỠNG CẦN THEO DÕI SÁT (' + total.toFixed(2) + ' / 4.00)'; analysis = 'Kết luận sàng lọc tương tác STAT — Vùng Giáp Ranh Cần Theo Dõi (' + total.toFixed(2) + '/4.00 điểm):
• Tổng điểm tiệm cận ngưỡng cắt lâm sàng (' + highCut.toFixed(2) + ' điểm). Hồ sơ chi tiết: Vui chơi (' + sPlay.toFixed(2) + '), Yêu cầu (' + sReq.toFixed(2) + '), Định hướng chú ý (' + sAtt.toFixed(2) + '), Bắt chước (' + sImit.toFixed(2) + ').
• Khuyến nghị: Cần đặc biệt lưu ý nếu điểm rủi ro tập trung ở mục Định hướng chú ý (Joint Attention) và Yêu cầu có giao tiếp mắt. Nên bắt đầu hướng dẫn phụ huynh can thiệp tương tác sớm và đánh giá thêm bằng ADOS-2 / Vineland-3.'; } else { color = '#ef4444'; badgeTxt = 'NGUY CƠ CAO ASD (≥ ' + highCut.toFixed(2) + ': ' + total.toFixed(2) + ')'; analysis = 'Kết luận sàng lọc tương tác STAT — Vượt Ngưỡng Điểm Cắt (Đạt ' + total.toFixed(2) + '/4.00 điểm, ngưỡng cắt ≥ ' + highCut.toFixed(2) + '):
• Qua quan sát tương tác trực tiếp, bé bộc lộ sự thiếu hụt rõ rệt ở các kỹ năng giao tiếp xã hội nền tảng: Vui chơi (' + sPlay.toFixed(2) + '/1.00), Yêu cầu (' + sReq.toFixed(2) + '/1.00), Định hướng chú ý chung (' + sAtt.toFixed(2) + '/1.00) và Bắt chước (' + sImit.toFixed(2) + '/1.00).
• Hướng xử trí chuẩn: Chuyển gửi ngay sang bước đánh giá chẩn đoán xác định (ADOS-2, DSM-5) và đánh giá hành vi thích ứng (Vineland-3) để can thiệp sớm ngay trong giai đoạn vàng.'; } barFillEl.style.background = color; badgeEl.textContent = badgeTxt; badgeEl.style.background = color; badgeEl.style.color = '#ffffff'; resBoxEl.style.borderLeftColor = color; resBoxEl.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { scores = {}; if (type === 'reset') { renderItems(); updateSummary(); return; } items.forEach(function(it) { scores[it.id] = 'PASS'; }); if (type === 'speech') { // Trẻ chậm nói đơn thuần: Đạt hết Yêu cầu & Chú ý chung, chỉ trượt 1 mục chơi giả vờ phức tạp (0.50đ) scores[2] = 'FAIL'; } else if (type === 'border') { // Ngưỡng giáp ranh (2.00đ) scores[2] = 'FAIL'; // +0.50 scores[3] = 'FAIL'; // +0.50 scores[5] = 'FAIL'; // +0.25 scores[8] = 'FAIL'; // +0.25 scores[9] = 'FAIL'; // +0.25 scores[12] = 'FAIL'; // +0.25 } else if (type === 'asd') { // Nguy cơ tự kỷ điển hình (3.25đ) [1, 2, 3, 4, 5, 6, 7, 8, 9, 12].forEach(function(id) { scores[id] = 'FAIL'; }); } renderItems(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; var rect = host.getBoundingClientRect(); var viewH = window.innerHeight || document.documentElement.clientHeight; if (rect.top 180) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = 'position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;z-index:2147483647!important;background:#f8fafc!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important;'; wrapEl.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { wrapEl.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = ''; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('#ageGroup .st-btn-sm').forEach(function(btn) { btn.onclick = function() { ageBand = this.getAttribute('data-age'); shadow.querySelectorAll('#ageGroup .st-btn-sm').forEach(function(b) { b.classList.remove('active'); }); this.classList.add('active'); updateSummary(); }; }); shadow.querySelectorAll('#presetGroup .st-btn-sm').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-pre')); }; }); shadow.querySelectorAll('#domainTabs .st-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .st-dtab').forEach(function(t) { t.classList.remove('active'); }); this.classList.add('active'); renderItems(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = function() { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = function() { setFullscreenState(false); }; fabBtn.onclick = function() { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', function(e) { if (e.key === 'Escape' && isFullscreen) setFullscreenState(false); }); applyPreset('asd'); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initSTATWidget); } else { initSTATWidget(); } })();

STAT (Screening Tool for Autism in Toddlers and Young Children — Công cụ Sàng lọc Tự kỷ ở Trẻ mới biết đi và Trẻ nhỏ) là một công cụ sàng lọc tương tác trực tiếp (Cấp độ 2 – Level 2) được chuẩn hóa để phát hiện sớm các dấu hiệu nguy cơ của Rối loạn phổ tự kỷ (ASD) ở trẻ nhỏ. Công cụ này được phát triển bởi Giáo sư Wendy Stone và các cộng sự tại Đại học Vanderbilt (Hoa Kỳ).

Nếu như M-CHAT-R/F là công cụ Sàng lọc Cấp độ 1 (dựa trên bảng câu hỏi do phụ huynh tự điền cho trẻ từ 16 – 30 tháng), thì STAT đóng vai trò là bước kiểm tra trực tiếp ngay sau đó: chuyên gia sẽ trực tiếp chơi và tương tác với trẻ qua các hoạt động có cấu trúc để quan sát hành vi thực tế trước khi chuyển gửi đi chẩn đoán chuyên sâu (như ADOS-2).

1. Đặc điểm cốt lõi của công cụ STAT

• Độ tuổi áp dụng:

  • Độ tuổi chuẩn hóa chính thức: Từ 24 đến 36 tháng tuổi (2 – 3 tuổi).

  • Độ tuổi mở rộng trong lâm sàng: Có thể áp dụng hiệu quả cho trẻ từ 14 đến 23 tháng tuổi (với ngưỡng điểm cắt điều chỉnh riêng) để phát hiện sớm ngay từ năm thứ hai đầu đời.

• Hình thức thực hiện: Quan sát tương tác trực tiếp thông qua trò chơi (Play-based interactive assessment), không phụ thuộc vào lời kể chủ quan của phụ huynh.

• Thời gian thực hiện: Khoảng 15 – 20 phút.

• Độ nhạy và Độ đặc hiệu cao: STAT có độ nhạy khoảng 92% và độ đặc hiệu khoảng 85% trong việc phân biệt trẻ có nguy cơ Tự kỷ với trẻ chậm phát triển ngôn ngữ hoặc các rối loạn phát triển khác.

2. Cấu trúc 12 hoạt động trong 4 lĩnh vực (Domains)

Bài kiểm tra STAT bao gồm 12 hoạt động tương tác sử dụng bộ đồ chơi tiêu chuẩn, được chia vào 4 lĩnh vực giao tiếp xã hội sớm (chấm điểm ngay trong lúc chơi mà không đòi hỏi trẻ phải có ngôn ngữ nói):

3. Cách chấm điểm và Ngưỡng điểm cắt (Cut-off Score)

• Chấm từng hoạt động: Mỗi hoạt động trong 12 mục được chấm là Đạt (Pass = 0 điểm rủi ro) hoặc Không đạt (Fail = 1 điểm rủi ro) dựa trên việc trẻ có thể hiện được hành vi giao tiếp xã hội mục tiêu (như phối hợp ánh mắt,chỉ trỏ, luân phiên) hay không.

• Quy đổi điểm theo lĩnh vực:

  • Mỗi lĩnh vực trong 4 lĩnh vực sẽ được quy đổi thành điểm từ 0 đến 1 (dựa trên tỷ lệ số mục Không đạt trong lĩnh vực đó, tính theo bước nhảy 0,0.25,0.5,0.75,1.0).

  • Tổng điểm STAT là tổng điểm của cả 4 lĩnh vực, nằm trong khoảng từ 0 đến 4.0 điểm (điểm càng cao thì mức độ thiếu hụt giao tiếp xã hội càng lớn).

• Ngưỡng điểm cắt lâm sàng (Cut-off):

  • Trẻ từ 24 – 36 tháng tuổi: Tổng điểm $\ge 2.0$ $\to$ Nguy cơ cao mắc Rối loạn phổ tự kỷ (ASD).

  • Trẻ từ 14 – 23 tháng tuổi: Ngưỡng điểm cắt thường được đặt ở mức $\ge 2.75$ (hoặc từ 2.25−2.5 để cảnh báo theo dõi sát) do trẻ dưới 2 tuổi có một số kỹ năng bắt chước/chơi giả vờ còn đang hoàn thiện.

4. Vị trí của STAT trong quy trình sàng lọc – chẩn đoán

Để hình dung rõ sự phối hợp giữa STAT và các công cụ bạn đã tìm hiểu trước đó:

• Bước 1 — Sàng lọc diện rộng qua bảng hỏi phụ huynh (Level 1):

  • Trẻ 16 – 30 tháng: Dùng M-CHAT-R/F.

  • Trẻ $\ge 4$ tuổi: Dùng SCQ.

• Bước 2 — Sàng lọc tương tác trực tiếp (Level 2 – Lọc dương tính giả):

  • Khi trẻ có kết quả nguy cơ trên M-CHAT-R/F, bác sĩ/chuyên viên tâm lý dùng STAT (15–20 phút) để trực tiếp tương tác với trẻ. Bước này giúp phân biệt nhanh trẻ chậm nói đơn thuần (vốn vẫn đạt tốt các mục giao tiếp mắt và chia sẻ sự chú ý trên STAT) với trẻ thực sự có nguy cơ tự kỷ.

• Bước 3 — Chẩn đoán xác định & Đánh giá chức năng (Diagnostic & Functional Assessment):

  • Dùng tiêu chuẩn vàng ADOS-2 + ADI-R + DSM-5 để chẩn đoán xác định.

  • Dùng Vineland-3 để đo lường hành vi thích ứng thực tế và lên kế hoạch can thiệp cá nhân hóa (IEP).

 

(function() { const host = document.getElementById('srs2-wp-host'); if (!host) return; const placeholder = document.createComment('srs2-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // Cấu hình 4 Phiên bản theo độ tuổi & người đánh giá của SRS-2 const formConfigs = { preschool: { code: 'preschool', tabTitle: '🧸 1. Preschool (2.5 – 4.5 tuổi)', tabSub: 'Mầm non • Cha mẹ / Giáo viên', fullTitle: 'SRS-2 Preschool Form — Dành Cho Trẻ Mầm Non (2.5 Đến 4.5 Tuổi • Cha Mẹ / Giáo Viên Đánh Giá)', desc: 'Đánh giá 65 hành vi đáp ứng xã hội và rập khuôn ở trẻ mẫu giáo từ 30 đến 54 tháng tuổi. Hệ thống tự động quy đổi sang Điểm chuẩn T-Score (Mean = 50, SD = 10) trên 5 Tiểu thang điều trị và 2 Chỉ số tương thích DSM-5.', subj: 'Bé', poss: 'của bé', peer: 'các bạn nhỏ khác', env: 'ở nhà / lớp mẫu giáo' }, school: { code: 'school', tabTitle: '🎒 2. School-Age (4 – 18 tuổi)', tabSub: 'Học đường • Cha mẹ / Giáo viên', fullTitle: 'SRS-2 School-Age Form — Dành Cho Trẻ Em & Thanh Thiếu Niên (4 Đến 18 Tuổi • Cha Mẹ / Giáo Viên Đánh Giá)', desc: 'Phiên bản chuẩn hóa phổ biến nhất dành cho lứa tuổi học đường (4 – 18 tuổi). Đo lường định lượng mức độ suy giảm giao tiếp xã hội trên dải liên tục từ Bình thường (≤59T), Nhẹ (60–65T), Trung bình (66–75T) đến Nặng (≥76T).', subj: 'Trẻ', poss: 'của trẻ', peer: 'bạn đồng trang lứa', env: 'ở trường / ở nhà' }, adult_other: { code: 'adult_other', tabTitle: '👥 3. Adult Other (≥ 19 tuổi)', tabSub: 'Người lớn • Người thân đánh giá', fullTitle: 'SRS-2 Adult Form (Other-Report) — Dành Cho Người Trưởng Thành (Từ 19 Tuổi Trở Lên • Người Thân / Bạn Đời Đánh Giá)', desc: 'Dành cho vợ/chồng, bố mẹ, anh chị hoặc bạn thân đánh giá khách quan về khả năng tương tác xã hội, thấu cảm và tính linh hoạt hành vi của người trưởng thành trong đời sống hàng ngày.', subj: 'Người này', poss: 'của họ', peer: 'mọi người xung quanh', env: 'trong công việc / cuộc sống' }, adult_self: { code: 'adult_self', tabTitle: '🧑 4. Adult Self-Report (≥ 19 tuổi)', tabSub: 'Người lớn • Tự đánh giá (Tôi)', fullTitle: 'SRS-2 Adult Self-Report Form — Bảng Tự Đánh Giá Dành Cho Người Trưởng Thành (Từ 19 Tuổi Trở Lên)', desc: 'Phiên bản tự báo cáo ở ngôi thứ nhất ("Tôi...") giúp người trưởng thành tự lượng giá 5 Tiểu thang đáp ứng xã hội (Nhận thức, Tư duy, Giao tiếp, Động lực xã hội và Hành vi lặp lại).', subj: 'Tôi', poss: 'của mình', peer: 'người khác', env: 'trong công việc / giao tiếp' } }; // Cấu hình 5 Tiểu thang điều trị (Treatment Subscales) của SRS-2 (Tổng 65 câu = 195 điểm thô) // DSM-5 SCI (Social Communication & Interaction) = AWR + COG + COM + MOT (53 câu = 159 điểm) // DSM-5 RRB (Restricted Interests & Repetitive Behavior) = RRB (12 câu = 36 điểm) const subConfigs = { awr: { code: 'awr', dsm: 'sci', count: 8, maxRaw: 24, name: '1. Nhận thức Xã hội (Social Awareness - AWR • 8 câu)', color: '#0284c7' }, cog: { code: 'cog', dsm: 'sci', count: 12, maxRaw: 36, name: '2. Tư duy / Giải mã Xã hội (Social Cognition - COG • 12 câu)', color: '#2563eb' }, com: { code: 'com', dsm: 'sci', count: 22, maxRaw: 66, name: '3. Giao tiếp Xã hội (Social Communication - COM • 22 câu)', color: '#4f46e5' }, mot: { code: 'mot', dsm: 'sci', count: 11, maxRaw: 33, name: '4. Động lực Xã hội (Social Motivation - MOT • 11 câu)', color: '#7c3aed' }, rrb: { code: 'rrb', dsm: 'rrb', count: 12, maxRaw: 36, name: '5. Sở thích Hẹp & Hành vi Lặp lại (Restricted/Repetitive - RRB • 12 câu)', color: '#dc2626' } }; // Đầy đủ 65 mục chuẩn của SRS-2 phân bổ chính xác vào 5 Tiểu thang (AWR: 8, COG: 12, COM: 22, MOT: 11, RRB: 12) // rev: true đối với 17 câu đảo ngược (mô tả kỹ năng xã hội tích cực -> Chọn "Không đúng" = 3 điểm rủi ro, "Hầu như luôn đúng" = 0 điểm) const rawQuestions = [ // TIỂU THANG 1: NHẬN THỨC XÃ HỘI (SOCIAL AWARENESS - AWR • 8 câu) { id: 1, sub: 'awr', rev: true, c: '{S} nhận biết được những gì người khác đang nghĩ hoặc đang cảm thấy.' }, { id: 2, sub: 'awr', rev: true, c: 'Biểu cảm trên khuôn mặt {P} ăn khớp với những gì {S_low} đang nói.' }, { id: 3, sub: 'awr', rev: false, c: '{S} dường như không nhận ra khi mình đang nói quá to hoặc gây ra tiếng ồn làm phiền {E}.' }, { id: 4, sub: 'awr', rev: false, c: '{S} đi xuyên vào giữa hai người đang nói chuyện mà không nhận ra điều đó là thiếu tế nhị.' }, { id: 5, sub: 'awr', rev: true, c: '{S} chú ý khi có ai đó {E} đang buồn bã hoặc cần sự giúp đỡ.' }, { id: 6, sub: 'awr', rev: false, c: '{S} nhìn chằm chằm hoặc nhìn lơ đãng vào khoảng không mà không để ý đến những gì diễn ra xung quanh.' }, { id: 7, sub: 'awr', rev: true, c: '{S} giữ vệ sinh cá nhân và tác phong phù hợp khi xuất hiện trước {E}.' }, { id: 8, sub: 'awr', rev: false, c: '{S} không nhận ra khi mình đang đứng quá gần hoặc xâm phạm không gian riêng của {E}.' }, // TIỂU THANG 2: TƯ DUY / GIẢI MÃ XÃ HỘI (SOCIAL COGNITION - COG • 12 câu) { id: 9, sub: 'cog', rev: false, c: '{S} hiểu mọi lời nói theo đúng nghĩa đen và không bắt được ẩn ý đằng sau câu nói.' }, { id: 10, sub: 'cog', rev: true, c: '{S} nhận ra ngay khi có ai đó đang trêu đùa hoặc lấy mình ra làm trò cười.' }, { id: 11, sub: 'cog', rev: false, c: '{S} gặp khó khăn trong việc hiểu ý nghĩa của giọng điệu và biểu cảm nét mặt của {E}.' }, { id: 12, sub: 'cog', rev: true, c: '{S} hiểu được mối liên hệ nguyên nhân – kết quả giữa các sự kiện xã hội.' }, { id: 13, sub: 'cog', rev: false, c: '{S} dễ bị hiểu nhầm hoặc phản ứng sai lệch trước những câu nói đùa, châm biếm nhẹ nhàng.' }, { id: 14, sub: 'cog', rev: false, c: '{S} quá ngây thơ, dễ tin người và không nhận ra ý đồ không tốt của người khác.' }, { id: 15, sub: 'cog', rev: true, c: '{S} có khả năng tưởng tượng và tham gia các hoạt động giả định / sáng tạo phong phú.' }, { id: 16, sub: 'cog', rev: false, c: 'Khi có chuyện bất ngờ xảy ra, {S_low} chỉ tập trung vào một chi tiết nhỏ không quan trọng thay vì nhìn bức tranh tổng thể.' }, { id: 17, sub: 'cog', rev: false, c: '{S} khó phân biệt được giữa việc ai đó vô tình làm sai với việc họ cố ý trêu chọc mình.' }, { id: 18, sub: 'cog', rev: true, c: '{S} hiểu được các quy tắc ngầm trong giao tiếp và ứng xử phù hợp {V}.' }, { id: 19, sub: 'cog', rev: false, c: '{S} tỏ ra bối rối, quá tải khi cuộc trò chuyện diễn ra nhanh hoặc có nhiều người cùng nói.' }, { id: 20, sub: 'cog', rev: false, c: '{S} đưa ra những nhận xét kỳ lạ hoặc không ăn nhập với chủ đề mà mọi người đang bàn luận.' }, // TIỂU THANG 3: GIAO TIẾP XÃ HỘI (SOCIAL COMMUNICATION - COM • 22 câu) { id: 21, sub: 'com', rev: true, c: '{S} có thể truyền đạt suy nghĩ và cảm xúc {P} cho người khác một cách dễ dàng.' }, { id: 22, sub: 'com', rev: false, c: '{S} gặp khó khăn lớn trong việc duy trì cuộc trò chuyện qua lại hai chiều (như đánh bóng bàn).' }, { id: 23, sub: 'com', rev: false, c: '{S} tránh giao tiếp trực diện bằng ánh mắt khi đang nói chuyện với {E}.' }, { id: 24, sub: 'com', rev: true, c: '{S} biết cách thương lượng, thỏa hiệp và giải quyết bất đồng với {E} một cách linh hoạt.' }, { id: 25, sub: 'com', rev: false, c: '{S} nói chuyện với giọng điệu khác thường (như giọng phẳng lì như robot, giọng quá cao hoặc nói lắp bắp máy móc).' }, { id: 26, sub: 'com', rev: false, c: '{S} tỏ ra vụng về, thiếu đồng bộ khi phải phối hợp tương tác cùng {E}.' }, { id: 27, sub: 'com', rev: true, c: '{S} biết chủ động an ủi hoặc thể hiện sự cảm thông khi thấy người khác buồn.' }, { id: 28, sub: 'com', rev: false, c: '{S} cứ nói thao thao bất tuyệt về một chủ đề dù người nghe đã tỏ vẻ chán hoặc muốn đổi chuyện.' }, { id: 29, sub: 'com', rev: false, c: '{S} gặp khó khăn trong việc trả lời trực tiếp vào trọng tâm câu hỏi của người đối diện.' }, { id: 30, sub: 'com', rev: true, c: '{S} chơi đùa hoặc làm việc nhóm hòa hợp, nhịp nhàng cùng với {E}.' }, { id: 31, sub: 'com', rev: false, c: 'Nét mặt {P} thường lạnh lùng, ít biểu cảm khiến người khác khó đoán được tâm trạng.' }, { id: 32, sub: 'com', rev: false, c: '{S} rất ít sử dụng các cử chỉ tay chân tự nhiên để minh họa khi đang nói chuyện.' }, { id: 33, sub: 'com', rev: true, c: '{S} biết điều chỉnh cách nói chuyện tùy theo người nghe là người lớn hay bạn bè.' }, { id: 34, sub: 'com', rev: false, c: '{S} thường đặt những câu hỏi thiếu tế nhị hoặc nhận xét thẳng thừng làm người khác ngượng ngùng.' }, { id: 35, sub: 'com', rev: false, c: '{S} không biết cách bắt đầu một cuộc trò chuyện thân mật hay chào hỏi tự nhiên.' }, { id: 36, sub: 'com', rev: true, c: '{S} lắng nghe chăm chú và chờ đến lượt mình khi trò chuyện nhóm.' }, { id: 37, sub: 'com', rev: false, c: '{S} phản ứng với sự thay đổi tâm trạng của người khác một cách chậm chạp hoặc lệch pha.' }, { id: 38, sub: 'com', rev: false, c: '{S} rất khó kết bạn mới hoặc giữ được những mối quan hệ bạn bè thân thiết lâu dài.' }, { id: 39, sub: 'com', rev: true, c: '{S} chủ động chia sẻ niềm vui, sở thích hoặc thành quả của mình với người thân.' }, { id: 40, sub: 'com', rev: false, c: 'Khi nói chuyện, {S_low} sử dụng từ ngữ quá sách vở, trịnh trọng hoặc rập khuôn so với lứa tuổi.' }, { id: 41, sub: 'com', rev: false, c: '{S} không biết cách nhờ người khác giúp đỡ một cách phù hợp khi gặp khó khăn.' }, { id: 42, sub: 'com', rev: false, c: '{S} dễ gây hiểu lầm là thô lỗ hoặc thờ ơ dù bản thân không hề có ý xấu.' }, // TIỂU THANG 4: ĐỘNG LỰC XÃ HỘI (SOCIAL MOTIVATION - MOT • 11 câu) { id: 43, sub: 'mot', rev: false, c: '{S} cảm thấy căng thẳng, thiếu tự nhiên hơn rất nhiều khi ở trong các tình huống giao lưu xã hội so với khi ở một mình.' }, { id: 44, sub: 'mot', rev: true, c: '{S} tự tin khi giao tiếp và tiếp xúc với những người mới quen.' }, { id: 45, sub: 'mot', rev: false, c: '{S} thích ở một mình hơn là tham gia các hoạt động vui chơi, tụ tập cùng {E}.' }, { id: 46, sub: 'mot', rev: false, c: '{S} không chủ động tìm kiếm sự tham gia của người khác mà thường tự tách mình ra góc riêng.' }, { id: 47, sub: 'mot', rev: true, c: '{S} hào hứng tham gia các hoạt động tập thể, câu lạc bộ hoặc trò chơi nhóm {V}.' }, { id: 48, sub: 'mot', rev: false, c: '{S} tỏ ra quá bám dính vào một người quen duy nhất hoặc hoàn toàn thờ ơ ở nơi đông người.' }, { id: 49, sub: 'mot', rev: false, c: '{S} né tránh những tình huống đòi hỏi phải hợp tác chặt chẽ với người khác.' }, { id: 50, sub: 'mot', rev: true, c: '{S} chủ động bắt chuyện hoặc rủ {E} cùng tham gia hoạt động.' }, { id: 51, sub: 'mot', rev: false, c: '{S} có vẻ xa cách, khép kín và khó tiếp cận về mặt tình cảm.' }, { id: 52, sub: 'mot', rev: false, c: '{S} dễ bị lo âu, sợ hãi quá mức trước các sự kiện xã hội mới lạ.' }, { id: 53, sub: 'mot', rev: false, c: '{S} ít quan tâm đến việc người khác đánh giá hay nghĩ gì về mình.' }, // TIỂU THANG 5: SỞ THÍCH HẠN HẸP & HÀNH VI LẶP LẠI (RESTRICTED/REPETITIVE - RRB • 12 câu) { id: 54, sub: 'rrb', rev: false, c: 'Khi đang căng thẳng, {S_low} thể hiện những hành vi cứng nhắc, rập khuôn và rất khó dứt ra được.' }, { id: 55, sub: 'rrb', rev: false, c: '{S} rất bức bối, cáu giận nếu thói quen sinh hoạt hoặc lịch trình quen thuộc bị thay đổi.' }, { id: 56, sub: 'rrb', rev: false, c: '{S} có những cử động tay chân hoặc cơ thể lặp đi lặp lại (như vẫy tay, đung đưa người, xoay đồ vật, nhón gót).' }, { id: 57, sub: 'rrb', rev: false, c: '{S} chỉ suy nghĩ hoặc nói đi nói lại mãi về một chủ đề hẹp duy nhất mà bản thân đam mê.' }, { id: 58, sub: 'rrb', rev: false, c: '{S} bị người khác xem là có những thói quen kỳ lạ hoặc lập dị.' }, { id: 59, sub: 'rrb', rev: false, c: '{S} chạm vào người khác hoặc đồ vật theo một cách thức khác thường, máy móc.' }, { id: 60, sub: 'rrb', rev: false, c: '{S} quá nhạy cảm với một số âm thanh, ánh sáng hoặc kết cấu bề mặt (quần áo, thức ăn).' }, { id: 61, sub: 'rrb', rev: false, c: 'Phạm vi sở thích {P} rất hẹp và khác biệt so với {E}.' }, { id: 62, sub: 'rrb', rev: false, c: '{S} rất khó chuyển tiếp từ hoạt động này sang hoạt động khác.' }, { id: 63, sub: 'rrb', rev: false, c: '{S} lặp đi lặp lại một số từ ngữ, câu nói (nhại lời) hoặc âm thanh một cách vô thức.' }, { id: 64, sub: 'rrb', rev: false, c: '{S} bị cuốn hút quá mức vào các bộ phận nhỏ của đồ vật, con số, danh sách hoặc quy luật cố định.' }, { id: 65, sub: 'rrb', rev: false, c: '{S} đòi hỏi mọi đồ đạc hoặc công việc phải được sắp xếp theo đúng một trật tự bất di bất dịch.' } ]; let currentForm = 'school'; // 'preschool' | 'school' | 'adult_other' | 'adult_self' // ratings[id] lưu lựa chọn trên thang Likert 1..4 của SRS-2: // 1 = Không đúng (Not True) // 2 = Đôi khi đúng (Sometimes True) // 3 = Thường xuyên đúng (Often True) // 4 = Hầu như luôn đúng (Almost Always True) let ratings = {}; let filterSub = 'all'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .sr-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .sr-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .sr-inner { padding: 24px; max-width: 980px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .sr-wrap.is-fullscreen .sr-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .sr-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45), 0 0 0 0 rgba(79, 70, 229, 0.4); } 70% { box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45), 0 0 0 10px rgba(79, 70, 229, 0); } 100% { box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45), 0 0 0 0 rgba(79, 70, 229, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Bộ chuyển đổi 4 Phiên bản Độ tuổi SRS-2 */ .form-switcher-box { background: #f1f5f9; padding: 10px; border-radius: 12px; margin-bottom: 18px; } .form-switcher-lbl { font-size: 12px; font-weight: 800; color: #334155; text-transform: uppercase; margin-bottom: 8px; display: block; } .form-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; } .form-btn { padding: 10px 10px; border-radius: 9px; border: 1.5px solid transparent; background: rgba(255, 255, 255, 0.65); cursor: pointer; text-align: left; transition: all 0.18s ease; touch-action: manipulation; } .form-btn:hover { background: #ffffff; } .form-btn.active { background: #ffffff; border-color: #4f46e5; box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08); } .form-btn-title { font-size: 13px; font-weight: 800; color: #0f172a; display: block; } .form-btn.active .form-btn-title { color: #4338ca; } .form-btn-sub { font-size: 11px; color: #64748b; margin-top: 2px; display: block; } /* Header */ .sr-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .sr-header-text { flex: 1 1 260px; } .sr-title { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .sr-desc { font-size: 13.8px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #eef2ff; color: #4338ca; border: 1px solid #c7d2fe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #4f46e5; color: #ffffff; border-color: #4f46e5; } /* Controls */ .sr-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; } .sr-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; } .sr-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; } .sr-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; touch-action: manipulation; } .sr-pbtn:hover { background: #f1f5f9; } .sr-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } .sr-sub-tabs { display: flex; flex-wrap: wrap; gap: 6px; } .sr-stab { padding: 6px 11px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .sr-stab.active { background: #4f46e5; color: #ffffff; border-color: #4f46e5; } /* Sticky Dashboard */ .sr-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .sr-wrap.is-fullscreen .sr-dash { top: 58px; } .sr-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .sr-score-big { font-size: 23px; font-weight: 800; line-height: 1.15; } .sr-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .sr-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .sr-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .sr-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .sr-pillars { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; font-size: 11.5px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .sr-pillar-box { background: #1e293b; padding: 7px 8px; border-radius: 8px; } .sr-pillar-val { font-weight: 800; color: #ffffff; font-size: 13px; display: block; margin-top: 2px; } /* Danh sách 65 câu hỏi */ .sr-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 8px; } .sr-q-item.pts-3 { border-color: #fda4af; background: #fff5f5; } .sr-q-item.pts-2 { border-color: #fde68a; background: #fffbeb; } .sr-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; } .sr-q-tags { display: flex; flex-wrap: wrap; gap: 6px; } .sr-tag { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .sr-tag.rev-tag { background: #fee2e2; color: #b91c1c; } .sr-ans-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; } .sr-abtn { padding: 8px 6px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 600; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .sr-abtn:hover { border-color: #64748b; } .sr-abtn.sel-0 { background: #10b981; border-color: #10b981; color: #ffffff; font-weight: 700; } .sr-abtn.sel-1 { background: #3b82f6; border-color: #3b82f6; color: #ffffff; font-weight: 700; } .sr-abtn.sel-2 { background: #f59e0b; border-color: #f59e0b; color: #ffffff; font-weight: 700; } .sr-abtn.sel-3 { background: #ef4444; border-color: #ef4444; color: #ffffff; font-weight: 700; } /* Biểu đồ T-Score 5 Tiểu thang & 2 Chỉ số DSM-5 */ .sr-chart-card { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #ffffff; border: 1px solid #e2e8f0; } .sr-chart-title { font-size: 14.5px; font-weight: 800; color: #0f172a; margin-bottom: 12px; } .sr-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; font-size: 12.5px; } .sr-bar-lbl { width: 270px; flex-shrink: 0; font-weight: 600; color: #334155; } .sr-bar-track { flex: 1; height: 16px; background: #f1f5f9; border-radius: 999px; overflow: hidden; } .sr-bar-val { width: 150px; text-align: right; font-weight: 700; color: #0f172a; flex-shrink: 0; } .sr-result-box { margin-top: 16px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #4f46e5; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 760px) { .sr-inner { padding: 14px; } .form-grid { grid-template-columns: 1fr 1fr; } .sr-title { font-size: 18px; } .sr-pillars { grid-template-columns: 1fr 1fr; } .sr-ans-grid { grid-template-columns: 1fr 1fr; } .sr-bar-lbl { width: 140px; font-size: 11.5px; } .sr-bar-val { width: 115px; font-size: 11px; } .sr-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const srWrap = shadow.getElementById('srWrap'); const headerInfo = shadow.getElementById('headerInfo'); const questionList = shadow.getElementById('questionList'); const valTotalT = shadow.getElementById('valTotalT'); const valTotalRaw = shadow.getElementById('valTotalRaw'); const valSub = shadow.getElementById('valSub'); const scoreBadge = shadow.getElementById('scoreBadge'); const barFill = shadow.getElementById('barFill'); const valAWR = shadow.getElementById('valAWR'); const valCOG = shadow.getElementById('valCOG'); const valCOM = shadow.getElementById('valCOM'); const valMOT = shadow.getElementById('valMOT'); const valRRB = shadow.getElementById('valRRB'); const subscaleBars = shadow.getElementById('subscaleBars'); const resultBox = shadow.getElementById('resultBox'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Thay thế đại từ trong câu hỏi theo đúng Phiên bản đang chọn (Preschool / School / Adult Other / Adult Self) function formatQuestionText(templateStr, fCfg) { return templateStr .replace(/\{S\}/g, fCfg.subj) .replace(/\{S_low\}/g, fCfg.subj.toLowerCase()) .replace(/\{P\}/g, fCfg.poss) .replace(/\{E\}/g, fCfg.peer) .replace(/\{V\}/g, fCfg.env); } // Tính điểm thô (0, 1, 2, 3) của 1 câu hỏi dựa trên lựa chọn Likert (1..4) và chiều câu hỏi (thuận / đảo ngược) function getItemScore(q, likertVal) { if (!likertVal) return 0; if (!q.rev) { // Câu thuận (48 câu): 1->0đ, 2->1đ, 3->2đ, 4->3đ return likertVal - 1; } else { // Câu đảo ngược (17 câu tích cực): 1 (Không đúng)->3đ, 2->2đ, 3->1đ, 4 (Luôn đúng)->0đ return 4 - likertVal; } } // Quy đổi tỷ lệ điểm thô (raw / maxRaw) sang Điểm chuẩn T-Score (38T -> 92T) khớp chuẩn SRS-2: // Trên bảng quy chuẩn SRS-2 (Constantino & Gruber, 2012): // - Raw ~15% maxRaw (~28/195) -> T-Score ~50T (Trung bình dân số) // - Raw ~32% maxRaw (~62/195) -> T-Score = 60T (Ngưỡng bắt đầu Mức Nhẹ +1.0 SD) // - Raw ~44% maxRaw (~85/195) -> T-Score = 66T (Ngưỡng bắt đầu Mức Trung bình +1.6 SD) // - Raw ~58% maxRaw (~113/195) -> T-Score = 76T (Ngưỡng bắt đầu Mức Nặng +2.6 SD) function calcTScore(raw, maxRaw) { const r = raw / maxRaw; let t; if (r 38T, 0.32 -> 60T } else if (r 60T, 0.58 -> 76T } else { t = 76 + ((r - 0.58) / 0.42) * 16; // 0.58 -> 76T, 1.0 -> 92T } return Math.min(92, Math.max(38, Math.round(t))); } function classifyTScore(t) { if (t >= 76) return { text: 'Mức độ Nặng (≥76T • >+2.5 SD)', short: 'Nặng ⚠️', color: '#dc2626' }; if (t >= 66) return { text: 'Mức độ Trung bình (66T–75T)', short: 'Trung bình ⚡', color: '#ea580c' }; if (t >= 60) return { text: 'Mức độ Nhẹ (60T–65T • +1 SD)', short: 'Nhẹ ⚡', color: '#f59e0b' }; return { text: 'Trong giới hạn Bình thường (≤59T)', short: 'Bình thường ✓', color: '#10b981' }; } function renderHeader() { const fCfg = formConfigs[currentForm]; headerInfo.innerHTML = `

${fCfg.fullTitle}

${fCfg.desc}

`; } function renderQuestions() { const fCfg = formConfigs[currentForm]; questionList.innerHTML = ''; const likertOptions = [ { val: 1, lbl: '1 - Không đúng' }, { val: 2, lbl: '2 - Đôi khi đúng' }, { val: 3, lbl: '3 - Thường xuyên đúng' }, { val: 4, lbl: '4 - Hầu như luôn đúng' } ]; rawQuestions.forEach(function(q) { if (filterSub !== 'all' && q.sub !== filterSub) return; const uLikert = ratings[q.id] || 1; const pts = getItemScore(q, uLikert); const sCfg = subConfigs[q.sub]; let rowCls = 'sr-q-item'; if (pts === 3) rowCls += ' pts-3'; else if (pts === 2) rowCls += ' pts-2'; const btnsHtml = likertOptions.map(opt => { const optPts = getItemScore(q, opt.val); let cls = 'sr-abtn'; if (uLikert === opt.val) { cls += ` sel-${optPts}`; } return `${opt.lbl} (${optPts}đ)`; }).join(''); const revBadge = q.rev ? '⚡ Câu đảo ngược (Chọn "1 - Không đúng" = 3đ)' : 'Câu thuận (Chọn "4 - Luôn đúng" = 3đ)'; const el = document.createElement('div'); el.className = rowCls; el.innerHTML = ` `; questionList.appendChild(el); }); questionList.querySelectorAll('.sr-abtn').forEach(btn => { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); ratings[id] = parseInt(this.getAttribute('data-val'), 10); renderQuestions(); updateSummary(); }; }); } function updateSummary() { const raw = { awr: 0, cog: 0, com: 0, mot: 0, rrb: 0 }; rawQuestions.forEach(function(q) { const uLikert = ratings[q.id] || 1; raw[q.sub] += getItemScore(q, uLikert); }); const sciRaw = raw.awr + raw.cog + raw.com + raw.mot; // Max 159 const rrbRaw = raw.rrb; // Max 36 const totalRaw = sciRaw + rrbRaw; // Max 195 const tAWR = calcTScore(raw.awr, 24); const tCOG = calcTScore(raw.cog, 36); const tCOM = calcTScore(raw.com, 66); const tMOT = calcTScore(raw.mot, 33); const tRRB = calcTScore(raw.rrb, 36); const tSCI = calcTScore(sciRaw, 159); const tTotal = calcTScore(totalRaw, 195); const clsTotal = classifyTScore(tTotal); const clsSCI = classifyTScore(tSCI); const clsRRB = classifyTScore(tRRB); valTotalT.textContent = `${tTotal}T`; valTotalRaw.textContent = totalRaw; valSub.textContent = `Chỉ số DSM-5 Giao tiếp Xã hội (SCI): ${sciRaw}/159đ (${tSCI}T - ${clsSCI.short}) • Hành vi Lặp lại (RRB): ${rrbRaw}/36đ (${tRRB}T - ${clsRRB.short})`; valAWR.textContent = `${raw.awr}/24 (${tAWR}T)`; valCOG.textContent = `${raw.cog}/36 (${tCOG}T)`; valCOM.textContent = `${raw.com}/66 (${tCOM}T)`; valMOT.textContent = `${raw.mot}/33 (${tMOT}T)`; valRRB.textContent = `${raw.rrb}/36 (${tRRB}T)`; const pct = Math.min(100, Math.max(0, Math.round(((tTotal - 38) / 52) * 100))); barFill.style.width = pct + '%'; barFill.style.background = clsTotal.color; scoreBadge.textContent = `${clsTotal.text.toUpperCase()}`; scoreBadge.style.background = clsTotal.color; scoreBadge.style.color = '#ffffff'; // Vẽ biểu đồ 5 Tiểu thang điều trị + 2 Chỉ số DSM-5 const barRowsData = [ { name: '1. Nhận thức Xã hội (Social Awareness - AWR)', raw: raw.awr, max: 24, t: tAWR }, { name: '2. Tư duy / Giải mã Xã hội (Social Cognition - COG)', raw: raw.cog, max: 36, t: tCOG }, { name: '3. Giao tiếp Xã hội (Social Communication - COM)', raw: raw.com, max: 66, t: tCOM }, { name: '4. Động lực Xã hội (Social Motivation - MOT)', raw: raw.mot, max: 33, t: tMOT }, { name: '5. Sở thích Hẹp & Hành vi Lặp lại (RRB)', raw: raw.rrb, max: 36, t: tRRB }, { name: '★ Chỉ số DSM-5 Giao tiếp & Tương tác Xã hội (SCI)', raw: sciRaw, max: 159, t: tSCI } ]; subscaleBars.innerHTML = barRowsData.map(r => { const cInfo = classifyTScore(r.t); const w = Math.min(100, Math.max(10, Math.round(((r.t - 35) / 55) * 100))); return ` `; }).join(''); resultBox.style.borderLeftColor = clsTotal.color; resultBox.innerHTML = ` Tổng hợp Diễn giải Lâm sàng Thang đo SRS-2 (${formConfigs[currentForm].tabTitle}):
• Tổng điểm SRS-2: Đạt ${totalRaw} / 195 điểm thô → Quy đổi tương đương ${tTotal}T (${clsTotal.text}).
• Hai Chỉ số Tương thích DSM-5:
  1. Giao tiếp & Tương tác Xã hội (SCI = AWR + COG + COM + MOT): ${sciRaw}/159đ (${tSCI}T — ${clsSCI.text}).
  2. Sở thích Hạn hẹp & Hành vi Lặp lại (RRB): ${rrbRaw}/36đ (${tRRB}T — ${clsRRB.text}).
• Định hướng Mục tiêu Can thiệp theo 5 Tiểu thang (Treatment Subscales):
  – Nếu AWR (${tAWR}T) và COG (${tCOG}T) cao: Cần can thiệp dạy nhận diện tín hiệu phi ngôn ngữ, đọc biểu cảm nét mặt và huấn luyện Thuyết tâm trí (Theory of Mind / Câu chuyện xã hội Social Stories).
  – Nếu COM (${tCOM}T) và MOT (${tMOT}T) cao: Cần rèn kỹ năng khởi xướng hội thoại qua lại 2 chiều, giảm lo âu xã hội và ghép nhóm chơi tương tác đồng trang lứa có hỗ trợ. `; updateFloatingFabVisibility(); } function applyPreset(type) { ratings = {}; const setScoreForQuestion = function(q, targetPts) { // targetPts: 0, 1, 2, 3 if (!q.rev) { ratings[q.id] = targetPts + 1; } else { ratings[q.id] = 4 - targetPts; } }; if (type === 'reset') { rawQuestions.forEach(q => { setScoreForQuestion(q, 0); }); renderQuestions(); updateSummary(); return; } if (type === 'normal') { // ~24/195đ (~48T - Bình thường { setScoreForQuestion(q, (idx % 3 === 0) ? 1 : 0); }); } else if (type === 'mild') { // ~70/195đ (~63T - Mức độ Nhẹ 60T - 65T) rawQuestions.forEach((q, idx) => { setScoreForQuestion(q, (idx % 10 === 0) ? 2 : 1); }); } else if (type === 'mod') { // ~98/195đ (~71T - Mức độ Trung bình 66T - 75T) rawQuestions.forEach((q, idx) => { setScoreForQuestion(q, (idx % 2 === 0) ? 2 : 1); }); } else if (type === 'sev') { // ~136/195đ (~82T - Mức độ Nặng >= 76T) rawQuestions.forEach((q, idx) => { setScoreForQuestion(q, (idx % 3 === 0) ? 3 : 2); }); } renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); srWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { srWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 980px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('#formGrid .form-btn').forEach(function(btn) { btn.onclick = function() { currentForm = this.getAttribute('data-form'); shadow.querySelectorAll('#formGrid .form-btn').forEach(b => b.classList.remove('active')); this.classList.add('active'); renderHeader(); renderQuestions(); updateSummary(); }; }); shadow.querySelectorAll('.sr-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#subTabs .sr-stab').forEach(function(tab) { tab.onclick = function() { filterSub = this.getAttribute('data-sub'); shadow.querySelectorAll('#subTabs .sr-stab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderQuestions(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); renderHeader(); applyPreset('mod'); })();

SRS-2 (Social Responsiveness Scale – Thang đo Phản ứng Xã hội): Công cụ sàng lọc và đo lường mức độ khiếm khuyết giao tiếp xã hội trong tự kỷ (từ 2.5 tuổi đến trưởng thành), rất phổ biến trong các nghiên cứu và phòng khám quốc tế.

RS-2 (Social Responsiveness Scale, Second Edition — Thang đo Đáp ứng Xã hội, Phiên bản 2) là công cụ đánh giá định lượng hàng đầu thế giới dùng để đo lường mức độ suy giảm tương tác xã hội và các hành vi hạn hẹp, lặp lại đặc trưng của Rối loạn phổ tự kỷ (ASD) trong môi trường tự nhiên hàng ngày. Công cụ được phát triển bởi Giáo sư John N. Constantino và Christian P. Gruber (xuất bản năm 2012 bởi WPS).

Khác với các công cụ phân loại “Có / Không” (nhị phân), SRS-2 đo lường các đặc điểm phổ tự kỷ trên một dải liên tục (Continuous Dimension) thông qua hệ thống Điểm chuẩn T-Score (Trung bình = 50, Độ lệch chuẩn SD = 10):giúp phát hiện cả những trường hợp suy giảm giao tiếp xã hội mức độ nhẹ / dưới ngưỡng mà các bài test khác dễ bỏ sót, đồng thời lập Hồ sơ 5 Tiểu thang Điều trị (5 Treatment Subscales) để lên kế hoạch can thiệp kỹ năng xã hội.

1. Hệ thống 4 Phiên bản theo Độ tuổi & Người đánh giá của SRS-2

Toàn bộ các phiên bản của SRS-2 đều gồm đúng 65 câu hỏi, chấm trên thang Likert 4 mức từ 0 đến 3 điểm (trên phiếu giấy ghi từ 1 đến 4, khi tính điểm thô quy về 0 – 3 tạo thành Tổng điểm thô từ 0 đến 195 điểm, trong đó có các câu hỏi thuận và câu hỏi đảo ngược):

Phiên bản (Form)	Độ tuổi áp dụng	Người đánh giá	Ngữ cảnh đánh giá đặc thù
1. Preschool Form(Mầm non)	2.5 – 4.5 tuổi (30 – 54 tháng)	Cha mẹ hoặc Giáo viên mầm non	Tập trung vào giao tiếp mắt sớm, chú ý chung, chơi giả vờ, tương tác ở lớp mẫu giáo và phản ứng giác quan đầu đời.
2. School-Age Form(Học đường)	4 – 18 tuổi	Cha mẹ hoặc Giáo viên phổ thông	Có quy chuẩn riêng theo giới tính (Nam / Nữ) và người chấm. Đánh giá quan hệ bạn bè, hội thoại, làm việc nhóm và hành vi ở trường/nhà.
3. Adult Form (Other) (Người lớn – Người thân chấm)	Từ 19 tuổi trở lên	Vợ/chồng, Bố mẹ, Anh chị hoặc Bạn thân	Đánh giá khách quan từ góc nhìn người thân về khả năng duy trì quan hệ tình cảm, công việc và thích ứng xã hội của người trưởng thành.
4. Adult Self-Report(Người lớn – Tự đánh giá)	Từ 19 tuổi trở lên	Bản thân tự đánh giá (Self-report)	Ngôi thứ nhất (“Tôi…”), giúp người trưởng thành tự nhận diện các khó khăn xã hội, cảm giác quá tải và xu hướng cứng nhắc của bản thân.

2. Cấu trúc 5 Tiểu thang Điều trị & 2 Chỉ số Tương thích DSM-5 của SRS-2

Điểm mạnh nhất của SRS-2 là tách tổng điểm thành 5 Tiểu thang Điều trị (Treatment Subscales) và gom lại thành 2 Chỉ số Tương thích DSM-5:

Chỉ số Tương thích DSM-5	Mã	Tên Tiểu thang Điều trị (Treatment Subscale)	Số câu	Nội dung lâm sàng cốt lõi
1. Giao tiếp và Tương tác Xã hội (Social Communication and Interaction – SCI • 53 câu)	AWR	1. Nhận thức Xã hội(Social Awareness)	8 câu	Khả năng thu nhận các tín hiệu xã hội cơ bản (biết khi nào mình nói quá to, nhận ra biểu cảm/ý định của người xung quanh).
	COG	2. Nhận thức / Tư duy Xã hội (Social Cognition)	12 câu	Khả năng giải mã và diễn giải các tín hiệu xã hội sau khi đã nhìn/nghe thấy (Thuyết tâm trí, hiểu lời nói đùa, nghĩa bóng, nguyên nhân – hệ quả xã hội).
	COM	3. Giao tiếp Xã hội(Social Communication)	22 câu	Năng lực diễn đạt và tương hỗ xã hội (hội thoại qua lại 2 chiều, phối hợp ánh mắt – nét mặt – cử chỉ, chia sẻ cảm xúc).
	MOT	4. Động lực Xã hội(Social Motivation)	11 câu	Mức độ hứng thú chủ động tham gia tương tác xã hội so với sự thu mình, lo âu xã hội hoặc thích tách biệt ở một mình.
2. Hành vi Hạn hẹp & Lặp lại (RRB • 12 câu)	RRB	5. Sở thích Hạn hẹp & Hành vi Lặp lại(Restricted Interests & Repetitive Behavior)	12 câu	Các cử động định hình (mannerisms), thói quen cứng nhắc, kháng cự thay đổi và đam mê ám ảnh vào chủ đề hẹp.

3. Bảng Diễn giải Điểm Chuẩn T-Score của SRS-2 (Mean=50,SD=10)

(function(){ /* 1. CHỐT CHẶN BẢO VỆ: Tuyệt đối không chạy nếu bị WordPress/SEO quét nhầm lên hoặc làm vỡ thẻ meta */ var currentScript = document.currentScript; if (currentScript && currentScript.closest && currentScript.closest('head')) return; function initSCQWidget() { var host = document.getElementById('scq-wp-host'); if (!host || !document.body || !document.body.contains(host)) return; if (host.getAttribute('data-initialized') === 'true') return; host.setAttribute('data-initialized', 'true'); var placeholder = document.createComment('scq-portal-placeholder'); var shadow = host.attachShadow({ mode: 'open' }); var questions = [ { id: 1, r: 'BRANCH', dom: 'gen', verbalOnly: false, cat: 'Câu phân luồng ngôn ngữ (Không tính điểm)', t: 'Hiện tại trẻ đã có thể nói bằng các cụm từ ngắn hoặc câu (từ 3 từ trở lên) chưa?' }, { id: 2, r: 'NO', dom: 'com', verbalOnly: true, cat: 'Hội thoại hai chiều', t: 'Bạn có thể trò chuyện qua lại (hỏi - đáp nối tiếp nhau theo chủ đề) với trẻ không?' }, { id: 3, r: 'YES', dom: 'com', verbalOnly: true, cat: 'Ngôn ngữ rập khuôn / Nhại lời', t: 'Trẻ có từng dùng các cụm từ kỳ lạ hoặc nói lặp đi lặp lại một câu theo đúng một cách cố định không?' }, { id: 4, r: 'YES', dom: 'com', verbalOnly: true, cat: 'Câu hỏi không phù hợp ngữ cảnh', t: 'Trẻ có từng đặt những câu hỏi hoặc phát ngôn không phù hợp với hoàn cảnh xã hội không?' }, { id: 5, r: 'YES', dom: 'com', verbalOnly: true, cat: 'Đảo ngược đại từ nhân xưng', t: 'Trẻ có từng nhầm lẫn đại từ xưng hô (ví dụ: xưng Mẹ/Bạn thay vì Con, hoặc nói Con muốn uống nước thành Mẹ muốn uống nước) không?' }, { id: 6, r: 'YES', dom: 'com', verbalOnly: true, cat: 'Từ ngữ tự bịa (Neologisms)', t: 'Trẻ có từng sử dụng những từ ngữ do trẻ tự đặt ra hoặc dùng từ theo nghĩa riêng mà chỉ người nhà mới hiểu không?' }, { id: 7, r: 'YES', dom: 'rrb', verbalOnly: true, cat: 'Nghi thức lời nói', t: 'Trẻ có từng nói đi nói lại cùng một điều hoặc ép bạn phải trả lời theo đúng một kịch bản cố định không?' }, { id: 8, r: 'YES', dom: 'rrb', verbalOnly: false, cat: 'Nghi thức hành vi cứng nhắc', t: 'Trẻ có những thói quen hoặc trình tự bắt buộc phải làm theo đúng thứ tự và rất tức giận nếu bị thay đổi không?' }, { id: 9, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Biểu cảm khuôn mặt phù hợp', t: 'Biểu cảm nét mặt của trẻ có đa dạng và phù hợp với từng tình huống giao tiếp hàng ngày không?' }, { id: 10, r: 'YES', dom: 'rsi', verbalOnly: false, cat: 'Sử dụng tay người khác như công cụ', t: 'Trẻ có từng kéo hoặc cầm bàn tay của bạn đặt vào đồ vật để bắt bạn mở/lấy giúp (thay vì nhìn mặt và chỉ tay) không?' }, { id: 11, r: 'YES', dom: 'rrb', verbalOnly: false, cat: 'Sở thích kỳ lạ / Đặc biệt', t: 'Trẻ có từng có những mối quan tâm kỳ lạ (như biển số xe, lịch, quạt trần, ống nước, bảng chữ cái) không?' }, { id: 12, r: 'YES', dom: 'rrb', verbalOnly: false, cat: 'Bận tâm đến bộ phận của đồ vật', t: 'Trẻ có từng thích săm soi một bộ phận của đồ chơi (như quay bánh xe ô tô, đóng mở cửa xe) hơn là chơi đúng chức năng không?' }, { id: 13, r: 'YES', dom: 'rrb', verbalOnly: false, cat: 'Cường độ sở thích quá mức', t: 'Trẻ có từng đam mê một chủ đề/đồ vật ở mức độ mãnh liệt bất thường khiến bạn rất khó tách trẻ ra không?' }, { id: 14, r: 'YES', dom: 'rrb', verbalOnly: false, cat: 'Thu hút giác quan bất thường', t: 'Trẻ có từng thích nhìn nghiêng sát mắt, ngửi, liếm hoặc sờ ngắm kết cấu bề mặt đồ vật một cách khác thường không?' }, { id: 15, r: 'YES', dom: 'rrb', verbalOnly: false, cat: 'Cử động tay/ngón tay định hình', t: 'Trẻ có những cử động vẫy tay, búng ngón tay hoặc vặn vẹo bàn tay lặp đi lặp lại trước mắt không?' }, { id: 16, r: 'YES', dom: 'rrb', verbalOnly: false, cat: 'Chuyển động toàn thân phức tạp', t: 'Trẻ có những vận động cơ thể lặp lại như xoay tròn người, nhón gót đi lại hoặc đung đưa thân mình không?' }, { id: 17, r: 'YES', dom: 'gen', verbalOnly: false, cat: 'Hành vi tự gây thương tích', t: 'Trẻ có từng cố ý tự làm đau bản thân (như tự cắn tay, tự tát hoặc đập đầu) khi căng thẳng/cáu giận không?' }, { id: 18, r: 'YES', dom: 'gen', verbalOnly: false, cat: 'Đồ vật gắn bó bất thường', t: 'Trẻ có từng luôn phải cầm khư khư một vật cứng khác thường (như hòn đá, nắp chai, que nhựa) đi khắp nơi không?' }, { id: 19, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Tình bạn thân thiết', t: 'Trẻ có ít nhất một người bạn thân cùng trang lứa để thường xuyên chơi đùa và chia sẻ với nhau không?' }, { id: 20, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Trò chuyện mang tính xã hội (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có từng nói chuyện với bạn chỉ để tỏ sự thân thiện, gắn kết (chứ không phải để đòi hỏi thứ gì đó) không?' }, { id: 21, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Bắt chước tự phát (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có tự nhiên bắt chước các việc bạn làm (như lau bàn, quét nhà, tưới cây) không?' }, { id: 22, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Chỉ trỏ chia sẻ sự chú ý (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có tự chỉ tay vào những thứ thú vị xung quanh chỉ để khoe với bạn không?' }, { id: 23, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Cử chỉ giao tiếp phi ngôn ngữ (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có dùng các cử chỉ (vẫy tay, xua tay, chỉ trỏ, ra hiệu im lặng) để bổ trợ lời nói không?' }, { id: 24, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Gật đầu đồng ý (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có biết gật đầu để biểu thị ý Có / Đồng ý không?' }, { id: 25, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Lắc đầu từ chối (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có biết lắc đầu để biểu thị ý Không không?' }, { id: 26, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Giao tiếp mắt trực diện (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có nhìn trực tiếp vào mặt và mắt bạn khi đang nói chuyện hoặc làm việc cùng bạn không?' }, { id: 27, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Nụ cười đáp lại xã hội (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có mỉm cười đáp lại khi người quen mỉm cười chào trẻ không?' }, { id: 28, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Khoe đồ vật thu hút chú ý (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có mang bức tranh hoặc đồ chơi lại đưa cho bạn xem để khoe thành quả không?' }, { id: 29, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Chia sẻ đồ vật với người khác (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có tự nguyện mời bạn hoặc chia sẻ đồ ăn/đồ chơi yêu thích với bạn không?' }, { id: 30, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Chia sẻ niềm vui chung (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có muốn bạn cùng tham gia vào hoạt động trẻ đang thích để chia sẻ niềm vui không?' }, { id: 31, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'An ủi khi người khác buồn (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có cố gắng vỗ về, an ủi khi thấy bạn bị đau hoặc đang buồn khóc không?' }, { id: 32, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Phối hợp ánh mắt và lời nói khi yêu cầu (4–5 tuổi)', t: 'Khi 4–5 tuổi, khi muốn xin thứ gì, trẻ có vừa nhìn vào bạn vừa phát âm/nói kèm cử chỉ nhịp nhàng không?' }, { id: 33, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Độ đa dạng biểu cảm nét mặt (4–5 tuổi)', t: 'Khi 4–5 tuổi, gương mặt trẻ có thể hiện đầy đủ các sắc thái cảm xúc (ngạc nhiên, vui sướng, xấu hổ, lo lắng) không?' }, { id: 34, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Chơi trò chơi xã hội bắt chước (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có hào hứng tham gia các trò chơi vận động theo bài hát hoặc bắt chước nhịp điệu cùng bạn không?' }, { id: 35, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Chơi giả vờ / Tưởng tượng (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có chơi các trò đóng vai giả vờ (như làm bác sĩ, bán hàng, siêu nhân, chăm em bé) không?' }, { id: 36, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Quan tâm đến trẻ cùng tuổi (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có tỏ ra thích thú và chú ý quan sát các bạn nhỏ khác không?' }, { id: 37, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Đáp lại tích cực khi bạn tiếp cận (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có phản ứng vui vẻ, cởi mở khi một bạn nhỏ khác tiến lại gần rủ chơi không?' }, { id: 38, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Chú ý khi người lớn bắt chuyện (4–5 tuổi)', t: 'Khi 4–5 tuổi, nếu bạn bước vào phòng và bắt chuyện, trẻ có ngẩng lên chú ý lắng nghe ngay không?' }, { id: 39, r: 'NO', dom: 'com', verbalOnly: false, cat: 'Chơi tưởng tượng theo nhóm với bạn (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có cùng bàn bạc và phối hợp đóng vai giả vờ chung với các bạn khác không?' }, { id: 40, r: 'NO', dom: 'rsi', verbalOnly: false, cat: 'Chơi hợp tác theo luật nhóm (4–5 tuổi)', t: 'Khi 4–5 tuổi, trẻ có tham gia được các trò chơi tập thể có luật lệ (như trốn tìm, đá bóng, rượt đuổi) không?' } ]; var answers = { 1: 'YES' }; var filterType = 'all'; var isFullscreen = false; var savedScrollY = 0; var styleEl = document.createElement('style'); styleEl.textContent = [ ':host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; }', '*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }', '.scq-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; }', '.scq-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; }', '.scq-inner { padding: 24px; max-width: 920px; margin: 0 auto; background: #ffffff; border-radius: 16px; }', '.scq-wrap.is-fullscreen .scq-inner { border-radius: 0; min-height: calc(100vh - 52px); }', '.fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; }', '.scq-wrap.is-fullscreen .fs-floating-bar { display: flex; }', '.fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; }', '.btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; }', '.floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45); opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s; }', '.floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); }', '.floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); }', '.fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }', '.scq-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; }', '.scq-header-text { flex: 1 1 260px; }', '.scq-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; }', '.scq-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; }', '.btn-fullscreen-top { background: #eef2ff; color: #4338ca; border: 1px solid #c7d2fe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }', '.scq-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }', '.scq-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; }', '.scq-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; }', '.scq-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; }', '.scq-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; }', '.scq-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; }', '.scq-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; }', '.scq-dtab.active { background: #4f46e5; color: #ffffff; border-color: #4f46e5; }', '.scq-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); }', '.scq-wrap.is-fullscreen .scq-dash { top: 58px; }', '.scq-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }', '.scq-score-big { font-size: 24px; font-weight: 800; line-height: 1; }', '.scq-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; }', '.scq-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; }', '.scq-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; }', '.scq-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; }', '.scq-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; }', '.scq-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; }', '.scq-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; }', '.scq-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; display: flex; flex-direction: column; gap: 10px; }', '.scq-q-item.branch-item { background: #eef2ff; border: 2px solid #818cf8; }', '.scq-q-item.risk-flagged { border-color: #fca5a5; background: #fff5f5; }', '.scq-q-item.skipped-item { opacity: 0.45; background: #f8fafc; border-style: dashed; pointer-events: none; }', '.scq-q-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }', '.scq-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; flex: 1; }', '.scq-q-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }', '.scq-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; }', '.scq-tag.dom-rsi { background: #dbeafe; color: #1d4ed8; }', '.scq-tag.dom-com { background: #f3e8ff; color: #7e22ce; }', '.scq-tag.dom-rrb { background: #fef3c7; color: #b45309; }', '.scq-tag.branch-tag { background: #4f46e5; color: #ffffff; }', '.scq-ans-group { display: flex; gap: 8px; flex-shrink: 0; }', '.scq-abtn { min-width: 78px; padding: 8px 14px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 13.5px; font-weight: 700; color: #334155; cursor: pointer; }', '.scq-abtn.sel-safe { background: #10b981; border-color: #10b981; color: #ffffff; }', '.scq-abtn.sel-risk { background: #ef4444; border-color: #ef4444; color: #ffffff; }', '.scq-abtn.sel-branch { background: #4f46e5; border-color: #4f46e5; color: #ffffff; }', '.scq-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; }', '@media (max-width: 600px) { .scq-inner { padding: 14px; } .scq-title { font-size: 18px; } .scq-q-head { flex-direction: column; } .scq-ans-group { width: 100%; } .scq-abtn { flex: 1; padding: 10px 14px; } .scq-pillars { grid-template-columns: 1fr; } .scq-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } }' ].join('\n'); var wrapEl = document.createElement('div'); wrapEl.className = 'scq-wrap'; wrapEl.id = 'scqWrap'; wrapEl.innerHTML = [ '', '', '⛶', 'Phóng to bảng', '', '' ].join(''); shadow.appendChild(styleEl); shadow.appendChild(wrapEl); var listEl = shadow.querySelector('.scq-q-list'); var scoreEl = shadow.querySelector('.scq-val-score'); var maxScoreEl = shadow.querySelector('.scq-val-max'); var ansCountEl = shadow.querySelector('.scq-val-answered'); var badgeEl = shadow.querySelector('.scq-badge'); var barFillEl = shadow.querySelector('.scq-bar-fill'); var rsiEl = shadow.querySelector('.scq-val-rsi'); var comEl = shadow.querySelector('.scq-val-com'); var rrbEl = shadow.querySelector('.scq-val-rrb'); var resBoxEl = shadow.querySelector('.scq-result-box'); var fsText = shadow.getElementById('fsText'); var fsIcon = shadow.getElementById('fsIcon'); var fabBtn = shadow.getElementById('btnFloatingFab'); var fabText = shadow.getElementById('fabText'); var fabIcon = shadow.getElementById('fabIcon'); function getDomainLabel(dom) { if (dom === 'rsi') return { text: 'Tương tác xã hội (RSI)', cls: 'dom-rsi' }; if (dom === 'com') return { text: 'Giao tiếp (COM)', cls: 'dom-com' }; if (dom === 'rrb') return { text: 'Hành vi lặp lại (RRB)', cls: 'dom-rrb' }; return { text: 'Chỉ báo bổ sung', cls: '' }; } function renderQuestions() { listEl.innerHTML = ''; var isNonVerbal = (answers[1] === 'NO'); questions.forEach(function(q) { if (filterType !== 'all' && q.id !== 1 && q.dom !== filterType) return; var uAns = answers[q.id] || null; var isSkipped = (isNonVerbal && q.verbalOnly); var isBranch = (q.id === 1); var isRisk = (!isBranch && !isSkipped && uAns && uAns === q.r); var item = document.createElement('div'); item.className = 'scq-q-item' + (isBranch ? ' branch-item' : '') + (isRisk ? ' risk-flagged' : '') + (isSkipped ? ' skipped-item' : ''); var domInfo = getDomainLabel(q.dom); var tagsHtml = '' + q.cat + ''; if (isBranch) { tagsHtml += '★ Chọn KHÔNG sẽ tự động bỏ qua câu 2 – 7'; } else { if (domInfo.cls) tagsHtml += '' + domInfo.text + ''; tagsHtml += 'Chọn ' + (q.r === 'YES' ? 'CÓ' : 'KHÔNG') + ' = 1 điểm'; } if (isSkipped) { tagsHtml += 'Đã bỏ qua do Câu 1 = KHÔNG'; } var yesCls = 'scq-abtn'; var noCls = 'scq-abtn'; if (isBranch) { if (uAns === 'YES') yesCls += ' sel-branch'; if (uAns === 'NO') noCls += ' sel-branch'; } else if (!isSkipped) { if (uAns === 'YES') yesCls += (q.r === 'YES' ? ' sel-risk' : ' sel-safe'); if (uAns === 'NO') noCls += (q.r === 'NO' ? ' sel-risk' : ' sel-safe'); } item.innerHTML = [ '' ].join(''); listEl.appendChild(item); }); listEl.querySelectorAll('.scq-abtn').forEach(function(btn) { btn.onclick = function() { var qid = parseInt(this.getAttribute('data-id'), 10); var val = this.getAttribute('data-val'); answers[qid] = val; renderQuestions(); updateSummary(); }; }); } function updateSummary() { var isNonVerbal = (answers[1] === 'NO'); var maxScore = isNonVerbal ? 33 : 39; var maxCom = isNonVerbal ? 8 : 13; var maxRrb = isNonVerbal ? 7 : 8; var total = 0, rsi = 0, com = 0, rrb = 0, answered = 0; questions.forEach(function(q) { if (q.id === 1) return; if (isNonVerbal && q.verbalOnly) return; var u = answers[q.id]; if (u) { answered++; if (u === q.r) { total++; if (q.dom === 'rsi') rsi++; else if (q.dom === 'com') com++; else if (q.dom === 'rrb') rrb++; } } }); scoreEl.textContent = total; maxScoreEl.textContent = maxScore; ansCountEl.textContent = answered + '/' + maxScore; rsiEl.textContent = rsi + ' / 15 điểm'; comEl.textContent = com + ' / ' + maxCom + ' điểm'; rrbEl.textContent = rrb + ' / ' + maxRrb + ' điểm'; var pct = Math.min(100, Math.round((total / maxScore) * 100)); barFillEl.style.width = pct + '%'; if (answered === 0) { badgeEl.textContent = 'Chưa chọn câu trả lời'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Hãy chọn Câu 1 trước, sau đó chọn CÓ / KHÔNG cho các câu bên dưới hoặc bấm các nút Kịch bản lâm sàng mẫu ở đầu bảng.'; updateFloatingFabVisibility(); return; } var color = '#10b981'; var badgeTxt = 'NGUY CƠ THẤP'; var analysis = ''; if (total < 11) { color = '#10b981'; badgeTxt = 'NGUY CƠ THẤP (' + total + '/' + maxScore + ' điểm)'; analysis = 'Kết luận sàng lọc SCQ — Dưới ngưỡng nguy cơ (' + total + '/' + maxScore + ' điểm):
• Tổng điểm thấp hơn cả ngưỡng chuẩn (15 điểm) và ngưỡng nhạy cao cho trẻ nhỏ (11 điểm).
• Các kỹ năng Tương tác xã hội qua lại (' + rsi + '/15) và Giao tiếp (' + com + '/' + maxCom + ') không bộc lộ sự suy giảm lan tỏa đặc trưng của phổ tự kỷ.'; } else if (total < 15) { color = '#f59e0b'; badgeTxt = 'NGƯỠNG CẢNH BÁO SỚM (' + total + '/' + maxScore + ' điểm)'; analysis = 'Kết luận sàng lọc SCQ — Ngưỡng Cần Lưu Ý Lâm Sàng (11 – 14 điểm: Đạt ' + total + '/' + maxScore + ' điểm):
• Nhiều nghiên cứu lâm sàng khuyến nghị sử dụng điểm cắt ≥ 11 cho trẻ từ 4 – 7 tuổi để tránh bỏ sót Tự kỷ mức độ nhẹ hoặc Rối loạn giao tiếp xã hội (SPCD).
• Hồ sơ trụ cột: Tương tác xã hội (' + rsi + '/15) • Giao tiếp (' + com + '/' + maxCom + ') • Hành vi lặp lại (' + rrb + '/' + maxRrb + '). Khuyến nghị đánh giá thêm bằng thang Vineland-3.'; } else { color = '#ef4444'; badgeTxt = 'NGUY CƠ CAO ASD (' + total + '/' + maxScore + ' điểm)'; analysis = 'Kết luận sàng lọc SCQ — Vượt Ngưỡng Điểm Cắt Chuẩn (≥ 15 điểm: Đạt ' + total + '/' + maxScore + ' điểm):
• Kết quả sàng lọc dương tính trên thang SCQ ở cả 3 trụ cột: Tương tác xã hội (' + rsi + '/15), Giao tiếp (' + com + '/' + maxCom + ') và Hành vi lặp lại (' + rrb + '/' + maxRrb + ').
• Hướng xử trí chuẩn: Cần chuyển gửi trẻ thực hiện đánh giá chẩn đoán toàn diện bằng ADOS-2, ADI-R và Vineland-3.'; } barFillEl.style.background = color; badgeEl.textContent = badgeTxt; badgeEl.style.background = color; badgeEl.style.color = '#ffffff'; resBoxEl.style.borderLeftColor = color; resBoxEl.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { answers = {}; if (type === 'reset') { answers[1] = 'YES'; renderQuestions(); updateSummary(); return; } if (type === 'typical') { answers[1] = 'YES'; questions.forEach(function(q) { if (q.id !== 1) answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); answers[8] = 'YES'; answers[11] = 'YES'; answers[20] = 'NO'; } else if (type === 'spcd') { answers[1] = 'YES'; questions.forEach(function(q) { if (q.id !== 1) answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); [2, 4, 8, 19, 20, 22, 23, 28, 30, 35, 39, 40].forEach(function(id) { answers[id] = questions[id - 1].r; }); } else if (type === 'hfasd') { answers[1] = 'YES'; questions.forEach(function(q) { if (q.id !== 1) answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); [2, 3, 4, 5, 7, 8, 9, 11, 12, 13, 15, 19, 20, 22, 26, 30, 31, 35, 39].forEach(function(id) { answers[id] = questions[id - 1].r; }); } else if (type === 'nvasd') { answers[1] = 'NO'; questions.forEach(function(q) { if (q.id !== 1 && !q.verbalOnly) answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); [8, 9, 10, 12, 14, 15, 16, 18, 19, 21, 22, 23, 24, 26, 28, 29, 30, 32, 35, 36, 37, 39].forEach(function(id) { answers[id] = questions[id - 1].r; }); } renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; var rect = host.getBoundingClientRect(); var viewH = window.innerHeight || document.documentElement.clientHeight; if (rect.top 180) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = 'position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;z-index:2147483647!important;background:#f8fafc!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:block!important;'; wrapEl.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { wrapEl.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = ''; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('.scq-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#domainTabs .scq-dtab').forEach(function(tab) { tab.onclick = function() { filterType = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .scq-dtab').forEach(function(t) { t.classList.remove('active'); }); this.classList.add('active'); renderQuestions(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = function() { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = function() { setFullscreenState(false); }; fabBtn.onclick = function() { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', function(e) { if (e.key === 'Escape' && isFullscreen) setFullscreenState(false); }); applyPreset('hfasd'); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initSCQWidget); } else { initSCQWidget(); } })();

SCQ (Social Communication Questionnaire — Bảng câu hỏi Giao tiếp Xã hội, trước đây từng có tên là Autism Screening Questionnaire – ASQ) là một công cụ sàng lọc chuẩn hóa hàng đầu dùng để phát hiện các dấu hiệu của Rối loạn phổ tự kỷ (ASD). Công cụ này được phát triển bởi ba chuyên gia đầu ngành là Michael Rutter, Anthony Bailey và Catherine Lord.

Nếu như M-CHAT-R/F được thiết kế cho trẻ nhỏ từ 16 – 30 tháng tuổi, thì SCQ chính là công cụ nối tiếp hoàn hảo để sàng lọc cho trẻ lớn hơn và người trưởng thành (từ 4 tuổi trở lên).

1. Nguồn gốc và Cơ sở khoa học

SCQ được thiết kế dựa trực tiếp trên các câu hỏi cốt lõi của ADI-R (Autism Diagnostic Interview-Revised — Phỏng vấn chẩn đoán tự kỷ bản hiệu đính, vốn là “tiêu chuẩn vàng” trong chẩn đoán tự kỷ nhưng mất từ 1.5 đến 2.5 giờ để thực hiện).

SCQ rút gọn quy trình đó thành 40 câu hỏi Đúng/Sai (Có/Không) dành cho phụ huynh hoặc người chăm sóc chính điền trong khoảng 10 phút, giúp tiết kiệm tối đa thời gian trước khi quyết định có cần đưa trẻ đi đánh giá chuyên sâu (như ADOS-2, ADI-R, Vineland-3) hay không.

2. Đối tượng áp dụng

• Độ tuổi thực tế (Chronological Age): Từ 4 tuổi (48 tháng) trở lên (bao gồm trẻ mẫu giáo lớn, học sinh tiểu học,thanh thiếu niên và người lớn).

• Tuổi phát triển tâm thần (Mental Age): Tối thiểu đạt mức từ 2.0 tuổi trở lên.

3. Hai phiên bản của SCQ

Công cụ SCQ được chia làm 2 mẫu phiếu tùy theo mục đích lâm sàng:

4. Cấu trúc 40 câu hỏi và 3 lĩnh vực đánh giá

Bảng hỏi gồm 40 câu trả lời CÓ / KHÔNG, tập trung vào 3 trụ cột triệu chứng cốt lõi của phổ tự kỷ:

1. Tương tác xã hội qua lại (Reciprocal Social Interaction): Giao tiếp mắt, nụ cười xã hội, sự quan tâm đến bạn bè cùng trang lứa, khả năng chia sẻ cảm xúc và an ủi người khác.

2. Giao tiếp (Communication): Cách sử dụng cử chỉ (chỉ trỏ, gật đầu), trò chuyện qua lại hai chiều, chơi giả vờ/tưởng tượng và các biểu hiện ngôn ngữ bất thường (nhại lời, nói lặp đi lặp lại, đảo ngược đại từ).

3. Các mẫu hành vi hạn hẹp, lặp đi lặp lại và rập khuôn (Restricted, Repetitive, and Stereotyped Patterns of Behavior): Sở thích đặc biệt quá mức, nghi thức cứng nhắc, cử động tay chân/cơ thể bất thường (stimming) hoặc thu hút giác quan lạ.

5. Cách tính điểm và Điểm cắt lâm sàng (Cut-off Score)

• Câu số 1 (Câu phân luồng ngôn ngữ): “Hiện tại trẻ có thể nói bằng các cụm từ hoặc câu ngắn không?”. Câu số 1 không tính điểm, mà dùng để phân nhánh:

  1. Nếu Câu 1 = CÓ (Trẻ có ngôn ngữ nói): Phụ huynh trả lời tiếp từ câu 2 đến câu 40. Tổng điểm tối đa là 39 điểm (tính từ 39 câu).

  2. Nếu Câu 1 = KHÔNG (Trẻ chưa có ngôn ngữ cụm từ): Phụ huynh bỏ qua 6 câu về ngôn ngữ nói phức tạp (câu 2 đến câu 7) và trả lời từ câu 8 đến câu 40. Tổng điểm tối đa là 33 điểm (tính từ 33 câu).

• Quy tắc chấm điểm (0 và 1):

  Khoảng một nửa số câu hỏi được thiết kế theo chiều thuận (chọn CÓ = 1 điểm nguy cơ, thường là các hành vi bất thường) và nửa còn lại theo chiều nghịch (chọn KHÔNG = 1 điểm nguy cơ, thường là các kỹ năng phát triển bình thường bị thiếu hụt).

• Ngưỡng điểm cắt (Cut-off):

  1. $\ge 15$ điểm (Chuẩn gốc): Gợi ý nguy cơ cao mắc Rối loạn phổ tự kỷ (ASD), cần chuyển gửi đi đánh giá chẩn đoán chuyên sâu.

  2. $\ge 11$ hoặc $\ge 12$ điểm (Khuyến nghị lâm sàng mới cho trẻ từ 4 – 7 tuổi): Nhiều nghiên cứu lâm sàng hiện đại khuyến nghị hạ điểm cắt xuống 11 hoặc 12 điểm ở nhóm trẻ nhỏ (hoặc trẻ chưa có lời nói) để tăng độ nhạy, tránh bỏ sót những trẻ tự kỷ mức độ nhẹ / chức năng cao.

Nguồn: Tài liệu chính thống với sự hỗ trợ của AI!

(function() { const host = document.getElementById('cast-wp-host'); if (!host) return; const placeholder = document.createComment('cast-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // 37 câu hỏi chuẩn CAST (Cambridge University) // r: Đáp án tính 1 điểm ('YES' hoặc 'NO', 'CTRL' = 6 câu kiểm soát không tính điểm: 3, 4, 12, 22, 26, 33) // dom: 'soc' (Tương tác xã hội & Bạn bè - 12 câu), 'com' (Giao tiếp & Ngữ dụng - 12 câu), 'rrb' (Cứng nhắc & Sở thích hẹp - 7 câu), 'ctrl' (Kiểm soát - 6 câu) const questions = [ { id: 1, r: 'NO', dom: 'soc', cat: 'Tương tác bạn bè', t: 'Trẻ có dễ dàng tham gia chơi cùng với những đứa trẻ khác không?' }, { id: 2, r: 'NO', dom: 'com', cat: 'Giao tiếp hai chiều', t: 'Trẻ có tự nhiên bắt chuyện và trò chuyện qua lại với bạn một cách thoải mái không?' }, { id: 3, r: 'CTRL', dom: 'ctrl', cat: 'Câu kiểm soát phát triển (Không tính điểm)', t: 'Trẻ bắt đầu biết nói từ khi tròn 2 tuổi phải không?' }, { id: 4, r: 'CTRL', dom: 'ctrl', cat: 'Câu kiểm soát phát triển (Không tính điểm)', t: 'Trẻ có thích các hoạt động thể thao, vận động thể chất không?' }, { id: 5, r: 'YES', dom: 'rrb', cat: 'Trí nhớ chi tiết / Học vẹt', t: 'Việc ghi nhớ chính xác các thông tin, dữ kiện chi tiết có phải là điều cực kỳ quan trọng đối với trẻ không?' }, { id: 6, r: 'NO', dom: 'com', cat: 'Luân phiên hội thoại', t: 'Trẻ có hiểu và thực hiện tốt việc chờ đến lượt khi trò chuyện qua lại với người khác không?' }, { id: 7, r: 'NO', dom: 'com', cat: 'Chơi giả vờ / Tưởng tượng', t: 'Trẻ có thích chơi các trò đóng vai, giả vờ hoặc tưởng tượng không?' }, { id: 8, r: 'YES', dom: 'rrb', cat: 'Tính cứng nhắc / Quy tắc', t: 'Trẻ có thích làm mọi việc lặp đi lặp lại theo đúng một cách cố định không?' }, { id: 9, r: 'NO', dom: 'com', cat: 'Duy trì cuộc trò chuyện', t: 'Trẻ có thể tự duy trì một cuộc trò chuyện qua lại nhiều lượt với người khác không?' }, { id: 10, r: 'NO', dom: 'soc', cat: 'Hòa nhập nhóm bạn', t: 'Trẻ có dễ dàng kết bạn và hòa nhập với các bạn cùng trang lứa ở trường không?' }, { id: 11, r: 'NO', dom: 'com', cat: 'Quan tâm chủ đề của người nghe', t: 'Khi nói chuyện, trẻ có quan tâm xem người đối diện có hứng thú với chủ đề trẻ đang nói không?' }, { id: 12, r: 'CTRL', dom: 'ctrl', cat: 'Câu kiểm soát phát triển (Không tính điểm)', t: 'Trẻ có thích đọc sách phù hợp với lứa tuổi của mình không?' }, { id: 13, r: 'NO', dom: 'soc', cat: 'Sở thích chung với bạn đồng trang lứa', t: 'Trẻ có hầu hết các sở thích giống như những đứa trẻ khác cùng độ tuổi không?' }, { id: 14, r: 'YES', dom: 'rrb', cat: 'Sở thích hẹp / Chuyên sâu', t: 'Trẻ có một mối quan tâm/sở thích đặc biệt nào đó chiếm gần hết thời gian khiến trẻ ít làm việc khác không?' }, { id: 15, r: 'NO', dom: 'soc', cat: 'Duy trì tình bạn', t: 'Trẻ có những người bạn thân thực sự (chứ không chỉ là người quen biết chung chung) không?' }, { id: 16, r: 'NO', dom: 'soc', cat: 'Chia sẻ sự chú ý', t: 'Trẻ có thường mang những thứ trẻ thích hoặc tự làm được lại đưa cho bạn xem để khoe không?' }, { id: 17, r: 'NO', dom: 'com', cat: 'Kể chuyện xã hội', t: 'Trẻ có thích nói chuyện tào lao vui vẻ hoặc chia sẻ cảm xúc hàng ngày với bạn không?' }, { id: 18, r: 'YES', dom: 'rrb', cat: 'Trí nhớ máy móc khác thường', t: 'Trẻ có trí nhớ chi tiết khác thường về những thông tin mà hầu hết người khác đều quên ngay không?' }, { id: 19, r: 'NO', dom: 'soc', cat: 'Giao tiếp mắt', t: 'Trẻ có sử dụng giao tiếp mắt tự nhiên và phù hợp khi nói chuyện với người khác không?' }, { id: 20, r: 'YES', dom: 'com', cat: 'Ngôn ngữ hình thức / Khác lạ', t: 'Giọng điệu của trẻ có vẻ đều đều, khác thường hoặc cách dùng từ quá sách vở/già dặn so với tuổi không?' }, { id: 21, r: 'NO', dom: 'soc', cat: 'Tầm quan trọng của con người', t: 'Đối với trẻ, con người (bạn bè, người thân) có quan trọng hơn là các đồ vật/sự vật không?' }, { id: 22, r: 'CTRL', dom: 'ctrl', cat: 'Câu kiểm soát phát triển (Không tính điểm)', t: 'Trẻ đã có thể tự mặc quần áo mà không cần giúp đỡ chưa?' }, { id: 23, r: 'NO', dom: 'soc', cat: 'Kỹ năng luân phiên xã hội', t: 'Trẻ có giỏi việc nhường nhịn và luân phiên khi tham gia hoạt động chung với người khác không?' }, { id: 24, r: 'NO', dom: 'soc', cat: 'Chơi nhập vai hợp tác', t: 'Trẻ có chơi đóng vai giả vờ cùng với một hoặc nhiều đứa trẻ khác không?' }, { id: 25, r: 'YES', dom: 'com', cat: 'Thiếu tinh tế xã hội', t: 'Trẻ có hay buột miệng nói hoặc làm những điều thiếu tế nhị, không phù hợp hoàn cảnh xã hội không?' }, { id: 26, r: 'CTRL', dom: 'ctrl', cat: 'Câu kiểm soát phát triển (Không tính điểm)', t: 'Trẻ có thể đếm đến 50 mà không bỏ sót số nào không?' }, { id: 27, r: 'NO', dom: 'soc', cat: 'Nụ cười xã hội', t: 'Trẻ có mỉm cười tự nhiên đáp lại khi tương tác với người khác không?' }, { id: 28, r: 'YES', dom: 'rrb', cat: 'Vận động định hình (Stimming)', t: 'Trẻ có những cử động cơ thể hoặc tay chân lặp đi lặp lại bất thường không?' }, { id: 29, r: 'YES', dom: 'soc', cat: 'Hành vi xã hội một chiều', t: 'Cách cư xử xã hội của trẻ có vẻ thiên về một chiều và luôn muốn mọi thứ phải theo đúng điều kiện của trẻ không?' }, { id: 30, r: 'YES', dom: 'com', cat: 'Tách biệt nội dung hội thoại', t: 'Đôi khi trẻ có nói "thao thao bất tuyệt" về chủ đề của riêng mình mà không liên quan gì đến câu chuyện chung không?' }, { id: 31, r: 'YES', dom: 'rrb', cat: 'Thích chơi một mình', t: 'Trẻ có thích tự chơi các hoạt động tưởng tượng một mình hơn là chơi cùng bạn khác không?' }, { id: 32, r: 'YES', dom: 'com', cat: 'Mất mạch câu chuyện', t: 'Đôi khi trẻ có làm người nghe bối rối vì không giải thích rõ trẻ đang nói về chủ đề gì không?' }, { id: 33, r: 'CTRL', dom: 'ctrl', cat: 'Câu kiểm soát phát triển (Không tính điểm)', t: 'Trẻ đã biết đi xe đạp hai bánh chưa?' }, { id: 34, r: 'YES', dom: 'rrb', cat: 'Áp đặt quy tắc lên bạn bè', t: 'Trẻ có cố gắng áp đặt các thói quen hoặc luật lệ cứng nhắc của bản thân lên bạn cùng chơi không?' }, { id: 35, r: 'NO', dom: 'soc', cat: 'Quan tâm hình ảnh xã hội', t: 'Trẻ có quan tâm đến việc nhóm bạn ở trường nghĩ gì hoặc đánh giá thế nào về mình không?' }, { id: 36, r: 'YES', dom: 'com', cat: 'Độc thoại trong giao tiếp', t: 'Khi nói chuyện, trẻ có thường biến cuộc hội thoại thành bài độc thoại một chiều về sở thích của trẻ không?' }, { id: 37, r: 'YES', dom: 'com', cat: 'Hiểu theo nghĩa đen (Literal)', t: 'Trẻ có gặp khó khăn khi hiểu các câu nói đùa, thành ngữ, ẩn dụ hoặc lời nói mỉa mai không?' } ]; let answers = {}; let filterDom = 'all'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .cast-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .cast-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .cast-inner { padding: 24px; max-width: 920px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .cast-wrap.is-fullscreen .cast-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .cast-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 0 rgba(37, 99, 235, 0.4); } 70% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 10px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 0 rgba(37, 99, 235, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .cast-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .cast-header-text { flex: 1 1 260px; } .cast-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .cast-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } /* Controls */ .cast-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; } .cast-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; } .cast-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; } .cast-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .cast-pbtn:hover { background: #f1f5f9; border-color: #94a3b8; } .cast-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } .cast-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; } .cast-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .cast-dtab.active { background: #2563eb; color: #ffffff; border-color: #2563eb; } /* Sticky Dashboard */ .cast-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .cast-wrap.is-fullscreen .cast-dash { top: 58px; } .cast-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .cast-score-big { font-size: 24px; font-weight: 800; line-height: 1; } .cast-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .cast-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .cast-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .cast-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .cast-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .cast-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; } .cast-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 37 câu hỏi */ .cast-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; } .cast-q-item.risk-flagged { border-color: #fca5a5; background: #fff5f5; } .cast-q-item.ctrl-item { background: #f8fafc; border-style: dashed; } .cast-q-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; } .cast-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; flex: 1; } .cast-q-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .cast-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .cast-tag.dom-soc { background: #dbeafe; color: #1d4ed8; } .cast-tag.dom-com { background: #f3e8ff; color: #7e22ce; } .cast-tag.dom-rrb { background: #fef3c7; color: #b45309; } .cast-tag.ctrl { background: #e2e8f0; color: #334155; } .cast-ans-group { display: flex; gap: 8px; flex-shrink: 0; } .cast-abtn { min-width: 78px; padding: 8px 14px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 13.5px; font-weight: 700; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .cast-abtn:hover { border-color: #64748b; } .cast-abtn.sel-safe { background: #10b981; border-color: #10b981; color: #ffffff; } .cast-abtn.sel-risk { background: #ef4444; border-color: #ef4444; color: #ffffff; } .cast-abtn.sel-ctrl { background: #64748b; border-color: #64748b; color: #ffffff; } .cast-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 600px) { .cast-inner { padding: 14px; } .cast-title { font-size: 18px; } .cast-q-head { flex-direction: column; } .cast-ans-group { width: 100%; } .cast-abtn { flex: 1; padding: 10px 14px; } .cast-pillars { grid-template-columns: 1fr; } .cast-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const castWrap = shadow.getElementById('castWrap'); const listEl = shadow.querySelector('.cast-q-list'); const scoreEl = shadow.querySelector('.cast-val-score'); const ansCountEl = shadow.querySelector('.cast-val-answered'); const badgeEl = shadow.querySelector('.cast-badge'); const barFillEl = shadow.querySelector('.cast-bar-fill'); const socEl = shadow.querySelector('.cast-val-soc'); const comEl = shadow.querySelector('.cast-val-com'); const rrbEl = shadow.querySelector('.cast-val-rrb'); const resBoxEl = shadow.querySelector('.cast-result-box'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); function getDomInfo(dom) { if (dom === 'soc') return { text: 'Tương tác xã hội & Bạn bè', cls: 'dom-soc' }; if (dom === 'com') return { text: 'Giao tiếp & Ngữ dụng', cls: 'dom-com' }; if (dom === 'rrb') return { text: 'Cứng nhắc & Sở thích hẹp', cls: 'dom-rrb' }; return { text: 'Kiểm soát phát triển', cls: 'ctrl' }; } function renderQuestions() { listEl.innerHTML = ''; questions.forEach(function(q) { if (filterDom !== 'all' && q.dom !== filterDom) return; const uAns = answers[q.id] || null; const isCtrl = (q.r === 'CTRL'); const isRisk = (!isCtrl && uAns && uAns === q.r); const item = document.createElement('div'); item.className = 'cast-q-item' + (isRisk ? ' risk-flagged' : '') + (isCtrl ? ' ctrl-item' : ''); const dInfo = getDomInfo(q.dom); const ruleTag = isCtrl ? 'Không tính vào điểm rủi ro (0đ)' : `Chọn ${q.r === 'YES' ? 'CÓ' : 'KHÔNG'} = 1 điểm`; let yesCls = 'cast-abtn'; let noCls = 'cast-abtn'; if (isCtrl) { if (uAns === 'YES') yesCls += ' sel-ctrl'; if (uAns === 'NO') noCls += ' sel-ctrl'; } else { if (uAns === 'YES') yesCls += (q.r === 'YES' ? ' sel-risk' : ' sel-safe'); if (uAns === 'NO') noCls += (q.r === 'NO' ? ' sel-risk' : ' sel-safe'); } item.innerHTML = ` `; listEl.appendChild(item); }); listEl.querySelectorAll('.cast-abtn').forEach(function(btn) { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answers[id] = this.getAttribute('data-val'); renderQuestions(); updateSummary(); }; }); } function updateSummary() { let total = 0, soc = 0, com = 0, rrb = 0, answered = 0; questions.forEach(function(q) { const u = answers[q.id]; if (u) { answered++; if (q.r !== 'CTRL' && u === q.r) { total++; if (q.dom === 'soc') soc++; else if (q.dom === 'com') com++; else if (q.dom === 'rrb') rrb++; } } }); scoreEl.textContent = total; ansCountEl.textContent = answered; socEl.textContent = `${soc} / 12 điểm`; comEl.textContent = `${com} / 12 điểm`; rrbEl.textContent = `${rrb} / 7 điểm`; const pct = Math.min(100, Math.round((total / 31) * 100)); barFillEl.style.width = pct + '%'; if (answered === 0) { badgeEl.textContent = 'Chưa chọn câu trả lời'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Hãy bấm chọn CÓ hoặc KHÔNG cho từng câu hỏi phía trên (hoặc chọn Kịch bản lâm sàng mẫu) để xem phân tích điểm CAST.'; updateFloatingFabVisibility(); return; } let color = '#10b981'; let badgeTxt = ''; let analysis = ''; if (total < 12) { color = '#10b981'; badgeTxt = `NGUY CƠ THẤP (${total}/31 điểm)`; analysis = ` Kết luận sàng lọc CAST — Dưới ngưỡng nguy cơ (${total}/31 điểm):
• Tổng điểm thấp hơn cả ngưỡng giáp ranh (12 điểm) và ngưỡng cắt chuẩn (15 điểm).
• Trẻ thể hiện khả năng kết bạn, trò chuyện qua lại hai chiều (${com}/12) và hòa nhập nhóm bạn học đường (${soc}/12) phù hợp với lứa tuổi. `; } else if (total < 15) { color = '#f59e0b'; badgeTxt = `VÙNG GIÁP RANH (${total}/31 điểm)`; analysis = ` Kết luận sàng lọc CAST — Vùng Giáp Ranh Cần Lưu Ý (12 – 14 điểm: Đạt ${total}/31 điểm):
• Điểm số tiệm cận ngưỡng cắt lâm sàng (≥ 15 điểm). Hồ sơ 3 trụ cột: Tương tác xã hội (${soc}/12) • Giao tiếp ngữ dụng (${com}/12) • Hành vi cứng nhắc & Sở thích hẹp (${rrb}/7).
• Khuyến nghị: Nên kết hợp đối chiếu thêm bảng sàng lọc từ Giáo viên (như thang ASSQ) và theo dõi kỹ năng hiểu nghĩa bóng, duy trì tình bạn ở trường. `; } else { color = '#ef4444'; badgeTxt = `NGUY CƠ CAO ASD (≥ 15: ${total}/31đ)`; analysis = ` Kết luận sàng lọc CAST — Vượt Ngưỡng Điểm Cắt Lâm Sàng (≥ 15 điểm: Đạt ${total}/31 điểm):
• Kết quả dương tính trên thang CAST với các dấu hiệu đặc trưng ở cả 3 lĩnh vực: Tương tác bạn bè (${soc}/12), Giao tiếp ngữ dụng (${com}/12) và Sở thích chuyên sâu / Tính cứng nhắc (${rrb}/7).
• Hướng xử trí chuẩn: Cần chuyển gửi trẻ thực hiện đánh giá chẩn đoán chuyên sâu bằng ADOS-2 (Module 3), ADI-R và đánh giá năng lực thích ứng Vineland-3 để xây dựng kế hoạch hỗ trợ kỹ năng xã hội học đường. `; } barFillEl.style.background = color; badgeEl.textContent = badgeTxt; badgeEl.style.background = color; badgeEl.style.color = '#ffffff'; resBoxEl.style.borderLeftColor = color; resBoxEl.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { answers = {}; if (type === 'reset') { renderQuestions(); updateSummary(); return; } questions.forEach(function(q) { if (q.r === 'CTRL') answers[q.id] = 'YES'; else answers[q.id] = (q.r === 'YES' ? 'NO' : 'YES'); }); if (type === 'typical') { [5, 14, 18].forEach(function(id) { answers[id] = questions[id - 1].r; }); } else if (type === 'border') { [1, 5, 6, 8, 10, 11, 14, 15, 18, 20, 25, 30, 37].forEach(function(id) { answers[id] = questions[id - 1].r; }); } else if (type === 'hfasd') { [1, 2, 5, 6, 7, 8, 9, 10, 11, 13, 14, 15, 18, 19, 20, 25, 29, 30, 34, 36, 37].forEach(function(id) { answers[id] = questions[id - 1].r; }); } renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); castWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { castWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 900px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('.cast-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#domainTabs .cast-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .cast-dtab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderQuestions(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); applyPreset('hfasd'); })();

CAST (Childhood Autism Spectrum Test — trước đây gọi là Childhood Asperger Syndrome Test) là công cụ sàng lọc chuẩn hóa do Trung tâm Nghiên cứu Tự kỷ (ARC) tại Đại học Cambridge (Anh) (Fiona Scott, Simon Baron-Cohen và cộng sự) phát triển.

Mục đích lâm sàng: Phát hiện các dấu hiệu Rối loạn phổ tự kỷ mức độ nhẹ / Tự kỷ chức năng cao (High-Functioning Autism / Asperger) ở trẻ em độ tuổi đi học — nhóm trẻ thường có trí tuệ và ngôn ngữ bề mặt bình thường nhưng gặp rào cản trong giao tiếp xã hội tinh tế, kết bạn và hành vi linh hoạt ở trường.

• Độ tuổi áp dụng: 4 đến 11 tuổi (Bậc Mầm non lớn & Tiểu học).

• Người thực hiện: Phụ huynh hoặc người chăm sóc chính trả lời trong khoảng 10 phút.

• Cấu trúc câu hỏi (37 câu CÓ / KHÔNG):

  1. 31 câu tính điểm nguy cơ chia vào 3 trụ cột: Tương tác xã hội & Bạn bè (12 câu), Giao tiếp & Ngữ dụng (12 câu), Hành vi cứng nhắc & Sở thích hẹp (7 câu).

  2. 6 câu kiểm soát phát triển chung không tính điểm: Câu số 3, 4, 12, 22, 26, 33.

• Cách tính điểm & Ngưỡng điểm cắt (Cut-off):

  1. Tổng điểm tối đa: 31 điểm (mỗi câu khớp chỉ báo ASD = 1 điểm).

  2. $\ge 15$ điểm: Ngưỡng nguy cơ cao (Positive screen), cần chuyển gửi đánh giá chẩn đoán chuyên sâu (ADOS-2, ADI-R, Vineland-3).

  3. 12 – 14 điểm: Vùng giáp ranh (Borderline), cần theo dõi sát và đối chiếu thêm đánh giá từ giáo viên.

Nguồn: Tài liệu gốc với sự hỗ trợ của AI.

(function() { const host = document.getElementById('assq-wp-host'); if (!host) return; const placeholder = document.createComment('assq-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // 27 câu hỏi chuẩn ASSQ (Ehlers, Gillberg & Wing, 1999) // dom: 'soc' (Tương tác xã hội - 11 câu), 'com' (Giao tiếp & Ngữ dụng - 6 câu), 'rrb' (Cứng nhắc & Lặp lại - 5 câu), 'mot' (Vận động & Biểu cảm/Tics - 5 câu) const questions = [ { id: 1, dom: 'com', cat: 'Phong cách ngôn ngữ', t: 'Cách nói chuyện và cư xử già dặn kiểu "ông cụ non" (kiểu cách, sách vở hơn bạn cùng tuổi).' }, { id: 2, dom: 'soc', cat: 'Hình ảnh trong mắt bạn bè', t: 'Được các bạn cùng trang lứa coi như một "giáo sư lập dị" (biết rất nhiều về vài thứ nhưng xa rời thực tế).' }, { id: 3, dom: 'soc', cat: 'Thế giới nội tâm', t: 'Sống như trong thế giới riêng của bản thân với những mối quan tâm trí tuệ hẹp và mang tính cá nhân.' }, { id: 4, dom: 'rrb', cat: 'Trí nhớ cơ học', t: 'Tích lũy các sự kiện, số liệu về một số chủ đề nhất định (trí nhớ cơ học rất tốt) nhưng không thực sự hiểu sâu ý nghĩa tổng thể.' }, { id: 5, dom: 'com', cat: 'Hiểu theo nghĩa đen', t: 'Hiểu ngôn ngữ theo đúng nghĩa đen; không hiểu được nghĩa bóng, ẩn dụ, lời nói đùa hoặc châm biếm.' }, { id: 6, dom: 'com', cat: 'Diễn đạt lệch chuẩn', t: 'Có phong cách giao tiếp lệch chuẩn: cách diễn đạt trang trọng quá mức, cầu kỳ, cổ điển hoặc cứng nhắc như "robot".' }, { id: 7, dom: 'com', cat: 'Từ ngữ tự tạo', t: 'Tự bịa ra các từ ngữ hoặc cách diễn đạt riêng biệt không giống ai.' }, { id: 8, dom: 'com', cat: 'Giọng điệu khác lạ', t: 'Có giọng nói hoặc cách phát âm khác thường (quá to, quá nhỏ, đều đều một tông giọng, hoặc ngữ điệu kỳ lạ).' }, { id: 9, dom: 'mot', cat: 'Âm thanh không chủ đích', t: 'Phát âm ra những âm thanh không chủ đích như: hắng giọng, khịt mũi, tặc lưỡi, rên rỉ hoặc kêu lên bất chợt.' }, { id: 10, dom: 'rrb', cat: 'Năng lực không đồng đều', t: 'Phong độ học tập/thực hiện nhiệm vụ rất thất thường: cực kỳ xuất sắc ở một số mảng nhưng lại rất kém ở những mảng đơn giản khác.' }, { id: 11, dom: 'com', cat: 'Ngữ dụng xã hội', t: 'Sử dụng ngôn ngữ trôi chảy nhưng thất bại trong việc điều chỉnh lời nói cho phù hợp với ngữ cảnh xã hội hoặc người nghe.' }, { id: 12, dom: 'soc', cat: 'Thấu cảm xã hội', t: 'Thiếu sự đồng cảm (không nhận ra hoặc không thấu hiểu được cảm xúc của người khác).' }, { id: 13, dom: 'soc', cat: 'Nhận xét thiếu tinh tế', t: 'Hay đưa ra những nhận xét ngây thơ, thẳng thừng làm người khác ngượng ngùng mà không nhận thức được.' }, { id: 14, dom: 'soc', cat: 'Giao tiếp ánh mắt', t: 'Có kiểu nhìn chằm chằm hoặc giao tiếp ánh mắt lệch chuẩn (tránh nhìn mắt hoặc nhìn cứng nhắc).' }, { id: 15, dom: 'soc', cat: 'Thiết lập quan hệ bạn bè', t: 'Có mong muốn hòa đồng với bạn bè nhưng luôn thất bại trong việc thiết lập và duy trì mối quan hệ với bạn cùng lứa.' }, { id: 16, dom: 'soc', cat: 'Tương tác một chiều', t: 'Chỉ có thể ở bên cạnh các bạn khác nếu mọi người chịu làm theo đúng luật lệ và điều kiện của trẻ.' }, { id: 17, dom: 'soc', cat: 'Tình bạn thân thiết', t: 'Thiếu vắng một người bạn thân thực sự.' }, { id: 18, dom: 'soc', cat: 'Phán đoán tình huống', t: 'Thiếu "lẽ thường" (common sense) trong các tình huống ứng xử đời sống hàng ngày.' }, { id: 19, dom: 'soc', cat: 'Phối hợp nhóm / Đồng đội', t: 'Kém trong các trò chơi đồng đội: không có khái niệm hợp tác nhóm mà chỉ tự tính điểm/chơi theo ý riêng.' }, { id: 20, dom: 'mot', cat: 'Phối hợp vận động', t: 'Có cử chỉ hoặc dáng chạy nhảy, vận động vụng về, thiếu sự phối hợp nhịp nhàng và uyển chuyển.' }, { id: 21, dom: 'mot', cat: 'Cử động không chủ đích', t: 'Có những cử động khuôn mặt hoặc cơ thể không chủ đích (nháy mắt, nhăn mặt, vặn vẹo tay chân).' }, { id: 22, dom: 'rrb', cat: 'Hành vi bắt buộc lặp lại', t: 'Gặp khó khăn trong việc hoàn thành các sinh hoạt cá nhân hàng ngày do cứ phải lặp đi lặp lại một số hành động hoặc suy nghĩ bắt buộc.' }, { id: 23, dom: 'rrb', cat: 'Nghi thức cứng nhắc', t: 'Có những thói quen/nghi thức đặc biệt: luôn khăng khăng không cho phép bất kỳ sự thay đổi nào.' }, { id: 24, dom: 'rrb', cat: 'Gắn bó đồ vật khác lạ', t: 'Có sự gắn bó khác thường với một số đồ vật nhất định (sưu tầm hoặc luôn mang theo những thứ không phù hợp lứa tuổi).' }, { id: 25, dom: 'soc', cat: 'Nguy cơ bị bắt nạt', t: 'Thường bị những đứa trẻ khác trêu chọc, bắt nạt hoặc cô lập.' }, { id: 26, dom: 'mot', cat: 'Biểu cảm nét mặt', t: 'Có biểu cảm khuôn mặt khác thường (ít biểu cảm, đơ cứng hoặc biểu cảm lệch pha với hoàn cảnh).' }, { id: 27, dom: 'mot', cat: 'Tư thế cơ thể', t: 'Có tư thế cơ thể hoặc dáng đứng/dáng ngồi khác thường, cứng nhắc.' } ]; let answers = {}; let rater = 'parent'; // 'parent' (Cut-off >= 19) | 'teacher' (Cut-off >= 22) let filterDom = 'all'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .assq-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .assq-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .assq-inner { padding: 24px; max-width: 920px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .assq-wrap.is-fullscreen .assq-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .assq-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45), 0 0 0 0 rgba(124, 58, 237, 0.4); } 70% { box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45), 0 0 0 10px rgba(124, 58, 237, 0); } 100% { box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45), 0 0 0 0 rgba(124, 58, 237, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .assq-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .assq-header-text { flex: 1 1 260px; } .assq-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .assq-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #f5f3ff; color: #6d28d9; border: 1px solid #ddd6fe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #7c3aed; color: #ffffff; border-color: #7c3aed; } /* Khu vực chọn Người đánh giá & Kịch bản mẫu */ .assq-top-controls { display: grid; grid-template-columns: 1fr 1.25fr; gap: 12px; margin-bottom: 14px; } .assq-box-ctrl { background: #f8fafc; border: 1px solid #e2e8f0; padding: 10px 12px; border-radius: 10px; } .assq-ctrl-label { font-size: 12px; font-weight: 700; color: #475569; text-transform: uppercase; margin-bottom: 6px; display: block; } .assq-rater-group, .assq-preset-group { display: flex; flex-wrap: wrap; gap: 6px; } .assq-btn-sm { padding: 6px 10px; border-radius: 7px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; flex: 1; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .assq-btn-sm:hover { background: #f1f5f9; } .assq-btn-sm.active { background: #6d28d9; color: #ffffff; border-color: #6d28d9; } .assq-btn-sm.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; flex: 0 0 auto; } /* Bộ lọc 4 nhóm triệu chứng */ .assq-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; } .assq-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .assq-dtab.active { background: #6d28d9; color: #ffffff; border-color: #6d28d9; } /* Bảng điểm nổi (Sticky Dashboard) */ .assq-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .assq-wrap.is-fullscreen .assq-dash { top: 58px; } .assq-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .assq-score-big { font-size: 24px; font-weight: 800; line-height: 1; } .assq-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .assq-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .assq-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .assq-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .assq-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .assq-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; } .assq-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 27 câu hỏi */ .assq-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; } .assq-q-item.risk-high { border-color: #fca5a5; background: #fff5f5; } .assq-q-item.risk-mid { border-color: #fde68a; background: #fffbeb; } .assq-q-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; } .assq-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; flex: 1; } .assq-q-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; } .assq-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .assq-tag.dom-soc { background: #dbeafe; color: #1d4ed8; } .assq-tag.dom-com { background: #f3e8ff; color: #7e22ce; } .assq-tag.dom-rrb { background: #fef3c7; color: #b45309; } .assq-tag.dom-mot { background: #dcfce7; color: #15803d; } .assq-ans-group { display: flex; gap: 6px; flex-shrink: 0; } .assq-abtn { min-width: 78px; padding: 8px 10px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 700; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .assq-abtn:hover { border-color: #64748b; } .assq-abtn.sel-0 { background: #10b981; border-color: #10b981; color: #ffffff; } .assq-abtn.sel-1 { background: #f59e0b; border-color: #f59e0b; color: #ffffff; } .assq-abtn.sel-2 { background: #ef4444; border-color: #ef4444; color: #ffffff; } .assq-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 680px) { .assq-inner { padding: 14px; } .assq-title { font-size: 18px; } .assq-top-controls { grid-template-columns: 1fr; } .assq-pillars { grid-template-columns: 1fr 1fr; } .assq-q-head { flex-direction: column; } .assq-ans-group { width: 100%; } .assq-abtn { flex: 1; padding: 10px 6px; font-size: 12px; min-width: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const assqWrap = shadow.getElementById('assqWrap'); const listEl = shadow.querySelector('.assq-q-list'); const scoreEl = shadow.querySelector('.assq-val-score'); const ansCountEl = shadow.querySelector('.assq-val-answered'); const cutoffEl = shadow.querySelector('.assq-val-cutoff'); const badgeEl = shadow.querySelector('.assq-badge'); const barFillEl = shadow.querySelector('.assq-bar-fill'); const socEl = shadow.querySelector('.assq-val-soc'); const comEl = shadow.querySelector('.assq-val-com'); const rrbEl = shadow.querySelector('.assq-val-rrb'); const motEl = shadow.querySelector('.assq-val-mot'); const resBoxEl = shadow.querySelector('.assq-result-box'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); function getDomInfo(dom) { if (dom === 'soc') return { text: 'Tương tác xã hội', cls: 'dom-soc' }; if (dom === 'com') return { text: 'Giao tiếp & Ngôn ngữ', cls: 'dom-com' }; if (dom === 'rrb') return { text: 'Cứng nhắc & Lặp lại', cls: 'dom-rrb' }; return { text: 'Vận động & Biểu cảm/Tics', cls: 'dom-mot' }; } function renderQuestions() { listEl.innerHTML = ''; questions.forEach(function(q) { if (filterDom !== 'all' && q.dom !== filterDom) return; const uVal = (answers[q.id] !== undefined) ? answers[q.id] : null; let rowCls = 'assq-q-item'; if (uVal === 2) rowCls += ' risk-high'; else if (uVal === 1) rowCls += ' risk-mid'; const dInfo = getDomInfo(q.dom); const b0 = 'assq-abtn' + (uVal === 0 ? ' sel-0' : ''); const b1 = 'assq-abtn' + (uVal === 1 ? ' sel-1' : ''); const b2 = 'assq-abtn' + (uVal === 2 ? ' sel-2' : ''); const item = document.createElement('div'); item.className = rowCls; item.innerHTML = ` `; listEl.appendChild(item); }); listEl.querySelectorAll('.assq-abtn').forEach(function(btn) { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answers[id] = parseInt(this.getAttribute('data-val'), 10); renderQuestions(); updateSummary(); }; }); } function updateSummary() { let total = 0, soc = 0, com = 0, rrb = 0, mot = 0, answered = 0; questions.forEach(function(q) { const u = answers[q.id]; if (u !== undefined) { answered++; total += u; if (q.dom === 'soc') soc += u; else if (q.dom === 'com') com += u; else if (q.dom === 'rrb') rrb += u; else if (q.dom === 'mot') mot += u; } }); const highCut = (rater === 'parent') ? 19 : 22; const warnCut = (rater === 'parent') ? 13 : 15; const raterLabel = (rater === 'parent') ? 'Phụ huynh' : 'Giáo viên'; scoreEl.textContent = total; ansCountEl.textContent = answered; cutoffEl.textContent = `Người đánh giá: ${raterLabel} (Ngưỡng cắt ≥ ${highCut} điểm)`; socEl.textContent = `${soc} / 22 điểm`; comEl.textContent = `${com} / 12 điểm`; rrbEl.textContent = `${rrb} / 10 điểm`; motEl.textContent = `${mot} / 10 điểm`; const pct = Math.min(100, Math.round((total / 54) * 100)); barFillEl.style.width = pct + '%'; if (answered === 0) { badgeEl.textContent = 'Chưa chọn câu trả lời'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Chọn vai trò người đánh giá (Phụ huynh hoặc Giáo viên) và bấm chọn mức độ 0 – 1 – 2 cho 27 câu hỏi phía trên (hoặc chọn Kịch bản lâm sàng mẫu) để xem phân tích điểm ASSQ.'; updateFloatingFabVisibility(); return; } let color = '#10b981'; let badgeTxt = ''; let analysis = ''; if (total < warnCut) { color = '#10b981'; badgeTxt = `NGUY CƠ THẤP (${total}/54 điểm)`; analysis = ` Kết luận sàng lọc ASSQ (${raterLabel}) — Dưới ngưỡng nguy cơ (${total}/54 điểm):
• Tổng điểm thấp hơn cả ngưỡng cảnh báo sớm (${warnCut} điểm) và ngưỡng cắt lâm sàng (≥ ${highCut} điểm dành cho ${raterLabel}).
• Trẻ không bộc lộ sự khác biệt lan tỏa về giao tiếp ngữ dụng hay tương tác bạn bè so với nhóm tuổi. `; } else if (total < highCut) { color = '#f59e0b'; badgeTxt = `VÙNG CẢNH BÁO (${total}/54 điểm)`; analysis = ` Kết luận sàng lọc ASSQ (${raterLabel}) — Vùng Cảnh Báo Giáp Ranh (${total}/54 điểm, ngưỡng cắt ≥ ${highCut}):
• Hồ sơ 4 lĩnh vực: Tương tác xã hội (${soc}/22) • Giao tiếp & Ngôn ngữ (${com}/12) • Cứng nhắc & Lặp lại (${rrb}/10) • Vận động & Biểu cảm (${mot}/10).
• Khuyến nghị: Nên cho cả Phụ huynh và Giáo viên cùng chấm độc lập trên thang ASSQ để đối chiếu hành vi của trẻ ở nhà và ở trường, đồng thời theo dõi kỹ năng kết bạn và hòa nhập nhóm. `; } else { color = '#ef4444'; badgeTxt = `NGUY CƠ CAO ASD (≥ ${highCut}: ${total}/54đ)`; analysis = ` Kết luận sàng lọc ASSQ (${raterLabel}) — Vượt Ngưỡng Điểm Cắt Lâm Sàng (Đạt ${total}/54 điểm, ngưỡng cắt ≥ ${highCut}):
• Kết quả sàng lọc dương tính trên thang ASSQ với các biểu hiện rõ nét ở: Tương tác xã hội (${soc}/22), Giao tiếp ngữ dụng (${com}/12), Thói quen cứng nhắc (${rrb}/10) và Đặc điểm vận động/biểu cảm (${mot}/10).
• Hướng xử trí chuẩn: Cần chuyển gửi trẻ khám chuyên khoa Tâm bệnh / Tâm lý lâm sàng để đánh giá chẩn đoán bằng ADOS-2 (Module 3/4), ADI-R và đánh giá hành vi thích ứng Vineland-3. `; } barFillEl.style.background = color; badgeEl.textContent = badgeTxt; badgeEl.style.background = color; badgeEl.style.color = '#ffffff'; resBoxEl.style.borderLeftColor = color; resBoxEl.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { answers = {}; if (type === 'reset') { renderQuestions(); updateSummary(); return; } questions.forEach(function(q) { answers[q.id] = 0; }); if (type === 'typical') { answers[1] = 1; answers[4] = 2; answers[20] = 1; // 4 điểm } else if (type === 'border') { // 16 điểm [1, 2, 4, 5, 6, 11, 13, 15, 17, 19, 20].forEach(function(id, idx) { answers[id] = (idx < 5) ? 2 : 1; }); } else if (type === 'hfasd') { // 28 điểm [1, 2, 3, 4, 5, 6, 8, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 23, 25].forEach(function(id, idx) { answers[id] = (idx < 9) ? 2 : 1; }); } renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); assqWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { assqWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 900px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('#raterGroup .assq-btn-sm').forEach(function(btn) { btn.onclick = function() { rater = this.getAttribute('data-rater'); shadow.querySelectorAll('#raterGroup .assq-btn-sm').forEach(b => b.classList.remove('active')); this.classList.add('active'); updateSummary(); }; }); shadow.querySelectorAll('#presetGroup .assq-btn-sm').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-pre')); }; }); shadow.querySelectorAll('#domainTabs .assq-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .assq-dtab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderQuestions(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); applyPreset('hfasd'); })();

ASSQ (Autism Spectrum Screening Questionnaire — Bảng câu hỏi Sàng lọc Phổ Tự kỷ) là công cụ sàng lọc lâm sàng do Stephan Ehlers, Christopher Gillberg và Lorna Wing phát triển (1999).

• Mục đích lâm sàng: Chuyên dùng để sàng lọc các dấu hiệu Rối loạn phổ tự kỷ chức năng cao (High-Functioning Autism / Hội chứng Asperger trước đây) ở trẻ em và thanh thiếu niên có trí tuệ trong giới hạn bình thường hoặc cao nhưng gặp khó khăn đặc trưng về tương tác xã hội, ngôn ngữ ngữ dụng, thói quen cứng nhắc và sự vụng về vận động.

• Độ tuổi áp dụng: 7 đến 16 tuổi (Bậc Tiểu học & Trung học cơ sở).

• Người thực hiện: Được thiết kế để cả Phụ huynh VÀ Giáo viên cùng đánh giá độc lập dựa trên việc so sánh hành vi của trẻ với các bạn cùng trang lứa.

• Cấu trúc 27 câu hỏi & Thang điểm (0 – 1 – 2):

  1. Gồm 27 mục hành vi chia vào 4 nhóm triệu chứng: Tương tác xã hội (11 câu), Giao tiếp & Ngôn ngữ (6 câu), Hành vi hạn hẹp & Lặp lại (5 câu), Vận động & Cử động/Âm thanh bất thường (5 câu).

  2. Chấm theo 3 mức độ: 0 (Không đúng), 1 (Đúng một phần / Đôi khi), 2 (Hoàn toàn đúng / Nổi bật rõ rệt).

• Ngưỡng điểm cắt chuẩn hóa (Cut-off Score trên thang 0 – 54 điểm):

  1. Khi Phụ huynh đánh giá: $\ge 19$ điểm $\to$ Nguy cơ cao thuộc Phổ tự kỷ.

  2. Khi Giáo viên đánh giá: $\ge 22$ điểm $\to$ Nguy cơ cao thuộc Phổ tự kỷ.

  3. Từ 13 – 18 điểm (Phụ huynh) hoặc 15 – 21 điểm (Giáo viên): Vùng cảnh báo giáp ranh cần theo dõi và đối chiếu giữa gia đình – nhà trường.

Nguồn: Tài liệu gốc cùng sự hỗ trợ biên tập nội dung với AI.

(function() { const host = document.getElementById('aq-full-wp-host'); if (!host) return; const placeholder = document.createComment('aq-full-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // 50 câu hỏi chuẩn AQ (Cambridge University) với 2 bản ngữ pháp: // tc: Ngôi thứ 3 dành cho Phụ huynh đánh giá con (AQ-Child 4-11 tuổi & AQ-Adolescent 12-15 tuổi) // ta: Ngôi thứ 1 dành cho Người từ 16 tuổi trở lên tự đánh giá (AQ-Adult 16+) // r: Chiều tính điểm đặc điểm tự kỷ ('AGREE' = Đồng ý, 'DISAGREE' = Không đồng ý) // dom: 'soc' (Kỹ năng xã hội), 'swi' (Chuyển đổi chú ý), 'det' (Chú ý chi tiết), 'com' (Giao tiếp), 'ima' (Trí tưởng tượng) const questions = [ { id: 1, r: 'DISAGREE', dom: 'soc', tc: 'Con thích làm mọi việc cùng với người khác hơn là tự làm một mình.', ta: 'Tôi thích làm mọi việc cùng với người khác hơn là tự làm một mình.' }, { id: 2, r: 'AGREE', dom: 'swi', tc: 'Con thích làm mọi việc lặp đi lặp lại theo đúng một cách quen thuộc.', ta: 'Tôi thích làm mọi việc lặp đi lặp lại theo đúng một cách quen thuộc.' }, { id: 3, r: 'DISAGREE', dom: 'ima', tc: 'Nếu cố gắng tưởng tượng một điều gì đó, con rất dễ dàng hình dung ra bức tranh sống động trong đầu.', ta: 'Nếu cố gắng tưởng tượng một điều gì đó, tôi rất dễ dàng hình dung ra bức tranh sống động trong đầu.' }, { id: 4, r: 'AGREE', dom: 'swi', tc: 'Con thường bị cuốn sâu vào một việc đến mức quên mất những thứ khác xung quanh.', ta: 'Tôi thường bị cuốn sâu vào một việc đến mức quên mất những thứ khác xung quanh.' }, { id: 5, r: 'AGREE', dom: 'det', tc: 'Con thường nghe thấy những âm thanh nhỏ nhặt mà người khác không để ý.', ta: 'Tôi thường nghe thấy những âm thanh nhỏ nhặt mà người khác không để ý.' }, { id: 6, r: 'AGREE', dom: 'det', tc: 'Con thường chú ý đến biển số xe hoặc các chuỗi thông tin, ký hiệu tương tự.', ta: 'Tôi thường chú ý đến biển số xe hoặc các chuỗi thông tin tương tự.' }, { id: 7, r: 'AGREE', dom: 'com', tc: 'Người khác thường bảo rằng những điều con nói là thiếu lịch sự/thiếu tế nhị, dù bản thân con nghĩ nó bình thường.', ta: 'Người khác thường bảo rằng những điều tôi nói là thiếu lịch sự, dù bản thân tôi nghĩ nó hoàn toàn bình thường.' }, { id: 8, r: 'DISAGREE', dom: 'ima', tc: 'Khi nghe hoặc đọc một câu chuyện, con có thể dễ dàng hình dung ra diện mạo của các nhân vật.', ta: 'Khi đọc một câu chuyện, tôi có thể dễ dàng hình dung ra diện mạo của các nhân vật.' }, { id: 9, r: 'AGREE', dom: 'det', tc: 'Con bị cuốn hút mạnh mẽ bởi các mốc ngày tháng (lịch, ngày sinh, niên đại).', ta: 'Tôi bị cuốn hút mạnh mẽ bởi các mốc ngày tháng (lịch, ngày sinh, niên đại).' }, { id: 10, r: 'DISAGREE', dom: 'swi', tc: 'Trong một nhóm đông người, con có thể dễ dàng theo dõi nhiều cuộc trò chuyện của mọi người xung quanh cùng lúc.', ta: 'Trong một nhóm đông người, tôi có thể dễ dàng theo dõi nhiều cuộc trò chuyện khác nhau cùng lúc.' }, { id: 11, r: 'DISAGREE', dom: 'soc', tc: 'Con cảm thấy các tình huống giao tiếp xã hội rất dễ dàng và thoải mái.', ta: 'Tôi cảm thấy các tình huống giao tiếp xã hội rất dễ dàng và thoải mái.' }, { id: 12, r: 'AGREE', dom: 'det', tc: 'Con có xu hướng nhận ra những chi tiết nhỏ mà người khác thường bỏ qua.', ta: 'Tôi có xu hướng nhận ra những chi tiết nhỏ mà người khác thường bỏ qua.' }, { id: 13, r: 'AGREE', dom: 'soc', tc: 'Con thích đến thư viện hoặc ở góc yên tĩnh hơn là đi dự một bữa tiệc đông đúc.', ta: 'Tôi thích đến thư viện hơn là đi dự một bữa tiệc.' }, { id: 14, r: 'DISAGREE', dom: 'ima', tc: 'Con thấy việc tự nghĩ ra các câu chuyện hư cấu, bịa chuyện vui là rất dễ dàng.', ta: 'Tôi thấy việc tự nghĩ ra các câu chuyện hư cấu là rất dễ dàng.' }, { id: 15, r: 'DISAGREE', dom: 'soc', tc: 'Con bị thu hút bởi con người (bạn bè, người thân) mạnh mẽ hơn là bởi các đồ vật/sự vật.', ta: 'Tôi cảm thấy mình bị thu hút bởi con người mạnh mẽ hơn là bởi các đồ vật/sự vật.' }, { id: 16, r: 'AGREE', dom: 'swi', tc: 'Con có những sở thích rất mãnh liệt và sẽ cảm thấy bứt rứt, cáu kỉnh nếu không được theo đuổi chúng.', ta: 'Tôi có những sở thích rất mãnh liệt và sẽ cảm thấy bứt rứt, khó chịu nếu không được theo đuổi chúng.' }, { id: 17, r: 'DISAGREE', dom: 'com', tc: 'Con thích những cuộc trò chuyện xã giao, tán gẫu vui vẻ với mọi người.', ta: 'Tôi thích những cuộc trò chuyện xã giao (tán gẫu chuyện phiếm) với mọi người.' }, { id: 18, r: 'AGREE', dom: 'com', tc: 'Khi con đang hào hứng nói về chủ đề của mình, người khác thường rất khó chen lời vào.', ta: 'Khi tôi đang nói về chủ đề của mình, người khác thường rất khó chen lời vào.' }, { id: 19, r: 'AGREE', dom: 'det', tc: 'Con bị hấp dẫn đặc biệt bởi các con số.', ta: 'Tôi bị hấp dẫn đặc biệt bởi các con số.' }, { id: 20, r: 'AGREE', dom: 'ima', tc: 'Khi đọc truyện hoặc xem phim hoạt hình, con thấy khó đoán được ý định ngầm của các nhân vật.', ta: 'Khi đọc truyện hoặc xem phim, tôi thấy khó đoán được ý định ngầm của các nhân vật.' }, { id: 21, r: 'AGREE', dom: 'ima', tc: 'Con không mấy hứng thú với các câu chuyện tiểu thuyết hư cấu (thích sách bách khoa, thực tế hơn).', ta: 'Tôi không mấy hứng thú với việc đọc sách tiểu thuyết hư cấu.' }, { id: 22, r: 'AGREE', dom: 'soc', tc: 'Con thấy việc kết thêm bạn mới là rất khó khăn.', ta: 'Tôi thấy việc kết thêm bạn mới là rất khó khăn.' }, { id: 23, r: 'AGREE', dom: 'det', tc: 'Con luôn nhận ra các quy luật hoặc họa tiết lặp lại trong mọi vật xung quanh.', ta: 'Tôi luôn nhận ra các quy luật hoặc họa tiết lặp lại trong mọi vật xung quanh.' }, { id: 24, r: 'DISAGREE', dom: 'ima', tc: 'Con thích đi xem kịch/xem biểu diễn hơn là đi tham quan bảo tàng trưng bày.', ta: 'Tôi thích đi xem kịch ở nhà hát hơn là đi tham quan bảo tàng.' }, { id: 25, r: 'DISAGREE', dom: 'swi', tc: 'Con không hề cảm thấy phiền lòng hay khó chịu nếu thói quen sinh hoạt hàng ngày bị xáo trộn.', ta: 'Tôi không hề cảm thấy phiền lòng nếu thói quen sinh hoạt hàng ngày của mình bị xáo trộn.' }, { id: 26, r: 'AGREE', dom: 'com', tc: 'Con thường lúng túng không biết phải làm thế nào để duy trì cuộc trò chuyện với bạn bè.', ta: 'Tôi thường xuyên nhận thấy mình không biết phải làm thế nào để duy trì một cuộc trò chuyện.' }, { id: 27, r: 'DISAGREE', dom: 'com', tc: 'Con dễ dàng hiểu được "ẩn ý" đằng sau lời nói khi ai đó đang trò chuyện với mình.', ta: 'Tôi dễ dàng hiểu được "ẩn ý" đằng sau lời nói khi ai đó đang trò chuyện với mình.' }, { id: 28, r: 'DISAGREE', dom: 'det', tc: 'Con thường tập trung vào bức tranh tổng thể hơn là chỉ chú ý vào các chi tiết nhỏ lẻ.', ta: 'Tôi thường tập trung vào bức tranh tổng thể hơn là các chi tiết nhỏ lẻ.' }, { id: 29, r: 'DISAGREE', dom: 'det', tc: 'Con không giỏi lắm trong việc ghi nhớ các dãy số điện thoại.', ta: 'Tôi không giỏi việc ghi nhớ các số điện thoại.' }, { id: 30, r: 'DISAGREE', dom: 'det', tc: 'Con thường không để ý đến những thay đổi nhỏ trong phòng hoặc sự thay đổi ngoại hình của người khác.', ta: 'Tôi thường không để ý đến những thay đổi nhỏ trong một khung cảnh hoặc ngoại hình của một người.' }, { id: 31, r: 'DISAGREE', dom: 'com', tc: 'Con biết cách nhận ra khi nào người đang nghe mình nói bắt đầu cảm thấy chán.', ta: 'Tôi biết cách nhận ra khi nào người đang nghe mình nói bắt đầu cảm thấy chán.' }, { id: 32, r: 'DISAGREE', dom: 'swi', tc: 'Con thấy rất dễ dàng khi phải làm hoặc chuyển đổi qua lại nhiều việc cùng một lúc.', ta: 'Tôi thấy rất dễ dàng khi phải làm nhiều hơn một việc cùng một lúc.' }, { id: 33, r: 'AGREE', dom: 'com', tc: 'Khi nói chuyện qua điện thoại, con thường không chắc khi nào đến lượt mình nên nói.', ta: 'Khi nói chuyện qua điện thoại, tôi thường không chắc khi nào đến lượt mình nên nói.' }, { id: 34, r: 'DISAGREE', dom: 'swi', tc: 'Con thích làm mọi việc một cách ngẫu hứng, tự phát mà không cần báo trước.', ta: 'Tôi thích làm mọi việc một cách ngẫu hứng, tự phát.' }, { id: 35, r: 'AGREE', dom: 'com', tc: 'Con thường là người cuối cùng trong nhóm hiểu ra ý nghĩa của một câu nói đùa.', ta: 'Tôi thường là người cuối cùng hiểu ra ý nghĩa của một câu nói đùa.' }, { id: 36, r: 'DISAGREE', dom: 'soc', tc: 'Con dễ dàng đoán được người khác đang nghĩ gì hoặc cảm thấy thế nào chỉ bằng cách nhìn vào nét mặt họ.', ta: 'Tôi dễ dàng đoán được người khác đang nghĩ gì hoặc cảm thấy thế nào chỉ bằng cách nhìn vào nét mặt họ.' }, { id: 37, r: 'DISAGREE', dom: 'swi', tc: 'Nếu bị ngắt quãng khi đang làm dở việc, con có thể quay lại làm tiếp việc đó ngay lập tức rất dễ dàng.', ta: 'Nếu bị gián đoạn khi đang làm dở việc, tôi có thể quay lại làm tiếp việc đó ngay lập tức một cách dễ dàng.' }, { id: 38, r: 'DISAGREE', dom: 'com', tc: 'Con rất có khiếu trong việc trò chuyện làm quen, tán gẫu với bạn bè.', ta: 'Tôi rất có khiếu trong việc trò chuyện xã giao.' }, { id: 39, r: 'AGREE', dom: 'com', tc: 'Mọi người thường nhận xét rằng con cứ nói đi nói lại mãi về cùng một chủ đề.', ta: 'Mọi người thường bảo rằng tôi cứ nói đi nói lại mãi về cùng một chủ đề.' }, { id: 40, r: 'DISAGREE', dom: 'ima', tc: 'Con rất thích chơi các trò đóng vai giả vờ cùng với những đứa trẻ khác.', ta: 'Khi còn nhỏ, tôi rất thích chơi các trò đóng vai giả vờ cùng với những đứa trẻ khác.' }, { id: 41, r: 'AGREE', dom: 'ima', tc: 'Con thích sưu tầm thông tin phân loại về các nhóm sự vật (như khủng long, dòng xe hơi, loài chim, tàu hỏa...).', ta: 'Tôi thích sưu tầm thông tin phân loại về các nhóm sự vật (như các dòng xe hơi, loài chim, tàu hỏa, cây cối...).' }, { id: 42, r: 'AGREE', dom: 'ima', tc: 'Con thấy rất khó hình dung cảm giác sẽ ra sao nếu mình đặt bản thân vào vị trí của một người khác.', ta: 'Tôi thấy rất khó hình dung cảm giác sẽ ra sao nếu mình ở vào vị trí của một người khác.' }, { id: 43, r: 'AGREE', dom: 'swi', tc: 'Con thích lên kế hoạch trước thật kỹ cho bất kỳ hoạt động nào mà con tham gia.', ta: 'Tôi thích lên kế hoạch tỉ mỉ cho bất kỳ hoạt động nào mà tôi tham gia.' }, { id: 44, r: 'DISAGREE', dom: 'soc', tc: 'Con yêu thích các dịp tụ tập, sinh hoạt tập thể hay giao lưu xã hội.', ta: 'Tôi yêu thích các dịp tụ tập, giao lưu xã hội.' }, { id: 45, r: 'AGREE', dom: 'soc', tc: 'Con thấy khó nắm bắt được ý định thực sự của người khác.', ta: 'Tôi thấy khó nắm bắt được ý định thực sự của người khác.' }, { id: 46, r: 'AGREE', dom: 'swi', tc: 'Những tình huống hoặc môi trường mới lạ luôn làm con cảm thấy lo lắng, bất an.', ta: 'Những tình huống mới lạ luôn làm tôi cảm thấy lo lắng, bất an.' }, { id: 47, r: 'DISAGREE', dom: 'soc', tc: 'Con thích gặp gỡ và làm quen với những người bạn mới.', ta: 'Tôi thích gặp gỡ và làm quen với những người mới.' }, { id: 48, r: 'DISAGREE', dom: 'soc', tc: 'Con là một đứa trẻ khéo léo, biết cách ứng xử hài hòa với mọi người.', ta: 'Tôi là một người khéo léo, biết ngoại giao trong ứng xử.' }, { id: 49, r: 'DISAGREE', dom: 'det', tc: 'Con không giỏi lắm trong việc nhớ ngày sinh nhật của mọi người.', ta: 'Tôi không giỏi lắm trong việc nhớ ngày sinh nhật của mọi người.' }, { id: 50, r: 'DISAGREE', dom: 'ima', tc: 'Con thấy việc chơi các trò đóng vai, giả vờ cùng bạn bè là rất dễ dàng.', ta: 'Tôi thấy việc chơi các trò đóng vai, giả vờ cùng trẻ nhỏ là rất dễ dàng.' } ]; // version: 'child' (4-11 tuổi, thang 0-150, cut-off >= 76) | 'adolescent' (12-15 tuổi, thang 0-50, cut-off >= 30) | 'adult' (16+, thang 0-50, cut-off >= 32) let version = 'child'; let answers = {}; // 'DA' | 'SA' | 'SD' | 'DD' let filterDom = 'all'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .aq-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .aq-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .aq-inner { padding: 24px; max-width: 940px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .aq-wrap.is-fullscreen .aq-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .aq-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45), 0 0 0 0 rgba(2, 132, 199, 0.4); } 70% { box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45), 0 0 0 10px rgba(2, 132, 199, 0); } 100% { box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45), 0 0 0 0 rgba(2, 132, 199, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #0369a1 0%, #0284c7 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(2, 132, 199, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Thanh chọn 3 phiên bản độ tuổi */ .ver-switcher { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; background: #f1f5f9; padding: 8px; border-radius: 12px; margin-bottom: 18px; } .ver-btn { padding: 10px 12px; border-radius: 9px; border: 1.5px solid transparent; background: transparent; cursor: pointer; text-align: left; transition: all 0.2s ease; touch-action: manipulation; } .ver-btn.active { background: #ffffff; border-color: #0284c7; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08); } .ver-btn-title { font-size: 14px; font-weight: 800; color: #0f172a; display: block; } .ver-btn.active .ver-btn-title { color: #0284c7; } .ver-btn-sub { font-size: 11.5px; color: #64748b; margin-top: 2px; display: block; } /* Header */ .aq-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .aq-header-text { flex: 1 1 260px; } .aq-title { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .aq-desc { font-size: 13.8px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #f0f9ff; color: #0369a1; border: 1px solid #bae6fd; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #0284c7; color: #ffffff; border-color: #0284c7; } /* Controls */ .aq-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; } .aq-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; } .aq-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; } .aq-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .aq-pbtn:hover { background: #f1f5f9; border-color: #94a3b8; } .aq-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } .aq-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; } .aq-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .aq-dtab.active { background: #0284c7; color: #ffffff; border-color: #0284c7; } /* Sticky Dashboard */ .aq-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .aq-wrap.is-fullscreen .aq-dash { top: 58px; } .aq-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .aq-score-big { font-size: 24px; font-weight: 800; line-height: 1; } .aq-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .aq-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .aq-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .aq-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .aq-pillars { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; font-size: 11.5px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .aq-pillar-box { background: #1e293b; padding: 7px 9px; border-radius: 8px; } .aq-pillar-val { font-weight: 700; color: #ffffff; font-size: 13px; display: block; margin-top: 2px; } /* Danh sách 50 câu hỏi */ .aq-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 10px; } .aq-q-item.trait-scored { border-color: #93c5fd; background: #f8fafc; } .aq-q-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; } .aq-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; flex: 1; } .aq-q-tags { display: flex; flex-wrap: wrap; gap: 6px; } .aq-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .aq-tag.dom-soc { background: #dbeafe; color: #1d4ed8; } .aq-tag.dom-swi { background: #fef3c7; color: #b45309; } .aq-tag.dom-det { background: #dcfce7; color: #15803d; } .aq-tag.dom-com { background: #f3e8ff; color: #7e22ce; } .aq-tag.dom-ima { background: #fce7f3; color: #be185d; } /* 4 nút lựa chọn Likert */ .aq-ans-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; } .aq-abtn { padding: 8px 6px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 600; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .aq-abtn:hover { border-color: #64748b; } .aq-abtn.sel-safe { background: #10b981; border-color: #10b981; color: #ffffff; font-weight: 700; } .aq-abtn.sel-mid { background: #f59e0b; border-color: #f59e0b; color: #ffffff; font-weight: 700; } .aq-abtn.sel-trait { background: #0284c7; border-color: #0284c7; color: #ffffff; font-weight: 700; } /* Biểu đồ 5 tiểu lĩnh vực & Kết luận */ .aq-chart-card { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #ffffff; border: 1px solid #e2e8f0; } .aq-chart-title { font-size: 14.5px; font-weight: 700; color: #0f172a; margin-bottom: 12px; } .aq-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 12.5px; } .aq-bar-lbl { width: 175px; flex-shrink: 0; font-weight: 600; color: #334155; } .aq-bar-track { flex: 1; height: 16px; background: #f1f5f9; border-radius: 999px; overflow: hidden; } .aq-bar-val { width: 68px; text-align: right; font-weight: 700; color: #0f172a; flex-shrink: 0; } .aq-result-box { margin-top: 16px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 720px) { .aq-inner { padding: 14px; } .ver-switcher { grid-template-columns: 1fr; } .aq-title { font-size: 18px; } .aq-pillars { grid-template-columns: repeat(2, 1fr); } .aq-ans-grid { grid-template-columns: 1fr 1fr; } .aq-abtn { padding: 10px 8px; font-size: 12.5px; } .aq-bar-lbl { width: 125px; font-size: 11.5px; } .aq-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const aqWrap = shadow.getElementById('aqWrap'); const headerInfo = shadow.getElementById('headerInfo'); const listEl = shadow.querySelector('.aq-q-list'); const scoreBig = shadow.getElementById('scoreBig'); const scoreSub = shadow.getElementById('scoreSub'); const badgeEl = shadow.getElementById('scoreBadge'); const barFillEl = shadow.getElementById('barFill'); const socEl = shadow.querySelector('.aq-val-soc'); const swiEl = shadow.querySelector('.aq-val-swi'); const detEl = shadow.querySelector('.aq-val-det'); const comEl = shadow.querySelector('.aq-val-com'); const imaEl = shadow.querySelector('.aq-val-ima'); const chartTitle = shadow.getElementById('chartTitle'); const subscaleBarsEl = shadow.getElementById('subscaleBars'); const resBoxEl = shadow.querySelector('.aq-result-box'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); function getDomInfo(dom) { if (dom === 'soc') return { text: 'Kỹ năng xã hội', cls: 'dom-soc', color: '#2563eb' }; if (dom === 'swi') return { text: 'Chuyển đổi chú ý', cls: 'dom-swi', color: '#f59e0b' }; if (dom === 'det') return { text: 'Chú ý đến chi tiết', cls: 'dom-det', color: '#10b981' }; if (dom === 'com') return { text: 'Giao tiếp ngữ dụng', cls: 'dom-com', color: '#7c3aed' }; return { text: 'Trí tưởng tượng', cls: 'dom-ima', color: '#db2777' }; } // Tính điểm của 1 câu hỏi tùy theo phiên bản: // - AQ-Child (4-11 tuổi): chấm Likert 0, 1, 2, 3 điểm (Tổng 0 - 150) // - AQ-Adolescent (12-15 tuổi) & AQ-Adult (16+): chấm nhị phân 0 hoặc 1 điểm (Tổng 0 - 50) function getItemScore(q, ansCode) { if (!ansCode) return 0; if (version === 'child') { if (q.r === 'AGREE') { if (ansCode === 'DA') return 3; if (ansCode === 'SA') return 2; if (ansCode === 'SD') return 1; return 0; } else { if (ansCode === 'DD') return 3; if (ansCode === 'SD') return 2; if (ansCode === 'SA') return 1; return 0; } } else { if (q.r === 'AGREE') { return (ansCode === 'DA' || ansCode === 'SA') ? 1 : 0; } else { return (ansCode === 'DD' || ansCode === 'SD') ? 1 : 0; } } } function renderHeader() { if (version === 'child') { headerInfo.innerHTML = `

Bảng Đánh Giá AQ-Child Dành Cho Trẻ Em (4 – 11 Tuổi • Phụ Huynh Chấm)

Chuẩn hóa bởi Auyeung & Baron-Cohen (2008 - Đại học Cambridge). Phụ huynh chọn mức độ phù hợp với hành vi của bé. Mỗi câu được tính từ 0 đến 3 điểm (Tổng điểm tối đa: 150 điểm). Ngưỡng điểm cắt lâm sàng chuẩn: ≥ 76 điểm (Độ nhạy 95%, độ đặc hiệu 95%).

`; } else if (version === 'adolescent') { headerInfo.innerHTML = `

Bảng Đánh Giá AQ-Adolescent Dành Cho Vị Thành Niên (12 – 15 Tuổi • Phụ Huynh Chấm)

Chuẩn hóa bởi Baron-Cohen et al. (2006 - Đại học Cambridge). Phụ huynh đánh giá con qua 50 câu hỏi chấm nhị phân 0 hoặc 1 điểm (Tổng điểm tối đa: 50 điểm). Ngưỡng điểm cắt lâm sàng chuẩn cho lứa tuổi 12–15: ≥ 30 điểm.

`; } else { headerInfo.innerHTML = `

Bảng Tự Đánh Giá AQ-Adult Dành Cho Thanh Thiếu Niên Lớn & Người Lớn (Từ 16 Tuổi Trở Lên)

Chuẩn hóa bởi Baron-Cohen et al. (2001 - Đại học Cambridge). Người làm tự trả lời 50 câu hỏi theo quy tắc nhị phân 0 hoặc 1 điểm (Tổng điểm tối đa: 50 điểm). Ngưỡng sàng lọc phòng khám: ≥ 26 điểm • Ngưỡng chuẩn lâm sàng: ≥ 32 điểm.

`; } } function renderQuestions() { listEl.innerHTML = ''; const isParentReport = (version !== 'adult'); questions.forEach(function(q) { if (filterDom !== 'all' && q.dom !== filterDom) return; const uAns = answers[q.id] || null; const pts = getItemScore(q, uAns); const isHighTrait = (version === 'child') ? (pts >= 2) : (pts === 1); const dInfo = getDomInfo(q.dom); const item = document.createElement('div'); item.className = 'aq-q-item' + (isHighTrait ? ' trait-scored' : ''); const options = [ { code: 'DA', label: 'Hoàn toàn đồng ý' }, { code: 'SA', label: 'Đồng ý một phần' }, { code: 'SD', label: 'Không đồng ý một phần' }, { code: 'DD', label: 'Hoàn toàn không đồng ý' } ]; const btnsHtml = options.map(opt => { const optPts = getItemScore(q, opt.code); let cls = 'aq-abtn'; if (uAns === opt.code) { if (version === 'child') { cls += (optPts >= 2) ? ' sel-trait' : (optPts === 1 ? ' sel-mid' : ' sel-safe'); } else { cls += (optPts === 1) ? ' sel-trait' : ' sel-safe'; } } const ptLabel = (version === 'child') ? ` (${optPts}đ)` : ` (${optPts}đ)`; return `${opt.label}${ptLabel}`; }).join(''); const qText = isParentReport ? q.tc : q.ta; const ruleText = (version === 'child') ? (q.r === 'AGREE' ? 'Thang 0–3đ (Đồng ý hoàn toàn = 3đ)' : 'Thang 0–3đ (Không đồng ý hoàn toàn = 3đ)') : (q.r === 'AGREE' ? 'Đồng ý (Hoàn toàn/Một phần) = 1đ' : 'Không đồng ý (Hoàn toàn/Một phần) = 1đ'); item.innerHTML = ` `; listEl.appendChild(item); }); listEl.querySelectorAll('.aq-abtn').forEach(function(btn) { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answers[id] = this.getAttribute('data-val'); renderQuestions(); updateSummary(); }; }); } function updateSummary() { let total = 0, answered = 0; const domScores = { soc: 0, swi: 0, det: 0, com: 0, ima: 0 }; questions.forEach(function(q) { const u = answers[q.id]; if (u) { answered++; const pts = getItemScore(q, u); total += pts; domScores[q.dom] += pts; } }); const maxTotal = (version === 'child') ? 150 : 50; const maxSub = (version === 'child') ? 30 : 10; const verLabel = (version === 'child') ? 'AQ-Child (4–11 tuổi)' : (version === 'adolescent' ? 'AQ-Adolescent (12–15 tuổi)' : 'AQ-Adult (16+ tuổi)'); scoreBig.textContent = `${total} / ${maxTotal} điểm (${verLabel})`; scoreSub.textContent = (version === 'child') ? `Đã trả lời: ${answered}/50 câu • TB trẻ điển hình: ~41.8đ • Ngưỡng cắt chuẩn: ≥ 76/150 điểm` : (version === 'adolescent' ? `Đã trả lời: ${answered}/50 câu • TB vị thành niên điển hình: ~17.7đ • Ngưỡng cắt chuẩn: ≥ 30/50 điểm` : `Đã trả lời: ${answered}/50 câu • TB người lớn điển hình: ~16.4đ • Giáp ranh: ≥ 26đ • Ngưỡng chuẩn: ≥ 32/50 điểm`); socEl.textContent = `${domScores.soc} / ${maxSub}`; swiEl.textContent = `${domScores.swi} / ${maxSub}`; detEl.textContent = `${domScores.det} / ${maxSub}`; comEl.textContent = `${domScores.com} / ${maxSub}`; imaEl.textContent = `${domScores.ima} / ${maxSub}`; const pct = Math.min(100, Math.round((total / maxTotal) * 100)); barFillEl.style.width = pct + '%'; chartTitle.textContent = `📊 Hồ Sơ Chi Tiết 5 Tiểu Lĩnh Vực ${verLabel} (Mỗi lĩnh vực tối đa ${maxSub} điểm)`; const domOrder = ['soc', 'swi', 'det', 'com', 'ima']; subscaleBarsEl.innerHTML = domOrder.map(dKey => { const info = getDomInfo(dKey); const val = domScores[dKey]; const w = Math.round((val / maxSub) * 100); return ` `; }).join(''); if (answered === 0) { badgeEl.textContent = 'Chưa chọn câu trả lời'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Chọn phiên bản độ tuổi ở thanh trên cùng, sau đó bấm chọn mức độ ở từng câu hỏi (hoặc chọn Kịch bản tham chiếu mẫu) để xem kết quả phân tích.'; updateFloatingFabVisibility(); return; } let color = '#10b981'; let badgeTxt = ''; let analysis = ''; if (version === 'child') { // Ngưỡng AQ-Child (0 - 150, cut-off >= 76) if (total < 60) { color = '#10b981'; badgeTxt = `MỨC ĐIỂN HÌNH (${total}/150đ)`; analysis = ` Kết luận AQ-Child (4 – 11 tuổi) — Trong phạm vi phát triển điển hình (${total}/150 điểm):
• Điểm số thấp hơn ngưỡng cảnh báo (60 điểm) và ngưỡng cắt chuẩn (≥ 76 điểm). Theo nghiên cứu của Auyeung & Baron-Cohen (2008), điểm trung bình ở nhóm trẻ phát triển điển hình là khoảng 41.8 điểm (Bé trai ~45.7đ, Bé gái ~37.7đ). `; } else if (total < 76) { color = '#f59e0b'; badgeTxt = `VÙNG GIÁP RANH (${total}/150đ)`; analysis = ` Kết luận AQ-Child (4 – 11 tuổi) — Vùng Giáp Ranh Cần Lưu Ý (60 – 75 điểm: Đạt ${total}/150 điểm):
• Điểm số tiệm cận ngưỡng cắt chuẩn (≥ 76 điểm). Bé bộc lộ một số nét đặc trưng ở: Kỹ năng xã hội (${domScores.soc}/30), Chuyển đổi chú ý (${domScores.swi}/30), Chú ý chi tiết (${domScores.det}/30), Giao tiếp (${domScores.com}/30), Trí tưởng tượng (${domScores.ima}/30).
• Khuyến nghị: Nên kết hợp đối chiếu thêm với thang CAST hoặc ASSQ (do giáo viên đánh giá) để theo dõi khả năng hòa nhập học đường của bé. `; } else { color = '#ef4444'; badgeTxt = `VƯỢT NGƯỠNG AQ-CHILD (≥ 76: ${total}/150đ)`; analysis = ` Kết luận AQ-Child (4 – 11 tuổi) — Vượt Ngưỡng Điểm Cắt Lâm Sàng (≥ 76 điểm: Đạt ${total}/150 điểm):
• Theo nghiên cứu chuẩn hóa tại Đại học Cambridge, ngưỡng ≥ 76/150 điểm có độ nhạy và độ đặc hiệu lên tới 95% trong việc nhận diện trẻ thuộc Phổ tự kỷ / Tự kỷ chức năng cao (Asperger).
• Hướng xử trí chuẩn: Gia đình nên đưa bé đi khám và đánh giá chẩn đoán chuyên sâu bằng ADOS-2 (Module 3), ADI-R và đánh giá năng lực thích ứng Vineland-3 để xây dựng kế hoạch hỗ trợ kỹ năng xã hội sớm. `; } } else if (version === 'adolescent') { // Ngưỡng AQ-Adolescent (0 - 50, cut-off >= 30) if (total < 24) { color = '#10b981'; badgeTxt = `MỨC ĐIỂN HÌNH (${total}/50đ)`; analysis = ` Kết luận AQ-Adolescent (12 – 15 tuổi) — Trong phạm vi điển hình (${total}/50 điểm):
• Điểm số thấp hơn ngưỡng giáp ranh (24 điểm) và ngưỡng cắt chuẩn dành cho lứa tuổi vị thành niên (≥ 30 điểm). `; } else if (total < 30) { color = '#f59e0b'; badgeTxt = `VÙNG GIÁP RANH (${total}/50đ)`; analysis = ` Kết luận AQ-Adolescent (12 – 15 tuổi) — Vùng Cảnh Báo Giáp Ranh (24 – 29 điểm: Đạt ${total}/50 điểm):
• Điểm số tiệm cận ngưỡng cắt chuẩn (≥ 30 điểm). Ở lứa tuổi THCS (12–15 tuổi), các áp lực về giao tiếp nhóm bạn phức tạp có thể làm bộc lộ rõ khó khăn ở mục Kỹ năng xã hội (${domScores.soc}/10) và Chuyển đổi chú ý (${domScores.swi}/10). Khuyến nghị đối chiếu thêm thang ASSQ từ giáo viên và tham vấn chuyên gia tâm lý. `; } else { color = '#ef4444'; badgeTxt = `VƯỢT NGƯỠNG AQ-ADOLESCENT (≥ 30: ${total}/50đ)`; analysis = ` Kết luận AQ-Adolescent (12 – 15 tuổi) — Vượt Ngưỡng Điểm Cắt Lâm Sàng (≥ 30 điểm: Đạt ${total}/50 điểm):
• Theo nghiên cứu của Baron-Cohen et al. (2006), gần 90% thanh thiếu niên có chẩn đoán Tự kỷ chức năng cao / Asperger có điểm AQ-Adolescent từ 30/50 trở lên.
• Hướng xử trí chuẩn: Khuyến nghị chuyển gửi đánh giá chẩn đoán chuyên khoa (ADOS-2 Module 3/4, DSM-5, Vineland-3) để hỗ trợ kỹ năng điều tiết cảm xúc và giao tiếp xã hội tuổi dậy thì. `; } } else { // Ngưỡng AQ-Adult (0 - 50, sàng lọc >= 26, chuẩn >= 32) if (total < 26) { color = '#10b981'; badgeTxt = `DƯỚI NGƯỠNG SÀNG LỌC (${total}/50đ)`; analysis = ` Kết luận AQ-Adult (Từ 16 tuổi trở lên) — Dưới ngưỡng sàng lọc lâm sàng (${total}/50 điểm):
• Điểm số nằm dưới ngưỡng sàng lọc phòng khám (26 điểm) và ngưỡng chuẩn (32 điểm). (Mức từ 22–25 điểm thường gặp ở những người có tư duy hệ thống hóa/phân tích kỹ thuật mạnh nhưng vẫn hòa nhập xã hội tốt). `; } else if (total < 32) { color = '#f59e0b'; badgeTxt = `VÙNG GIÁP RANH LÂM SÀNG (${total}/50đ)`; analysis = ` Kết luận AQ-Adult (Từ 16 tuổi trở lên) — Vùng Giáp Ranh / Ngưỡng Sàng Lọc Nhạy (26 – 31 điểm: Đạt ${total}/50 điểm):
• Vượt ngưỡng sàng lọc phòng khám ($\ge 26$ điểm theo Woodbury-Smith et al., 2005). Nếu các đặc điểm này gây căng thẳng hoặc cản trở trong công việc, học tập và các mối quan hệ xã hội, bạn nên tham vấn chuyên gia tâm lý lâm sàng. `; } else { color = '#ef4444'; badgeTxt = `VƯỢT NGƯỠNG CHUẨN AQ (≥ 32: ${total}/50đ)`; analysis = ` Kết luận AQ-Adult (Từ 16 tuổi trở lên) — Vượt Ngưỡng Điểm Cắt Lâm Sàng Chuẩn ($\ge 32$ điểm: Đạt ${total}/50 điểm):
• Khoảng 80% người trưởng thành thuộc Phổ tự kỷ chức năng cao / Asperger đạt mức điểm từ 32 trở lên trên thang AQ.
• Khuyến nghị: Có thể sử dụng bảng kết quả 5 tiểu lĩnh vực này để trao đổi trực tiếp với bác sĩ chuyên khoa Tâm thần / Chuyên gia Tâm lý lâm sàng nhằm thực hiện đánh giá chẩn đoán chính thức (ADOS-2 Module 4). `; } } barFillEl.style.background = color; badgeEl.textContent = badgeTxt; badgeEl.style.background = color; badgeEl.style.color = '#ffffff'; resBoxEl.style.borderLeftColor = color; resBoxEl.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { answers = {}; if (type === 'reset') { renderQuestions(); updateSummary(); return; } // Đặt toàn bộ về mức 0 điểm trước questions.forEach(function(q) { answers[q.id] = (q.r === 'AGREE') ? 'DD' : 'DA'; }); if (type === 'typical') { // Mức điển hình (~42/150 ở Child, ~16/50 ở Adolescent/Adult) questions.forEach(function(q, idx) { if (idx % 3 === 0) { // 1 điểm ở Child, 0 điểm ở Adult answers[q.id] = (q.r === 'AGREE') ? 'SD' : 'SA'; } }); [2, 4, 5, 6, 9, 12, 13, 19, 23, 28, 29, 30, 32, 34, 41, 43].forEach(function(id) { const q = questions[id - 1]; answers[id] = (q.r === 'AGREE') ? 'SA' : 'SD'; }); } else if (type === 'border') { // Mức giáp ranh (~68/150 ở Child, 27/50 ở Adolescent/Adult) [ 1, 2, 4, 5, 6, 7, 9, 10, 11, 12, 13, 16, 17, 18, 19, 20, 22, 23, 25, 26, 28, 32, 33, 35, 39, 41, 43 ].forEach(function(id, idx) { const q = questions[id - 1]; const strong = (idx % 2 === 0); if (q.r === 'AGREE') answers[id] = strong ? 'DA' : 'SA'; else answers[id] = strong ? 'DD' : 'SD'; }); } else if (type === 'asd') { // Mức vượt ngưỡng cao (~98/150 ở Child, 38/50 ở Adolescent/Adult) [ 1, 2, 4, 5, 6, 7, 9, 10, 11, 12, 13, 15, 16, 17, 18, 19, 20, 22, 23, 25, 26, 27, 28, 31, 32, 33, 34, 35, 36, 37, 38, 39, 41, 42, 43, 44, 45, 46 ].forEach(function(id, idx) { const q = questions[id - 1]; const strong = (idx % 3 !== 0); if (q.r === 'AGREE') answers[id] = strong ? 'DA' : 'SA'; else answers[id] = strong ? 'DD' : 'SD'; }); } renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); aqWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { aqWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 940px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } // Sự kiện chuyển đổi 3 phiên bản độ tuổi (Child / Adolescent / Adult) shadow.querySelectorAll('#verSwitcher .ver-btn').forEach(function(btn) { btn.onclick = function() { version = this.getAttribute('data-ver'); shadow.querySelectorAll('#verSwitcher .ver-btn').forEach(b => b.classList.remove('active')); this.classList.add('active'); renderHeader(); renderQuestions(); updateSummary(); }; }); shadow.querySelectorAll('.aq-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#domainTabs .aq-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .aq-dtab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderQuestions(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); renderHeader(); applyPreset('asd'); })();

AQ (Autism-Spectrum Quotient — Chỉ số Phổ Tự kỷ) là công cụ sàng lọc chuẩn hóa nổi tiếng nhất thế giới dùng để đo lường mức độ hiện diện của các đặc điểm thuộc phổ tự kỷ ở những người có trí tuệ bình thường (IQ $\ge 85$). Công cụ này do Giáo sư Simon Baron-Cohen và cộng sự tại Trung tâm Nghiên cứu Tự kỷ (ARC) — Đại học Cambridge (Anh)phát triển năm 2001.

1. Tóm tắt cốt lõi về công cụ AQ

• Mục đích lâm sàng: Đo lường xem một cá nhân có các nét đặc trưng thuộc Phổ tự kỷ / Tự kỷ chức năng cao (Asperger) ở mức độ nào trên một dải liên tục từ dân số điển hình đến ngưỡng lâm sàng.

• Các phiên bản theo độ tuổi:

  • AQ-Adult (Phiên bản chuẩn phổ biến nhất): Dành cho người từ 16 tuổi trở lên tự đánh giá (Self-report).

  • AQ-Adolescent (12 – 15 tuổi) & AQ-Child (4 – 11 tuổi): Do phụ huynh đánh giá.

  • AQ-10: Bản rút gọn gồm 10 câu hỏi dùng để sàng lọc nhanh tại phòng khám đa khoa.

• Cấu trúc 50 câu hỏi & 5 tiểu lĩnh vực (Mỗi lĩnh vực 10 câu):

  • Kỹ năng xã hội (Social Skills): Mức độ thoải mái và tự tin trong các tình huống giao tiếp xã hội, kết bạn,tiệc tùng.

  • Chuyển đổi sự chú ý (Attention Switching): Tính linh hoạt khi thay đổi kế hoạch, làm nhiều việc cùng lúc hoặc chuyển sang hoạt động mới.

  • Chú ý đến chi tiết (Attention to Detail): Xu hướng nhận ra các chi tiết nhỏ, con số, ngày tháng, quy luật hay hoa văn mà người khác thường bỏ qua.

  • Giao tiếp (Communication): Khả năng hiểu hàm ý, lời nói lịch sự xã giao, duy trì hội thoại qua lại và đọc ngôn ngữ cơ thể.

  • Trí tưởng tượng (Imagination): Khả năng hình dung câu chuyện giả tưởng, nhập vai nhân vật và suy đoán cảm xúc/ý định của người khác (Thuyết tâm trí).

• Cách tính điểm chuẩn Baron-Cohen (Thang 0 – 50 điểm):

  • Người làm chọn 1 trong 4 mức: Hoàn toàn đồng ý • Đồng ý một phần • Không đồng ý một phần • Hoàn toàn không đồng ý.

  • Quy tắc nhị phân (0 hoặc 1 điểm): Để tránh sai lệch do xu hướng chọn mức cực đoan hay trung dung,phương pháp gốc của Baron-Cohen tính 1 điểm cho cả mức “Hoàn toàn…” lẫn “Một phần…” nếu câu trả lời đi theo chiều hướng đặc điểm tự kỷ:

    1. 24 câu thuận (Chọn Đồng ý = 1 điểm): Câu 2, 4, 5, 6, 7, 9, 12, 13, 16, 18, 19, 20, 21, 22, 23, 26, 33,35, 39, 41, 42, 43, 45, 46.

    2. 26 câu nghịch (Chọn Không đồng ý = 1 điểm): Câu 1, 3, 8, 10, 11, 14, 15, 17, 24, 25, 27, 28, 29, 30,31, 32, 34, 36, 37, 38, 40, 44, 47, 48, 49, 50.

• Các mốc điểm tham chiếu lâm sàng (Cut-off Scores):

  • 0 – 25 điểm: Mức trung bình trong dân số chung (Điểm trung bình của nhóm đối chứng là ~16.4 điểm: Nam ~17.8, Nữ ~15.4).

  • 26 – 31 điểm: Ngưỡng giáp ranh / Sàng lọc lâm sàng (Nghiên cứu của Woodbury-Smith và cộng sự cho thấy ngưỡng $\ge 26$ rất nhạy để sàng lọc tại phòng khám).

  • 32 – 50 điểm: Ngưỡng điểm cắt chuẩn ($\ge 32$ điểm) — Khoảng 80% người được chẩn đoán Tự kỷ chức năng cao / Asperger có điểm từ 32 trở lên (trong khi chỉ có 2% dân số chung đạt mức này).

(function() { const host = document.getElementById('raads-wp-host'); if (!host) return; const placeholder = document.createComment('raads-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // Danh sách 17 câu đảo ngược chuẩn RAADS-R (Chọn "Không bao giờ đúng" = 3 điểm) // 1, 6, 11, 18, 23, 26, 33, 37, 43, 47, 48, 53, 58, 62, 68, 72, 77 // dom: 'soc' (Quan hệ xã hội - 39 câu), 'cir' (Sở thích thu hẹp - 14 câu), 'lan' (Ngôn ngữ - 7 câu), 'sen' (Giác quan & Vận động - 20 câu) const questions = [ { id: 1, rev: true, dom: 'soc', t: 'Tôi là một người giàu lòng trắc ẩn và dễ đồng cảm với người khác.' }, { id: 2, rev: false, dom: 'lan', t: 'Tôi thường sử dụng các từ và cụm từ học được từ phim ảnh hoặc tivi khi trò chuyện hàng ngày.' }, { id: 3, rev: false, dom: 'soc', t: 'Tôi thường bất ngờ khi người khác nói rằng tôi đã cư xử thô lỗ hoặc thiếu tế nhị.' }, { id: 4, rev: false, dom: 'sen', t: 'Đôi khi tôi nói quá to hoặc quá nhỏ mà bản thân không hề nhận ra.' }, { id: 5, rev: false, dom: 'soc', t: 'Tôi thường không biết phải cư xử như thế nào trong các tình huống xã hội.' }, { id: 6, rev: true, dom: 'soc', t: 'Tôi có thể dễ dàng đặt mình vào vị trí của người khác để hiểu cảm giác của họ.' }, { id: 7, rev: false, dom: 'lan', t: 'Tôi gặp khó khăn trong việc hiểu nghĩa bóng như các thành ngữ, tục ngữ hoặc lời nói ẩn dụ.' }, { id: 8, rev: false, dom: 'soc', t: 'Tôi chỉ thích nói chuyện với những người có cùng sở thích đặc biệt với mình.' }, { id: 9, rev: false, dom: 'cir', t: 'Tôi tập trung vào các chi tiết nhỏ hơn là ý tưởng tổng thể.' }, { id: 10, rev: false, dom: 'sen', t: 'Tôi luôn chú ý rất rõ đến cảm giác của thức ăn ở trong miệng mình.' }, { id: 11, rev: true, dom: 'soc', t: 'Tôi nhớ đến bạn bè và gia đình khi chúng tôi phải xa nhau.' }, { id: 12, rev: false, dom: 'soc', t: 'Đôi khi tôi vô tình xúc phạm người khác vì nói thẳng tuột những gì mình đang nghĩ.' }, { id: 13, rev: false, dom: 'cir', t: 'Tôi chỉ thích suy nghĩ và nói về một vài chủ đề mà tôi thực sự quan tâm.' }, { id: 14, rev: false, dom: 'soc', t: 'Khi đi ăn ở nhà hàng, tôi thích đi một mình hơn là đi cùng với người khác.' }, { id: 15, rev: false, dom: 'lan', t: 'Tôi không thể hình dung ra cảm giác sẽ như thế nào nếu mình trở thành một người khác.' }, { id: 16, rev: false, dom: 'sen', t: 'Tôi từng được bảo rằng mình có dáng đi hoặc tư thế hơi vụng về, thiếu phối hợp.' }, { id: 17, rev: false, dom: 'soc', t: 'Người khác thường coi tôi là người kỳ lạ hoặc khác biệt.' }, { id: 18, rev: true, dom: 'soc', t: 'Tôi hiểu rõ khi nào bạn bè của mình cần được vỗ về, an ủi.' }, { id: 19, rev: false, dom: 'sen', t: 'Tôi rất nhạy cảm với cảm giác của quần áo khi chạm vào da mình (như mác áo, chất vải thô).' }, { id: 20, rev: false, dom: 'soc', t: 'Tôi thích bắt chước cách hành động và nói năng của một số người để giúp mình trông có vẻ bình thường hơn.' }, { id: 21, rev: false, dom: 'soc', t: 'Tôi cảm thấy rất lo lắng, căng thẳng khi phải nói chuyện với nhiều hơn một người cùng lúc.' }, { id: 22, rev: false, dom: 'soc', t: 'Tôi phải tự ép mình "hành xử bình thường" để làm hài lòng người khác và khiến họ quý mến mình.' }, { id: 23, rev: true, dom: 'soc', t: 'Việc gặp gỡ và làm quen với những người mới đối với tôi thường khá dễ dàng.' }, { id: 24, rev: false, dom: 'cir', t: 'Tôi bị bối rối hoặc khó chịu khi có ai đó làm gián đoạn lúc tôi đang nói về chủ đề mình yêu thích.' }, { id: 25, rev: false, dom: 'soc', t: 'Tôi thấy khó hiểu được cảm giác của người khác khi chúng tôi đang trò chuyện.' }, { id: 26, rev: true, dom: 'soc', t: 'Tôi thích trò chuyện cùng với nhiều người xung quanh một bàn ăn hoặc trong một nhóm bạn.' }, { id: 27, rev: false, dom: 'lan', t: 'Tôi hiểu mọi thứ theo đúng nghĩa đen, vì vậy tôi thường bỏ lỡ ẩn ý của người đang nói.' }, { id: 28, rev: false, dom: 'soc', t: 'Tôi thấy rất khó nhận biết khi nào một người đang cảm thấy xấu hổ, ghen tị hoặc bối rối.' }, { id: 29, rev: false, dom: 'sen', t: 'Một số kết cấu bề mặt bình thường không làm phiền người khác nhưng lại khiến tôi vô cùng khó chịu khi chạm vào.' }, { id: 30, rev: false, dom: 'cir', t: 'Tôi trở nên cực kỳ bức bối khi cách thức tôi vẫn thường làm mọi việc bị thay đổi đột ngột.' }, { id: 31, rev: false, dom: 'soc', t: 'Tôi chưa bao giờ muốn hoặc cần có một mối quan hệ được gọi là "tình cảm thân mật".' }, { id: 32, rev: false, dom: 'cir', t: 'Tôi rất khó bắt đầu hoặc dừng lại một cuộc trò chuyện cho đến khi tôi đã nói xong hết ý của mình.' }, { id: 33, rev: true, dom: 'sen', t: 'Tôi nói chuyện với nhịp điệu và tông giọng tự nhiên, bình thường.' }, { id: 34, rev: false, dom: 'sen', t: 'Cùng một âm thanh, màu sắc hoặc kết cấu có thể đột ngột chuyển từ rất nhạy cảm sang hoàn toàn không cảm thấy gì.' }, { id: 35, rev: false, dom: 'lan', t: 'Cụm từ "Anh ấy làm tôi cảm thấy..." hay các câu ẩn dụ cảm xúc tương tự thường làm tôi thấy khó hiểu.' }, { id: 36, rev: false, dom: 'sen', t: 'Đôi khi âm thanh của một từ ngữ hoặc tiếng ồn cao vút có thể gây đau đớn cho tai của tôi.' }, { id: 37, rev: true, dom: 'soc', t: 'Tôi là một người dễ cảm thông và thấu hiểu.' }, { id: 38, rev: false, dom: 'soc', t: 'Tôi không cảm thấy kết nối về mặt cảm xúc với các nhân vật trong phim và không thể cảm nhận những gì họ trải qua.' }, { id: 39, rev: false, dom: 'soc', t: 'Tôi không thể nhận ra khi nào có ai đó đang tán tỉnh mình.' }, { id: 40, rev: false, dom: 'cir', t: 'Tôi có thể hình dung cực kỳ chi tiết trong tâm trí về những thứ mà tôi quan tâm.' }, { id: 41, rev: false, dom: 'cir', t: 'Tôi có lưu giữ các danh sách về những thứ làm tôi thích thú, ngay cả khi chúng không có giá trị sử dụng thực tế.' }, { id: 42, rev: false, dom: 'sen', t: 'Khi tôi cảm thấy bị quá tải bởi các giác quan, tôi phải tự cô lập bản thân để ngắt bớt các kích thích đó.' }, { id: 43, rev: true, dom: 'soc', t: 'Tôi thích tâm sự và thảo luận mọi chuyện với bạn bè của mình.' }, { id: 44, rev: false, dom: 'soc', t: 'Tôi không thể phân biệt được liệu ai đó đang quan tâm hay đang chán ngấy những gì tôi đang nói.' }, { id: 45, rev: false, dom: 'soc', t: 'Rất khó để tôi đọc được nét mặt, ngôn ngữ cơ thể và cử chỉ tay chân khi ai đó đang nói chuyện.' }, { id: 46, rev: false, dom: 'sen', t: 'Cùng một thứ (như quần áo hoặc nhiệt độ) có thể cho tôi cảm giác hoàn toàn khác nhau vào những thời điểm khác nhau.' }, { id: 47, rev: true, dom: 'soc', t: 'Tôi cảm thấy rất thoải mái khi hẹn hò hoặc tham gia các hoạt động giao lưu xã hội.' }, { id: 48, rev: true, dom: 'soc', t: 'Tôi cố gắng giúp đỡ người khác một cách tự nhiên khi họ đang nói về vấn đề khó khăn của mình.' }, { id: 49, rev: false, dom: 'sen', t: 'Tôi từng được nhận xét là có giọng nói khác thường (ví dụ: giọng phẳng lì đều đều, trẻ con hoặc cao vút).' }, { id: 50, rev: false, dom: 'cir', t: 'Đôi khi một ý nghĩ hoặc một chủ đề cứ mắc kẹt trong đầu tôi và tôi buộc phải nói về nó ngay cả khi không ai quan tâm.' }, { id: 51, rev: false, dom: 'sen', t: 'Tôi thường làm một số cử động tay lặp đi lặp lại (như vẫy nhẹ, xoắn ngón tay, nhịp tay hoặc xoay đồ vật).' }, { id: 52, rev: false, dom: 'cir', t: 'Tôi chưa bao giờ thấy hứng thú với những gì hầu hết mọi người xung quanh coi là thú vị.' }, { id: 53, rev: true, dom: 'soc', t: 'Tôi được mọi người xem là một người có tính cách ấm áp và thân thiện.' }, { id: 54, rev: false, dom: 'soc', t: 'Tôi giao tiếp với người khác bằng cách làm theo một bộ các quy tắc cố định mà tôi phải tự ghi nhớ.' }, { id: 55, rev: false, dom: 'soc', t: 'Rất khó để tôi biết phải làm thế nào khi làm việc hoặc sinh hoạt trong một nhóm.' }, { id: 56, rev: false, dom: 'cir', t: 'Khi tôi đang nói chuyện với ai đó, rất khó để chuyển sang chủ đề khác ngoài chủ đề hiện tại.' }, { id: 57, rev: false, dom: 'sen', t: 'Đôi khi tôi phải lấy tay bịt tai lại để chặn bớt những tiếng ồn gây đau tai (như tiếng máy hút bụi, tiếng còi, đám đông).' }, { id: 58, rev: true, dom: 'lan', t: 'Tôi có thể tán gẫu và nói chuyện phiếm một cách dễ dàng với mọi người.' }, { id: 59, rev: false, dom: 'sen', t: 'Đôi khi những thứ đáng lẽ phải gây đau đớn (như khi tôi tự làm mình bị thương) lại không làm tôi thấy đau.' }, { id: 60, rev: false, dom: 'soc', t: 'Khi nói chuyện với một ai đó, tôi gặp khó khăn trong việc biết khi nào đến lượt mình nói hoặc lượt mình lắng nghe.' }, { id: 61, rev: false, dom: 'soc', t: 'Những người hiểu rõ tôi thường coi tôi là một người sống khép kín, tách biệt.' }, { id: 62, rev: true, dom: 'sen', t: 'Tôi thường nhìn thẳng vào mắt người đối diện một cách tự nhiên khi trò chuyện.' }, { id: 63, rev: false, dom: 'cir', t: 'Tôi thích mọi thứ phải diễn ra chính xác như cũ từ ngày này qua ngày khác và ngay cả những thay đổi nhỏ cũng làm tôi phiền lòng.' }, { id: 64, rev: false, dom: 'soc', t: 'Làm thế nào để kết bạn và giữ gìn tình bạn luôn là một điều bí ẩn khó hiểu đối với tôi.' }, { id: 65, rev: false, dom: 'sen', t: 'Việc xoay tròn người, đung đưa cơ thể hoặc nhịp chân giúp tôi tự làm dịu bản thân khi cảm thấy quá tải.' }, { id: 66, rev: false, dom: 'lan', t: 'Cụm từ "Mang trái tim trên tay áo" (bộc lộ cảm xúc ra ngoài) không có ý nghĩa gì đối với tôi khi nghĩ về nó.' }, { id: 67, rev: false, dom: 'sen', t: 'Nếu tôi ở một nơi có quá nhiều mùi hương, kết cấu bề mặt chạm vào da, tiếng ồn hoặc ánh sáng chói, tôi cảm thấy lo âu hoặc đơ cứng.' }, { id: 68, rev: true, dom: 'soc', t: 'Tôi có thể nhận biết khi nào một ai đó nói một đằng nhưng thực tâm lại có ý một nẻo.' }, { id: 69, rev: false, dom: 'soc', t: 'Tôi thích được ở một mình càng nhiều càng tốt.' }, { id: 70, rev: false, dom: 'cir', t: 'Tôi cất giữ những suy nghĩ trong tâm trí giống như xếp trên các thẻ ghi chú và lấy ra đúng tấm thẻ cần tìm khi muốn.' }, { id: 71, rev: false, dom: 'sen', t: 'Cùng một âm thanh có thể lúc thì nghe rất to nhưng lúc khác lại nghe rất nhỏ.' }, { id: 72, rev: true, dom: 'soc', t: 'Tôi thích dành thời gian ăn uống và trò chuyện cùng với gia đình và bạn bè.' }, { id: 73, rev: false, dom: 'sen', t: 'Tôi không thể chịu đựng được những thứ mà tôi không thích (như một số mùi hương, kết cấu vải, âm thanh hoặc màu sắc).' }, { id: 74, rev: false, dom: 'sen', t: 'Tôi không thích được người khác ôm hoặc giữ chặt vào người.' }, { id: 75, rev: false, dom: 'cir', t: 'Khi đi đến bất cứ đâu, tôi đều phải đi theo một lộ trình quen thuộc, nếu không tôi sẽ cảm thấy rất bối rối và bồn chồn.' }, { id: 76, rev: false, dom: 'soc', t: 'Thật khó để hình dung được những người khác đang mong đợi điều gì ở tôi.' }, { id: 77, rev: true, dom: 'soc', t: 'Tôi thích việc có những người bạn thân thiết trong cuộc sống.' }, { id: 78, rev: false, dom: 'cir', t: 'Mọi người thường bảo rằng tôi kể quá nhiều chi tiết tỉ mỉ không cần thiết khi nói chuyện.' }, { id: 79, rev: false, dom: 'soc', t: 'Tôi thường được bảo rằng mình hay đặt những câu hỏi làm người khác ngượng ngùng, khó xử.' }, { id: 80, rev: false, dom: 'soc', t: 'Tôi có xu hướng chỉ ra những lỗi sai của người khác ngay lập tức mà không để ý đến cảm xúc của họ.' } ]; // answers[id] lưu 1 trong 4 mã thời điểm: // 'BOTH' (Đúng cả hiện tại & khi < 16 tuổi) // 'NOW' (Chỉ đúng ở hiện tại) // 'YNG' (Chỉ đúng khi < 16 tuổi) // 'NEV' (Không bao giờ đúng) let answers = {}; let filterDom = 'all'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .rd-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .rd-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .rd-inner { padding: 24px; max-width: 940px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .rd-wrap.is-fullscreen .rd-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .rd-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45), 0 0 0 0 rgba(79, 70, 229, 0.4); } 70% { box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45), 0 0 0 10px rgba(79, 70, 229, 0); } 100% { box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45), 0 0 0 0 rgba(79, 70, 229, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #4338ca 0%, #4f46e5 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(79, 70, 229, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .rd-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .rd-header-text { flex: 1 1 260px; } .rd-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .rd-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #eef2ff; color: #4338ca; border: 1px solid #c7d2fe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #4f46e5; color: #ffffff; border-color: #4f46e5; } /* Controls */ .rd-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; } .rd-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; } .rd-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; } .rd-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; transition: all 0.15s ease; touch-action: manipulation; } .rd-pbtn:hover { background: #f1f5f9; border-color: #94a3b8; } .rd-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } .rd-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; } .rd-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .rd-dtab.active { background: #4f46e5; color: #ffffff; border-color: #4f46e5; } /* Sticky Dashboard */ .rd-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .rd-wrap.is-fullscreen .rd-dash { top: 58px; } .rd-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .rd-score-big { font-size: 24px; font-weight: 800; line-height: 1; } .rd-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .rd-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .rd-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .rd-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .rd-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; font-size: 11.5px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .rd-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; } .rd-pillar-val { font-weight: 700; color: #ffffff; font-size: 13px; display: block; margin-top: 2px; } /* Danh sách 80 câu hỏi */ .rd-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 10px; } .rd-q-item.high-scored { border-color: #fda4af; background: #fff5f5; } .rd-q-item.mid-scored { border-color: #fde68a; background: #fffbeb; } .rd-q-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; } .rd-q-text { font-size: 14.5px; font-weight: 600; color: #1e293b; line-height: 1.5; flex: 1; } .rd-q-tags { display: flex; flex-wrap: wrap; gap: 6px; } .rd-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .rd-tag.dom-soc { background: #dbeafe; color: #1d4ed8; } .rd-tag.dom-cir { background: #fef3c7; color: #b45309; } .rd-tag.dom-lan { background: #f3e8ff; color: #7e22ce; } .rd-tag.dom-sen { background: #dcfce7; color: #15803d; } .rd-tag.rev-tag { background: #fee2e2; color: #b91c1c; } /* 4 nút lựa chọn thời điểm RAADS-R */ .rd-ans-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; } .rd-abtn { padding: 8px 6px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 600; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .rd-abtn:hover { border-color: #64748b; } .rd-abtn.sel-0 { background: #10b981; border-color: #10b981; color: #ffffff; font-weight: 700; } .rd-abtn.sel-1 { background: #3b82f6; border-color: #3b82f6; color: #ffffff; font-weight: 700; } .rd-abtn.sel-2 { background: #f59e0b; border-color: #f59e0b; color: #ffffff; font-weight: 700; } .rd-abtn.sel-3 { background: #ef4444; border-color: #ef4444; color: #ffffff; font-weight: 700; } /* Biểu đồ 4 tiểu lĩnh vực & Kết luận */ .rd-chart-card { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #ffffff; border: 1px solid #e2e8f0; } .rd-chart-title { font-size: 14.5px; font-weight: 700; color: #0f172a; margin-bottom: 12px; } .rd-bar-row { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; font-size: 12.5px; } .rd-bar-lbl { width: 210px; flex-shrink: 0; font-weight: 600; color: #334155; } .rd-bar-track { flex: 1; height: 16px; background: #f1f5f9; border-radius: 999px; overflow: hidden; } .rd-bar-val { width: 115px; text-align: right; font-weight: 700; color: #0f172a; flex-shrink: 0; } .rd-result-box { margin-top: 16px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 720px) { .rd-inner { padding: 14px; } .rd-title { font-size: 18px; } .rd-pillars { grid-template-columns: 1fr 1fr; } .rd-ans-grid { grid-template-columns: 1fr 1fr; } .rd-abtn { padding: 10px 8px; font-size: 12px; } .rd-bar-lbl { width: 130px; font-size: 11.5px; } .rd-bar-val { width: 95px; font-size: 11.5px; } .rd-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const rdWrap = shadow.getElementById('rdWrap'); const listEl = shadow.querySelector('.rd-q-list'); const scoreEl = shadow.querySelector('.rd-val-score'); const ansCountEl = shadow.querySelector('.rd-val-answered'); const badgeEl = shadow.querySelector('.rd-badge'); const barFillEl = shadow.querySelector('.rd-bar-fill'); const socEl = shadow.querySelector('.rd-val-soc'); const cirEl = shadow.querySelector('.rd-val-cir'); const lanEl = shadow.querySelector('.rd-val-lan'); const senEl = shadow.querySelector('.rd-val-sen'); const subscaleBarsEl = shadow.getElementById('subscaleBars'); const resBoxEl = shadow.querySelector('.rd-result-box'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); function getDomInfo(dom) { if (dom === 'soc') return { text: '1. Quan hệ xã hội', cls: 'dom-soc', color: '#2563eb', max: 117, cut: 31 }; if (dom === 'cir') return { text: '2. Sở thích thu hẹp', cls: 'dom-cir', color: '#f59e0b', max: 42, cut: 15 }; if (dom === 'lan') return { text: '3. Ngôn ngữ', cls: 'dom-lan', color: '#7c3aed', max: 21, cut: 4 }; return { text: '4. Giác quan – Vận động', cls: 'dom-sen', color: '#10b981', max: 60, cut: 16 }; } // Tính điểm (0, 1, 2, 3) cho 1 câu hỏi dựa vào rev (câu thuận hay câu nghịch) function getItemScore(q, ansCode) { if (!ansCode) return 0; if (!q.rev) { // Câu thuận (63 câu) if (ansCode === 'BOTH') return 3; if (ansCode === 'NOW') return 2; if (ansCode === 'YNG') return 1; return 0; } else { // Câu đảo ngược (17 câu: 1, 6, 11, 18, 23, 26, 33, 37, 43, 47, 48, 53, 58, 62, 68, 72, 77) if (ansCode === 'BOTH') return 0; if (ansCode === 'NOW') return 1; if (ansCode === 'YNG') return 2; return 3; } } function renderQuestions() { listEl.innerHTML = ''; questions.forEach(function(q) { if (filterDom !== 'all' && q.dom !== filterDom) return; const uAns = answers[q.id] || null; const pts = getItemScore(q, uAns); const dInfo = getDomInfo(q.dom); let rowCls = 'rd-q-item'; if (uAns && pts === 3) rowCls += ' high-scored'; else if (uAns && pts >= 1) rowCls += ' mid-scored'; const options = [ { code: 'BOTH', label: 'Đúng cả hiện tại & khi < 16 tuổi' }, { code: 'NOW', label: 'Chỉ đúng ở hiện tại' }, { code: 'YNG', label: 'Chỉ đúng khi { const optPts = getItemScore(q, opt.code); let cls = 'rd-abtn'; if (uAns === opt.code) { cls += ` sel-${optPts}`; } return `${opt.label} (${optPts}đ)`; }).join(''); const revBadge = q.rev ? '⚡ Câu đảo ngược (Không bao giờ đúng = 3đ)' : 'Câu thuận (Đúng cả hai = 3đ)'; const item = document.createElement('div'); item.className = rowCls; item.innerHTML = ` `; listEl.appendChild(item); }); listEl.querySelectorAll('.rd-abtn').forEach(function(btn) { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answers[id] = this.getAttribute('data-val'); renderQuestions(); updateSummary(); }; }); } function updateSummary() { let total = 0, answered = 0; const domScores = { soc: 0, cir: 0, lan: 0, sen: 0 }; questions.forEach(function(q) { const u = answers[q.id]; if (u) { answered++; const pts = getItemScore(q, u); total += pts; domScores[q.dom] += pts; } }); scoreEl.textContent = total; ansCountEl.textContent = answered; socEl.textContent = `${domScores.soc} / 117đ`; cirEl.textContent = `${domScores.cir} / 42đ`; lanEl.textContent = `${domScores.lan} / 21đ`; senEl.textContent = `${domScores.sen} / 60đ`; const pct = Math.min(100, Math.round((total / 240) * 100)); barFillEl.style.width = pct + '%'; // Vẽ biểu đồ 4 tiểu lĩnh vực kèm ngưỡng cắt riêng const domOrder = ['soc', 'cir', 'lan', 'sen']; subscaleBarsEl.innerHTML = domOrder.map(dKey => { const info = getDomInfo(dKey); const val = domScores[dKey]; const w = Math.round((val / info.max) * 100); const isOverCut = (val >= info.cut); return ` `; }).join(''); if (answered === 0) { badgeEl.textContent = 'Chưa chọn câu trả lời'; badgeEl.style.background = '#334155'; badgeEl.style.color = '#e2e8f0'; resBoxEl.style.borderLeftColor = '#64748b'; resBoxEl.innerHTML = 'Hướng dẫn: Hãy chọn mốc thời gian đúng với trải nghiệm của bạn ở từng câu hỏi phía trên (hoặc bấm vào các nút Kịch bản tham chiếu mẫu) để xem tổng điểm RAADS-R và phân tích 4 tiểu lĩnh vực.'; updateFloatingFabVisibility(); return; } let color = '#10b981'; let badgeTxt = ''; let analysis = ''; if (total < 50) { color = '#10b981'; badgeTxt = `DƯỚI NGƯỠNG LÂM SÀNG (${total}/240đ)`; analysis = ` Kết luận RAADS-R — Dưới ngưỡng lâm sàng (${total}/240 điểm):
• Tổng điểm thấp hơn cả ngưỡng giáp ranh (50 điểm) và ngưỡng điểm cắt chuẩn (≥ 65 điểm). Trong nghiên cứu gốc của Ritvo (2011), điểm trung bình của nhóm thần kinh điển hình là khoảng 26 điểm.
• Không ghi nhận tập hợp dấu hiệu Rối loạn phổ tự kỷ có ý nghĩa lâm sàng xuyên suốt quá trình phát triển. `; } else if (total < 65) { color = '#f59e0b'; badgeTxt = `VÙNG GIÁP RANH (${total}/240đ)`; analysis = ` Kết luận RAADS-R — Vùng Giáp Ranh Cần Lưu Ý (50 – 64 điểm: Đạt ${total}/240 điểm):
• Điểm số tiệm cận ngưỡng cắt chuẩn (≥ 65 điểm). Hồ sơ 4 tiểu lĩnh vực: Quan hệ xã hội (${domScores.soc}/117, ngưỡng ≥ 31) • Sở thích thu hẹp (${domScores.cir}/42, ngưỡng ≥ 15) • Ngôn ngữ (${domScores.lan}/21, ngưỡng ≥ 4) • Giác quan – Vận động (${domScores.sen}/60, ngưỡng ≥ 16).
• Nhận định: Một số cá nhân tự kỷ có mức độ ngụy trang xã hội cao hoặc người có lo âu xã hội / ADHD có thể rơi vào vùng điểm này. Khuyến nghị tham vấn chuyên gia tâm lý lâm sàng nếu các đặc điểm gây cản trở cuộc sống. `; } else if (total < 130) { color = '#ef4444'; badgeTxt = `VƯỢT NGƯỠNG CHUẨN RAADS-R (≥ 65: ${total}đ)`; analysis = ` Kết luận RAADS-R — Vượt Ngưỡng Điểm Cắt Lâm Sàng Chuẩn ($\ge 65$ điểm: Đạt ${total}/240 điểm):
• Kết quả dương tính trên thang RAADS-R (ngưỡng $\ge 65$ điểm có độ nhạy 97% trong nghiên cứu chuẩn hóa của Ritvo et al., 2011).
• Chi tiết 4 trụ cột: Quan hệ xã hội (${domScores.soc}/117) • Sở thích thu hẹp (${domScores.cir}/42) • Ngôn ngữ (${domScores.lan}/21) • Giác quan – Vận động (${domScores.sen}/60).
• Hướng xử trí: Kết quả này cung cấp cơ sở lâm sàng vững chắc để bạn thực hiện đánh giá chẩn đoán chính thức với Bác sĩ chuyên khoa Tâm thần / Chuyên gia Tâm lý lâm sàng (kết hợp phỏng vấn lịch sử phát triển và ADOS-2 Module 4). `; } else { color = '#dc2626'; badgeTxt = `MỨC ĐIỂN HÌNH PHỔ TỰ KỶ (${total}/240đ)`; analysis = ` Kết luận RAADS-R — Mức Điểm Đặc Trưng Của Phổ Tự Kỷ ($\ge 130$ điểm: Đạt ${total}/240 điểm):
• Tổng điểm của bạn tương đương hoặc cao hơn mức điểm trung bình của nhóm người trưởng thành được chẩn đoán Tự kỷ / Asperger trong nghiên cứu đa trung tâm quốc tế (~134/240 điểm).
• Sự hiện diện nhất quán của các đặc điểm từ thời thơ ấu ( setPoints(id, 2)); } else if (type === 'border') { // 58 điểm questions.forEach((q, idx) => { if (idx % 3 === 0) setPoints(q.id, 2); else if (idx % 7 === 0) setPoints(q.id, 1); }); } else if (type === 'masked') { // 86 điểm (Nhiều câu chọn "Chỉ đúng khi { if (idx % 2 === 0) setPoints(q.id, 1); }); [5, 8, 9, 13, 19, 20, 21, 22, 23, 27, 29, 30, 36, 40, 42, 45, 54, 57, 62, 64, 67, 69].forEach(id => { setPoints(id, 3); }); } else if (type === 'asd') { // 138 điểm (Hồ sơ ASD điển hình) questions.forEach((q, idx) => { if (idx % 2 === 0) setPoints(q.id, 3); else if (idx % 3 === 0) setPoints(q.id, 2); else setPoints(q.id, 1); }); } renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); rdWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { rdWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 940px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('.rd-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#domainTabs .rd-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .rd-dtab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderQuestions(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); applyPreset('asd'); })();

RAADS-R (Ritvo Autism Asperger Diagnostic Scale-Revised — Thang đo Chẩn đoán Tự kỷ và Asperger Ritvo – Bản Hiệu đính) là công cụ lâm sàng chuyên sâu do Tiến sĩ Riva Ariella Ritvo và cộng sự (Đại học Yale & UCLA) phát triển năm 2011.

Đây là công cụ hàng đầu thế giới hiện nay dùng để hỗ trợ phát hiện các đặc điểm Rối loạn phổ tự kỷ ở người trưởng thành và thanh thiếu niên lớn (từ 16 tuổi trở lên) có trí tuệ bình thường (IQ ≥80) — đặc biệt là những trường hợp tự kỷ mức độ nhẹ / chức năng cao bị bỏ sót khi còn nhỏ nhờ khả năng “ngụy trang xã hội” (masking).

1. Tóm tắt cốt lõi về công cụ RAADS-R

• Điểm vượt trội so với thang AQ: Nếu thang AQ chỉ hỏi về trạng thái hiện tại, thì RAADS-R đánh giá xuyên suốt dòng thời gian phát triển (so sánh hành vi trước 16 tuổi và hiện tại). Điều này cực kỳ quan trọng vì nhiều người lớn tự kỷ đã học cách bắt chước giao tiếp khi trưởng thành, nhưng hồi nhỏ (dưới 16 tuổi) lại bộc lộ triệu chứng rất rõ.

• Độ nhạy và Độ đặc hiệu: Trong nghiên cứu đa trung tâm của Ritvo (2011), RAADS-R đạt độ nhạy 97% và độ đặc hiệu 100% tại ngưỡng điểm cắt chuẩn ($\ge 65$).

• Cấu trúc 80 câu hỏi & 4 Tiểu lĩnh vực:

  1. Quan hệ xã hội (Social Relatedness — 39 câu): Khả năng thấu cảm, kết bạn, duy trì mối quan hệ, đọc ngôn ngữ cơ thể và tương tác nhóm (Ngưỡng cắt tiểu lĩnh vực: $\ge 31$ điểm).

  2. Sở thích thu hẹp (Circumscribed Interests — 14 câu): Đam mê chuyên sâu, thói quen cố định, chú ý chi tiết và khó chịu khi thay đổi lịch trình (Ngưỡng cắt: $\ge 15$ điểm).

  3. Ngôn ngữ (Language — 7 câu): Hiểu theo nghĩa đen, giọng điệu nói chuyện, khó hiểu ẩn dụ/nói đùa và kịch bản giao tiếp (Ngưỡng cắt: $\ge 4$ điểm).

  4. Giác quan – Vận động (Sensorimotor — 20 câu): Nhạy cảm quá mức với âm thanh, ánh sáng, kết cấu quần áo/thức ăn, phối hợp vận động và cử động định hình (Ngưỡng cắt: $\ge 16$ điểm).

• Quy tắc chấm điểm (Thang 0 – 240 điểm):

  1. Mỗi câu có 4 mốc thời gian để chọn:

     • Đúng ở cả hiện tại và khi < 16 tuổi

     • Chỉ đúng ở hiện tại

     • Chỉ đúng khi tôi < 16 tuổi

     • Không bao giờ đúng

  2. 63 câu thuận (mô tả đặc điểm tự kỷ): Chấm lần lượt 3 – 2 – 1 – 0 điểm.

  3. 17 câu đảo ngược (Normative items): Câu số 1, 6, 11, 18, 23, 26, 33, 37, 43, 47, 48, 53, 58, 62, 68, 72, 77(mô tả kỹ năng xã hội điển hình): Chấm đảo chiều 0 – 1 – 2 – 3 điểm (Chọn “Không bao giờ đúng” = 3 điểm).

• Các mốc điểm tham chiếu lâm sàng (Cut-off Scores):

  1. 0 – 49 điểm: Dưới ngưỡng lâm sàng (Trung bình dân số thần kinh điển hình ~26 điểm).

  2. 50 – 64 điểm: Vùng giáp ranh — Có một số đặc điểm phổ tự kỷ nhưng chưa vượt ngưỡng chuẩn.

  3. 65 – 129 điểm: Vượt ngưỡng điểm cắt lâm sàng chuẩn ($\ge 65$ điểm) — Gợi ý khả năng cao thuộc Phổ tự kỷ.

  4. 130 – 240 điểm: Mức điểm điển hình của người trưởng thành tự kỷ (Điểm trung bình của nhóm ASD trong nghiên cứu gốc là ~134 điểm).

(function() { const host = document.getElementById('asq3-wp-host'); if (!host) return; const placeholder = document.createComment('asq3-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // Cấu hình 5 Lĩnh vực chuẩn của ASQ-3 (Mỗi lĩnh vực 6 câu x 10đ = 60 điểm tối đa) const domConfigs = { com: { code: 'com', name: '1. Giao tiếp (Communication)', color: '#2563eb' }, gm: { code: 'gm', name: '2. Vận động Thô (Gross Motor)', color: '#10b981' }, fm: { code: 'fm', name: '3. Vận động Tinh (Fine Motor)', color: '#0d9488' }, psv: { code: 'psv', name: '4. Giải quyết Vấn đề (Problem Solving)', color: '#f59e0b' }, psc: { code: 'psc', name: '5. Cá nhân – Xã hội (Personal-Social)', color: '#7c3aed' } }; // Dữ liệu các Bộ câu hỏi chuẩn ASQ-3 theo từng Mốc Tháng Tuổi trọng điểm kèm Ngưỡng Cắt (cutoff: -2 SD, monitor: -1 SD) const ageForms = { m6: { code: 'm6', label: '👶 Mốc 6 Tháng (5 – 6 tháng 30 ngày)', cutoffs: { com: { cut: 29.65, mon: 40.80 }, gm: { cut: 22.25, mon: 34.10 }, fm: { cut: 25.14, mon: 37.60 }, psv: { cut: 27.72, mon: 39.50 }, psc: { cut: 25.34, mon: 37.20 } }, items: [ // Giao tiếp (6m) { id: 1, dom: 'com', t: 'Bé có phát ra những âm thanh cao vút (reo lên thích thú) không?' }, { id: 2, dom: 'com', t: 'Khi tự chơi với âm thanh, bé có phát ra các tiếng gầm gừ, lầu bầu hoặc các âm trầm trong cổ họng không?' }, { id: 3, dom: 'com', t: 'Nếu bạn gọi bé khi bạn đang ở khuất tầm mắt, bé có nhìn về phía phát ra giọng nói của bạn không?' }, { id: 4, dom: 'com', t: 'Khi có tiếng động lớn bất ngờ, bé có quay đầu nhìn về phía phát ra âm thanh đó không?' }, { id: 5, dom: 'com', t: 'Bé có phát ra các âm thanh như "đa", "ga", "ca", "ba" không?' }, { id: 6, dom: 'com', t: 'Nếu bạn bắt chước lại đúng những âm thanh bé vừa phát ra, bé có lặp lại những âm thanh đó với bạn không?' }, // Vận động thô (6m) { id: 7, dom: 'gm', t: 'Khi nằm ngửa, bé có giơ cao chân lên và dùng tay nắm lấy bàn chân của mình không?' }, { id: 8, dom: 'gm', t: 'Khi đang nằm sấp, bé có tự duỗi thẳng cả hai cánh tay để đẩy nâng toàn bộ phần ngực rời khỏi mặt sàn không?' }, { id: 9, dom: 'gm', t: 'Bé có tự lẫy từ tư thế nằm ngửa sang nằm sấp và từ nằm sấp sang nằm ngửa được không?' }, { id: 10, dom: 'gm', t: 'Khi bạn đặt bé ngồi trên sàn, bé có thể tự chống hai bàn tay xuống sàn phía trước để ngồi vững trong 5 giây không?' }, { id: 11, dom: 'gm', t: 'Khi bạn giữ hai bên nách cho bé đứng, bé có chịu được sức nặng cơ thể trên đôi chân và nhún nhảy lên xuống không?' }, { id: 12, dom: 'gm', t: 'Bé có thể vào tư thế bò (chống trên hai bàn tay và hai đầu gối) được không?' }, // Vận động tinh (6m) { id: 13, dom: 'fm', t: 'Bé có với lấy và cầm giữ một món đồ chơi bằng cả hai bàn tay cùng lúc không?' }, { id: 14, dom: 'fm', t: 'Ketika nằm ngửa, bé có đưa tay chạm hoặc nắm lấy một món đồ chơi nhỏ đưa ngang tầm ngực không?' }, { id: 15, dom: 'fm', t: 'Bé có tự cầm lấy một món đồ chơi nhỏ bằng một bàn tay (dùng cả lòng bàn tay và các ngón tay) không?' }, { id: 16, dom: 'fm', t: 'Bé có cố gắng dùng các ngón tay cào hoặc bốc một mẩu vụn bánh nhỏ bằng hạt đậu trên mặt bàn không?' }, { id: 17, dom: 'fm', t: 'Bé có tự nhặt một món đồ chơi nhỏ chỉ bằng một tay không?' }, { id: 18, dom: 'fm', t: 'Bé có chuyển thành thạo một món đồ chơi từ bàn tay này sang bàn tay kia không?' }, // Giải quyết vấn đề (6m) { id: 19, dom: 'psv', t: 'Khi món đồ chơi rơi khỏi tay xuống mặt bàn trước mặt, bé có nhìn theo món đồ chơi đó không?' }, { id: 20, dom: 'psv', t: 'Bé có đưa đồ chơi lên miệng để mút hoặc gặm khám phá không?' }, { id: 21, dom: 'psv', t: 'Bé có chuyển món đồ chơi từ tay này sang tay kia để quan sát không?' }, { id: 22, dom: 'psv', t: 'Khi đang cầm một món đồ chơi trên một tay, bé có đưa tay còn lại với lấy thêm món đồ chơi thứ hai không?' }, { id: 23, dom: 'psv', t: 'Bé có đập món đồ chơi lên mặt bàn lên xuống nhiều lần để tạo ra âm thanh không?' }, { id: 24, dom: 'psv', t: 'Khi thấy món đồ chơi rơi xuống sàn nhà, bé có nghiêng đầu nhìn xuống sàn để tìm kiếm nó không?' }, // Cá nhân - Xã hội (6m) { id: 25, dom: 'psc', t: 'Khi nhìn vào gương, bé có mỉm cười hoặc phát âm ê a với hình ảnh của mình trong gương không?' }, { id: 26, dom: 'psc', t: 'Bé có cư xử khác nhau giữa người quen và người lạ (như nhìn dò xét, rụt rè hoặc im lặng trước người lạ) không?' }, { id: 27, dom: 'psc', t: 'Khi nằm ngửa, bé có đưa bàn chân lên miệng để ngậm nghịch không?' }, { id: 28, dom: 'psc', t: 'Khi đang ở trước gương, bé có đưa tay ra vỗ hoặc chạm vào hình ảnh trong gương không?' }, { id: 29, dom: 'psc', t: 'Bé có đặt hai bàn tay lên bình sữa hoặc bầu ngực mẹ khi đang bú không?' }, { id: 30, dom: 'psc', t: 'Bé có tự cầm chiếc bánh ăn dặm đưa lên miệng để mút/gặm không?' } ] }, m12: { code: 'm12', label: '🍼 Mốc 12 Tháng (11 – 12 tháng 30 ngày)', cutoffs: { com: { cut: 15.64, mon: 29.50 }, gm: { cut: 21.49, mon: 35.80 }, fm: { cut: 34.50, mon: 43.40 }, psv: { cut: 27.32, mon: 38.60 }, psc: { cut: 21.73, mon: 33.70 } }, items: [ // Giao tiếp (12m) { id: 1, dom: 'com', t: 'Bé có phát ra hai âm tiết giống nhau liền nhau như "ba-ba", "đa-đa", "ma-ma" không?' }, { id: 2, dom: 'com', t: 'Khi bạn làm mẫu, bé có bắt chước chơi trò "Ú òa", "Vỗ tay hoan hô" hoặc vẫy tay "Bye-bye" không?' }, { id: 3, dom: 'com', t: 'Nếu bạn hỏi "Quả bóng đâu?" (mà không chỉ tay), bé có nhìn về phía quả bóng không?' }, { id: 4, dom: 'com', t: 'Khi bé muốn một thứ gì đó, bé có biết đưa tay chỉ vào đồ vật đó để cho bạn biết không?' }, { id: 5, dom: 'com', t: 'Bé có thực hiện được một yêu cầu đơn giản (như "Lại đây", "Đưa cho mẹ") ngay cả khi bạn không làm cử chỉ ra hiệu không?' }, { id: 6, dom: 'com', t: 'Bé có nói được ít nhất 3 từ đơn có nghĩa (như "Mẹ", "Bà", "Măm", "Bóng") và dùng đúng ngữ cảnh không?' }, // Vận động thô (12m) { id: 7, dom: 'gm', t: 'Khi một tay vịn vào bàn ghế, bé có thể cúi xuống nhặt một món đồ chơi dưới sàn mà không bị ngã không?' }, { id: 8, dom: 'gm', t: 'Bé có đi men dọc theo thành ghế sofa hoặc bàn trong khi chỉ dùng một tay vịn giữ thăng bằng không?' }, { id: 9, dom: 'gm', t: 'Khi bạn nắm một bàn tay của bé để dắt, bé có tự bước đi về phía trước được không?' }, { id: 10, dom: 'gm', t: 'Bé có thể tự đứng vững một mình và bước đi độc lập được vài bước mà không cần vịn vào bất cứ thứ gì không?' }, { id: 11, dom: 'gm', t: 'Bé có thể tự đứng ở giữa sàn rồi cúi xuống nhặt đồ chơi mà không cần vịn tay vào đồ đạc không?' }, { id: 12, dom: 'gm', t: 'Bé có tự đi lại vững vàng hơn 5 – 6 bước liên tiếp mà không bị ngã hay loạng choạng nhiều không?' }, // Vận động tinh (12m) { id: 13, dom: 'fm', t: 'Bé có tự nhặt được một mẩu bánh nhỏ / hạt nhỏ bằng đầu ngón cái và đầu ngón trỏ (kẹp chì) không?' }, { id: 14, dom: 'fm', t: 'Bé có thể cầm một món đồ chơi nhỏ trên tay và chủ động thả rơi nó xuống mặt bàn/trong hộp khi muốn không?' }, { id: 15, dom: 'fm', t: 'Khi nhặt mẩu bánh nhỏ bằng ngón cái và ngón trỏ, bàn tay và cánh tay của bé có nhấc hẳn lên khỏi mặt bàn (không cần tỳ cánh tay xuống bàn) không?' }, { id: 16, dom: 'fm', t: 'Bé có biết bỏ một khối gỗ vào trong hộp hoặc cốc rồi lại thò tay lấy khối gỗ đó ra khỏi hộp không?' }, { id: 17, dom: 'fm', t: 'Bé có phụ giúp lật trang sách bìa cứng khi bạn đọc sách cho bé nghe không?' }, { id: 18, dom: 'fm', t: 'Bé có thể ném một quả bóng nhỏ về phía trước bằng chuyển động cánh tay không?' }, // Giải quyết vấn đề (12m) { id: 19, dom: 'psv', t: 'Khi hai tay bé đang cầm hai khối gỗ, bé có biết đập hai khối gỗ đó vào nhau ở trước ngực không?' }, { id: 20, dom: 'psv', t: 'Bé có biết dùng ngón trỏ để chọc, ấn hoặc khám phá các chi tiết nhỏ của đồ chơi không?' }, { id: 21, dom: 'psv', t: 'Nếu nhìn thấy bạn giấu món đồ chơi hoàn toàn dưới một chiếc khăn, bé có tự kéo khăn ra để tìm lấy món đồ chơi đó không?' }, { id: 22, dom: 'psv', t: 'Sau khi nhìn bạn thả một khối gỗ vào trong chiếc cốc, bé có bắt chước thả khối gỗ vào trong cốc không?' }, { id: 23, dom: 'psv', t: 'Bé có biết bỏ liền 2 khối gỗ vào trong cốc/hộp và giữ chúng nằm yên trong đó không?' }, { id: 24, dom: 'psv', t: 'Sau khi bạn cầm bút sáp vẽ mẫu vài nét trên giấy, bé có cầm bút và cố gắng vạch nét bắt chước trên giấy không?' }, // Cá nhân - Xã hội (12m) { id: 25, dom: 'psc', t: 'Khi bạn đưa hai tay ra và nói "Lại đây với mẹ nào", bé có giơ hai tay lên để được bạn bế không?' }, { id: 26, dom: 'psc', t: 'Bé có tự cầm bánh hoặc thức ăn cắt nhỏ bằng ngón tay để tự đưa vào miệng ăn không?' }, { id: 27, dom: 'psc', t: 'Khi bạn mặc quần áo cho bé, bé có biết phối hợp xỏ tay vào ống tay áo hoặc đưa chân vào ống quần không?' }, { id: 28, dom: 'psc', t: 'Bé có biết lăn hoặc ném trả lại quả bóng cho bạn để hai mẹ con cùng chơi qua lại không?' }, { id: 29, dom: 'psc', t: 'Bé có biết ôm ấp, vỗ về một con búp bê hoặc thú nhồi bông không?' }, { id: 30, dom: 'psc', t: 'Khi bạn giữ chiếc cốc nước cho bé uống, bé có đưa hai tay lên cùng giữ chiếc cốc để uống không?' } ] }, m18: { code: 'm18', label: '🧸 Mốc 18 Tháng (17 – 18 tháng 30 ngày)', cutoffs: { com: { cut: 13.06, mon: 27.60 }, gm: { cut: 37.38, mon: 46.40 }, fm: { cut: 34.32, mon: 43.30 }, psv: { cut: 25.74, mon: 35.80 }, psc: { cut: 27.19, mon: 37.80 } }, items: [ // Giao tiếp (18m) { id: 1, dom: 'com', t: 'Khi bé muốn một thứ gì đó ở trên cao, bé có đi tìm bạn và chỉ ngón trỏ vào vật đó kèm nhìn bạn không?' }, { id: 2, dom: 'com', t: 'Khi xem sách cùng bạn, bé có bắt chước một số âm thanh hoặc từ đơn mà bạn đọc không?' }, { id: 3, dom: 'com', t: 'Khi bạn hỏi "Con mèo/Quả bóng ở đâu?", bé có chỉ đúng vào bức tranh tương ứng trong sách không?' }, { id: 4, dom: 'com', t: 'Bé có thực hiện đúng các yêu cầu đơn giản bằng lời mà bạn không cần chỉ tay (như "Đi lấy giày của con lại đây") không?' }, { id: 5, dom: 'com', t: 'Ngoài từ "Bố" và "Mẹ", bé có nói được ít nhất 8 từ đơn có nghĩa trở lên không?' }, { id: 6, dom: 'com', t: 'Bé có bắt đầu ghép 2 từ lại với nhau thành cụm từ ngắn (như "Uống sữa", "Mẹ bế", "Mở ra") không?' }, // Vận động thô (18m) { id: 7, dom: 'gm', t: 'Bé có tự cúi xuống hoặc ngồi xổm nhặt đồ vật dưới sàn rồi tự đứng thẳng lên mà không cần vịn vào bất cứ thứ gì không?' }, { id: 8, dom: 'gm', t: 'Bé có tự đi lại vững vàng khắp nhà hơn là bò không?' }, { id: 9, dom: 'gm', t: 'Bé có tự bước đi tốt mà rất hiếm khi bị vấp ngã không?' }, { id: 10, dom: 'gm', t: 'Bé có tự trèo lên một vật thấp (như chiếc ghế sofa hoặc ghế nhỏ) để lấy món đồ chơi ở trên đó không?' }, { id: 11, dom: 'gm', t: 'Bé có bước xuống cầu thang được khi bạn nắm giữ một bàn tay của bé không?' }, { id: 12, dom: 'gm', t: 'Khi bạn đặt quả bóng dưới sàn, bé có biết vung chân đá quả bóng lăn về phía trước (thay vì bước dẫm lên bóng) không?' }, // Vận động tinh (18m) { id: 13, dom: 'fm', t: 'Bé có thể ném một quả bóng nhỏ về phía trước khi đang đứng mà không bị ngã không?' }, { id: 14, dom: 'fm', t: 'Bé có xếp chồng được ít nhất 3 khối gỗ vuông nhỏ lên nhau thành tháp đứng vững không?' }, { id: 15, dom: 'fm', t: 'Bé có tự cầm bút sáp màu và vẽ nguệch ngoạc lên trang giấy mà không cần bạn làm mẫu trước không?' }, { id: 16, dom: 'fm', t: 'Bé có tự lật được các trang của một cuốn sách (có thể lật 2–3 trang cùng lúc) không?' }, { id: 17, dom: 'fm', t: 'Bé có biết dùng đầu ngón tay lấy một mẩu bánh nhỏ ra khỏi một chiếc lọ nhựa trong suốt cổ hẹp không?' }, { id: 18, dom: 'fm', t: 'Bé có xếp chồng được 4 – 5 khối gỗ vuông nhỏ lên nhau thành tháp không?' }, // Giải quyết vấn đề (18m) { id: 19, dom: 'psv', t: 'Bé có thả liên tiếp 5 – 6 đồ vật nhỏ vào trong một chiếc hộp không?' }, { id: 20, dom: 'psv', t: 'Sau khi bạn thả một mẩu bánh nhỏ vào trong lọ nhựa trong suốt, bé có biết tự dốc ngược cái lọ xuống để đổ mẩu bánh ra tay không?' }, { id: 21, dom: 'psv', t: 'Bé có chơi giả vờ với các đồ vật (như áp điện thoại đồ chơi lên tai nghe, hoặc cầm lược giả vờ chải đầu) không?' }, { id: 22, dom: 'psv', t: 'Sau khi nhìn bạn vẽ một nét thẳng trên giấy, bé có cầm bút bắt chước vạch nét theo bạn không?' }, { id: 23, dom: 'psv', t: 'Nếu món đồ chơi lăn vào gầm ghế ngoài tầm tay với, bé có biết dùng một chiếc que/thước để khều nó ra hoặc kéo khăn trải bàn lại gần không?' }, { id: 24, dom: 'psv', t: 'Khi bạn xếp mẫu 3–4 khối gỗ nối đuôi nhau làm đoàn tàu, bé có xếp các khối gỗ thành hàng ngang giống bạn không?' }, // Cá nhân - Xã hội (18m) { id: 25, dom: 'psc', t: 'Bé có tự dùng thìa xúc thức ăn đưa vào miệng (dù có thể còn rơi vãi một ít) không?' }, { id: 26, dom: 'psc', t: 'Bé có tự cởi được các món đồ dễ như tất, mũ hoặc giày đã tháo dây không?' }, { id: 27, dom: 'psc', t: 'Bé có tự cầm cốc bằng hai tay uống nước rồi đặt cốc xuống bàn mà hầu như không làm đổ nước ra ngoài không?' }, { id: 28, dom: 'psc', t: 'Bé có bắt chước làm theo các việc nhà của bạn (như cầm khăn lau bàn, cầm chổi quét nhà) không?' }, { id: 29, dom: 'psc', t: 'Bé có thường xuyên nhìn vào hình ảnh của mình trong gương và mỉm cười hoặc làm trò trước gương không?' }, { id: 30, dom: 'psc', t: 'Bé có chủ động kéo tay bạn hoặc mang đồ chơi lại khoe để rủ bạn cùng xem/mở giúp không?' } ] }, m24: { code: 'm24', label: '👦 Mốc 24 Tháng (23 – 25 tháng 15 ngày • 2 Tuổi)', cutoffs: { com: { cut: 25.17, mon: 38.00 }, gm: { cut: 38.07, mon: 46.50 }, fm: { cut: 35.16, mon: 43.20 }, psv: { cut: 29.78, mon: 39.60 }, psc: { cut: 31.54, mon: 40.50 } }, items: [ // Giao tiếp (24m) { id: 1, dom: 'com', t: 'Khi bạn gọi tên các bức tranh quen thuộc (như con mèo, quả bóng, con chó, chiếc xe), bé có chỉ đúng vào bức tranh đó trong sách không?' }, { id: 2, dom: 'com', t: 'Bé có bắt chước nói lại chính xác một câu ngắn gồm 2 từ khi bạn làm mẫu (ví dụ: "Mẹ ơi", "Đi về") không?' }, { id: 3, dom: 'com', t: 'Khi bạn yêu cầu bằng lời mà không chỉ tay, bé có thực hiện được ít nhất 3 mệnh lệnh khác nhau (như "Đặt lên bàn", "Đưa dép cho mẹ", "Đóng cửa lại") không?' }, { id: 4, dom: 'com', t: 'Khi bạn chỉ vào bức tranh quả bóng, cái cốc, chiếc mũ và hỏi "Cái gì đây?", bé có gọi đúng tên các đồ vật đó không?' }, { id: 5, dom: 'com', t: 'Bé có tự nói được các câu gồm 2 đến 3 từ để diễn đạt ý khác nhau (như "Con uống sữa", "Đi chơi công viên", "Bóng của con") không?' }, { id: 6, dom: 'com', t: 'Bé có sử dụng đúng ít nhất 2 đại từ nhân xưng như "Con", "Mẹ", "Của con" khi nói chuyện không?' }, // Vận động thô (24m) { id: 7, dom: 'gm', t: 'Bé có thể tự bước xuống cầu thang khi một tay vịn vào lan can hoặc tường (hoặc nắm tay bạn) không?' }, { id: 8, dom: 'gm', t: 'Khi đứng trước quả bóng, bé có tự vung chân đá quả bóng lăn về phía trước mà không cần vịn tay vào đâu không?' }, { id: 9, dom: 'gm', t: 'Bé có thể tự bước lên và bước xuống ít nhất 2 bậc cầu thang một mình (có thể vịn tường/lan can, bước dồn 2 chân trên 1 bậc) không?' }, { id: 10, dom: 'gm', t: 'Bé có chạy khá vững vàng và biết tự dừng lại mà không bị đâm sầm vào đồ đạc hoặc ngã không?' }, { id: 11, dom: 'gm', t: 'Bé có biết bật nhảy tại chỗ sao cho cả hai bàn chân cùng nhấc rời khỏi mặt đất một lúc không?' }, { id: 12, dom: 'gm', t: 'Khi đứng ở bậc cầu thang cuối cùng, bé có thể nhảy bằng hai chân xuống mặt sàn nhà không?' }, // Vận động tinh (24m) { id: 13, dom: 'fm', t: 'Bé có tự dùng thìa xúc thức ăn đưa vào miệng ngay ngắn, không bị lật ngược chiếc thìa làm đổ thức ăn không?' }, { id: 14, dom: 'fm', t: 'Bé có tự lật từng trang sách một (mỗi lần chỉ lật 1 trang giấy) khi xem sách không?' }, { id: 15, dom: 'fm', t: 'Bé có biết xoay cổ tay để vặn mở nắp lọ nhỏ, xoay tay nắm cửa hoặc vặn dây cót đồ chơi không?' }, { id: 16, dom: 'fm', t: 'Bé có tự bật hoặc tắt công tắc đèn gắn trên tường được không?' }, { id: 17, dom: 'fm', t: 'Bé có xếp chồng được một tháp cao gồm 6 – 7 khối gỗ vuông nhỏ đứng vững không?' }, { id: 18, dom: 'fm', t: 'Bé có biết xâu được ít nhất 2 – 3 hạt gỗ lớn hoặc ống nhựa qua một sợi dây giày có đầu cứng không?' }, // Giải quyết vấn đề (24m) { id: 19, dom: 'psv', t: 'Sau khi nhìn bạn vẽ một đường thẳng từ trên xuống dưới trên giấy, bé có cầm bút bắt chước vẽ một đường thẳng tương tự không?' }, { id: 20, dom: 'psv', t: 'Khi muốn lấy một đồ vật ở trên bàn cao, bé có biết tự đi kéo một chiếc ghế nhỏ lại rồi trèo lên ghế để lấy đồ không?' }, { id: 21, dom: 'psv', t: 'Sau khi bạn xếp 4 khối gỗ nối tiếp nhau làm đoàn tàu, bé có bắt chước xếp 4 khối gỗ thành hàng ngang giống bạn không?' }, { id: 22, dom: 'psv', t: 'Nếu bạn đưa cho bé một chiếc lọ có nắp vặn lỏng bên trong đựng bánh, bé có biết tự xoay mở nắp lọ để lấy bánh ra không?' }, { id: 23, dom: 'psv', t: 'Bé có chơi đóng vai giả vờ bằng cách dùng vật này thay thế cho vật kia (như lấy cái bát đội lên đầu giả làm mũ, hoặc lấy khối gỗ giả làm ô tô) không?' }, { id: 24, dom: 'psv', t: 'Bé có biết tự cất đồ chơi vào đúng chỗ quen thuộc (như bỏ khối gỗ vào hộp, cất sách lên kệ) khi kết thúc giờ chơi không?' }, // Cá nhân - Xã hội (24m) { id: 25, dom: 'psc', t: 'Bé có tự cầm cốc một mình uống nước rồi đặt xuống bàn mà không làm đổ nước nữa không?' }, { id: 26, dom: 'psc', t: 'Bé có chơi giả vờ chăm sóc búp bê hoặc thú bông (như đút cho ăn, đắp chăn cho ngủ, đặt ngồi bô) không?' }, { id: 27, dom: 'psc', t: 'Bé có tự dùng dĩa/nĩa hoặc thìa để xiên/xúc thức ăn tự lập trong bữa ăn không?' }, { id: 28, dom: 'psc', t: 'Khi chơi gần các bạn nhỏ khác, bé có thích ngồi chơi những món đồ chơi giống như các bạn bên cạnh đang chơi không?' }, { id: 29, dom: 'psc', t: 'Bé có tự đẩy các loại đồ chơi có bánh xe lớn (như xe đẩy siêu thị đồ chơi, xe nôi búp bê) đi vòng quanh và biết bẻ lái tránh chướng ngại vật không?' }, { id: 30, dom: 'psc', t: 'Bé có biết gọi bạn là "Mẹ / Bố" hoặc xưng tên mình khi nhìn thấy ảnh chụp của hai mẹ con không?' } ] }, m36: { code: 'm36', label: '🧒 Mốc 36 Tháng (34 tháng 16 ngày – 38 tháng 30 ngày • 3 Tuổi)', cutoffs: { com: { cut: 30.99, mon: 41.50 }, gm: { cut: 36.99, mon: 46.20 }, fm: { cut: 18.07, mon: 31.80 }, psv: { cut: 30.29, mon: 40.80 }, psc: { cut: 35.33, mon: 43.90 } }, items: [ // Giao tiếp (36m) { id: 1, dom: 'com', t: 'Khi bạn hỏi, bé có chỉ đúng được ít nhất 7 bộ phận cơ thể (như đầu, tóc, mắt, mũi, miệng, tai, tay, bụng, chân, đầu gối) không?' }, { id: 2, dom: 'com', t: 'Bé có nói được các câu hoàn chỉnh gồm từ 3 đến 4 từ trở lên không?' }, { id: 3, dom: 'com', t: 'Nếu bạn yêu cầu, bé có đặt được một cuốn sách "LÊN TRÊN bàn", "XUỐNG DƯỚI ghế" hoặc "BÊN CẠNH hộp" đúng theo lời bạn nói không?' }, { id: 4, dom: 'com', t: 'Khi xem tranh một con vật/người đang chạy hoặc đang ăn và bạn hỏi "Ai đang làm gì đây?", bé có trả lời được cả tên và hành động (như "Con chó đang chạy") không?' }, { id: 5, dom: 'com', t: 'Khi bạn cầm một chiếc khóa kéo trên áo và hỏi "Con đang làm gì đây?", bé có dùng được các từ chỉ hành động đang diễn ra ("Con đang kéo khóa / mở áo") không?' }, { id: 6, dom: 'com', t: 'Khi bạn hỏi "Tên đầy đủ ( cả họ và tên) của con là gì?", bé có trả lời đúng họ và tên của mình không?' }, // Vận động thô (36m) { id: 7, dom: 'gm', t: 'Bé có đứng co một chân lên và giữ thăng bằng trên một chân còn lại được khoảng 1 – 2 giây mà không cần vịn vào đâu không?' }, { id: 8, dom: 'gm', t: 'Khi đứng yên, bé có biết vung tay từ trên cao qua đầu để ném quả bóng về phía trước được ít nhất 1.5 mét không?' }, { id: 9, dom: 'gm', t: 'Bé có thể chụm hai chân bật nhảy xa về phía trước được một khoảng ít nhất 15 – 20 cm không?' }, { id: 10, dom: 'gm', t: 'Bé có tự bước lên cầu thang bằng cách bước luân phiên từng chân (mỗi bậc cầu thang đặt 1 bàn chân như người lớn) không?' }, { id: 11, dom: 'gm', t: 'Bé có biết ngồi lên xe đạp 3 bánh và dùng hai bàn chân nhấn bàn đạp để xe lăn bánh tiến về phía trước không?' }, { id: 12, dom: 'gm', t: 'Bé có thể tự bước lên và xuống cầu thang vững vàng mà không cần vịn vào tường hay lan can không?' }, // Vận động tinh (36m) { id: 13, dom: 'fm', t: 'Sau khi nhìn bạn vẽ một đường thẳng ngang trên giấy, bé có cầm bút vẽ lại được một đường ngang tương tự không?' }, { id: 14, dom: 'fm', t: 'Bé có tự xâu được các hạt gỗ/nhựa vào một sợi dây nhỏ thành chuỗi vòng không?' }, { id: 15, dom: 'fm', t: 'Sau khi nhìn thấy bức vẽ hình tròn của bạn, bé có tự vẽ lại được một hình tròn khép kín trên giấy không?' }, { id: 16, dom: 'fm', t: 'Bé có biết cầm kéo trẻ em và nhấp kéo mở ra – khép lại để cắt vào mép tờ giấy không?' }, { id: 17, dom: 'fm', t: 'Khi vẽ, bé có cầm bút bằng ngón cái và các ngón tay (giống tư thế cầm bút của người lớn) thay vì nắm chặt cả nắm đấm không?' }, { id: 18, dom: 'fm', t: 'Sau khi nhìn bạn vẽ hình chữ thập (+), bé có cố gắng vẽ một đường dọc và một đường ngang cắt nhau tạo thành dấu cộng (+) không?' }, // Giải quyết vấn đề (36m) { id: 19, dom: 'psv', t: 'Khi bạn xếp mẫu 3 khối gỗ tạo thành hình "Cây cầu" (2 khối ở dưới cách nhau một khe nhỏ và 1 khối bắc ngang ở trên), bé có xếp lại được cây cầu giống bạn không?' }, { id: 20, dom: 'psv', t: 'Khi bạn vẽ một hình người chưa có chân và hỏi "Còn thiếu cái gì đây?", bé có nhận ra và nói đúng phần bị thiếu không?' }, { id: 21, dom: 'psv', t: 'Nếu bạn đọc chậm rãi 2 chữ số (ví dụ: "3 - 7" hoặc "5 - 2") và bảo bé nhắc lại, bé có đọc lại đúng theo thứ tự đó không?' }, { id: 22, dom: 'psv', t: 'Khi bạn chỉ vào hai vòng tròn (1 to, 1 nhỏ) và hỏi "Cái nào TO hơn?", bé có chỉ đúng không?' }, { id: 23, dom: 'psv', t: 'Bé có thích chơi hóa trang (như đội mũ của bố, đeo túi của mẹ) để đóng giả làm bố/mẹ/bác sĩ không?' }, { id: 24, dom: 'psv', t: 'Nếu bạn đọc chậm 3 chữ số (ví dụ: "4 - 7 - 2"), bé có nhắc lại được đúng cả 3 số theo thứ tự không?' }, // Cá nhân - Xã hội (36m) { id: 25, dom: 'psc', t: 'Bé có tự dùng thìa xúc ăn thành thạo mà hầu như không làm rơi vãi thức ăn ra ngoài nữa không?' }, { id: 26, dom: 'psc', t: 'Bé có tự mặc được áo khoác mở ngực hoặc áo sơ mi mà không cần bạn giúp xỏ tay áo không?' }, { id: 27, dom: 'psc', t: 'Khi bạn hỏi "Con là con trai hay con gái?", bé có trả lời đúng giới tính của mình không?' }, { id: 28, dom: 'psc', t: 'Bé có biết chờ đến lượt của mình khi tham gia trò chơi cùng người lớn hoặc các bạn khác không?' }, { id: 29, dom: 'psc', t: 'Bé có tự kéo quần dài/quần đùi xuống khi đi vệ sinh và tự kéo quần lên lại không?' }, { id: 30, dom: 'psc', t: 'Bé có kể được tên của ít nhất một người bạn thân cùng lớp hoặc hàng xóm không?' } ] }, m48: { code: 'm48', label: '🎒 Mốc 48 Tháng (45 – 50 tháng 30 ngày • 4 Tuổi)', cutoffs: { com: { cut: 30.72, mon: 42.10 }, gm: { cut: 32.78, mon: 43.60 }, fm: { cut: 15.81, mon: 30.60 }, psv: { cut: 31.30, mon: 42.50 }, psc: { cut: 26.60, mon: 39.20 } }, items: [ // Giao tiếp (48m) { id: 1, dom: 'com', t: 'Bé có kể được tên ít nhất 3 sự vật thuộc cùng một nhóm danh mục (ví dụ: "Kể cho mẹ nghe tên 3 con vật / 3 món đồ ăn") không?' }, { id: 2, dom: 'com', t: 'Khi bạn hỏi "Con dùng cái gì để mô tả con voi?", bé có dùng được ít nhất 2 từ chỉ đặc điểm (như "Con voi to, có cái vòi dài") không?' }, { id: 3, dom: 'com', t: 'Bé có sử dụng đúng các từ chỉ kết thúc ở quá khứ ("đã... rồi") và tương lai ("sẽ...") trong câu nói hàng ngày không?' }, { id: 4, dom: 'com', t: 'Bé có thực hiện đúng một chuỗi gồm 3 yêu cầu liên tiếp không liên quan nhau (như "Con vỗ tay, rồi đi ra cửa, rồi ngồi xuống") không?' }, { id: 5, dom: 'com', t: 'Bé có nói được các câu đầy đủ gồm tất cả các từ liên kết (như "Con muốn đi công viên VỚI bố BỞI VÌ...") không?' }, { id: 6, dom: 'com', t: 'Bé có trả lời hợp lý các câu hỏi tình huống "Con sẽ làm gì khi con bị đói / khi con bị mệt / khi con bị lạnh?" không?' }, // Vận động thô (48m) { id: 7, dom: 'gm', t: 'Khi bạn đứng cách bé khoảng 1.5 mét và ném một quả bóng lớn tới, bé có dùng hai bàn tay bắt gọn được quả bóng không?' }, { id: 8, dom: 'gm', t: 'Bé có tự leo lên các bậc thang của cầu trượt cao ở công viên và trượt xuống mà không cần giúp đỡ không?' }, { id: 9, dom: 'gm', t: 'Khi đang chạy, bé có thể bật nhảy lên cao về phía trước mà không bị giảm tốc độ hay ngã không?' }, { id: 10, dom: 'gm', t: 'Bé có biết nhảy lò cò trên một chân được ít nhất 2 – 3 bước liên tiếp không?' }, { id: 11, dom: 'gm', t: 'Bé có thể chụm hai chân bật nhảy xa về phía trước được ít nhất 50 cm không?' }, { id: 12, dom: 'gm', t: 'Bé có đứng thăng bằng vững vàng trên một chân trong ít nhất 5 giây mà không cần vịn tay không?' }, // Vận động tinh (48m) { id: 13, dom: 'fm', t: 'Bé có tự ghép hoàn chỉnh được các bộ xếp hình tranh (puzzle) gồm từ 5 đến 7 mảnh rời nhau không?' }, { id: 14, dom: 'fm', t: 'Bé có dùng kéo cắt đứt đôi một tờ giấy theo một đường kẻ thẳng từ đầu này sang đầu kia (lệch không quá 1 cm) không?' }, { id: 15, dom: 'fm', t: 'Khi nhìn mẫu, bé có vẽ sao chép lại được cả 3 hình: Hình tròn (○), Hình chữ thập (+) và Hình vuông (□) không?' }, { id: 16, dom: 'fm', t: 'Bé có tự mở và cài được ít nhất một chiếc cúc áo/khuy quần vừa tay không?' }, { id: 17, dom: 'fm', t: 'Bé có tự vẽ được hình một người có ít nhất 3 – 4 bộ phận cơ thể rõ ràng (đầu, mắt, thân/chân, tay) không?' }, { id: 18, dom: 'fm', t: 'Bé có tô màu vào bên trong một hình vẽ sẵn mà hầu như không bị lem ra ngoài đường viền không?' }, // Giải quyết vấn đề (48m) { id: 19, dom: 'psv', t: 'Khi bạn nói "Mẹ có một con mèo nhỏ, còn bạn Lan có một con mèo TO HƠN", bé có chỉ đúng vào bức tranh con mèo to hơn không?' }, { id: 20, dom: 'psv', t: 'Khi bạn đặt 5 đồ vật thành hàng trên bàn và hỏi "Có bao nhiêu cái đây?", bé có dùng tay chỉ đếm từng cái từ 1 đến 5 đúng số lượng không?' }, { id: 21, dom: 'psv', t: 'Khi bạn chỉ vào các đồ vật, bé có gọi đúng tên ít nhất 4 màu sắc khác nhau (Đỏ, Vàng, Xanh dương, Xanh lá...) không?' }, { id: 22, dom: 'psv', t: 'Bé có biết phân biệt và chỉ đúng đâu là "Cái nhỏ nhất" trong số 3 đồ vật có kích thước khác nhau không?' }, { id: 23, dom: 'psv', t: 'Bé có chơi đóng vai giả vờ theo kịch bản phức tạp cùng bạn bè (như chơi bán hàng, chơi khám bệnh) không?' }, { id: 24, dom: 'psv', t: 'Bé có tự đếm vẹt liên tục từ 1 đến 10 theo đúng thứ tự không?' }, // Cá nhân - Xã hội (48m) { id: 25, dom: 'psc', t: 'Bé có tự lấy kem và tự đánh răng cho mình mà chỉ cần người lớn kiểm tra nhẹ lại không?' }, { id: 26, dom: 'psc', t: 'Bé có tự phục vụ một món ăn nhẹ đơn giản (như tự rót nước từ bình nhỏ ra cốc hoặc tự lấy bánh/sữa chua ăn) không?' }, { id: 27, dom: 'psc', t: 'Bé có kể được tên của ít nhất 2 người bạn cùng chơi ở lớp hoặc hàng xóm không?' }, { id: 28, dom: 'psc', t: 'Bé có tự rửa tay và mặt bằng xà phòng rồi tự lấy khăn lau khô mà không cần giúp đỡ không?' }, { id: 29, dom: 'psc', t: 'Bé có tự mặc và tự cởi toàn bộ quần áo của mình (trừ việc buộc dây giày khó) không?' }, { id: 30, dom: 'psc', t: 'Khi được hỏi, bé có trả lời đúng được ít nhất 3 trong 4 thông tin cá nhân: Họ tên, Tuổi, Tên bố mẹ, Tên thành phố/quận nơi ở không?' } ] }, m60: { code: 'm60', label: '🎓 Mốc 60 Tháng (57 – 66 tháng • 5 Tuổi)', cutoffs: { com: { cut: 33.19, mon: 43.80 }, gm: { cut: 31.28, mon: 42.30 }, fm: { cut: 26.54, mon: 38.60 }, psv: { cut: 29.99, mon: 41.20 }, psc: { cut: 39.07, mon: 47.00 } }, items: [ // Giao tiếp (60m) { id: 1, dom: 'com', t: 'Bé có thực hiện đúng một chuỗi 3 mệnh lệnh hoàn toàn độc lập mà không cần bất kỳ cử chỉ gợi ý nào của bạn không?' }, { id: 2, dom: 'com', t: 'Bé có thường xuyên nói các câu hoàn chỉnh dài từ 4 đến 5 từ trở lên với đầy đủ ngữ pháp không?' }, { id: 3, dom: 'com', t: 'Khi kể lại một chuyện đã xảy ra ở lớp hôm qua, bé có dùng đúng các từ chỉ thời gian quá khứ không?' }, { id: 4, dom: 'com', t: 'Bé có sử dụng các từ so sánh như "Nặng hơn", "Mạnh hơn", "Dài hơn", "Nhanh hơn" trong câu nói hàng ngày không?' }, { id: 5, dom: 'com', t: 'Bé có trả lời đúng cả 2 câu hỏi suy luận: "Con làm gì khi khát nước?" và "Tại sao chúng ta phải mặc áo ấm khi trời lạnh?" không?' }, { id: 6, dom: 'com', t: 'Bé có thể lặp lại chính xác các câu dài 9 – 10 âm tiết mà không bỏ sót từ nào khi bạn đọc mẫu không?' }, // Vận động thô (60m) { id: 7, dom: 'gm', t: 'Khi đứng yên, bé có vung tay ném một quả bóng nhỏ đi xa được ít nhất 2 – 3 mét trúng hướng người đối diện không?' }, { id: 8, dom: 'gm', t: 'Bé có bắt gọn được một quả bóng lớn bằng hai bàn tay (mà không cần ôm ghì vào ngực) khi đứng cách bạn 2 mét không?' }, { id: 9, dom: 'gm', t: 'Bé có đứng thăng bằng vững vàng trên một chân trong ít nhất 5 – 8 giây mà không bị nghiêng ngả không?' }, { id: 10, dom: 'gm', t: 'Bé có bước đi nối gót (mũi bàn chân sau chạm sát vào gót bàn chân trước) trên một đường kẻ thẳng dài 4.5 mét không?' }, { id: 11, dom: 'gm', t: 'Bé có nhảy lò cò trên một chân tiến về phía trước được một đoạn dài từ 1.5 đến 2 mét không?' }, { id: 12, dom: 'gm', t: 'Bé có biết nhảy chân sáo (Skipping — bật nhảy luân phiên từng chân nhịp nhàng) không?' }, // Vận động tinh (60m) { id: 13, dom: 'fm', t: 'Bé có tự đồ theo một đường kẻ thẳng trên giấy bằng bút chì mà không bị lệch khỏi đường kẻ quá 2 lần không?' }, { id: 14, dom: 'fm', t: 'Bé có tự vẽ được hình một người có ít nhất 6 bộ phận cơ thể (đầu, thân, hai tay, hai chân, mắt, mũi, miệng) không?' }, { id: 15, dom: 'fm', t: 'Bé có dùng kéo cắt rời một tờ giấy theo đúng đường kẻ thẳng từ mép này sang mép kia mà không bị rách giấy không?' }, { id: 16, dom: 'fm', t: 'Khi nhìn mẫu, bé có tự vẽ sao chép lại được cả 3 hình học: Hình chữ thập (+), Hình vuông (□) và Hình tam giác (△) không?' }, { id: 17, dom: 'fm', t: 'Khi nhìn các chữ cái viết mẫu (như V, H, T, C, A), bé có tự cầm bút chép lại được các chữ cái đó ngay ngắn không?' }, { id: 18, dom: 'fm', t: 'Bé có tự viết được tên của chính mình (hoặc ít nhất 4 chữ cái đầu trong tên) mà không cần nhìn mẫu không?' }, // Giải quyết vấn đề (60m) { id: 19, dom: 'psv', t: 'Khi bạn chỉ vào 5 đồ vật khác kích cỡ và hỏi "Cái nào NHỎ NHẤT?", bé có chỉ đúng ngay không?' }, { id: 20, dom: 'psv', t: 'Khi bạn nói các câu khuyết từ trái nghĩa: "Ban ngày thì sáng, ban đêm thì [tối]", "Con rùa đi chậm, con thỏ chạy [nhanh]", bé có điền đúng từ không?' }, { id: 21, dom: 'psv', t: 'Bé có tự đếm trơn tru từ 1 đến 15 mà không bị nhầm hay bỏ sót số nào không?' }, { id: 22, dom: 'psv', t: 'Khi nhìn vào các thẻ chữ số từ 1 đến 10, bé có đọc đúng tên ít nhất 5 chữ số bất kỳ không?' }, { id: 23, dom: 'psv', t: 'Bé có gọi đúng tên của ít nhất 4 chữ cái trong bảng chữ cái khi bạn chỉ ngẫu nhiên không?' }, { id: 24, dom: 'psv', t: 'Khi xếp 4 đồ vật thành hàng ngang, bé có hiểu và chỉ đúng đâu là "Cái ĐẦU TIÊN", "Cái Ở GIỮA" và "Cái CUỐI CÙNG" không?' }, // Cá nhân - Xã hội (60m) { id: 25, dom: 'psc', t: 'Bé có tự dùng thìa và nĩa/dĩa ăn uống sạch sẽ, lịch sự như người lớn mà không làm vương vãi thức ăn không?' }, { id: 26, dom: 'psc', t: 'Bé có tự rửa tay và mặt bằng xà phòng rồi lau khô hoàn toàn độc lập trước khi ăn không?' }, { id: 27, dom: 'psc', t: 'Bé có trả lời đúng ít nhất 4 thông tin cá nhân: Họ và tên, Tuổi, Địa chỉ nhà/Phường xã, Số điện thoại bố mẹ hoặc Ngày sinh không?' }, { id: 28, dom: 'psc', t: 'Bé có tự mặc và tự cởi quần áo, tự cài cúc áo và kéo khóa quần mà không cần bất kỳ sự trợ giúp nào không?' }, { id: 29, dom: 'psc', t: 'Bé có tự đi vệ sinh hoàn toàn độc lập (tự vào nhà vệ sinh, tự lau chùi sạch sẽ, xả nước và rửa tay) không?' }, { id: 30, dom: 'psc', t: 'Bé có biết luân phiên chờ đến lượt, chia sẻ đồ chơi và tuân thủ luật chơi khi chơi nhóm cùng các bạn đồng trang lứa không?' } ] } }; // 6 Câu hỏi Tổng quát (Overall Red Flags - Phần cuối của mọi phiếu ASQ-3) const overallQuestions = [ { id: 'ov1', t: '1. Bạn có nghi ngờ bé gặp vấn đề về thính lực (nghe kém hoặc gọi tên không quay lại) không?' }, { id: 'ov2', t: '2. Bạn có nghĩ rằng cách bé nói chuyện hoặc phát âm chậm hơn rõ rệt so với các bé cùng tuổi không?' }, { id: 'ov3', t: '3. Bạn có lo lắng rằng bé không hiểu được phần lớn những gì bạn nói với bé không?' }, { id: 'ov4', t: '4. Bạn có nghĩ rằng cách bé đi đứng, chạy nhảy hoặc sử dụng đôi bàn tay bị cứng nhắc, vụng về hoặc lệch hai bên không?' }, { id: 'ov5', t: '5. Bạn có lo lắng về hành vi, giao tiếp ánh mắt hoặc cách bé tương tác xã hội với người xung quanh không?' }, { id: 'ov6', t: '6. Có điều gì khác về sức khỏe, giấc ngủ hoặc sự phát triển của bé khiến bạn cảm thấy bất an không?' } ]; let currentForm = 'm24'; // 'm6' | 'm12' | 'm18' | 'm24' | 'm36' | 'm48' | 'm60' let answersByForm = { m6: {}, m12: {}, m18: {}, m24: {}, m36: {}, m48: {}, m60: {} }; let overallConcerns = {}; // true = Có lo ngại, false = Không lo ngại let filterDom = 'all'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .aq3-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .aq3-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .aq3-inner { padding: 24px; max-width: 980px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .aq3-wrap.is-fullscreen .aq3-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .aq3-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 0 rgba(37, 99, 235, 0.4); } 70% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 10px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45), 0 0 0 0 rgba(37, 99, 235, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .aq3-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .aq3-header-text { flex: 1 1 260px; } .aq3-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .aq3-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #2563eb; color: #ffffff; border-color: #2563eb; } /* Bộ chọn Mốc Tháng Tuổi ASQ-3 */ .age-selector-box { background: #f1f5f9; padding: 12px; border-radius: 12px; margin-bottom: 16px; } .age-lbl { font-size: 12px; font-weight: 800; color: #0f172a; text-transform: uppercase; margin-bottom: 8px; display: block; } .age-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; } .age-btn { padding: 8px 6px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 700; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .age-btn:hover { border-color: #2563eb; } .age-btn.active { background: #2563eb; border-color: #2563eb; color: #ffffff; box-shadow: 0 3px 10px rgba(37, 99, 235, 0.25); } /* Controls */ .aq3-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; margin-bottom: 14px; } .aq3-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; touch-action: manipulation; } .aq3-pbtn:hover { background: #f1f5f9; } .aq3-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } .aq3-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; } .aq3-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .aq3-dtab.active { background: #2563eb; color: #ffffff; border-color: #2563eb; } /* Sticky Dashboard: 5 Lĩnh vực ASQ-3 */ .aq3-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .aq3-wrap.is-fullscreen .aq3-dash { top: 58px; } .aq3-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .aq3-score-big { font-size: 20px; font-weight: 800; line-height: 1.2; } .aq3-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .aq3-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .aq3-pillars { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; font-size: 11.5px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .aq3-pillar-box { background: #1e293b; padding: 7px 9px; border-radius: 8px; border-left: 3px solid #475569; } .aq3-pillar-box.zone-white { border-left-color: #10b981; } .aq3-pillar-box.zone-gray { border-left-color: #f59e0b; background: rgba(245, 158, 11, 0.15); } .aq3-pillar-box.zone-black { border-left-color: #ef4444; background: rgba(239, 68, 68, 0.16); } .aq3-pillar-val { font-weight: 800; color: #ffffff; font-size: 13px; display: block; margin-top: 2px; } /* Danh sách 30 câu hỏi */ .aq3-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 8px; } .aq3-item.ans-10 { border-color: #a7f3d0; background: #f0fdf4; } .aq3-item.ans-5 { border-color: #fde68a; background: #fffbeb; } .aq3-item.ans-0 { border-color: #fca5a5; background: #fff5f5; } .aq3-item-title { font-size: 14.5px; font-weight: 600; color: #1e293b; } .aq3-tags { display: flex; flex-wrap: wrap; gap: 6px; } .aq3-tag { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .aq3-ans-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; } .aq3-abtn { padding: 8px 8px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 700; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .aq3-abtn:hover { border-color: #64748b; } .aq3-abtn.sel-10 { background: #10b981; border-color: #10b981; color: #ffffff; } .aq3-abtn.sel-5 { background: #f59e0b; border-color: #f59e0b; color: #ffffff; } .aq3-abtn.sel-0 { background: #ef4444; border-color: #ef4444; color: #ffffff; } /* Bảng Tóm tắt Thông tin ASQ-3 (Biểu đồ Vùng Đen - Vùng Xám - Vùng Trắng) */ .aq3-summary-card { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #ffffff; border: 1px solid #e2e8f0; overflow-x: auto; } .aq3-sum-table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 620px; } .aq3-sum-table th, .aq3-sum-table td { border: 1px solid #cbd5e1; padding: 8px 10px; text-align: center; } .aq3-sum-table th { background: #f1f5f9; font-weight: 700; color: #0f172a; } .aq3-result-box { margin-top: 16px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #2563eb; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 740px) { .aq3-inner { padding: 14px; } .aq3-title { font-size: 18px; } .age-grid { grid-template-columns: repeat(3, 1fr); } .aq3-pillars { grid-template-columns: 1fr 1fr; } .aq3-ans-grid { grid-template-columns: 1fr; } .aq3-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const aq3Wrap = shadow.getElementById('aq3Wrap'); const itemList = shadow.getElementById('itemList'); const dashHeadline = shadow.getElementById('dashHeadline'); const scoreBadge = shadow.getElementById('scoreBadge'); const boxCOM = shadow.getElementById('boxCOM'); const boxGM = shadow.getElementById('boxGM'); const boxFM = shadow.getElementById('boxFM'); const boxPSV = shadow.getElementById('boxPSV'); const boxPSC = shadow.getElementById('boxPSC'); const valCOM = shadow.getElementById('valCOM'); const valGM = shadow.getElementById('valGM'); const valFM = shadow.getElementById('valFM'); const valPSV = shadow.getElementById('valPSV'); const valPSC = shadow.getElementById('valPSC'); const sumTableTitle = shadow.getElementById('sumTableTitle'); const sumTableBody = shadow.getElementById('sumTableBody'); const resultBox = shadow.getElementById('resultBox'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Phân vùng điểm của 1 lĩnh vực so với Điểm cắt (cut) và Ngưỡng giám sát (mon) function classifyDomainScore(score, cut, mon) { if (score <= cut) { return { zone: 'zone-black', badge: '🔴 Vùng Đen: Dưới điểm cắt (Nguy cơ chậm)', short: 'Dưới điểm cắt ⚠️', color: '#ef4444' }; } else if (score { const cls = 'aq3-abtn' + (uPt === b.pt ? ` sel-${b.pt}` : ''); return `${b.lbl}`; }).join(''); const el = document.createElement('div'); el.className = rowCls; el.innerHTML = ` `; itemList.appendChild(el); }); } // Hiển thị 6 Câu hỏi Tổng quát (Overall Red Flags) if (filterDom === 'all' || filterDom === 'ov') { overallQuestions.forEach(function(ov) { const hasConcern = !!overallConcerns[ov.id]; const el = document.createElement('div'); el.className = 'aq3-item ' + (hasConcern ? 'ans-0' : 'ans-10'); el.innerHTML = ` `; itemList.appendChild(el); }); } itemList.querySelectorAll('.aq3-abtn[data-id]').forEach(btn => { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answersByForm[currentForm][id] = parseInt(this.getAttribute('data-pt'), 10); renderItems(); updateSummary(); }; }); itemList.querySelectorAll('.aq3-abtn[data-ovid]').forEach(btn => { btn.onclick = function() { const ovid = this.getAttribute('data-ovid'); overallConcerns[ovid] = (this.getAttribute('data-concern') === 'yes'); renderItems(); updateSummary(); }; }); } function updateSummary() { const fCfg = ageForms[currentForm]; const curAns = answersByForm[currentForm]; const sums = { com: 0, gm: 0, fm: 0, psv: 0, psc: 0 }; fCfg.items.forEach(function(it) { const pt = (curAns[it.id] !== undefined) ? curAns[it.id] : 10; sums[it.dom] += pt; }); const cCOM = classifyDomainScore(sums.com, fCfg.cutoffs.com.cut, fCfg.cutoffs.com.mon); const cGM = classifyDomainScore(sums.gm, fCfg.cutoffs.gm.cut, fCfg.cutoffs.gm.mon); const cFM = classifyDomainScore(sums.fm, fCfg.cutoffs.fm.cut, fCfg.cutoffs.fm.mon); const cPSV = classifyDomainScore(sums.psv, fCfg.cutoffs.psv.cut, fCfg.cutoffs.psv.mon); const cPSC = classifyDomainScore(sums.psc, fCfg.cutoffs.psc.cut, fCfg.cutoffs.psc.mon); dashHeadline.textContent = `Hồ Sơ Sàng Lọc ASQ-3 — ${fCfg.label}`; valCOM.textContent = `${sums.com}/60đ (${cCOM.short})`; valGM.textContent = `${sums.gm}/60đ (${cGM.short})`; valFM.textContent = `${sums.fm}/60đ (${cFM.short})`; valPSV.textContent = `${sums.psv}/60đ (${cPSV.short})`; valPSC.textContent = `${sums.psc}/60đ (${cPSC.short})`; boxCOM.className = 'aq3-pillar-box ' + cCOM.zone; boxGM.className = 'aq3-pillar-box ' + cGM.zone; boxFM.className = 'aq3-pillar-box ' + cFM.zone; boxPSV.className = 'aq3-pillar-box ' + cPSV.zone; boxPSC.className = 'aq3-pillar-box ' + cPSC.zone; sumTableTitle.textContent = `📊 Bảng Tổng Hợp Kết Quả & Đối Chiếu Điểm Cắt Chuẩn ASQ-3 — ${fCfg.label}`; const domOrder = [ { key: 'com', res: cCOM }, { key: 'gm', res: cGM }, { key: 'fm', res: cFM }, { key: 'psv', res: cPSV }, { key: 'psc', res: cPSC } ]; let blackCount = 0; let grayCount = 0; const blackNames = []; const grayNames = []; sumTableBody.innerHTML = domOrder.map(row => { const k = row.key; const dCfg = domConfigs[k]; const cutInfo = fCfg.cutoffs[k]; const res = row.res; if (res.zone === 'zone-black') { blackCount++; blackNames.push(dCfg.name.split('(')[0].trim()); } else if (res.zone === 'zone-gray') { grayCount++; grayNames.push(dCfg.name.split('(')[0].trim()); } return ` ${dCfg.name} ≤ ${cutInfo.cut.toFixed(1)} điểm ${(cutInfo.cut + 0.1).toFixed(1)} – ${cutInfo.mon.toFixed(1)} điểm ${sums[k]} / 60 điểm ${res.badge} `; }).join(''); let redFlagCount = 0; overallQuestions.forEach(ov => { if (overallConcerns[ov.id]) redFlagCount++; }); let badgeColor = '#10b981'; let badgeTxt = 'PHÁT TRIỂN ĐÚNG TIẾN ĐỘ (5/5 LĨNH VỰC)'; let analysis = ''; if (blackCount > 0) { badgeColor = '#ef4444'; badgeTxt = `CẦN CHUYỂN GỬI ĐÁNH GIÁ CHUYÊN SÂU (${blackCount} Lĩnh vực Dưới điểm cắt)`; analysis = ` Kết luận Sàng lọc ASQ-3 (${fCfg.label}) — DƯỚI ĐIỂM CẮT LÂM SÀNG (Vùng Đen < -2 SD):
• Bé có ${blackCount} lĩnh vực rơi xuống dưới điểm cắt chuẩn (-2 SD): ${blackNames.join(', ')} ${grayCount > 0 ? `(và ${grayCount} lĩnh vực trong Vùng giám sát: ${grayNames.join(', ')})` : ''}.
• Số cờ đỏ tổng quát (Overall Red Flags): ${redFlagCount}/6 mối lo ngại từ phụ huynh.
• Hướng xử trí chuẩn theo Bộ Y tế & Đại học Oregon:
  1. Nếu điểm rơi vào Vùng Đen ở lĩnh vực Giao tiếp (${sums.com}/60đ) và/hoặc Cá nhân – Xã hội (${sums.psc}/60đ) (đặc biệt ở trẻ 16–30 tháng), bắt buộc phải thực hiện thêm bảng sàng lọc tự kỷ M-CHAT-R/F / STAT ngay lập tức.
  2. Chuyển gửi trẻ khám chuyên khoa Nhi Phát triển / Tâm bệnh để đánh giá chẩn đoán xác định bằng Bayley-III / KSPD / PEP-3 / ADOS-2 và can thiệp sớm. `; } else if (grayCount > 0 || redFlagCount > 0) { badgeColor = '#f59e0b'; badgeTxt = `VÙNG GIÁM SÁT / CẦN THEO DÕI (${grayCount} Lĩnh vực Xám • ${redFlagCount} Cờ đỏ)`; analysis = ` Kết luận Sàng lọc ASQ-3 (${fCfg.label}) — VÙNG GIÁM SÁT (Monitoring Zone • Từ -1 SD đến -2 SD):
• Bé có ${grayCount} lĩnh vực nằm trong Vùng Xám (Giám sát): ${grayNames.join(', ') || 'Không có'} và ${redFlagCount} mối lo ngại ở phần Câu hỏi Tổng quát.
• Hướng xử trí chuẩn: Hướng dẫn phụ huynh thực hiện các hoạt động trò chơi kích thích phát triển tại nhà tập trung vào các câu đang đạt mức "Thỉnh thoảng (5đ)" hoặc "Chưa (0đ)", sau đó sàng lọc lại bằng ASQ-3 sau 1 đến 2 tháng. Nếu có cờ đỏ về ngôn ngữ/giao tiếp mắt, nên làm thêm M-CHAT-R/F ngay. `; } else { badgeColor = '#10b981'; badgeTxt = 'PHÁT TRIỂN ĐÚNG TIẾN ĐỘ (ON SCHEDULE)'; analysis = ` Kết luận Sàng lọc ASQ-3 (${fCfg.label}) — PHÁT TRIỂN ĐÚNG TIẾN ĐỘ (Tất cả 5/5 Lĩnh vực nằm ở Vùng Trắng):
• Điểm số của bé ở cả 5 lĩnh vực (Giao tiếp: ${sums.com}đ, Vận động Thô: ${sums.gm}đ, Vận động Tinh: ${sums.fm}đ, Giải quyết Vấn đề: ${sums.psv}đ, Cá nhân – Xã hội: ${sums.psc}đ) đều cao hơn ngưỡng giám sát chuẩn.
• Khuyến nghị: Tiếp tục duy trì các hoạt động vui chơi tương tác phong phú theo lứa tuổi và hẹn sàng lọc lại ở mốc tháng tuổi kế tiếp của ASQ-3. `; } scoreBadge.textContent = badgeTxt; scoreBadge.style.background = badgeColor; scoreBadge.style.color = '#ffffff'; resultBox.style.borderLeftColor = badgeColor; resultBox.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPresetToForm(formKey, type) { const fCfg = ageForms[formKey]; const curAns = {}; overallConcerns = {}; if (type === 'reset') { fCfg.items.forEach(it => { curAns[it.id] = 0; }); } else if (type === 'typical') { // Đúng tiến độ (50 - 60 điểm mỗi lĩnh vực) fCfg.items.forEach((it, idx) => { curAns[it.id] = (idx % 6 === 5) ? 5 : 10; }); } else if (type === 'monitor') { // Vùng giám sát (35 điểm ở Giao tiếp & Giải quyết vấn đề) fCfg.items.forEach((it, idx) => { const pos = idx % 6; if (it.dom === 'com' || it.dom === 'psv') { curAns[it.id] = (pos < 2) ? 10 : ((pos < 5) ? 5 : 0); // 35đ } else { curAns[it.id] = (pos { const pos = idx % 6; if (it.dom === 'com') { curAns[it.id] = (pos === 0) ? 10 : ((pos === 1) ? 5 : 0); // 15đ (Vùng Đen) } else if (it.dom === 'psc') { curAns[it.id] = (pos <= 1) ? 10 : 0; // 20đ (Vùng Đen) } else if (it.dom === 'psv') { curAns[it.id] = (pos <= 2) ? 10 : ((pos === 3) ? 5 : 0); // 35đ (Vùng Xám) } else { curAns[it.id] = (pos < 5) ? 10 : 0; // 50đ (Vùng Trắng) } }); overallConcerns['ov2'] = true; overallConcerns['ov5'] = true; } answersByForm[formKey] = curAns; } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); aq3Wrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { aq3Wrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 980px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('#ageGrid .age-btn').forEach(function(btn) { btn.onclick = function() { currentForm = this.getAttribute('data-form'); shadow.querySelectorAll('#ageGrid .age-btn').forEach(b => b.classList.remove('active')); this.classList.add('active'); renderItems(); updateSummary(); }; }); shadow.querySelectorAll('.aq3-pbtn').forEach(function(btn) { btn.onclick = function() { const pType = this.getAttribute('data-preset'); applyPresetToForm(currentForm, pType); renderItems(); updateSummary(); }; }); shadow.querySelectorAll('#domainTabs .aq3-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .aq3-dtab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderItems(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); // Khởi tạo sẵn dữ liệu mẫu cho cả 7 mốc tuổi để chuyển tab xem được ngay ['m6', 'm12', 'm18', 'm24', 'm36', 'm48', 'm60'].forEach(fKey => { applyPresetToForm(fKey, 'asd_delay'); }); renderItems(); updateSummary(); })();

ASQ-3 (Ages & Stages Questionnaires, Third Edition — Bộ Câu hỏi Sàng lọc Phát triển Theo Độ tuổi và Giai đoạn, Phiên bản 3) là công cụ sàng lọc phát triển sớm do phụ huynh tự thực hiện phổ biến nhất thế giới hiện nay (và được Bộ Y tế Việt Nam cũng như Tổ chức Y tế Thế giới WHO khuyến nghị sử dụng rộng rãi). Công cụ do Giáo sư Jane Squiresvà Diane Bricker tại Đại học Oregon (Hoa Kỳ) phát triển (xuất bản bản thứ 3 năm 2009 bởi Brookes Publishing).

Nếu như Denver II hay Bayley-III đòi hỏi chuyên gia trực tiếp thực hiện tại phòng khám, thì ASQ-3 tận dụng chính nguồn dữ liệu quý giá nhất là sự quan sát hàng ngày của cha mẹ tại nhà để phát hiện sớm nguy cơ chậm phát triển trên cả 5 lĩnh vực chỉ trong 10 – 15 phút.

1. Tóm tắt cốt lõi về cấu trúc & Hệ thống tính điểm của ASQ-3

• Độ tuổi áp dụng: Trẻ từ 1 tháng đến 66 tháng tuổi (5.5 tuổi), được chia thành 21 bộ câu hỏi theo từng mốc tháng tuổi (2, 4, 6, 8, 9, 10, 12, 14, 16, 18, 20, 22, 24, 27, 30, 33, 36, 42, 48, 54 và 60 tháng).

• Cấu trúc 5 Lĩnh vực Phát triển (30 câu hỏi / mỗi độ tuổi): Mỗi bộ câu hỏi ở từng mốc tuổi đều bao gồm đúng 30 câu hỏi chia đều cho 5 lĩnh vực (mỗi lĩnh vực 6 câu), cộng thêm phần Câu hỏi Tổng quát (Overall — không tính điểm nhưng dùng để cảnh báo các dấu hiệu đỏ lâm sàng):

Lĩnh vực đánh giá (Domain)	Số câu hỏi	Nội dung đánh giá trọng tâm	Điểm tối đa
1. Giao tiếp(Communication)	6 câu	Bập bẹ, quay đầu khi gọi tên, chỉ trỏ, hiểu mệnh lệnh, vốn từ đơn, nói cụm từ/câu và trả lời câu hỏi.	60 điểm
2. Vận động Thô(Gross Motor)	6 câu	Kiểm soát đầu cổ, lẫy, ngồi, bò, đứng, đi, chạy, leo cầu thang, nhảy tại chỗ, đứng 1 chân, bắt/đá bóng.	60 điểm
3. Vận động Tinh(Fine Motor)	6 câu	Phối hợp tay – mắt, cầm nắm hạt nhỏ (kẹp chì), lật trang sách, xếp khối gỗ, xâu hạt, cầm bút vẽ hình và cắt kéo.	60 điểm
4. Giải quyết Vấn đề(Problem Solving)	6 câu	Tư duy nhận thức sớm: tìm đồ chơi bị giấu, nhìn trong gương, thả hình vào khuôn, chơi giả vờ, phân loại và đếm số.	60 điểm
5. Cá nhân – Xã hội(Personal-Social)	6 câu	Giao tiếp mắt, mỉm cười, tự uống cốc/xúc thìa, tự cởi/mặc quần áo, rửa tay, đi vệ sinh và chơi luân phiên với bạn.	60 điểm

2. Quy tắc Chấm điểm (10 – 5 – 0) & Phân vùng Theo Độ lệch chuẩn ($\text{SD}$)

• Thang điểm cho từng câu hỏi:

  1. CÓ (Yes = 10 điểm): Trẻ đã thực hiện được kỹ năng đó thường xuyên, thành thạo.

  2. THỈNH THOẢNG (Sometimes = 5 điểm): Trẻ mới bắt đầu làm được đôi lúc hoặc mới chớm hình thành.

  3. CHƯA (Not Yet = 0 điểm): Trẻ chưa từng thực hiện được kỹ năng đó.

• Tổng điểm mỗi lĩnh vực: Từ 0 đến 60 điểm (Mỗi lĩnh vực có 6 câu $\times 10\text{ điểm}=60\text{ điểm}$).

• 3 Vùng Phân loại Chuẩn của ASQ-3 (Đối chiếu theo Điểm cắt – Cut-off Score tại từng độ tuổi):

  1. 🟢 Vùng Trắng — Phát triển Đúng tiến độ (Above Cut-off / On Schedule — Trên mốc $-1\text{ SD}$):Điểm số cao hơn ngưỡng giám sát. Trẻ phát triển bình thường theo tuổi.

  2. 🟡 Vùng Xám — Vùng Giám sát / Cần theo dõi (Monitoring Zone — Từ $-1\text{ SD}$ đến $-2\text{ SD}$): Điểm nằm sát ngưỡng cắt. Cần cung cấp các bài tập kích thích phát triển tại nhà và sàng lọc lại sau 1–2 tháng.

  3. 🔴 Vùng Đen — Dưới Điểm cắt / Nguy cơ Chậm phát triển (Below Cut-off — Dưới $-2\text{ SD}$):Điểm số rơi xuống dưới ngưỡng cắt chuẩn (chỉ gặp ở ~2.3% dân số). Cần chuyển gửi khám chuyên khoa ngay (kết hợp sàng lọc tự kỷ M-CHAT-R/F nếu rơi vào lĩnh vực Giao tiếp & Cá nhân – Xã hội, hoặc đánh giá chuyên sâu bằng Bayley-III / KSPD / PEP-3).

(function() { const host = document.getElementById('peds-wp-host'); if (!host) return; const placeholder = document.createComment('peds-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // 10 Câu hỏi chuẩn của PEDS (Frances Page Glascoe) kèm quy tắc tuổi để tính là Predictive Concern (Mối lo ngại Dự báo cao) // minPredAge: Tháng tuổi tối thiểu mà nếu có lo ngại ở câu đó sẽ được tính là Predictive (0 = Mọi lứa tuổi đều là Predictive; 999 = Luôn là Non-predictive) const pedsQuestions = [ { id: 1, code: 'GLO', domain: '1. Nhận thức chung & Phát triển Tổng thể (Global / Cognitive)', minPredAge: 0, // Mọi lứa tuổi đều là Predictive q: 'Câu 1. Anh/chị có lo lắng rằng con chậm hiểu, nhận thức chậm hơn các bạn cùng tuổi hoặc có điều gì bất thường chung về sự phát triển của con không?', examples: 'Các dấu hiệu thường gặp: Trẻ chậm chạp trong việc học kỹ năng mới, có vẻ ngây ngô hơn tuổi, mất các kỹ năng từng làm được hoặc chậm toàn diện.' }, { id: 2, code: 'EL', domain: '2. Ngôn ngữ Diễn đạt & Phát âm (Expressive Language & Articulation)', minPredAge: 0, // Mọi lứa tuổi đều là Predictive q: 'Câu 2. Anh/chị có bất kỳ lo lắng nào về cách con nói chuyện và phát âm không?', examples: 'Các dấu hiệu thường gặp: Chậm bập bẹ, chậm nói từ đơn/cụm từ, vốn từ ít, chỉ kéo tay người lớn thay vì nói, nhại lời máy móc hoặc phát âm rất khó nghe.' }, { id: 3, code: 'RL', domain: '3. Ngôn ngữ Tiếp nhận / Nghe hiểu (Receptive Language)', minPredAge: 18, // Từ 18 tháng trở lên tính là Predictive q: 'Câu 3. Anh/chị có bất kỳ lo lắng nào về việc con hiểu những gì anh/chị nói với con không?', examples: 'Các dấu hiệu thường gặp: Gọi tên nhiều lần không quay lại, không hiểu các yêu cầu đơn giản khi không có cử chỉ chỉ tay, hoặc trả lời lạc đề.' }, { id: 4, code: 'FM', domain: '4. Sử dụng bàn tay và ngón tay - Vận động Tinh (Fine Motor)', minPredAge: 54, // Từ 4.5 tuổi (54 tháng) trở lên tính là Predictive q: 'Câu 4. Anh/chị có bất kỳ lo lắng nào về cách con sử dụng đôi bàn tay và các ngón tay để làm các việc nhỏ không?', examples: 'Các dấu hiệu thường gặp: Khó cầm nắm đồ vật nhỏ, rơi đổ thức ăn nhiều khi xúc thìa, lóng ngóng khi xếp hình, cầm bút vẽ hoặc dùng kéo.' }, { id: 5, code: 'GM', domain: '5. Sử dụng tay chân vận động - Vận động Thô (Gross Motor)', minPredAge: 36, // Từ 3 tuổi (36 tháng) trở lên tính là Predictive q: 'Câu 5. Anh/chị có bất kỳ lo lắng nào về cách con sử dụng tay và chân để lẫy, bò, đi, chạy hoặc leo trèo không?', examples: 'Các dấu hiệu thường gặp: Chậm biết ngồi/đi, dáng đi loạng choạng dễ vấp ngã, đi nhón gót liên tục, hoặc khó khăn khi leo cầu thang, chạy nhảy.' }, { id: 6, code: 'BEH', domain: '6. Hành vi ứng xử & Tự điều chỉnh (Behavior)', minPredAge: 999, // Phân vào Non-predictive (Định tuyến sang Path C nếu không có Predictive) q: 'Câu 6. Anh/chị có bất kỳ lo lắng nào về hành vi ứng xử của con không?', examples: 'Các dấu hiệu thường gặp: Hay ăn vạ khóc thét kéo dài, tăng động chạy nhảy không ngừng, bướng bỉnh chống đối, hoặc có cử động lặp lại (vẫy tay, xoay đồ vật).' }, { id: 7, code: 'SE', domain: '7. Quan hệ xã hội & Cảm xúc (Social-Emotional)', minPredAge: 999, // Phân vào Non-predictive / Cảnh báo Tự kỷ & Cảm xúc q: 'Câu 7. Anh/chị có bất kỳ lo lắng nào về việc con hòa đồng với những người khác (giao tiếp mắt, kết bạn, chia sẻ cảm xúc) không?', examples: 'Các dấu hiệu thường gặp: Ít nhìn mắt, thích chơi một mình tách biệt, không biết khoe đồ chơi (chú ý chung), quá nhút nhát hoặc dễ lo âu căng thẳng.' }, { id: 8, code: 'SH', domain: '8. Kỹ năng Tự phục vụ cá nhân (Self-Help)', minPredAge: 999, // Phân vào Non-predictive q: 'Câu 8. Anh/chị có bất kỳ lo lắng nào về việc con học cách tự làm mọi việc cho bản thân (ăn uống, mặc đồ, đi vệ sinh) không?', examples: 'Các dấu hiệu thường gặp: Chưa tự cầm cốc/xúc ăn theo tuổi, chưa biết phối hợp mặc quần áo, rửa tay hoặc chậm kiểm soát việc đi vệ sinh.' }, { id: 9, code: 'SCH', domain: '9. Kỹ năng Tiền học đường & Học tập ở trường (School / Pre-academic)', minPredAge: 54, // Từ 4.5 tuổi (54 tháng) trở lên tính là Predictive q: 'Câu 9. Anh/chị có bất kỳ lo lắng nào về việc con học các khái niệm ở lớp mầm non hoặc kỹ năng học tập ở trường không?', examples: 'Các dấu hiệu thường gặp: Khó nhớ màu sắc, hình khối, con số, chữ cái; khó ngồi yên chú ý nghe cô giáo giảng hoặc chậm tiếp thu bài trên lớp.' }, { id: 10, code: 'MED', domain: '10. Thính lực, Thị lực, Sức khỏe & Y khoa (Medical / Sensory / Health)', minPredAge: 0, // Mọi lo ngại về thính lực/thị lực/sức khỏe thần kinh đều cần lưu ý đặc biệt q: 'Câu 10. Anh/chị có lo lắng gì về thính lực (nghe), thị lực (nhìn), giấc ngủ, việc ăn uống hoặc sức khỏe thể chất của con không?', examples: 'Các dấu hiệu thường gặp: Nghi ngờ nghe kém, nhạy cảm tiếng ồn (bịt tai), nhìn nghiêng/lác mắt, kén ăn cực đoan, rối loạn giấc ngủ hoặc co giật.' } ]; // Các mốc kỹ năng kiểm tra nhanh PEDS:DM (Developmental Milestones) theo từng nhóm tuổi để bổ trợ quyết định ở Path B / Path C const pedsDmByAge = { '6': 'Mốc PEDS:DM 6 tháng: Biết lẫy 2 chiều, chống tay nâng ngực cao, với tay nắm đồ chơi, quay đầu tìm tiếng gọi và cười thành tiếng.', '12': 'Mốc PEDS:DM 12 tháng: Đứng vịn/chập chững đi, nhặt vật nhỏ bằng ngón cái-trỏ, biết chỉ tay xin đồ, vẫy tay chào và nói 1–3 từ đơn.', '18': 'Mốc PEDS:DM 18 tháng: Đi vững, tự xúc thìa, xếp tháp 3 khối gỗ, chỉ đúng bộ phận cơ thể, nói ≥ 8–10 từ đơn và biết khoe đồ vật (chú ý chung).', '24': 'Mốc PEDS:DM 24 tháng (2 tuổi): Đá bóng, chạy vững, nói câu ngắn 2–3 từ, chỉ đúng tranh đồ vật khi gọi tên và biết chơi giả vờ chăm sóc búp bê.', '36': 'Mốc PEDS:DM 36 tháng (3 tuổi): Bước lên cầu thang luân phiên, vẽ hình tròn, nói câu 3–4 từ rõ ràng, trả lời được họ tên/giới tính và chơi cùng bạn.', '48': 'Mốc PEDS:DM 48 tháng (4 tuổi): Nhảy lò cò 1 chân, cắt giấy bằng kéo, vẽ hình chữ thập/hình vuông, kể lại chuyện ngắn và tự mặc quần áo.', '60': 'Mốc PEDS:DM 60 tháng (5 tuổi): Đứng 1 chân > 5 giây, viết được một số chữ cái/con số, đếm đến 10–15, hiểu từ trái nghĩa và tuân thủ luật chơi nhóm.', '72': 'Mốc PEDS:DM 72–95 tháng (6–8 tuổi): Đọc đánh vần từ/câu ngắn, cộng trừ phạm vi 10, viết chữ ngay ngắn, tự lập hoàn toàn sinh hoạt và kết bạn tốt.' }; // answers[id] lưu: 'NO' (Không lo ngại = 0), 'LITTLE' (Lo ngại một chút = 1), 'YES' (Có lo ngại rõ rệt = 2) let answers = {}; let childAgeMonths = 24; let hasCommBarrier = false; // Path D: Rào cản giao tiếp với người trả lời let dmPassStatus = 'pass'; // 'pass' (Đạt mốc PEDS:DM) | 'fail' (Chưa đạt mốc PEDS:DM) let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .pd-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .pd-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .pd-inner { padding: 24px; max-width: 980px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .pd-wrap.is-fullscreen .pd-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .pd-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45), 0 0 0 0 rgba(124, 58, 237, 0.4); } 70% { box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45), 0 0 0 10px rgba(124, 58, 237, 0); } 100% { box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45), 0 0 0 0 rgba(124, 58, 237, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #6d28d9 0%, #7c3aed 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(124, 58, 237, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .pd-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .pd-header-text { flex: 1 1 260px; } .pd-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .pd-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #f5f3ff; color: #6d28d9; border: 1px solid #ddd6fe; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #7c3aed; color: #ffffff; border-color: #7c3aed; } /* Top Panel: Chọn Tuổi & PEDS:DM */ .pd-top-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 12px; padding: 14px; margin-bottom: 14px; } .pd-lbl { font-size: 12px; font-weight: 800; color: #0f172a; text-transform: uppercase; display: block; margin-bottom: 5px; } .pd-select { width: 100%; padding: 8px 10px; border: 1px solid #94a3b8; border-radius: 7px; font-size: 13.5px; font-weight: 700; color: #0f172a; background: #ffffff; } .pd-dm-banner { grid-column: 1 / -1; background: #ffffff; border: 1px dashed #c4b5fd; border-left: 4px solid #7c3aed; padding: 10px 12px; border-radius: 8px; font-size: 13px; color: #334155; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; } /* Presets */ .pd-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; margin-bottom: 16px; } .pd-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; touch-action: manipulation; } .pd-pbtn:hover { background: #f1f5f9; } .pd-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } /* Sticky Dashboard */ .pd-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .pd-wrap.is-fullscreen .pd-dash { top: 58px; } .pd-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .pd-score-big { font-size: 21px; font-weight: 800; line-height: 1.2; } .pd-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .pd-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .pd-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .pd-pillar-box { background: #1e293b; padding: 8px 10px; border-radius: 8px; border-left: 3px solid #475569; } .pd-pillar-val { font-weight: 800; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 10 câu hỏi PEDS */ .pd-item { border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 8px; } .pd-item.pred-concern { border-color: #fca5a5; background: #fff5f5; border-left: 5px solid #ef4444; } .pd-item.nonpred-concern { border-color: #fde68a; background: #fffbeb; border-left: 5px solid #f59e0b; } .pd-item.no-concern { border-color: #a7f3d0; background: #f0fdf4; } .pd-item-title { font-size: 15px; font-weight: 800; color: #0f172a; } .pd-item-ex { font-size: 13px; color: #475569; background: rgba(15, 23, 42, 0.03); padding: 6px 10px; border-radius: 6px; } .pd-tags { display: flex; flex-wrap: wrap; gap: 6px; } .pd-tag { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .pd-tag.tag-pred { background: #fee2e2; color: #b91c1c; } .pd-tag.tag-non { background: #fef3c7; color: #b45309; } .pd-ans-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 2px; } .pd-abtn { padding: 8px 8px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 700; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .pd-abtn:hover { border-color: #64748b; } .pd-abtn.sel-NO { background: #10b981; border-color: #10b981; color: #ffffff; } .pd-abtn.sel-LITTLE { background: #f59e0b; border-color: #f59e0b; color: #ffffff; } .pd-abtn.sel-YES { background: #ef4444; border-color: #ef4444; color: #ffffff; } /* Bảng 5 Lộ trình Xử trí Lâm sàng PEDS (Paths A - E) */ .pd-paths-card { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #ffffff; border: 1px solid #e2e8f0; overflow-x: auto; } .pd-table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 640px; } .pd-table th, .pd-table td { border: 1px solid #cbd5e1; padding: 9px 12px; text-align: left; } .pd-table th { background: #f1f5f9; font-weight: 800; color: #0f172a; } .pd-table tr.active-path { background: #fef3c7; border: 2px solid #d97706; } .pd-result-box { margin-top: 16px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #7c3aed; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 740px) { .pd-inner { padding: 14px; } .pd-title { font-size: 18px; } .pd-top-panel { grid-template-columns: 1fr; } .pd-pillars { grid-template-columns: 1fr 1fr; } .pd-ans-grid { grid-template-columns: 1fr; } .pd-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const pdWrap = shadow.getElementById('pdWrap'); const selChildAge = shadow.getElementById('selChildAge'); const selBarrier = shadow.getElementById('selBarrier'); const dmAgeText = shadow.getElementById('dmAgeText'); const btnDmPass = shadow.getElementById('btnDmPass'); const btnDmFail = shadow.getElementById('btnDmFail'); const questionList = shadow.getElementById('questionList'); const dashHeadline = shadow.getElementById('dashHeadline'); const dashSub = shadow.getElementById('dashSub'); const scoreBadge = shadow.getElementById('scoreBadge'); const valPred = shadow.getElementById('valPred'); const valNonPred = shadow.getElementById('valNonPred'); const valDM = shadow.getElementById('valDM'); const valPath = shadow.getElementById('valPath'); const rowPathA = shadow.getElementById('rowPathA'); const rowPathB = shadow.getElementById('rowPathB'); const rowPathC = shadow.getElementById('rowPathC'); const rowPathD = shadow.getElementById('rowPathD'); const rowPathE = shadow.getElementById('rowPathE'); const resultBox = shadow.getElementById('resultBox'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Kiểm tra xem ở tuổi hiện tại (ageMonths), câu hỏi q có phải là Predictive Concern (Mối lo ngại Dự báo cao) hay không function isPredictiveForAge(q, ageMonths) { return (ageMonths >= q.minPredAge); } function renderDmBanner() { const ageKey = String(childAgeMonths); dmAgeText.textContent = pedsDmByAge[ageKey] || pedsDmByAge['24']; if (dmPassStatus === 'pass') { btnDmPass.style.cssText = 'background:#10b981;color:#fff;border-color:#10b981;'; btnDmFail.style.cssText = ''; } else { btnDmFail.style.cssText = 'background:#ef4444;color:#fff;border-color:#ef4444;'; btnDmPass.style.cssText = ''; } } function renderQuestions() { questionList.innerHTML = ''; const ansBtns = [ { code: 'NO', lbl: 'Không lo ngại (Bình thường)' }, { code: 'LITTLE', lbl: 'Có một chút lo ngại (A little)' }, { code: 'YES', lbl: 'CÓ LO NGẠI RÕ RỆT (Yes)' } ]; pedsQuestions.forEach(function(q) { const uAns = answers[q.id] || 'NO'; const hasConcern = (uAns === 'YES' || uAns === 'LITTLE'); const isPred = isPredictiveForAge(q, childAgeMonths); let rowCls = 'pd-item '; if (hasConcern) { rowCls += isPred ? 'pred-concern' : 'nonpred-concern'; } else { rowCls += 'no-concern'; } const typeBadge = isPred ? `★ Ở tuổi ${childAgeMonths} tháng: Tính là Mối lo ngại DỰ BÁO CAO (Predictive — Ô tô màu trên phiếu PEDS)` : `Ở tuổi ${childAgeMonths} tháng: Tính là Mối lo ngại Ít dự báo (Non-predictive — Ô trắng trên phiếu PEDS)`; const btnsHtml = ansBtns.map(b => { const cls = 'pd-abtn' + (uAns === b.code ? ` sel-${b.code}` : ''); return `${b.lbl}`; }).join(''); const el = document.createElement('div'); el.className = rowCls; el.innerHTML = ` `; questionList.appendChild(el); }); questionList.querySelectorAll('.pd-abtn').forEach(btn => { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answers[id] = this.getAttribute('data-val'); renderQuestions(); updateSummary(); }; }); } function updateSummary() { let predCount = 0; let nonPredCount = 0; const predList = []; const nonPredList = []; pedsQuestions.forEach(function(q) { const uAns = answers[q.id] || 'NO'; if (uAns === 'YES' || uAns === 'LITTLE') { if (isPredictiveForAge(q, childAgeMonths)) { predCount++; predList.push(q.domain.split('(')[0].trim()); } else { nonPredCount++; nonPredList.push(q.domain.split('(')[0].trim()); } } }); valPred.textContent = `${predCount} lĩnh vực`; valNonPred.textContent = `${nonPredCount} lĩnh vực`; valDM.textContent = (dmPassStatus === 'pass') ? '✓ Đạt mốc tuổi' : '⚠️ Chưa đạt mốc'; [rowPathA, rowPathB, rowPathC, rowPathD, rowPathE].forEach(r => { r.className = ''; }); let activePath = 'E'; let badgeColor = '#10b981'; let badgeTxt = ''; let analysis = ''; if (hasCommBarrier) { activePath = 'D'; rowPathD.className = 'active-path'; badgeColor = '#7c3aed'; badgeTxt = 'PATH D (RÀO CẢN GIAO TIẾP)'; valPath.textContent = 'Path D (Khám trực tiếp)'; dashHeadline.textContent = 'Lộ Trình Quyết Định PEDS: Path D — Cần Đánh Giá Trực Tiếp Trên Trẻ'; analysis = ` Kết luận PEDS — LỘ TRÌNH D (Path D • Có Rào Cản Giao Tiếp Hoặc Thông Tin Gián Tiếp):
• Khi người đi cùng không trực tiếp chăm sóc trẻ hoặc gặp khó khăn khi diễn đạt mối lo ngại, PEDS quy định chuyển sang Path D.
• Hướng xử trí: Thực hiện đánh giá trực tiếp trên trẻ bằng PEDS:DM, Denver II hoặc KSPD / Bayley-III. `; } else if (predCount >= 2) { activePath = 'A'; rowPathA.className = 'active-path'; badgeColor = '#dc2626'; badgeTxt = `PATH A • NGUY CƠ CAO (${predCount} Lo ngại Dự báo)`; valPath.textContent = 'Path A (Chuyển gửi ngay)'; dashHeadline.textContent = `Lộ Trình Quyết Định PEDS: Path A — Nguy Cơ Cao (${predCount} Mối lo ngại Dự báo)`; analysis = ` Kết luận PEDS tại mốc ${childAgeMonths} tháng — LỘ TRÌNH A (Path A • Nguy cơ Chậm phát triển / Rối loạn Phổ Tự kỷ CAO):
• Ghi nhận ${predCount} mối lo ngại Dự báo cao (Predictive Concerns): ${predList.join(', ')} ${nonPredCount > 0 ? `kèm theo ${nonPredCount} mối lo ngại khác (${nonPredList.join(', ')})` : ''}.
• Hướng xử trí chuẩn theo PEDS:
  1. Chuyển gửi đánh giá chuyên sâu ngay lập tức (Can thiệp sớm, Ngôn ngữ trị liệu, Tâm lý – Giáo dục đặc biệt).
  2. Nếu có kèm lo ngại ở Câu 2 (Ngôn ngữ diễn đạt), Câu 3 (Nghe hiểu) hoặc Câu 7 (Quan hệ xã hội), cần thực hiện ngay sàng lọc tự kỷ chuyên biệt (M-CHAT-R/F, STAT, SCQ) và đánh giá chẩn đoán bằng ADOS-2 / CARS-2 / DSM-5-TR. `; } else if (predCount === 1) { activePath = 'B'; rowPathB.className = 'active-path'; badgeColor = '#ea580c'; badgeTxt = 'PATH B • NGUY CƠ TRUNG BÌNH (1 Lo ngại Dự báo)'; valPath.textContent = 'Path B (Sàng lọc thứ cấp)'; dashHeadline.textContent = 'Lộ Trình Quyết Định PEDS: Path B — Cần Sàng Lọc Thứ Cấp (ASQ-3 / PEDS:DM)'; analysis = ` Kết luận PEDS tại mốc ${childAgeMonths} tháng — LỘ TRÌNH B (Path B • Nguy cơ Trung bình – Cao):
• Ghi nhận đúng 1 mối lo ngại Dự báo cao (Predictive Concern) tại: ${predList.join(', ')} ${nonPredCount > 0 ? `(và ${nonPredCount} mối lo ngại ít dự báo: ${nonPredList.join(', ')})` : ''}.
• Kết hợp kết quả Mốc kỹ năng PEDS:DM hiện tại (${dmPassStatus === 'pass' ? 'Trẻ ĐẠT mốc PEDS:DM' : 'Trẻ CHƯA ĐẠT mốc PEDS:DM'}):
  ${dmPassStatus === 'fail' ? '👉 Vì trẻ CHƯA ĐẠT mốc kỹ năng PEDS:DM kèm 1 mối lo ngại dự báo, trẻ cần được chuyển gửi đánh giá chuyên sâu ngay như Path A (làm thêm ASQ-3 / M-CHAT-R/F / KSPD).' : '👉 Trẻ hiện đạt mốc PEDS:DM cơ bản, khuyến nghị thực hiện thêm bảng ASQ-3 (hoặc M-CHAT-R/F nếu trẻ 16–30 tháng), hướng dẫn cha mẹ kích thích phát triển tại nhà và hẹn tái khám sau 4–6 tuần.'} `; } else if (nonPredCount >= 1) { activePath = 'C'; rowPathC.className = 'active-path'; badgeColor = '#d97706'; badgeTxt = `PATH C • LƯU Ý HÀNH VI / XÃ HỘI (${nonPredCount} mục)`; valPath.textContent = 'Path C (Tư vấn & Sàng lọc HV)'; dashHeadline.textContent = 'Lộ Trình Quyết Định PEDS: Path C — Lưu Ý Hành Vi, Cảm Xúc & Xã Hội'; analysis = ` Kết luận PEDS tại mốc ${childAgeMonths} tháng — LỘ TRÌNH C (Path C • Nguy cơ về Hành vi / Cảm xúc – Xã hội):
• Không có mối lo ngại dự báo chậm phát triển trí tuệ/ngôn ngữ, nhưng phụ huynh có ${nonPredCount} mối lo ngại ở nhóm Không dự báo: ${nonPredList.join(', ')}.
• Hướng xử trí chuẩn: Tư vấn chiến lược hướng dẫn hành vi tích cực cho phụ huynh. Nếu phụ huynh lo lắng về Giao tiếp xã hội (Câu 7) hoặc Hành vi (Câu 6), cần làm thêm sàng lọc tự kỷ (M-CHAT-R/F / CAST / ASSQ) hoặc sàng lọc ADHD (Vanderbilt) để không bỏ sót tự kỷ chức năng cao. `; } else { activePath = 'E'; rowPathE.className = 'active-path'; badgeColor = (dmPassStatus === 'pass') ? '#10b981' : '#f59e0b'; badgeTxt = (dmPassStatus === 'pass') ? 'PATH E • NGUY CƠ THẤP (BÌNH THƯỜNG)' : 'PATH E (NHƯNG CHƯA ĐẠT PEDS:DM)'; valPath.textContent = 'Path E (Theo dõi định kỳ)'; dashHeadline.textContent = 'Lộ Trình Quyết Định PEDS: Path E — Nguy Cơ Thấp (Không có mối lo ngại)'; analysis = ` Kết luận PEDS tại mốc ${childAgeMonths} tháng — LỘ TRÌNH E (Path E • Nguy cơ Thấp):
• Phụ huynh không có bất kỳ mối lo ngại nào ở cả 10 lĩnh vực phát triển và hành vi.
• ${dmPassStatus === 'pass' ? 'Trẻ đồng thời ĐẠT các mốc kỹ năng PEDS:DM tương ứng với lứa tuổi. Trấn an, khen ngợi cha mẹ và hẹn theo dõi định kỳ ở mốc tuổi tiếp theo.' : '⚠️ Lưu ý từ PEDS:DM: Dù phụ huynh không bày tỏ lo lắng trên PEDS, nhưng trẻ chưa đạt mốc kỹ năng PEDS:DM của lứa tuổi. Cần cho phụ huynh làm thêm bảng ASQ-3 để kiểm tra khách quan.'} `; } dashSub.textContent = `Tại mốc ${childAgeMonths} tháng tuổi: ${predCount} Lo ngại Dự báo cao (Predictive) • ${nonPredCount} Lo ngại Ít dự báo (Non-predictive)`; scoreBadge.textContent = badgeTxt; scoreBadge.style.background = badgeColor; scoreBadge.style.color = '#ffffff'; resultBox.style.borderLeftColor = badgeColor; resultBox.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { answers = {}; pedsQuestions.forEach(q => { answers[q.id] = 'NO'; }); hasCommBarrier = false; selBarrier.value = 'no'; dmPassStatus = 'pass'; if (type === 'reset' || type === 'pathE') { renderDmBanner(); renderQuestions(); updateSummary(); return; } if (type === 'pathA') { // >= 2 mối lo ngại Dự báo cao (Câu 2 Ngôn ngữ diễn đạt, Câu 3 Nghe hiểu, Câu 7 Xã hội) answers[2] = 'YES'; answers[3] = 'YES'; answers[7] = 'YES'; dmPassStatus = 'fail'; } else if (type === 'pathB') { // Đúng 1 mối lo ngại Dự báo cao (Câu 2 Ngôn ngữ diễn đạt) answers[2] = 'LITTLE'; dmPassStatus = 'pass'; } else if (type === 'pathC') { // Chỉ lo ngại Hành vi (Câu 6) và Tự phục vụ (Câu 8) -> Non-predictive -> Path C answers[6] = 'YES'; answers[8] = 'LITTLE'; dmPassStatus = 'pass'; } renderDmBanner(); renderQuestions(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); pdWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { pdWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 980px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } selChildAge.onchange = function() { childAgeMonths = parseInt(this.value, 10) || 24; renderDmBanner(); renderQuestions(); updateSummary(); }; selBarrier.onchange = function() { hasCommBarrier = (this.value === 'yes'); updateSummary(); }; btnDmPass.onclick = () => { dmPassStatus = 'pass'; renderDmBanner(); updateSummary(); }; btnDmFail.onclick = () => { dmPassStatus = 'fail'; renderDmBanner(); updateSummary(); }; shadow.querySelectorAll('.pd-pbtn[data-preset]').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); applyPreset('pathA'); })();

PEDS (Parents’ Evaluation of Developmental Status): Bộ câu hỏi sàng lọc phát triển dựa trên mối bận tâm của cha mẹ (dành cho trẻ 0 – 8 tuổi). Cùng với ASQ-3 và M-CHAT-R/F, đây là bộ công cụ được Bộ Y tế Việt Nam và Viện Hàn lâm Nhi khoa Hoa Kỳ (AAP) khuyến cáo sử dụng rộng rãi nhất.

Công cụ được phát triển bởi Giáo sư Frances Page Glascoe (Đại học Vanderbilt, Hoa Kỳ — xuất bản năm 1997, cập nhật hệ thống PEDS-R và kết hợp cùng PEDS:DM).

1. Điểm khác biệt độc đáo của PEDS so với ASQ-3 và Denver II

Nếu như ASQ-3 hay Denver II hỏi cha mẹ xem “Trẻ đã làm được kỹ năng X chưa?”, thì PEDS đi theo hướng ngược lại nhưng cực kỳ nhạy bén: khai thác trực tiếp Những mối lo ngại của cha mẹ (Parental Concerns) qua 10 câu hỏi(chỉ mất 2 – 5 phút), sau đó phân loại mối lo ngại đó thuộc nhóm Có giá trị dự báo nguy cơ cao (Predictive Concerns)hay Ít có giá trị dự báo (Non-predictive Concerns) dựa trên độ tuổi cụ thể của trẻ.

• Độ tuổi áp dụng: Từ sơ sinh (0 tháng) đến 8 tuổi (95 tháng / 7 tuổi 11 tháng).

• Cấu trúc 10 câu hỏi chuẩn của PEDS (Response Form):

  • Câu 1 (Mở đầu): “Anh/chị có bất kỳ lo lắng nào về cách học tập, sự phát triển hoặc hành vi của con không?”

  • Câu 2 – 9 (8 Lĩnh vực cốt lõi): Hỏi cụ thể mối lo ngại về:

    1. Ngôn ngữ Diễn đạt & Phát âm (Expressive Language and Articulation – EL)

    2. Ngôn ngữ Tiếp nhận / Nghe hiểu (Receptive Language – RL)

    3. Vận động Tinh (Fine Motor – FM)

    4. Vận động Thô (Gross Motor – GM)

    5. Hành vi (Behavior – BEH)

    6. Cảm xúc – Xã hội (Social-Emotional – SE)

    7. Tự phục vụ cá nhân (Self-Help – SH)

    8. Học tập / Tiền học đường (School / Pre-academic – SCH)

  • Câu 10 (Y khoa / Khác): Các mối lo ngại về thính lực, thị lực, giấc ngủ, ăn uống hoặc sức khỏe toàn trạng (Global/Cognitive & Health).

2. Ma trận “Mối lo ngại Dự báo (Predictive)” theo Độ tuổi & 5 Lộ trình Xử trí (Paths A – E)

Điểm cốt lõi trên Phiếu chấm điểm PEDS (PEDS Score Form) là: một mối lo ngại ở lĩnh vực này có thể chỉ là bình thường ở tuổi nhỏ, nhưng khi trẻ lớn hơn mà cha mẹ vẫn lo ngại thì nó trở thành Chỉ báo Dự báo Nguy cơ Cao (Predictive / Significant Concern):

Dựa trên số lượng mối lo ngại Dự báo (Predictive) và Không dự báo (Non-predictive), PEDS tự động phân trẻ vào 1 trong 5 Lộ trình Quyết định Lâm sàng (Paths A, B, C, D, E):

(function() { const host = document.getElementById('denver2-wp-host'); if (!host) return; const placeholder = document.createComment('denver2-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // Cấu hình 4 Lĩnh vực chuẩn của Denver II (Tổng 125 mục) const domConfigs = { ps: { code: 'ps', name: '1. Cá nhân – Xã hội (Personal-Social)', count: 25, color: '#2563eb' }, fm: { code: 'fm', name: '2. Vận động Tinh – Thích ứng (Fine Motor)', count: 29, color: '#0d9488' }, la: { code: 'la', name: '3. Ngôn ngữ (Language)', count: 39, color: '#7c3aed' }, gm: { code: 'gm', name: '4. Vận động Thô (Gross Motor)', count: 32, color: '#ea580c' } }; // Đầy đủ 125 mục chuẩn Denver II với mốc tháng tuổi [p25, p50, p75, p90] // rAllow: true nếu cho phép chấm qua Báo cáo của phụ huynh [R] const items = [ // ===================================================== // 1. CÁ NHÂN - XÃ HỘI (PERSONAL-SOCIAL • 25 MỤC) // ===================================================== { id: 1, dom: 'ps', rAllow: false, p: [0.1, 0.2, 0.7, 1.3], t: 'Nhìn chăm chú vào khuôn mặt người đối diện' }, { id: 2, dom: 'ps', rAllow: true, p: [0.3, 0.7, 1.2, 1.8], t: 'Mỉm cười đáp lại khi được trò chuyện / trêu đùa' }, { id: 3, dom: 'ps', rAllow: false, p: [0.7, 1.2, 1.8, 2.4], t: 'Mỉm cười tự phát với người xung quanh' }, { id: 4, dom: 'ps', rAllow: false, p: [1.5, 2.3, 3.2, 4.2], t: 'Nhìn ngắm bàn tay của chính mình' }, { id: 5, dom: 'ps', rAllow: false, p: [3.8, 4.7, 5.6, 6.8], t: 'Cố gắng với lấy đồ chơi nằm ngoài tầm tay' }, { id: 6, dom: 'ps', rAllow: true, p: [4.8, 5.6, 6.5, 7.5], t: 'Tự cầm bánh quy ăn một mình' }, { id: 7, dom: 'ps', rAllow: false, p: [5.5, 6.8, 8.2, 9.8], t: 'Chơi trò Ú òa (Peek-a-boo) cùng người lớn' }, { id: 8, dom: 'ps', rAllow: false, p: [6.5, 8.0, 9.5, 11.2], t: 'Cố gắng giữ lại đồ chơi khi người khám kéo nhẹ' }, { id: 9, dom: 'ps', rAllow: true, p: [7.0, 8.6, 10.5, 13.5], t: 'Biết vẫy tay chào tạm biệt ("Bye-bye")' }, { id: 10, dom: 'ps', rAllow: true, p: [7.5, 9.2, 11.0, 13.8], t: 'Biết vỗ tay (hoan hô) theo người lớn' }, { id: 11, dom: 'ps', rAllow: true, p: [9.5, 11.2, 13.0, 15.5],t: 'Biết thể hiện ý muốn (chỉ tay/ra hiệu không khóc)' }, { id: 12, dom: 'ps', rAllow: false, p: [10.0, 11.8, 14.0, 16.5],t: 'Chơi lăn bóng qua lại với người khám' }, { id: 13, dom: 'ps', rAllow: true, p: [10.5, 12.5, 15.0, 17.5],t: 'Tự cầm cốc uống nước không đổ nhiều' }, { id: 14, dom: 'ps', rAllow: true, p: [11.5, 13.8, 16.2, 19.5],t: 'Bắt chước làm việc nhà (lau bàn, quét nhà)' }, { id: 15, dom: 'ps', rAllow: true, p: [13.0, 15.2, 18.0, 21.0],t: 'Tự dùng thìa/muỗng xúc ăn (còn rơi vãi ít)' }, { id: 16, dom: 'ps', rAllow: true, p: [14.5, 17.5, 20.5, 24.0],t: 'Tự cởi bỏ một món quần áo (giày, tất, mũ, quần)' }, { id: 17, dom: 'ps', rAllow: false, p: [15.5, 18.5, 21.5, 25.0],t: 'Đút cho búp bê ăn (Chơi giả vờ với búp bê)' }, { id: 18, dom: 'ps', rAllow: true, p: [18.0, 21.5, 25.5, 30.0],t: 'Tự mặc được một món quần áo (quần đùi, áo khoác)' }, { id: 19, dom: 'ps', rAllow: true, p: [19.0, 23.5, 28.5, 34.0],t: 'Đánh răng khi có người lớn hướng dẫn/hỗ trợ' }, { id: 20, dom: 'ps', rAllow: true, p: [20.0, 24.5, 30.0, 36.0],t: 'Tự rửa tay bằng xà phòng và lau khô tay' }, { id: 21, dom: 'ps', rAllow: true, p: [25.0, 30.5, 36.5, 42.5],t: 'Kể được tên của ít nhất 1 người bạn cùng chơi' }, { id: 22, dom: 'ps', rAllow: true, p: [26.0, 31.5, 38.0, 44.0],t: 'Tự mặc được áo thun/áo chui đầu' }, { id: 23, dom: 'ps', rAllow: true, p: [30.0, 36.0, 43.0, 50.0],t: 'Tự mặc quần áo hoàn toàn không cần giúp đỡ' }, { id: 24, dom: 'ps', rAllow: false, p: [33.0, 40.5, 48.0, 56.0],t: 'Chơi các trò chơi bàn cờ/thẻ bài chờ đến lượt' }, { id: 25, dom: 'ps', rAllow: true, p: [36.0, 44.0, 52.0, 60.0],t: 'Tự đánh răng độc lập và tự chuẩn bị đồ ăn nhẹ (bánh/ngũ cốc)' }, // ===================================================== // 2. VẬN ĐỘNG TINH - THÍCH ỨNG (FINE MOTOR-ADAPTIVE • 29 MỤC) // ===================================================== { id: 26, dom: 'fm', rAllow: false, p: [0.1, 0.3, 0.9, 1.5], t: 'Mắt nhìn theo quả bông đỏ di chuyển tới đường giữa' }, { id: 27, dom: 'fm', rAllow: false, p: [0.5, 1.1, 1.8, 2.6], t: 'Mắt nhìn theo quả bông đỏ vượt qua đường giữa' }, { id: 28, dom: 'fm', rAllow: false, p: [1.5, 2.3, 3.1, 3.8], t: 'Cầm giữ lục lạc khi được đặt vào lòng bàn tay' }, { id: 29, dom: 'fm', rAllow: false, p: [1.8, 2.6, 3.5, 4.3], t: 'Chắp hai bàn tay lại với nhau ở trước ngực' }, { id: 30, dom: 'fm', rAllow: false, p: [2.2, 3.1, 4.0, 4.9], t: 'Mắt nhìn theo vật di chuyển góc 180 độ hoàn chỉnh' }, { id: 31, dom: 'fm', rAllow: false, p: [2.8, 3.6, 4.5, 5.4], t: 'Nhìn chú ý vào viên nho khô (vật rất nhỏ) trên bàn' }, { id: 32, dom: 'fm', rAllow: false, p: [3.3, 4.2, 5.1, 6.0], t: 'Với tay nắm lấy đồ chơi đưa trước mặt' }, { id: 33, dom: 'fm', rAllow: false, p: [4.2, 5.1, 6.0, 7.2], t: 'Nhìn tìm kiếm sợi chỉ đỏ bị thả rơi xuống sàn' }, { id: 34, dom: 'fm', rAllow: false, p: [4.8, 5.6, 6.5, 7.5], t: 'Dùng cả bàn tay cào lấy viên nho khô/hạt nhỏ' }, { id: 35, dom: 'fm', rAllow: false, p: [5.0, 5.8, 6.7, 7.8], t: 'Chuyển khối gỗ từ tay này sang tay kia' }, { id: 36, dom: 'fm', rAllow: false, p: [5.6, 6.5, 7.5, 8.8], t: 'Mỗi tay cầm giữ đồng thời 1 khối gỗ (2 khối cùng lúc)' }, { id: 37, dom: 'fm', rAllow: false, p: [7.2, 8.2, 9.4, 10.6], t: 'Nhặt viên nho khô bằng ngón cái và ngón trỏ (Pincer grasp)' }, { id: 38, dom: 'fm', rAllow: false, p: [7.5, 8.8, 10.2, 11.8], t: 'Đập hai khối gỗ trên hai tay vào nhau ở đường giữa' }, { id: 39, dom: 'fm', rAllow: false, p: [9.5, 10.8, 12.2, 14.0],t: 'Bỏ khối gỗ vào trong lòng chiếc cốc nhựa' }, { id: 40, dom: 'fm', rAllow: false, p: [11.5, 13.2, 15.0, 17.0],t: 'Cầm bút sáp vẽ nguệch ngoạc tự phát trên giấy' }, { id: 41, dom: 'fm', rAllow: false, p: [12.5, 14.5, 16.8, 19.5],t: 'Dốc ngược lọ nhỏ để đổ viên nho khô ra ngoài (sau khi xem mẫu)' }, { id: 42, dom: 'fm', rAllow: false, p: [13.5, 15.8, 18.2, 20.8],t: 'Xếp chồng tháp gồm 2 khối gỗ vuông đứng vững' }, { id: 43, dom: 'fm', rAllow: false, p: [16.5, 19.0, 22.0, 25.5],t: 'Xếp chồng tháp gồm 4 khối gỗ vuông đứng vững' }, { id: 44, dom: 'fm', rAllow: false, p: [19.5, 22.8, 26.5, 30.5],t: 'Xếp chồng tháp gồm 6 khối gỗ vuông đứng vững' }, { id: 45, dom: 'fm', rAllow: false, p: [22.0, 26.0, 30.0, 35.0],t: 'Bắt chước vẽ một đường thẳng đứng trên giấy' }, { id: 46, dom: 'fm', rAllow: false, p: [24.0, 29.0, 34.5, 40.5],t: 'Xếp chồng tháp gồm 8 khối gỗ vuông đứng vững' }, { id: 47, dom: 'fm', rAllow: false, p: [28.0, 33.0, 38.5, 44.0],t: 'Cử động ngón cái độc lập khi nắm tay (Thumb wiggle)' }, { id: 48, dom: 'fm', rAllow: false, p: [31.0, 36.0, 41.5, 47.5],t: 'Sao chép hình tròn khép kín khi nhìn thẻ mẫu' }, { id: 49, dom: 'fm', rAllow: false, p: [36.0, 41.5, 48.0, 55.0],t: 'Vẽ hình người có ít nhất 3 bộ phận cơ thể' }, { id: 50, dom: 'fm', rAllow: false, p: [38.0, 44.0, 50.5, 57.5],t: 'Sao chép hình chữ thập (+) khi nhìn thẻ mẫu' }, { id: 51, dom: 'fm', rAllow: false, p: [40.0, 46.5, 53.5, 60.5],t: 'Chỉ đúng đường thẳng nào dài hơn (Đạt 3/3 lần thử)' }, { id: 52, dom: 'fm', rAllow: false, p: [46.0, 53.0, 60.0, 67.0],t: 'Sao chép hình vuông khi nhìn mẫu (không cần xem vẽ mẫu)' }, { id: 53, dom: 'fm', rAllow: false, p: [48.0, 55.0, 62.5, 70.0],t: 'Sao chép hình vuông sau khi được xem người khám vẽ mẫu' }, { id: 54, dom: 'fm', rAllow: false, p: [50.0, 57.5, 65.0, 72.0],t: 'Vẽ hình người đầy đủ có từ 6 bộ phận cơ thể trở lên' }, // ===================================================== // 3. NGÔN NGỮ (LANGUAGE • 39 MỤC) // ===================================================== { id: 55, dom: 'la', rAllow: false, p: [0.1, 0.2, 0.5, 1.0], t: 'Phản ứng với tiếng chuông lắc (chớp mắt, giật mình, dừng cử động)' }, { id: 56, dom: 'la', rAllow: true, p: [0.2, 0.6, 1.2, 1.8], t: 'Phát ra các âm thanh nhỏ trong cổ họng (ngoài tiếng khóc)' }, { id: 57, dom: 'la', rAllow: false, p: [1.0, 1.6, 2.3, 3.0], t: 'Phát âm gù gù (OOH / AAH) khi thoải mái' }, { id: 58, dom: 'la', rAllow: false, p: [1.4, 2.1, 2.9, 3.8], t: 'Cười thành tiếng lớn (Laughs)' }, { id: 59, dom: 'la', rAllow: false, p: [1.8, 2.7, 3.8, 4.8], t: 'Reo hét lên vì thích thú (Squeals)' }, { id: 60, dom: 'la', rAllow: false, p: [3.2, 4.2, 5.2, 6.4], t: 'Quay đầu về phía phát ra giọng nói của người khám' }, { id: 61, dom: 'la', rAllow: false, p: [3.8, 4.8, 5.8, 7.0], t: 'Quay đầu tìm chính xác hướng phát ra tiếng lục lạc' }, { id: 62, dom: 'la', rAllow: false, p: [5.0, 6.0, 7.2, 8.5], t: 'Bắt chước các âm thanh lời nói của người lớn' }, { id: 63, dom: 'la', rAllow: false, p: [5.4, 6.4, 7.6, 9.0], t: 'Bập bẹ các âm tiết đơn (ba, đa, ga, ma)' }, { id: 64, dom: 'la', rAllow: false, p: [6.0, 7.2, 8.6, 10.2], t: 'Phát âm chuỗi âm tiết lặp lại (ba-ba, đa-đa, ma-ma không đặc hiệu)' }, { id: 65, dom: 'la', rAllow: false, p: [6.5, 7.8, 9.2, 11.0], t: 'Kết hợp các âm tiết khác nhau (đa-ga, ba-đa)' }, { id: 66, dom: 'la', rAllow: true, p: [7.5, 9.2, 11.2, 13.5], t: 'Nói "Bà / Bố / Mẹ" đúng người (Đặc hiệu)' }, { id: 67, dom: 'la', rAllow: true, p: [9.0, 11.0, 13.0, 15.2],t: 'Nói được ít nhất 1 từ đơn có nghĩa (ngoài Bố/Mẹ)' }, { id: 68, dom: 'la', rAllow: true, p: [10.5, 12.2, 14.5, 17.0],t: 'Nói được 2 từ đơn có nghĩa' }, { id: 69, dom: 'la', rAllow: true, p: [11.8, 13.8, 16.2, 19.0],t: 'Nói được 3 từ đơn có nghĩa' }, { id: 70, dom: 'la', rAllow: true, p: [13.5, 16.0, 19.0, 22.5],t: 'Nói được 6 từ đơn có nghĩa trở lên' }, { id: 71, dom: 'la', rAllow: false, p: [15.0, 17.8, 21.0, 24.5],t: 'Chỉ đúng ít nhất 2 bức tranh khi người khám gọi tên' }, { id: 72, dom: 'la', rAllow: true, p: [16.5, 19.5, 23.0, 26.5],t: 'Kết hợp 2 từ thành cụm từ có nghĩa ("Uống nước", "Đi chơi")' }, { id: 73, dom: 'la', rAllow: false, p: [17.5, 20.5, 24.0, 28.0],t: 'Gọi đúng tên ít nhất 1 bức tranh trên bảng tranh Denver' }, { id: 74, dom: 'la', rAllow: false, p: [18.5, 21.5, 25.0, 29.5],t: 'Chỉ đúng ít nhất 6 bộ phận cơ thể trên búp bê/bản thân' }, { id: 75, dom: 'la', rAllow: false, p: [20.0, 24.0, 28.5, 33.5],t: 'Chỉ đúng 4 bức tranh khi người khám gọi tên' }, { id: 76, dom: 'la', rAllow: false, p: [21.0, 25.5, 30.5, 36.0],t: 'Lời nói của trẻ dễ hiểu được một nửa (50% người lạ hiểu)' }, { id: 77, dom: 'la', rAllow: false, p: [24.0, 29.0, 34.5, 40.0],t: 'Gọi đúng tên 4 bức tranh trên bảng tranh Denver' }, { id: 78, dom: 'la', rAllow: false, p: [26.0, 31.0, 37.0, 43.0],t: 'Biết công dụng của 2 đồ vật ("Cái gì dùng để uống/để viết?")' }, { id: 79, dom: 'la', rAllow: false, p: [28.0, 33.5, 39.5, 46.0],t: 'Đếm và lấy đúng 1 khối gỗ khi được yêu cầu' }, { id: 80, dom: 'la', rAllow: false, p: [29.0, 35.0, 41.5, 48.0],t: 'Biết công dụng của 3 đồ vật quen thuộc' }, { id: 81, dom: 'la', rAllow: false, p: [30.0, 36.0, 42.5, 49.5],t: 'Biết ít nhất 2 hành động trong tranh ("Con gì đang bay/đang kêu meo?")' }, { id: 82, dom: 'la', rAllow: false, p: [32.0, 38.5, 45.5, 52.5],t: 'Hiểu 2 tính từ trạng thái ("Khi bị lạnh/mệt/đói con làm gì?")' }, { id: 83, dom: 'la', rAllow: false, p: [34.0, 40.5, 48.0, 55.0],t: 'Gọi đúng tên ít nhất 1 màu sắc cơ bản' }, { id: 84, dom: 'la', rAllow: false, p: [36.0, 42.5, 50.0, 57.5],t: 'Hiểu và thực hiện đúng 4 giới từ (Trên, Dưới, Trước, Sau)' }, { id: 85, dom: 'la', rAllow: false, p: [37.0, 44.0, 51.5, 59.0],t: 'Lời nói của trẻ hoàn toàn rõ ràng, dễ hiểu 100%' }, { id: 86, dom: 'la', rAllow: false, p: [39.0, 46.0, 53.5, 61.5],t: 'Hiểu 4 hành động trong bảng tranh Denver' }, { id: 87, dom: 'la', rAllow: false, p: [42.0, 49.0, 57.0, 65.0],t: 'Định nghĩa đúng ít nhất 5 từ vựng (Bóng, Hồ, Bàn, Nhà, Chuối, Rèm...)' }, { id: 88, dom: 'la', rAllow: false, p: [44.0, 51.0, 58.5, 66.5],t: 'Gọi đúng tên 4 màu sắc (Đỏ, Xanh dương, Vàng, Xanh lá)' }, { id: 89, dom: 'la', rAllow: false, p: [46.0, 53.0, 60.5, 68.0],t: 'Hiểu 3 tính từ trạng thái (Lạnh, Mệt, Đói)' }, { id: 90, dom: 'la', rAllow: false, p: [48.0, 55.5, 63.0, 70.0],t: 'Đếm và lấy đúng 5 khối gỗ theo yêu cầu' }, { id: 91, dom: 'la', rAllow: false, p: [50.0, 57.5, 65.0, 71.0],t: 'Biết tìm 2 cặp từ trái nghĩa ("Lửa thì nóng, nước đá thì...")' }, { id: 92, dom: 'la', rAllow: false, p: [52.0, 59.5, 67.0, 72.0],t: 'Định nghĩa đúng ít nhất 7 từ vựng chuẩn' }, { id: 93, dom: 'la', rAllow: false, p: [54.0, 61.5, 68.5, 72.0],t: 'Hiểu chất liệu tạo nên 3 đồ vật ("Thìa/Giày/Cửa làm bằng gì?")' }, // ===================================================== // 4. VẬN ĐỘNG THÔ (GROSS MOTOR • 32 MỤC) // ===================================================== { id: 94, dom: 'gm', rAllow: false, p: [0.1, 0.2, 0.5, 0.9], t: 'Cử động hai tay và hai chân đồng đều khi nằm ngửa' }, { id: 95, dom: 'gm', rAllow: false, p: [0.1, 0.4, 0.9, 1.5], t: 'Nằm sấp tự nhấc đầu rời khỏi mặt bàn/giường' }, { id: 96, dom: 'gm', rAllow: false, p: [0.8, 1.5, 2.3, 3.2], t: 'Nằm sấp nâng đầu lên góc 45 độ giữ vững' }, { id: 97, dom: 'gm', rAllow: false, p: [1.5, 2.2, 3.1, 4.0], t: 'Nằm sấp nâng đầu và ngực góc 90 độ' }, { id: 98, dom: 'gm', rAllow: false, p: [1.8, 2.7, 3.6, 4.5], t: 'Giữ đầu thẳng vững vàng khi được bế ngồi' }, { id: 99, dom: 'gm', rAllow: false, p: [2.2, 3.2, 4.2, 5.2], t: 'Nằm sấp chống hai cẳng tay nâng ngực cao' }, { id: 100, dom: 'gm', rAllow: true, p: [2.5, 3.6, 4.6, 5.6], t: 'Tự lẫy lật người (từ sấp sang ngửa hoặc ngược lại)' }, { id: 101, dom: 'gm', rAllow: false, p: [3.2, 4.2, 5.2, 6.3], t: 'Kéo hai tay từ nằm ngửa lên ngồi đầu không bị trễ ra sau' }, { id: 102, dom: 'gm', rAllow: false, p: [3.8, 4.8, 5.8, 6.8], t: 'Chịu một phần trọng lượng cơ thể trên hai chân khi được giữ đứng' }, { id: 103, dom: 'gm', rAllow: false, p: [5.2, 5.9, 6.8, 7.8], t: 'Tự ngồi vững không cần đỡ lưng trong ít nhất 5 – 30 giây' }, { id: 104, dom: 'gm', rAllow: false, p: [6.5, 7.6, 8.8, 10.0], t: 'Vịn thành bàn/ghế tự kéo người đứng dậy' }, { id: 105, dom: 'gm', rAllow: true, p: [7.0, 8.2, 9.4, 10.6], t: 'Tự chuyển về tư thế ngồi độc lập (từ nằm hoặc bò)' }, { id: 106, dom: 'gm', rAllow: false, p: [7.2, 8.5, 9.8, 11.2], t: 'Đứng vững vàng khi vịn vào đồ đạc (> 5 giây)' }, { id: 107, dom: 'gm', rAllow: false, p: [9.2, 10.4, 11.6, 13.0],t: 'Tự đứng độc lập một mình được khoảng 2 giây' }, { id: 108, dom: 'gm', rAllow: false, p: [10.0, 11.5, 13.0, 14.5],t: 'Tự đứng vững một mình trên 10 giây không cần vịn' }, { id: 109, dom: 'gm', rAllow: false, p: [11.0, 12.3, 13.8, 15.2],t: 'Đứng vững cúi xuống nhặt đồ vật rồi đứng thẳng lên không ngã' }, { id: 110, dom: 'gm', rAllow: false, p: [11.2, 12.5, 14.0, 15.5],t: 'Đi độc lập vững vàng không bị ngã' }, { id: 111, dom: 'gm', rAllow: true, p: [12.5, 14.2, 16.5, 19.0],t: 'Đi lùi về phía sau 2 – 3 bước' }, { id: 112, dom: 'gm', rAllow: false, p: [13.5, 15.8, 18.0, 20.5],t: 'Chạy vững vàng về phía trước' }, { id: 113, dom: 'gm', rAllow: true, p: [14.0, 16.8, 19.5, 22.5],t: 'Bước lên các bậc cầu thang' }, { id: 114, dom: 'gm', rAllow: false, p: [15.5, 18.2, 21.0, 24.0],t: 'Đá quả bóng lăn về phía trước mà không cần vịn' }, { id: 115, dom: 'gm', rAllow: false, p: [19.5, 22.8, 26.5, 30.0],t: 'Nhảy tại chỗ hai chân rời mặt sàn cùng lúc' }, { id: 116, dom: 'gm', rAllow: false, p: [20.0, 23.8, 28.0, 32.5],t: 'Đứng ném bóng qua đầu về phía người khám' }, { id: 117, dom: 'gm', rAllow: false, p: [24.0, 28.5, 33.0, 38.0],t: 'Nhảy xa về phía trước qua tờ giấy rộng 22cm (Broad jump)' }, { id: 118, dom: 'gm', rAllow: false, p: [22.5, 27.0, 32.0, 37.0],t: 'Đứng thăng bằng trên 1 chân được 1 giây' }, { id: 119, dom: 'gm', rAllow: false, p: [26.0, 31.0, 36.5, 42.0],t: 'Đứng thăng bằng trên 1 chân được 2 giây' }, { id: 120, dom: 'gm', rAllow: false, p: [30.0, 35.5, 41.5, 48.0],t: 'Đứng thăng bằng trên 1 chân được 3 giây' }, { id: 121, dom: 'gm', rAllow: false, p: [36.0, 41.5, 48.0, 54.5],t: 'Nhảy lò cò trên 1 chân liên tiếp 2 – 3 bước' }, { id: 122, dom: 'gm', rAllow: false, p: [38.0, 44.0, 51.0, 58.0],t: 'Đứng thăng bằng trên 1 chân được 4 giây' }, { id: 123, dom: 'gm', rAllow: false, p: [41.0, 47.5, 55.0, 62.0],t: 'Đứng thăng bằng trên 1 chân được 5 giây' }, { id: 124, dom: 'gm', rAllow: false, p: [45.0, 52.0, 59.5, 67.0],t: 'Đi nối gót (mũi chân sau chạm sát gót chân trước) 4 bước liên tiếp' }, { id: 125, dom: 'gm', rAllow: false, p: [48.0, 55.5, 63.5, 71.0],t: 'Đứng thăng bằng vững vàng trên 1 chân trong 6 giây trở lên' } ]; // answers[id] lưu: 'P' (Pass - Đạt), 'F' (Fail - Không đạt), 'R' (Refusal - Từ chối), 'NO' (No Opportunity - Không có cơ hội) let answers = {}; let childAgeMonths = 24.0; // Tuổi thực (Tháng) let prematureWeeks = 0; // Số tuần sinh non (nếu sinh trước 38 tuần và trẻ <= 24 tháng) let filterDom = 'all'; // 'all' | 'ps' | 'fm' | 'la' | 'gm' let viewMode = 'age_window'; // 'age_window' (Chỉ hiện mục quanh Đường tuổi của trẻ) | 'all' (Hiện toàn bộ 125 mục) let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .dv-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .dv-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .dv-inner { padding: 24px; max-width: 980px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .dv-wrap.is-fullscreen .dv-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .dv-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(13, 148, 136, 0.45), 0 0 0 0 rgba(13, 148, 136, 0.4); } 70% { box-shadow: 0 6px 20px rgba(13, 148, 136, 0.45), 0 0 0 10px rgba(13, 148, 136, 0); } 100% { box-shadow: 0 6px 20px rgba(13, 148, 136, 0.45), 0 0 0 0 rgba(13, 148, 136, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(13, 148, 136, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .dv-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .dv-header-text { flex: 1 1 260px; } .dv-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .dv-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #f0fdfa; color: #0f766e; border: 1px solid #99f6e4; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #0d9488; color: #ffffff; border-color: #0d9488; } /* Khu vực thiết lập Đường tuổi (Age Line) & Kịch bản */ .dv-age-panel { display: grid; grid-template-columns: 1.15fr 1fr 1.1fr; gap: 12px; background: #f8fafc; border: 1px solid #cbd5e1; border-radius: 12px; padding: 14px; margin-bottom: 14px; } .dv-ctrl-box { display: flex; flex-direction: column; gap: 6px; } .dv-ctrl-lbl { font-size: 12px; font-weight: 800; color: #0f172a; text-transform: uppercase; } .dv-input-row { display: flex; gap: 6px; align-items: center; } .dv-select, .dv-num-input { padding: 8px 10px; border: 1px solid #94a3b8; border-radius: 7px; font-size: 13.5px; font-weight: 700; color: #0f172a; background: #ffffff; width: 100%; } .dv-presets-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; margin-bottom: 14px; } .dv-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; touch-action: manipulation; } .dv-pbtn:hover { background: #f1f5f9; } .dv-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } .dv-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; } .dv-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .dv-dtab.active { background: #0f766e; color: #ffffff; border-color: #0f766e; } /* Sticky Dashboard */ .dv-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .dv-wrap.is-fullscreen .dv-dash { top: 58px; } .dv-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .dv-score-big { font-size: 21px; font-weight: 800; line-height: 1.2; } .dv-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .dv-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .dv-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .dv-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; } .dv-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 125 mục kèm Thanh bách phân vị (25% - 50% - 75% - 90%) */ .dv-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 13px 15px; margin-bottom: 10px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 8px; } .dv-item.status-delay { border-color: #fca5a5; background: #fff5f5; border-left: 5px solid #ef4444; } .dv-item.status-caution { border-color: #fde68a; background: #fffbeb; border-left: 5px solid #f59e0b; } .dv-item.status-pass { border-color: #a7f3d0; background: #f0fdf4; } .dv-item-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; flex-wrap: wrap; } .dv-item-title { font-size: 14.5px; font-weight: 700; color: #0f172a; } .dv-tags { display: flex; flex-wrap: wrap; gap: 6px; } .dv-tag { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .dv-tag.tag-delay { background: #fee2e2; color: #b91c1c; } .dv-tag.tag-caution { background: #fef3c7; color: #b45309; } .dv-tag.tag-normal { background: #dcfce7; color: #15803d; } /* Thanh trực quan hóa Mốc 25% - 50% - 75% - 90% so với Đường tuổi */ .dv-bar-visual { display: flex; align-items: center; gap: 8px; background: #f8fafc; border: 1px solid #e2e8f0; padding: 6px 10px; border-radius: 6px; font-size: 12px; color: #334155; flex-wrap: wrap; } .dv-pct-chip { padding: 2px 7px; border-radius: 4px; background: #e2e8f0; font-weight: 600; } .dv-pct-chip.zone-75-90 { background: #cbd5e1; color: #0f172a; font-weight: 800; } /* 4 nút chấm chuẩn Denver II: P, F, R, NO */ .dv-ans-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; } .dv-abtn { padding: 8px 6px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 700; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .dv-abtn:hover { border-color: #64748b; } .dv-abtn.sel-P { background: #10b981; border-color: #10b981; color: #ffffff; } .dv-abtn.sel-F { background: #ef4444; border-color: #ef4444; color: #ffffff; } .dv-abtn.sel-R { background: #f59e0b; border-color: #f59e0b; color: #ffffff; } .dv-abtn.sel-NO { background: #64748b; border-color: #64748b; color: #ffffff; } .dv-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #0d9488; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 740px) { .dv-inner { padding: 14px; } .dv-title { font-size: 18px; } .dv-age-panel { grid-template-columns: 1fr; } .dv-pillars { grid-template-columns: 1fr 1fr; } .dv-ans-grid { grid-template-columns: 1fr 1fr; } .dv-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const dvWrap = shadow.getElementById('dvWrap'); const inpAgeMonths = shadow.getElementById('inpAgeMonths'); const quickAgeSelect = shadow.getElementById('quickAgeSelect'); const selPremature = shadow.getElementById('selPremature'); const selViewMode = shadow.getElementById('selViewMode'); const itemList = shadow.getElementById('itemList'); const dashHeadline = shadow.getElementById('dashHeadline'); const dashSub = shadow.getElementById('dashSub'); const scoreBadge = shadow.getElementById('scoreBadge'); const valPS = shadow.getElementById('valPS'); const valFM = shadow.getElementById('valFM'); const valLA = shadow.getElementById('valLA'); const valGM = shadow.getElementById('valGM'); const resultBox = shadow.getElementById('resultBox'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Tính Đường tuổi hiệu chỉnh (Adjusted Age Line) function getAdjustedAge() { const rawAge = Math.max(0.5, Math.min(72, parseFloat(inpAgeMonths.value) || 24)); const premWks = parseInt(selPremature.value, 10) || 0; // Chỉ hiệu chỉnh sinh non khi trẻ <= 24 tháng tuổi if (rawAge = 2) { return Math.max(0.5, +(rawAge - (premWks / 4.0)).toFixed(1)); } return +rawAge.toFixed(1); } // Xác định vị trí của thanh kỹ năng [p25, p50, p75, p90] so với Đường tuổi (ageLine) và kết quả chấm (ans) function evaluateItemStatus(it, ageLine, ans) { const p25 = it.p[0], p75 = it.p[2], p90 = it.p[3]; // Xác định vị trí thanh kỹ năng so với Đường tuổi let zone = ''; if (ageLine > p90) { zone = 'LEFT_OF_LINE'; // Đường tuổi đã vượt qua mốc 90% (>90% trẻ cùng tuổi đã làm được) } else if (ageLine >= p75 && ageLine = p25 && ageLine < p75) { zone = 'ON_25_75'; // Đường tuổi cắt vào vùng trắng 25% - 75% } else { zone = 'RIGHT_OF_LINE';// Thanh kỹ năng nằm hoàn toàn bên phải Đường tuổi (90% (Nguy cơ Không đánh giá được / Chậm)' }; } return { zone: zone, evalType: 'DELAY', label: '🚨 CHẬM PHÁT TRIỂN (Delay - Trẻ Không đạt dù >90% trẻ cùng tuổi đã đạt)' }; } else if (zone === 'ON_75_90') { if (ans === 'R') { return { zone: zone, evalType: 'REFUSAL_CAUTION', label: '⚡ Từ chối ở vùng 75–90% (Cảnh báo Caution)' }; } return { zone: zone, evalType: 'CAUTION', label: '⚡ CẢNH BÁO / THẬN TRỌNG (Caution - Không đạt ở vùng 75–90%)' }; } else { return { zone: zone, evalType: 'NORMAL_FAIL', label: 'Bình thường (Chưa đến tuổi bắt buộc đạt 75%)' }; } } function isItemInAgeWindow(it, ageLine) { // Hiển thị các mục có mốc p90 nằm gần bên trái Đường tuổi (để kiểm tra mốc sàn 3 mục Pass) và các mục cắt ngang Đường tuổi const lowBound = Math.max(0, ageLine - 14); const highBound = ageLine + 10; return (it.p[3] >= lowBound && it.p[0] <= highBound); } function renderItems() { const ageLine = getAdjustedAge(); itemList.innerHTML = ''; const ansButtons = [ { code: 'P', lbl: 'P - Đạt (Pass)' }, { code: 'F', lbl: 'F - Không đạt (Fail)' }, { code: 'R', lbl: 'R - Từ chối (Refusal)' }, { code: 'NO', lbl: 'NO - Không cơ hội' } ]; items.forEach(function(it) { if (filterDom !== 'all' && it.dom !== filterDom) return; if (viewMode === 'age_window' && !isItemInAgeWindow(it, ageLine)) return; const uAns = answers[it.id] || null; const ev = evaluateItemStatus(it, ageLine, uAns); const dCfg = domConfigs[it.dom]; let rowCls = 'dv-item'; let statusBadge = ''; if (ev.evalType === 'DELAY' || ev.evalType === 'REFUSAL_DELAY') { rowCls += ' status-delay'; statusBadge = `${ev.label}`; } else if (ev.evalType === 'CAUTION' || ev.evalType === 'REFUSAL_CAUTION') { rowCls += ' status-caution'; statusBadge = `${ev.label}`; } else if (uAns === 'P') { rowCls += ' status-pass'; statusBadge = `${ev.label}`; } const posHint = (ageLine > it.p[3]) ? `Nằm bên trái Đường tuổi (${ageLine}m > mốc 90%: ${it.p[3]}m) → Nếu F là CHẬM (Delay)` : ((ageLine >= it.p[2] && ageLine { const cls = 'dv-abtn' + (uAns === b.code ? ` sel-${b.code}` : ''); return `${b.lbl}`; }).join(''); const rTag = it.rAllow ? '[R] Có thể hỏi phụ huynh' : 'Quan sát trực tiếp'; const el = document.createElement('div'); el.className = rowCls; el.innerHTML = ` `; itemList.appendChild(el); }); itemList.querySelectorAll('.dv-abtn').forEach(btn => { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); answers[id] = this.getAttribute('data-val'); renderItems(); updateSummary(); }; }); } function updateSummary() { const ageLine = getAdjustedAge(); const domStats = { ps: { delay: 0, caution: 0, refDelay: 0, refCaution: 0 }, fm: { delay: 0, caution: 0, refDelay: 0, refCaution: 0 }, la: { delay: 0, caution: 0, refDelay: 0, refCaution: 0 }, gm: { delay: 0, caution: 0, refDelay: 0, refCaution: 0 } }; let totalDelays = 0; let totalCautions = 0; let totalRefDelays = 0; let totalRefCautions = 0; const delayItemsList = []; const cautionItemsList = []; items.forEach(function(it) { const uAns = answers[it.id]; if (!uAns) return; const ev = evaluateItemStatus(it, ageLine, uAns); if (ev.evalType === 'DELAY') { totalDelays++; domStats[it.dom].delay++; delayItemsList.push(it); } else if (ev.evalType === 'REFUSAL_DELAY') { totalRefDelays++; domStats[it.dom].refDelay++; delayItemsList.push(it); } else if (ev.evalType === 'CAUTION') { totalCautions++; domStats[it.dom].caution++; cautionItemsList.push(it); } else if (ev.evalType === 'REFUSAL_CAUTION') { totalRefCautions++; domStats[it.dom].refCaution++; cautionItemsList.push(it); } }); const rawAge = parseFloat(inpAgeMonths.value) || 24; const premWks = parseInt(selPremature.value, 10) || 0; dashHeadline.textContent = (premWks > 0 && rawAge 90%): ${totalDelays} mục • Cảnh báo (Caution 75–90%): ${totalCautions} mục • Từ chối gây lệch (Refusal): ${totalRefDelays + totalRefCautions} mục`; valPS.textContent = `${domStats.ps.delay} Chậm • ${domStats.ps.caution} Cảnh báo`; valFM.textContent = `${domStats.fm.delay} Chậm • ${domStats.fm.caution} Cảnh báo`; valLA.textContent = `${domStats.la.delay} Chậm • ${domStats.la.caution} Cảnh báo`; valGM.textContent = `${domStats.gm.delay} Chậm • ${domStats.gm.caution} Cảnh báo`; // Quy tắc kết luận chuẩn Denver II (Frankenburg & Dodds, 1992): // 1. UNTESTABLE (Không đánh giá được): Có >= 1 Refusal ở vùng >90% HOẶC >= 2 Refusal ở vùng 75-90% // 2. SUSPECT (Nghi ngờ): Có >= 1 Delay HOẶC >= 2 Cautions // 3. NORMAL (Bình thường): 0 Delay VÀ = 1 || totalRefCautions >= 2) { color = '#64748b'; badgeTxt = 'KHÔNG ĐÁNH GIÁ ĐƯỢC (UNTESTABLE)'; analysis = ` Kết luận Sàng lọc Denver II tại mốc ${ageLine} tháng — KHÔNG ĐÁNH GIÁ ĐƯỢC (Untestable):
• Trẻ đã Từ chối thực hiện (R) ở ${totalRefDelays} mục nằm bên trái Đường tuổi (>90%) và ${totalRefCautions} mục trong vùng 75%–90%.
• Hướng xử trí chuẩn Denver II: Đặt lịch hẹn đánh giá lại cho trẻ sau 1 đến 2 tuần (khi trẻ khỏe mạnh, tỉnh táo và hợp tác tốt hơn). Nếu lần khám lại trẻ vẫn tiếp tục không thực hiện được, cần chuyển sang diện Nghi ngờ (Suspect) để khám chuyên khoa. `; } else if (totalDelays >= 1 || totalCautions >= 2) { color = '#ef4444'; badgeTxt = `NGHI NGỜ CHẬM PHÁT TRIỂN (SUSPECT • ${totalDelays} Delay, ${totalCautions} Caution)`; const delayNames = delayItemsList.map(i => `#${i.id} ${i.t}`).join(', '); const cautionNames = cautionItemsList.map(i => `#${i.id} ${i.t}`).join(', '); analysis = ` Kết luận Sàng lọc Denver II tại mốc ${ageLine} tháng — NGHI NGỜ (Suspect):
• Theo tiêu chuẩn của Frankenburg & Dodds, kết quả được phân loại là Nghi ngờ (Suspect) khi có từ ≥ 1 mục Chậm (Delay) và/hoặc ≥ 2 mục Cảnh báo (Caution).
• Các mục Chậm phát triển (Delay >90%): ${delayNames || 'Không có'}.
• Các mục Cảnh báo (Caution 75%–90%): ${cautionNames || 'Không có'}.
• Hướng xử trí lâm sàng: Nếu sự thiếu hụt tập trung ở lĩnh vực Ngôn ngữ (${domStats.la.delay} Delay, ${domStats.la.caution} Caution) và Cá nhân – Xã hội (${domStats.ps.delay} Delay, ${domStats.ps.caution} Caution), cần sàng lọc chuyên sâu ngay bằng M-CHAT-R/F / STAT và đánh giá toàn diện bằng KSPD / PEP-3 / Vineland-3 để can thiệp sớm. `; } else { color = (totalCautions === 1) ? '#f59e0b' : '#10b981'; badgeTxt = (totalCautions === 1) ? 'BÌNH THƯỜNG (CÓ 1 CẢNH BÁO NHẸ)' : 'PHÁT TRIỂN BÌNH THƯỜNG (NORMAL)'; analysis = ` Kết luận Sàng lọc Denver II tại mốc ${ageLine} tháng — ${badgeTxt}:
• Trẻ không có mục Chậm phát triển (Delay) nào và chỉ có ${totalCautions}/1 mục Cảnh báo (Caution) cho phép.
• Các mốc kỹ năng về Cá nhân – Xã hội, Vận động Tinh – Thích ứng, Ngôn ngữ và Vận động Thô đều đạt tương ứng với Đường tuổi ${ageLine} tháng. Khuyến nghị tiếp tục theo dõi định kỳ ở các mốc khám sức khỏe tiếp theo. `; } scoreBadge.textContent = badgeTxt; scoreBadge.style.background = color; scoreBadge.style.color = '#ffffff'; resultBox.style.borderLeftColor = color; resultBox.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { const ageLine = getAdjustedAge(); answers = {}; if (type === 'reset') { renderItems(); updateSummary(); return; } // Mặc định đặt tất cả các mục bên trái Đường tuổi và cắt Đường tuổi là Đạt (P) items.forEach(function(it) { if (it.p[0] 1 Caution (Vẫn Normal) const cItem = items.find(it => ageLine >= it.p[2] && ageLine >= 2 Delay & Caution (Suspect) items.forEach(function(it) { if ((it.dom === 'la' || it.dom === 'ps') && it.p[3] >= (ageLine - 6) && it.p[0] Untestable const leftItems = items.filter(it => ageLine > it.p[3] && it.p[3] >= (ageLine - 6)); leftItems.slice(0, 2).forEach(it => { answers[it.id] = 'R'; }); } renderItems(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); dvWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { dvWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 980px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } inpAgeMonths.onchange = () => { applyPreset('suspect_lang'); }; quickAgeSelect.onchange = function() { inpAgeMonths.value = this.value; applyPreset('suspect_lang'); }; selPremature.onchange = () => { renderItems(); updateSummary(); }; selViewMode.onchange = function() { viewMode = this.value; renderItems(); }; shadow.querySelectorAll('.dv-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#domainTabs .dv-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .dv-dtab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderItems(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); applyPreset('suspect_lang'); })();

Denver II (Denver Developmental Screening Test II — Trắc nghiệm Sàng lọc Phát triển Denver II) là công cụ sàng lọc phát triển tâm thần – vận động kinh điển và được sử dụng rộng rãi nhất tại các bệnh viện Nhi, khoa Tâm bệnh và trung tâm can thiệp sớm trên toàn thế giới (cũng như tại Việt Nam). Công cụ do Giáo sư William K. Frankenburg và Josiah B. Dodds (Đại học Colorado, Hoa Kỳ) phát triển năm 1967 và hiệu đính chuẩn hóa thành bản Denver II vào năm 1992.

1. Tóm tắt cốt lõi về công cụ Denver II

• Độ tuổi áp dụng: Trẻ từ sơ sinh (0 tháng) đến 6 tuổi (72 tháng) (có điều chỉnh tuổi sinh non cho trẻ sinh trước 38 tuần tuổi thai đến khi trẻ tròn 24 tháng).

• Cấu trúc 125 mục (Items) chia làm 4 Lĩnh vực phát triển:

  1. Cá nhân – Xã hội (Personal-Social — 25 mục): Giao tiếp mắt, mỉm cười, tự ăn uống, mặc quần áo, đánh răng, chơi tương tác với bạn.

  2. Vận động Tinh – Thích ứng (Fine Motor-Adaptive — 29 mục): Nhìn theo vật, cầm nắm hạt nhỏ, xếp tháp khối gỗ, vẽ hình (tròn, chữ thập, vuông, hình người).

  3. Ngôn ngữ (Language — 39 mục): Quay đầu tìm âm thanh, bập bẹ, nói từ đơn, chỉ tranh, gọi tên đồ vật,hiểu giới từ, định nghĩa từ.

  4. Vận động Thô (Gross Motor — 32 mục): Nâng đầu, lẫy, ngồi, bò, đứng, đi, chạy, nhảy tại chỗ, đứng 1 chân, nhảy lò cò, đi nối gót.

• Cơ chế “Đường tuổi” (Age Line) và Thanh bách phân vị (25% – 50% – 75% – 90%): Trên biểu đồ Denver II,mỗi kỹ năng là một thanh ngang thể hiện mốc tuổi mà 25%, 50%, 75% và 90% trẻ em bình thường thực hiện được (vùng từ 75% đến 90% được tô đậm). Người khám kẻ một Đường dọc tại đúng tháng tuổi hiện tại của trẻ (Age Line) cắt qua các thanh kỹ năng và chấm 1 trong 4 kết quả: P (Pass – Đạt), F (Fail – Không đạt), R (Refusal – Từ chối) hoặc NO (No Opportunity – Không có cơ hội).

2. Quy tắc Phân giải từng Mục & Kết luận Tổng thể chuẩn Denver II

Phân loại từng mục	Điều kiện xác định so với Đường tuổi (Age Line) của trẻ
1. Chậm phát triển (Delay)	Đường tuổi của trẻ đã vượt hoàn toàn sang bên phải mốc 90% của thanh kỹ năng (tức là > 90% trẻ cùng tuổi đã làm được), nhưng trẻ lại Không đạt (F) hoặc Từ chối (R).
2. Cảnh báo / Thận trọng (Caution)	Đường tuổi của trẻ nằm trong vùng từ 75% đến 90% của thanh kỹ năng, và trẻ Không đạt (F) hoặc Từ chối (R).
3. Phát triển Vượt trội (Advanced)	Trẻ Đạt (P) một kỹ năng nằm hoàn toàn ở bên phải Đường tuổi (dưới cả mốc 25% trẻ cùng tuổi làm được).

Kết luận Sàng lọc Tổng thể Denver II:

• 🟢 BÌNH THƯỜNG (Normal): Không có mục Chậm (Delay) nào VÀ có tối đa 1 mục Cảnh báo (Caution).

• 🟡 NGHI NGỜ (Suspect): Có từ $\ge 2$ mục Cảnh báo (Caution) VÀ/HOẶC có từ $\ge 1$ mục Chậm (Delay) $\to$ Cần sàng lọc lại sau 1–2 tuần hoặc chuyển gửi đánh giá chuyên sâu (PEP-3, KSPD, Vineland-3, ADOS-2).

• ⚪ KHÔNG ĐÁNH GIÁ ĐƯỢC (Untestable): Trẻ Từ chối (R) ở $\ge 1$ mục nằm hoàn toàn bên trái đường tuổi ($>90\%$) hoặc ở $\ge 2$ mục nằm trong vùng 75%−90%.

(function(){ function mountShadowDiagTable(){ var host = document.getElementById('phuchoi-diag-host'); if(!host) return; if(host.shadowRoot) return; if(!host.attachShadow) return; var shadow = host.attachShadow({mode:'open'}); var css = [ ':host{all:initial;display:block;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1e293b;line-height:1.6;width:100%;box-sizing:border-box;}', '*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}', '.diag-card{width:100%;background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,0.05);overflow:hidden;}', '.diag-intro{background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 100%);padding:20px 24px;border-bottom:1px solid #99f6e4;display:flex;align-items:flex-start;gap:14px;}', '.diag-icon{font-size:26px;line-height:1;background:#ffffff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(13,148,136,0.14);flex-shrink:0;}', '.diag-intro-text{font-size:15px;color:#0f172a;margin:0;}', '.diag-intro-text strong{color:#0f766e;font-weight:700;}', '.diag-table{width:100%;border-collapse:collapse;border-spacing:0;}', '.diag-table thead th{background:#f8fafc;color:#334155;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:0.4px;padding:14px 20px;text-align:left;border-bottom:2px solid #e2e8f0;}', '.diag-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background 0.2s ease;}', '.diag-table tbody tr:last-child{border-bottom:none;}', '.diag-table tbody tr:hover{background:#f8fafc;}', '.diag-table td{padding:20px;vertical-align:top;}', '.step-tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;text-transform:uppercase;margin-bottom:6px;}', '.tag-teal{background:#ccfbf1;color:#0f766e;}', '.tag-indigo{background:#e0e7ff;color:#4338ca;}', '.group-badge{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#0f172a;}', '.tools-wrap{display:flex;flex-wrap:wrap;gap:8px;}', '.tool-link{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all 0.18s ease;border:1.5px solid transparent;cursor:pointer;}', '.tool-link::after{content:"↗";font-size:11px;opacity:0.75;}', '.tool-sub{font-weight:500;font-size:12px;opacity:0.85;}', '.btn-teal{background:#f0fdfa;color:#0f766e;border-color:#99f6e4;}', '.btn-teal:hover{background:#0d9488;color:#ffffff;border-color:#0d9488;transform:translateY(-2px);box-shadow:0 4px 10px rgba(13,148,136,0.25);}', '.btn-indigo{background:#eef2ff;color:#4338ca;border-color:#c7d2fe;}', '.btn-indigo:hover{background:#4f46e5;color:#ffffff;border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 10px rgba(79,70,229,0.25);}', '.desc-text{font-size:14.2px;color:#334155;margin:0;}', '@media (max-width:768px){.diag-intro{padding:16px;}.diag-table thead{display:none;}.diag-table,.diag-table tbody,.diag-table tr,.diag-table td{display:block;width:100%;}.diag-table tbody tr{padding:16px;}.diag-table td{padding:6px 0;}.tools-wrap{margin:6px 0 8px 0;}}' ].join(''); var styleEl = document.createElement('style'); styleEl.textContent = css; shadow.appendChild(styleEl); var rowsData = [ { tagCls: 'tag-teal', tagTxt: 'Trụ cột 1 • Tiêu chuẩn vàng ASD', title: '🏅 Chẩn đoán Phổ tự kỷ', btnCls: 'btn-teal', tools: [ {name: 'ADOS-2', sub: '', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/ados-2/'}, {name: 'ADI-R', sub: '', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/adi-r/'}, {name: 'CARS-2', sub: '', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/cars-2/'}, {name: 'GARS-3', sub: '', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/gars-3/'} ], desc: 'Các công cụ tiêu chuẩn vàng kết hợp giữa quan sát hành vi bán cấu trúc và phỏng vấn bệnh sử phát triển, dùng để chẩn đoán xác định, chẩn đoán phân biệt và định lượng mức độ nặng của phổ tự kỷ.' }, { tagCls: 'tag-indigo', tagTxt: 'Trụ cột 2 • Chỉ số DQ & IQ', title: '📊 Đánh giá Chậm phát triển', btnCls: 'btn-indigo', tools: [ {name: 'Bayley-III', sub: '', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/bayley-iii/'}, {name: 'Kyoto', sub: '', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/kyoto/'}, {name: 'WISC-V', sub: '(kèm WPPSI-IV)', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/wisc-v/'}, {name: 'Raven & Leiter-3', sub: '', url: 'https://phuchoi.vn/kien-thuc/cong-cu/chuan-doan-chuyen-sau/raven-leiter-3/'} ], desc: 'Các thang đo định lượng sự phát triển tâm lý - vận động, cung cấp chỉ số phát triển (DQ) và tuổi phát triển tương đương nhằm đánh giá toàn diện mức độ chậm phát triển đầu đời của trẻ.' } ]; var card = document.createElement('div'); card.className = 'diag-card'; var intro = document.createElement('div'); intro.className = 'diag-intro'; var icon = document.createElement('div'); icon.className = 'diag-icon'; icon.textContent = '🩺'; var introP = document.createElement('p'); introP.className = 'diag-intro-text'; introP.appendChild(document.createTextNode('Hệ thống ')); var st = document.createElement('strong'); st.textContent = 'thang đo lâm sàng tiêu chuẩn vàng'; introP.appendChild(st); introP.appendChild(document.createTextNode(' được thực hiện bởi chuyên gia nhằm đưa ra kết luận chính xác về rối loạn phổ tự kỷ và mức độ chậm phát triển của trẻ. Đây là căn cứ khoa học cốt lõi để phân loại mức độ hỗ trợ và định hướng phác đồ can thiệp chuyên biệt.')); intro.appendChild(icon); intro.appendChild(introP); card.appendChild(intro); var table = document.createElement('table'); table.className = 'diag-table'; var thead = document.createElement('thead'); var trHead = document.createElement('tr'); var headers = [ {txt: 'Lĩnh Vực Chẩn Đoán Lâm Sàng', w: '26%'}, {txt: 'Thang Đo Tiêu Chuẩn Vàng (Nhấn để xem)', w: '32%'}, {txt: 'Giá Trị Khoa Học & Định Hướng Can Thiệp', w: '42%'} ]; headers.forEach(function(h){ var th = document.createElement('th'); th.style.width = h.w; th.textContent = h.txt; trHead.appendChild(th); }); thead.appendChild(trHead); table.appendChild(thead); var tbody = document.createElement('tbody'); rowsData.forEach(function(r){ var tr = document.createElement('tr'); var td1 = document.createElement('td'); var tag = document.createElement('span'); tag.className = 'step-tag ' + r.tagCls; tag.textContent = r.tagTxt; var badge = document.createElement('div'); badge.className = 'group-badge'; badge.textContent = r.title; td1.appendChild(tag); td1.appendChild(badge); var td2 = document.createElement('td'); var wrap = document.createElement('div'); wrap.className = 'tools-wrap'; r.tools.forEach(function(t){ var a = document.createElement('a'); a.className = 'tool-link ' + r.btnCls; a.href = t.url; a.target = '_blank'; a.rel = 'noopener'; a.appendChild(document.createTextNode(t.name)); if(t.sub){ var subSpan = document.createElement('span'); subSpan.className = 'tool-sub'; subSpan.textContent = ' ' + t.sub; a.appendChild(subSpan); } wrap.appendChild(a); }); td2.appendChild(wrap); var td3 = document.createElement('td'); var desc = document.createElement('p'); desc.className = 'desc-text'; desc.textContent = r.desc; td3.appendChild(desc); tr.appendChild(td1); tr.appendChild(td2); tr.appendChild(td3); tbody.appendChild(tr); }); table.appendChild(tbody); card.appendChild(table); shadow.appendChild(card); } if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', mountShadowDiagTable); } else { mountShadowDiagTable(); } })();

(function() { const host = document.getElementById('ados2-wp-host'); if (!host) return; const placeholder = document.createComment('ados2-portal-placeholder'); const shadow = host.attachShadow({ mode: 'open' }); // Thông tin cấu hình & Ngưỡng cắt chuẩn của 5 Module ADOS-2 const moduleConfigs = { modT: { code: 'modT', name: 'Module T (Toddler • 12 – 30 tháng)', ageDesc: 'Trẻ từ 12 đến 30 tháng tuổi (đã biết đi độc lập)', langDesc: 'Từ chưa có lời nói đến nói cụm từ ngắn', cutSpectrum: 10, // Ngưỡng Quan ngại Nhẹ - Trung bình cutAutism: 14, // Ngưỡng Quan ngại Trung bình - Nặng isToddler: true, tasks: 'Chơi tự do, Gọi tên, Thổi bong bóng xà phòng, Chơi ú òa / Vận động xã hội, Tắm cho búp bê, Đồ chơi gây ngạc nhiên, Bữa ăn nhẹ.' }, mod1: { code: 'mod1', name: 'Module 1 (≥ 31 tháng • Chưa nói / Từ đơn)', ageDesc: 'Trẻ từ 31 tháng tuổi trở lên', langDesc: 'Chưa có lời nói hoặc chỉ nói từ đơn rời rạc (chưa nói được cụm 3 từ)', cutSpectrum: 8, // Ngưỡng Phổ tự kỷ (ASD) cutAutism: 12, // Ngưỡng Tự kỷ điển hình (Autism) isToddler: false, tasks: 'Chơi tự do, Phản ứng với tên gọi, Chơi bóng luân phiên, Thổi bong bóng, Tiệc sinh nhật giả vờ cho búp bê, Đáp ứng chú ý chung, Bữa ăn nhẹ.' }, mod2: { code: 'mod2', name: 'Module 2 (Nói cụm từ • Chưa lưu loát)', ageDesc: 'Mọi độ tuổi (thường là trẻ mầm non / tiểu học nhỏ)', langDesc: 'Nói được cụm từ ngắn (≥ 3 từ) nhưng chưa nói câu phức lưu loát', cutSpectrum: 8, cutAutism: 10, isToddler: false, tasks: 'Trò chơi lắp ghép, Chơi đóng vai với mô hình nhân vật, Minh họa hành động (đánh răng), Xem sách tranh không chữ, Mô tả bức tranh, Tiệc sinh nhật.' }, mod3: { code: 'mod3', name: 'Module 3 (Trẻ & Thiếu niên • Nói lưu loát)', ageDesc: 'Trẻ em và thiếu niên nhỏ (4 – 15 tuổi)', langDesc: 'Ngôn ngữ nói lưu loát (đặt câu phức, kể chuyện mạch lạc)', cutSpectrum: 7, cutAutism: 9, isToddler: false, tasks: 'Đóng vai tương tác với mô hình, Kể chuyện từ sách tranh, Tự sáng tác câu chuyện từ 5 đồ vật, Trò chuyện về Cảm xúc, Tình bạn & Sự cô đơn.' }, mod4: { code: 'mod4', name: 'Module 4 (≥ 16 tuổi & Người lớn • Lưu loát)', ageDesc: 'Thanh thiếu niên lớn và Người trưởng thành (từ 16 tuổi trở lên)', langDesc: 'Ngôn ngữ nói lưu loát, có mức độ tự lập nhất định', cutSpectrum: 8, cutAutism: 10, isToddler: false, tasks: 'Phỏng vấn công việc/học tập, Các mối quan hệ bạn bè & Hẹn hò/Hôn nhân, Cảm xúc & Sự đồng cảm, Kể chuyện sáng tạo từ 5 đồ vật, Giải thích truyện tranh.' } }; // 14 Chỉ báo cốt lõi trong Bảng Thuật Toán Chẩn Đoán ADOS-2 (10 mục SA + 4 mục RRB) // Mỗi mục chấm 0, 1, 2, 3 (Khi tính vào thuật toán: mức 3 tự động chuyển thành 2 điểm -> Max 28 điểm) const algoItems = [ { id: 1, dom: 'sa', sub: 'Giao tiếp', name: 'A1. Phát âm định hướng xã hội / Tần suất giao tiếp tự phát', desc: 'Mức độ trẻ/người lớn tự nhiên hướng lời nói, âm thanh hoặc cuộc trò chuyện về phía người khám để tương tác xã hội (không chỉ khi đòi hỏi).' }, { id: 2, dom: 'sa', sub: 'Giao tiếp', name: 'A2. Ngữ điệu, Nhịp điệu & Giọng nói khác thường', desc: 'Giọng nói đều đều một tông (monotone), quá to/quá nhỏ, ngữ điệu lơ lớ như robot hoặc nhịp điệu thiếu tự nhiên.' }, { id: 3, dom: 'sa', sub: 'Giao tiếp', name: 'A3. Sử dụng cử chỉ giao tiếp mô tả & Quy ước (Gestures)', desc: 'Khả năng tự nhiên dùng cử chỉ tay (chỉ trỏ, vẫy tay, gật/lắc đầu, mô tả hình dáng/hành động bằng tay) phối hợp với lời nói.' }, { id: 4, dom: 'sa', sub: 'Giao tiếp', name: 'A4. Trò chuyện qua lại hai chiều / Chỉ trỏ giao tiếp', desc: 'Ở Module 2–4: Khả năng nối tiếp câu chuyện qua lại với người khám. Ở Module T/1: Khả năng dùng ngón trỏ chỉ vào vật ở xa để chia sẻ/yêu cầu.' }, { id: 5, dom: 'sa', sub: 'Tương tác xã hội qua lại', name: 'B1. Giao tiếp ánh mắt bất thường (Unusual Eye Contact)', desc: 'Đánh giá sự linh hoạt, tự nhiên và phối hợp của ánh mắt khi bắt đầu, duy trì và điều tiết tương tác xã hội với người khám.' }, { id: 6, dom: 'sa', sub: 'Tương tác xã hội qua lại', name: 'B2. Biểu cảm khuôn mặt hướng tới người khác (Facial Expressions)', desc: 'Sự đa dạng của nét mặt (vui, ngạc nhiên, bối rối...) được hướng trực tiếp về phía người khám để truyền tải cảm xúc.' }, { id: 7, dom: 'sa', sub: 'Tương tác xã hội qua lại', name: 'B3. Chia sẻ niềm vui trong tương tác (Shared Enjoyment)', desc: 'Khả năng bộc lộ và lan tỏa niềm vui chân thực cùng với người khám trong các hoạt động chơi hoặc trò chuyện thú vị.' }, { id: 8, dom: 'sa', sub: 'Tương tác xã hội qua lại', name: 'B4. Khởi xướng & Đáp ứng Chú ý chung / Thấu hiểu cảm xúc (Empathy)', desc: 'Ở Module T/1/2: Phối hợp ánh mắt chia sẻ vật thú vị (Joint Attention). Ở Module 3/4: Khả năng nhận diện, mô tả và đồng cảm với cảm xúc của người khác.' }, { id: 9, dom: 'sa', sub: 'Tương tác xã hội qua lại', name: 'B5. Chất lượng các Khởi xướng xã hội (Quality of Social Overtures)', desc: 'Tính phù hợp về mặt ngữ cảnh và sự phối hợp nhịp nhàng khi chủ động bắt chuyện, khoe đồ hoặc thu hút sự chú ý của người khám.' }, { id: 10, dom: 'sa', sub: 'Tương tác xã hội qua lại', name: 'B6. Chất lượng Đáp ứng xã hội & Mức độ gắn kết tổng thể (Rapport)', desc: 'Cách phản hồi trước các lời mời tương tác của người khám và mức độ thoải mái, tự nhiên của toàn bộ buổi đánh giá.' }, { id: 11, dom: 'rrb', sub: 'Hành vi hạn hẹp & Lặp lại', name: 'D1. Ngôn ngữ rập khuôn / Nhại lời / Cụm từ đặc dị', desc: 'Nhại lời tức thì hoặc trì hoãn (lặp lại lời quảng cáo/phim), đảo ngược đại từ xưng hô hoặc lặp đi lặp lại các câu nói theo khuôn mẫu cứng nhắc.' }, { id: 12, dom: 'rrb', sub: 'Hành vi hạn hẹp & Lặp lại', name: 'D2. Quan tâm giác quan bất thường đối với đồ vật hoặc con người', desc: 'Nhìn nghiêng sát mắt vào đồ vật, xoay bánh xe để ngắm, ngửi/liếm đồ chơi, sờ ngắm kết cấu bề mặt hoặc bịt tai trước âm thanh bình thường.' }, { id: 13, dom: 'rrb', sub: 'Hành vi hạn hẹp & Lặp lại', name: 'D3. Cử động tay, ngón tay và toàn thân định hình (Mannerisms)', desc: 'Vẫy tay, búng/vặn ngón tay trước mắt, nhón gót, xoay tròn hoặc đung đưa cơ thể lặp đi lặp lại.' }, { id: 14, dom: 'rrb', sub: 'Hành vi hạn hẹp & Lặp lại', name: 'D4. Bận tâm quá mức đến chủ đề hẹp / Hành vi nghi thức & Thói quen', desc: 'Xếp hàng đồ vật cứng nhắc, đòi hỏi làm theo đúng một trình tự cố định hoặc chỉ nói mãi về một chủ đề chuyên biệt.' } ]; let currentMod = 'mod1'; let rawScores = {}; // Lưu mức chấm thô: 0, 1, 2, 3 (Khi tính thuật toán: Math.min(2, raw)) let filterDom = 'all'; let isFullscreen = false; let savedScrollY = 0; shadow.innerHTML = ` :host { all: initial; display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: #1e293b; line-height: 1.5; width: 100%; box-sizing: border-box; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } .ad-wrap { width: 100%; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; box-shadow: 0 8px 28px rgba(15, 23, 42, 0.06); position: relative; } /* KHI BẬT TOÀN MÀN HÌNH (PORTAL RA BODY) */ .ad-wrap.is-fullscreen { width: 100% !important; min-height: 100% !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; background: #f8fafc !important; padding-bottom: 84px !important; } .ad-inner { padding: 24px; max-width: 940px; margin: 0 auto; background: #ffffff; border-radius: 16px; } .ad-wrap.is-fullscreen .ad-inner { border-radius: 0; min-height: calc(100vh - 52px); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.05); } /* Thanh ghim thoát toàn màn hình luôn nổi trên cùng */ .fs-floating-bar { display: none; position: sticky; top: 0; z-index: 99999; background: #0f172a; color: #ffffff; padding: 12px 16px; justify-content: space-between; align-items: center; border-bottom: 1px solid #334155; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); } .ad-wrap.is-fullscreen .fs-floating-bar { display: flex; } .fs-floating-title { font-size: 13.5px; font-weight: 700; color: #f8fafc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .btn-exit-floating { background: #ef4444; color: #ffffff; border: none; padding: 7px 14px; border-radius: 999px; font-size: 12.5px; font-weight: 700; cursor: pointer; flex-shrink: 0; box-shadow: 0 2px 8px rgba(239, 68, 68, 0.4); } /* NÚT NỔI TRƯỢT DỌC THEO NỘI DUNG (FLOATING ZOOM FAB) */ @keyframes fabPulse { 0% { box-shadow: 0 6px 20px rgba(15, 118, 110, 0.45), 0 0 0 0 rgba(15, 118, 110, 0.4); } 70% { box-shadow: 0 6px 20px rgba(15, 118, 110, 0.45), 0 0 0 10px rgba(15, 118, 110, 0); } 100% { box-shadow: 0 6px 20px rgba(15, 118, 110, 0.45), 0 0 0 0 rgba(15, 118, 110, 0); } } .floating-zoom-fab { position: fixed; bottom: 20px; left: 16px; z-index: 2147483646; background: linear-gradient(135deg, #0f766e 0%, #0d9488 100%); color: #ffffff; border: 2px solid #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(15, 118, 110, 0.45); animation: fabPulse 2.5s infinite; opacity: 0; visibility: hidden; transform: translateY(16px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s, background 0.2s; touch-action: manipulation; } .floating-zoom-fab.visible { opacity: 1; visibility: visible; transform: translateY(0); } .floating-zoom-fab:hover { transform: translateY(-2px) scale(1.02); } .floating-zoom-fab.is-exit-mode { background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.45); animation: none; } .fab-icon-circle { width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, 0.22); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; } /* Header */ .ad-header { border-bottom: 1px solid #e2e8f0; padding-bottom: 16px; margin-bottom: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; } .ad-header-text { flex: 1 1 260px; } .ad-title { font-size: 21px; font-weight: 800; color: #0f172a; margin: 0 0 6px 0; line-height: 1.35; } .ad-desc { font-size: 14px; color: #475569; margin: 0; line-height: 1.55; } .btn-fullscreen-top { background: #f0fdfa; color: #0f766e; border: 1px solid #99f6e4; padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; transition: all 0.2s ease; } .btn-fullscreen-top:hover { background: #0d9488; color: #ffffff; border-color: #0d9488; } /* Bộ chọn 5 Module ADOS-2 */ .mod-selector-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; margin-bottom: 16px; } .mod-lbl { font-size: 12.5px; font-weight: 800; color: #0f172a; text-transform: uppercase; margin-bottom: 8px; display: block; } .mod-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-bottom: 12px; } .mod-btn { padding: 10px 8px; border-radius: 9px; border: 1.5px solid #cbd5e1; background: #ffffff; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .mod-btn:hover { border-color: #0d9488; } .mod-btn.active { background: #0f766e; border-color: #0f766e; color: #ffffff; box-shadow: 0 4px 12px rgba(15, 118, 110, 0.25); } .mod-btn-code { font-size: 13.5px; font-weight: 800; display: block; } .mod-btn-sub { font-size: 11px; opacity: 0.85; display: block; margin-top: 2px; } .mod-info-banner { background: #ffffff; border: 1px dashed #99f6e4; border-left: 4px solid #0d9488; padding: 10px 12px; border-radius: 8px; font-size: 13px; color: #334155; } /* Kịch bản mẫu & Lọc trụ cột */ .ad-controls { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; } .ad-presets { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; background: #f8fafc; padding: 10px 12px; border-radius: 10px; border: 1px dashed #cbd5e1; } .ad-preset-lbl { font-size: 12.5px; font-weight: 700; color: #475569; margin-right: 4px; } .ad-pbtn { padding: 6px 11px; border-radius: 6px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #334155; cursor: pointer; touch-action: manipulation; } .ad-pbtn:hover { background: #f1f5f9; } .ad-pbtn.reset { color: #dc2626; border-color: #fecaca; background: #fef2f2; margin-left: auto; } .ad-domain-tabs { display: flex; flex-wrap: wrap; gap: 6px; } .ad-dtab { padding: 6px 12px; border-radius: 999px; border: 1px solid #cbd5e1; background: #ffffff; font-size: 12.5px; font-weight: 600; color: #475569; cursor: pointer; touch-action: manipulation; } .ad-dtab.active { background: #0f766e; color: #ffffff; border-color: #0f766e; } /* Sticky Dashboard */ .ad-dash { position: sticky; top: 12px; z-index: 20; background: #0f172a; color: #ffffff; border-radius: 12px; padding: 16px 18px; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18); } .ad-wrap.is-fullscreen .ad-dash { top: 58px; } .ad-dash-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; } .ad-score-big { font-size: 23px; font-weight: 800; line-height: 1.1; } .ad-score-sub { font-size: 12.5px; color: #94a3b8; margin-top: 4px; } .ad-badge { padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; background: #334155; color: #e2e8f0; } .ad-bar-bg { height: 10px; background: #334155; border-radius: 5px; overflow: hidden; margin-bottom: 12px; } .ad-bar-fill { height: 100%; width: 0%; background: #10b981; transition: width 0.35s ease, background 0.35s ease; } .ad-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; font-size: 12px; border-top: 1px solid #1e293b; padding-top: 10px; color: #cbd5e1; } .ad-pillar-box { background: #1e293b; padding: 7px 10px; border-radius: 8px; } .ad-pillar-val { font-weight: 700; color: #ffffff; font-size: 13.5px; display: block; margin-top: 2px; } /* Danh sách 14 mục thuật toán */ .ad-q-item { border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; background: #ffffff; transition: all 0.2s ease; display: flex; flex-direction: column; gap: 10px; } .ad-q-item.high-scored { border-color: #fda4af; background: #fff5f5; } .ad-q-item.mid-scored { border-color: #fde68a; background: #fffbeb; } .ad-q-title { font-size: 14.8px; font-weight: 700; color: #0f172a; } .ad-q-desc { font-size: 13.5px; color: #475569; } .ad-q-tags { display: flex; flex-wrap: wrap; gap: 6px; } .ad-tag { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 4px; background: #f1f5f9; color: #475569; } .ad-tag.dom-sa { background: #dbeafe; color: #1d4ed8; } .ad-tag.dom-rrb { background: #fef3c7; color: #b45309; } .ad-ans-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; } .ad-abtn { padding: 8px 6px; border-radius: 8px; border: 1.5px solid #cbd5e1; background: #ffffff; font-size: 12px; font-weight: 600; color: #334155; cursor: pointer; text-align: center; transition: all 0.15s ease; touch-action: manipulation; } .ad-abtn:hover { border-color: #64748b; } .ad-abtn.sel-0 { background: #10b981; border-color: #10b981; color: #ffffff; font-weight: 700; } .ad-abtn.sel-1 { background: #f59e0b; border-color: #f59e0b; color: #ffffff; font-weight: 700; } .ad-abtn.sel-2, .ad-abtn.sel-3 { background: #ef4444; border-color: #ef4444; color: #ffffff; font-weight: 700; } .ad-result-box { margin-top: 20px; padding: 18px; border-radius: 12px; background: #f8fafc; border-left: 5px solid #64748b; font-size: 14px; line-height: 1.65; color: #1e293b; } @media (max-width: 720px) { .ad-inner { padding: 14px; } .ad-title { font-size: 18px; } .mod-grid { grid-template-columns: 1fr 1fr; } .ad-pillars { grid-template-columns: 1fr; } .ad-ans-grid { grid-template-columns: 1fr 1fr; } .ad-abtn { padding: 10px 6px; } .ad-pbtn.reset { margin-left: 0; } .floating-zoom-fab { bottom: 16px; left: 12px; padding: 9px 14px; font-size: 12.5px; } } `; const adWrap = shadow.getElementById('adWrap'); const modBanner = shadow.getElementById('modBanner'); const itemList = shadow.getElementById('itemList'); const valTotal = shadow.getElementById('valTotal'); const valModName = shadow.getElementById('valModName'); const valCutoffSub = shadow.getElementById('valCutoffSub'); const scoreBadge = shadow.getElementById('scoreBadge'); const barFill = shadow.getElementById('barFill'); const valSA = shadow.getElementById('valSA'); const valRRB = shadow.getElementById('valRRB'); const valCSS = shadow.getElementById('valCSS'); const resultBox = shadow.getElementById('resultBox'); const fsText = shadow.getElementById('fsText'); const fsIcon = shadow.getElementById('fsIcon'); const fabBtn = shadow.getElementById('btnFloatingFab'); const fabText = shadow.getElementById('fabText'); const fabIcon = shadow.getElementById('fabIcon'); // Quy tắc quy đổi điểm ADOS-2: Điểm thô 3 tự động chuyển thành 2 điểm trong bảng Thuật toán function getAlgoPoint(rawVal) { if (rawVal === undefined || rawVal === null) return 0; return (rawVal === 3) ? 2 : rawVal; } // Ước tính Điểm so sánh mức độ nặng CSS (Calibrated Severity Score: 1 - 10) function estimateCSS(total, cfg) { if (total === 0) return { css: 1, label: 'Không có dấu hiệu (Mức 1–2)' }; if (total < cfg.cutSpectrum - 3) return { css: 2, label: 'Dấu hiệu tối thiểu (Mức 1–2)' }; if (total < cfg.cutSpectrum) return { css: 3, label: 'Dưới ngưỡng / Giáp ranh (Mức 3)' }; if (total === cfg.cutSpectrum) return { css: 4, label: 'Mức độ Nhẹ (CSS = 4)' }; if (total < cfg.cutAutism) return { css: 5, label: 'Mức độ Nhẹ – Trung bình (CSS = 5)' }; if (total === cfg.cutAutism) return { css: 6, label: 'Mức độ Trung bình (CSS = 6)' }; if (total <= cfg.cutAutism + 3) return { css: 7, label: 'Mức độ Trung bình – Rõ (CSS = 7)' }; if (total <= cfg.cutAutism + 6) return { css: 8, label: 'Mức độ Nặng (CSS = 8)' }; if (total <= cfg.cutAutism + 9) return { css: 9, label: 'Mức độ Rất nặng (CSS = 9)' }; return { css: 10, label: 'Mức độ Nặng tối đa (CSS = 10)' }; } function renderModBanner() { const cfg = moduleConfigs[currentMod]; const cutNote = cfg.isToddler ? `Ngưỡng Quan ngại Nhẹ–Trung bình: ≥ ${cfg.cutSpectrum}đ • Quan ngại Trung bình–Nặng: ≥ ${cfg.cutAutism}đ` : `Ngưỡng Phổ tự kỷ (Autism Spectrum): ≥ ${cfg.cutSpectrum}đ • Ngưỡng Tự kỷ điển hình (Autism): ≥ ${cfg.cutAutism}đ`; modBanner.innerHTML = ` `; } function renderItems() { itemList.innerHTML = ''; algoItems.forEach(function(it) { if (filterDom !== 'all' && it.dom !== filterDom) return; const uRaw = (rawScores[it.id] !== undefined) ? rawScores[it.id] : null; const algoPt = getAlgoPoint(uRaw); let rowCls = 'ad-q-item'; if (uRaw !== null && algoPt === 2) rowCls += ' high-scored'; else if (uRaw !== null && algoPt === 1) rowCls += ' mid-scored'; const domTag = (it.dom === 'sa') ? 'Trụ cột 1: Cảm xúc Xã hội (SA)' : 'Trụ cột 2: Hành vi Lặp lại (RRB)'; const options = [ { raw: 0, label: 'Mức 0: Bình thường (0đ)' }, { raw: 1, label: 'Mức 1: Bất thường nhẹ (+1đ)' }, { raw: 2, label: 'Mức 2: Bất thường rõ (+2đ)' }, { raw: 3, label: 'Mức 3: Nặng (Quy về +2đ)' } ]; const btnsHtml = options.map(opt => { const cls = 'ad-abtn' + (uRaw === opt.raw ? ` sel-${opt.raw}` : ''); return `${opt.label}`; }).join(''); const item = document.createElement('div'); item.className = rowCls; item.innerHTML = ` `; itemList.appendChild(item); }); itemList.querySelectorAll('.ad-abtn').forEach(function(btn) { btn.onclick = function() { const id = parseInt(this.getAttribute('data-id'), 10); rawScores[id] = parseInt(this.getAttribute('data-raw'), 10); renderItems(); updateSummary(); }; }); } function updateSummary() { const cfg = moduleConfigs[currentMod]; let sa = 0, rrb = 0, answered = 0; algoItems.forEach(function(it) { const r = rawScores[it.id]; if (r !== undefined) { answered++; const pt = getAlgoPoint(r); if (it.dom === 'sa') sa += pt; else rrb += pt; } }); const total = sa + rrb; const cssInfo = estimateCSS(total, cfg); valTotal.textContent = total; valModName.textContent = cfg.name.split(' (')[0]; valCutoffSub.textContent = cfg.isToddler ? `Đã chấm: ${answered}/14 mục • Ngưỡng Quan ngại: ≥ ${cfg.cutSpectrum}đ (Trung bình-Nặng: ≥ ${cfg.cutAutism}đ)` : `Đã chấm: ${answered}/14 mục • Ngưỡng Phổ tự kỷ: ≥ ${cfg.cutSpectrum}đ • Tự kỷ điển hình: ≥ ${cfg.cutAutism}đ`; valSA.textContent = `${sa} / 20 điểm`; valRRB.textContent = `${rrb} / 8 điểm`; valCSS.textContent = `${cssInfo.css} / 10 (${cssInfo.label})`; const pct = Math.min(100, Math.round((total / 28) * 100)); barFill.style.width = pct + '%'; if (answered === 0) { scoreBadge.textContent = 'Chưa chấm chỉ báo'; scoreBadge.style.background = '#334155'; scoreBadge.style.color = '#e2e8f0'; resultBox.style.borderLeftColor = '#64748b'; resultBox.innerHTML = 'Hướng dẫn: Chọn Module phù hợp ở Bước 1, sau đó bấm chọn mức độ quan sát (Mức 0 – 1 – 2 – 3) cho 14 chỉ báo thuật toán phía trên (hoặc bấm nút Kịch bản hồ sơ lâm sàng mẫu).'; updateFloatingFabVisibility(); return; } let color = '#10b981'; let badgeTxt = ''; let analysis = ''; if (total < cfg.cutSpectrum) { color = '#10b981'; badgeTxt = cfg.isToddler ? `ÍT / KHÔNG QUAN NGẠI (${total}đ)` : `NGOÀI PHỔ TỰ KỶ (${total}đ)`; analysis = ` Phân loại Thuật toán ADOS-2 (${cfg.name}) — ${badgeTxt}:
• Tổng điểm kết hợp SA + RRB đạt ${total}/28 điểm (SA = ${sa}/20, RRB = ${rrb}/8), thấp hơn ngưỡng điểm cắt của ${cfg.name.split(' (')[0]} (≥ ${cfg.cutSpectrum} điểm).
• Điểm so sánh mức độ (CSS): ${cssInfo.css}/10 (${cssInfo.label}). Nếu trẻ có chậm nói hoặc tăng động nhưng điểm ADOS-2 nằm dưới ngưỡng này, cần tập trung đánh giá Rối loạn ngôn ngữ diễn đạt hoặc ADHD. `; } else if (total < cfg.cutAutism) { color = '#f59e0b'; badgeTxt = cfg.isToddler ? `QUAN NGẠI NHẸ - TRUNG BÌNH (${total}đ)` : `PHỔ TỰ KỶ - ASD (${total}đ • CSS ${cssInfo.css}/10)`; analysis = ` Phân loại Thuật toán ADOS-2 (${cfg.name}) — ${badgeTxt}:
• Tổng điểm thuật toán đạt ${total}/28 điểm (Cảm xúc Xã hội SA = ${sa}/20 • Hành vi Lặp lại RRB = ${rrb}/8), vượt ngưỡng phân loại Phổ tự kỷ (≥ ${cfg.cutSpectrum} điểm).
• Điểm so sánh mức độ (CSS): ${cssInfo.css}/10 (${cssInfo.label}). Kết quả quan sát trực tiếp ủng hộ chẩn đoán Rối loạn phổ tự kỷ mức độ nhẹ - trung bình, cần kết hợp với lịch sử phát triển (ADI-R / DSM-5) và đánh giá hành vi thích ứng (Vineland-3). `; } else { color = '#ef4444'; badgeTxt = cfg.isToddler ? `QUAN NGẠI TRUNG BÌNH - NẶNG (${total}đ)` : `TỰ KỶ ĐIỂN HÌNH - AUTISM (${total}đ • CSS ${cssInfo.css}/10)`; analysis = ` Phân loại Thuật toán ADOS-2 (${cfg.name}) — ${badgeTxt}:
• Tổng điểm thuật toán đạt ${total}/28 điểm (Cảm xúc Xã hội SA = ${sa}/20 • Hành vi Lặp lại RRB = ${rrb}/8), vượt ngưỡng phân loại Tự kỷ điển hình (≥ ${cfg.cutAutism} điểm).
• Điểm so sánh mức độ (CSS): ${cssInfo.css}/10 (${cssInfo.label}). Người được đánh giá thể hiện các thiếu hụt rõ rệt ở cả giao tiếp xã hội tương hỗ và các mẫu hành vi rập khuôn. Khuyến nghị hoàn tất hồ sơ chẩn đoán đa chuyên khoa và triển khai chương trình can thiệp cá nhân hóa (IEP) dựa trên thang Vineland-3. `; } barFill.style.background = color; scoreBadge.textContent = badgeTxt; scoreBadge.style.background = color; scoreBadge.style.color = '#ffffff'; resultBox.style.borderLeftColor = color; resultBox.innerHTML = analysis; updateFloatingFabVisibility(); } function applyPreset(type) { rawScores = {}; if (type === 'reset') { renderItems(); updateSummary(); return; } algoItems.forEach(function(it) { rawScores[it.id] = 0; }); if (type === 'non') { // 3 điểm thuật toán (Dưới ngưỡng) rawScores[2] = 1; rawScores[3] = 1; rawScores[9] = 1; } else if (type === 'spectrum') { // 9 điểm thuật toán (Trong vùng Phổ tự kỷ ASD / Nhẹ - Trung bình) [1, 3, 4, 5, 7, 8, 10, 12, 14].forEach(function(id) { rawScores[id] = 1; }); } else if (type === 'autism') { // 18 điểm thuật toán (Vượt ngưỡng Tự kỷ điển hình, có cả mức 2 và mức 3 quy về 2) [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14].forEach(function(id, idx) { if (idx % 3 === 0) rawScores[id] = 3; // Quy về 2đ else if (idx % 2 === 0) rawScores[id] = 2; // 2đ else rawScores[id] = 1; // 1đ }); } renderItems(); updateSummary(); } function updateFloatingFabVisibility() { if (isFullscreen) { fabBtn.classList.add('visible', 'is-exit-mode'); fabText.textContent = 'Thu nhỏ lại'; fabIcon.textContent = '✕'; return; } fabBtn.classList.remove('is-exit-mode'); fabText.textContent = 'Phóng to bảng'; fabIcon.textContent = '⛶'; const rect = host.getBoundingClientRect(); const viewH = window.innerHeight || document.documentElement.clientHeight; const isReadingWidget = rect.top 180; if (isReadingWidget) { fabBtn.classList.add('visible'); } else { fabBtn.classList.remove('visible'); } } function setFullscreenState(active) { if (active === isFullscreen) return; isFullscreen = active; if (isFullscreen) { savedScrollY = window.scrollY || window.pageYOffset || 0; if (host.parentNode && host.parentNode !== document.body) { host.parentNode.insertBefore(placeholder, host); document.body.appendChild(host); } host.style.cssText = [ 'position: fixed !important', 'inset: 0 !important', 'top: 0 !important', 'left: 0 !important', 'right: 0 !important', 'bottom: 0 !important', 'width: 100vw !important', 'height: 100vh !important', 'height: 100dvh !important', 'max-width: none !important', 'max-height: none !important', 'margin: 0 !important', 'padding: 0 !important', 'z-index: 2147483647 !important', 'background: #f8fafc !important', 'overflow-y: auto !important', '-webkit-overflow-scrolling: touch !important', 'display: block !important' ].join(';'); adWrap.classList.add('is-fullscreen'); document.documentElement.style.overflow = 'hidden'; document.body.style.overflow = 'hidden'; fsText.textContent = 'Thu nhỏ'; fsIcon.textContent = '✕'; host.scrollTop = 0; } else { adWrap.classList.remove('is-fullscreen'); if (placeholder.parentNode) { placeholder.parentNode.insertBefore(host, placeholder); placeholder.parentNode.removeChild(placeholder); } host.style.cssText = 'width: 100%; max-width: 940px; margin: 28px auto; display: block; clear: both;'; document.documentElement.style.overflow = ''; document.body.style.overflow = ''; fsText.textContent = 'Toàn màn hình'; fsIcon.textContent = '⛶'; if (document.fullscreenElement && document.exitFullscreen) { document.exitFullscreen().catch(() => {}); } window.scrollTo(0, savedScrollY); } updateFloatingFabVisibility(); } shadow.querySelectorAll('#modGrid .mod-btn').forEach(function(btn) { btn.onclick = function() { currentMod = this.getAttribute('data-mod'); shadow.querySelectorAll('#modGrid .mod-btn').forEach(b => b.classList.remove('active')); this.classList.add('active'); renderModBanner(); updateSummary(); }; }); shadow.querySelectorAll('.ad-pbtn').forEach(function(btn) { btn.onclick = function() { applyPreset(this.getAttribute('data-preset')); }; }); shadow.querySelectorAll('#domainTabs .ad-dtab').forEach(function(tab) { tab.onclick = function() { filterDom = this.getAttribute('data-dom'); shadow.querySelectorAll('#domainTabs .ad-dtab').forEach(t => t.classList.remove('active')); this.classList.add('active'); renderItems(); }; }); shadow.getElementById('btnToggleFullscreen').onclick = () => { setFullscreenState(!isFullscreen); }; shadow.getElementById('btnExitFloating').onclick = () => { setFullscreenState(false); }; fabBtn.onclick = () => { setFullscreenState(!isFullscreen); }; window.addEventListener('scroll', updateFloatingFabVisibility, { passive: true }); window.addEventListener('resize', updateFloatingFabVisibility, { passive: true }); window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isFullscreen) { setFullscreenState(false); } }); renderModBanner(); applyPreset('autism'); })();

ADOS-2 (Autism Diagnostic Observation Schedule, Second Edition — Lịch trình Quan sát Chẩn đoán Tự kỷ, Phiên bản 2) là công cụ đánh giá lâm sàng được y khoa thế giới công nhận là “Tiêu chuẩn vàng” (Gold Standard) trong việc chẩn đoán xác định Rối loạn phổ tự kỷ (ASD). Công cụ này được phát triển bởi Giáo sư Catherine Lord, Michael Rutter và các cộng sự (xuất bản bởi WPS năm 2012).

Khác hoàn toàn với các công cụ sàng lọc (Screening) dựa trên bảng hỏi như M-CHAT-R/F, SCQ, CAST, ASSQ hay AQ, ADOS-2 là công cụ CHẨN ĐOÁN (Diagnostic) thông qua việc nhà lâm sàng trực tiếp tương tác, tạo ra các “tình huống xã hội có cấu trúc” (Social Presses) để quan sát phản ứng thực tế của trẻ/người lớn trong khoảng 40 – 60 phút.

1. Hệ thống 5 Module của ADOS-2 (Chọn theo Mức độ Ngôn ngữ & Độ tuổi)

Điểm độc đáo nhất của ADOS-2 là không dùng một bài kiểm tra chung cho mọi người, mà chia thành 5 Module riêng biệt. Chuyên gia bắt buộc phải chọn đúng 1 Module khớp với khả năng ngôn ngữ diễn đạt hiện tại và độ tuổi của người được khám (để tránh việc trẻ bị điểm kém chỉ vì chưa biết nói):

Module	Đối tượng & Độ tuổi	Mức độ ngôn ngữ diễn đạt yêu cầu	Hoạt động tương tác tiêu biểu trong phòng khám
Module T(Toddler)	Trẻ nhỏ 12 – 30 tháng tuổi (Biết đi độc lập)	Chưa nói đến nói cụm từ đơn giản.	Chơi bóng luân phiên, thổi bong bóng xà phòng, tắm cho búp bê, chơi ú òa, gây ngạc nhiên bằng đồ chơi điều khiển.
Module 1	Trẻ từ 31 tháng tuổi trở lên	Chưa có lời nói hoặc chỉ nói từ đơn rời rạc (Chưa nói được cụm 3 từ).	Tương tác tự do, tiệc sinh nhật giả vờ cho búp bê, thổi bong bóng, gọi tên, chỉ trỏ chú ý chung.
Module 2	Mọi độ tuổi (Thường là trẻ mẫu giáo)	Nói được cụm từ ngắn(từ 3 từ trở lên) nhưng chưa nói lưu loát.	Chơi đóng vai tưởng tượng với mô hình nhân vật, xem sách tranh không chữ, trò chuyện đơn giản, mô tả bức tranh.
Module 3	Trẻ em & Thiếu niên nhỏ (Thường 4 – 15 tuổi)	Ngôn ngữ nói lưu loát(Nói được câu phức, kể chuyện quá khứ/tương lai).	Đóng vai câu chuyện bằng mô hình, tự sáng tác câu chuyện từ 5 đồ vật bất kỳ, phỏng vấn về tình bạn, sự cô đơn và cảm xúc.
Module 4	Thanh thiếu niên lớn & Người lớn (Từ 16 tuổi trở lên)	Ngôn ngữ nói lưu loát và có tính tự lập nhất định.	Phỏng vấn chuyên sâu về công việc/học tập, tình bạn, hôn nhân/hẹn hò, cảm xúc cá nhân, giải thích truyện tranh và kể chuyện sáng tạo.

2. Cấu trúc Chấm điểm Thuật toán ADOS-2 (Algorithm Scoring)

Trong lúc tương tác, chuyên gia ghi chép rất nhiều hành vi, nhưng khi đưa vào Bảng Thuật Toán Chẩn Đoán (Diagnostic Algorithm), ADOS-2 chỉ lọc ra 14 chỉ báo cốt lõi nhất chia làm 2 trụ cột (bám sát tiêu chuẩn DSM-5):

1. Cảm xúc Xã hội (Social Affect – SA • 10 mục): Bao gồm Giao tiếp (ngữ điệu, cử chỉ, chỉ trỏ, hội thoại) và Tương tác xã hội qua lại (giao tiếp mắt bất thường, biểu cảm nét mặt, chia sẻ niềm vui, chú ý chung, chất lượng khởi xướng và đáp ứng xã hội).

2. Hành vi Hạn hẹp và Lặp đi lặp lại (Restricted and Repetitive Behavior – RRB • 4 mục): Ngôn ngữ rập khuôn/nhại lời, thu hút giác quan lạ, cử động tay/cơ thể định hình (stimming) và mối bận tâm/nghi thức cứng nhắc.

• Quy tắc quy đổi điểm đặc biệt của ADOS-2:

  1. Khi chấm thô tại phòng khám, mỗi mục chấm từ 0 đến 3 điểm (0 = Bình thường, 1 = Bất thường nhẹ, 2 = Bất thường rõ rệt, 3 = Bất thường nghiêm trọng).

  2. Tuy nhiên, khi cộng vào Thuật toán chẩn đoán: Mọi mức điểm 3 đều được quy đổi về 2 điểm (để một hành vi quá nặng không làm lệch tổng điểm toàn bài). Như vậy mỗi mục trong thuật toán có giá trị 0, 1 hoặc 2 điểm (Tổng điểm tối đa của 14 mục thuật toán là 28 điểm).

• Phân loại kết quả & Điểm so sánh mức độ (CSS – Calibrated Severity Score):

  1. Module 1 – 4: Phân loại thành 3 mức: Không thuộc phổ tự kỷ (Non-spectrum) $\to$ Phổ tự kỷ (Autism Spectrum – ASD) $\to$ Tự kỷ điển hình (Autism), đồng thời quy đổi ra Điểm so sánh CSS (từ 1 đến 10 điểm) để biết mức độ triệu chứng từ Rất nhẹ (1–2), Nhẹ (3–4), Trung bình (5–7) đến Nặng (8–10).

  2. Module T (12–30 tháng): Vì trẻ quá nhỏ chưa kết luận chẩn đoán cứng, ADOS-2 phân thành 3 mức độ Quan ngại (Range of Concern): Ít/Không quan ngại $\to$ Quan ngại nhẹ – trung bình $\to$ Quan ngại trung bình – nặng.