{"id":11241,"date":"2026-09-14T11:06:14","date_gmt":"2026-09-14T03:06:14","guid":{"rendered":"https:\/\/www.htps.edu.hk\/?page_id=11241"},"modified":"2026-09-14T11:06:15","modified_gmt":"2026-09-14T03:06:15","slug":"%e8%aa%9e%e8%a8%80%e6%94%bf%e7%ad%96","status":"publish","type":"page","link":"https:\/\/www.htps.edu.hk\/?page_id=11241&lang=zh","title":{"rendered":"\u8a9e\u8a00\u653f\u7b56"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n\n<!-- \n  INSTRUCTIONS FOR WORDPRESS:\n  1. Go to your WordPress Page Editor.\n  2. Add a new \"Custom HTML\" block.\n  3. Copy everything in this file and paste it into that block.\n  4. Click Preview or Publish!\n-->\n\n<!-- Load Fonts -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@500;700;900&amp;family=Outfit:wght@400;600;800&amp;display=swap\" rel=\"stylesheet\">\n\n<!-- Load Tailwind CSS Safely -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n    tailwind.config = {\n        corePlugins: {\n            \/\/ CRITICAL FOR WORDPRESS: This prevents Tailwind from resetting your site's main theme styles!\n            preflight: false, \n        },\n        theme: {\n            extend: {\n                fontFamily: {\n                    sans: ['Outfit', 'sans-serif'],\n                    tc: ['Noto Sans TC', 'sans-serif'],\n                },\n                colors: {\n                    brand: {\n                        dark: '#1B4965',\n                        light: '#62B6CB',\n                        accent: '#CAE9FF',\n                        bg: '#F5FAFD'\n                    },\n                    eng: '#4CAF50',\n                    canto: '#FF9800',\n                    pth: '#E91E63',\n                    mixed: '#9C27B0'\n                }\n            }\n        }\n    }\n<\/script>\n\n<!-- Custom Styles -->\n<style>\n    .wp-language-policy-wrapper {\n        background-color: #F5FAFD;\n        background-image: radial-gradient(#CAE9FF 1px, transparent 1px);\n        background-size: 20px 20px;\n        position: relative;\n        overflow: hidden;\n        padding: 2rem 1rem;\n        font-family: 'Outfit', sans-serif;\n        color: #1e293b;\n    }\n\n    .policy-card-container {\n        perspective: 1000px;\n        max-width: 80rem;\n        margin: 0 auto;\n        position: relative;\n        z-index: 10;\n    }\n\n    .policy-card-custom {\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        transform-style: preserve-3d;\n        box-sizing: border-box;\n    }\n\n    .policy-card-custom:hover {\n        transform: translateY(-10px) rotateX(5deg);\n        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n    }\n\n    .wp-list-item-animate {\n        opacity: 0;\n        transform: translateX(-20px);\n        animation: slideInWP 0.5s forwards;\n    }\n\n    @keyframes slideInWP {\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    .wp-header-blob {\n        position: absolute;\n        z-index: 1;\n        filter: blur(40px);\n        opacity: 0.5;\n        animation: floatWP 6s ease-in-out infinite;\n        border-radius: 9999px;\n    }\n\n    @keyframes floatWP {\n        0%, 100% { transform: translateY(0) scale(1); }\n        50% { transform: translateY(-20px) scale(1.05); }\n    }\n\n    .wp-delay-1 { animation-delay: 0.1s; }\n    .wp-delay-2 { animation-delay: 0.2s; }\n    .wp-delay-3 { animation-delay: 0.3s; }\n    .wp-delay-4 { animation-delay: 0.4s; }\n    .wp-delay-5 { animation-delay: 0.5s; }\n    .wp-delay-6 { animation-delay: 0.6s; }\n    .wp-delay-7 { animation-delay: 0.7s; }\n\n    .wp-glass-header {\n        background: rgba(27, 73, 101, 0.85);\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        max-width: 80rem;\n        margin: 0 auto 4rem auto;\n        border-radius: 1.5rem;\n        padding: 3rem;\n        text-align: center;\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n        position: relative;\n        overflow: hidden;\n        z-index: 10;\n    }\n    \n    \/* Reset some common WP list styles inside our block *\/\n    .wp-language-policy-wrapper ul {\n        list-style: none !important;\n        padding-left: 0 !important;\n        margin-left: 0 !important;\n    }\n<\/style>\n\n<!-- Main Wrapper -->\n<div class=\"wp-language-policy-wrapper rounded-xl my-8\">\n\n    <!-- Decorative background blobs -->\n    <div class=\"wp-header-blob bg-brand-light w-96 h-96 top-0 left-0 -translate-x-1\/4 -translate-y-1\/4 pointer-events-none\"><\/div>\n    <div class=\"wp-header-blob bg-brand-accent w-80 h-80 bottom-0 right-0 translate-x-1\/4 translate-y-1\/4 pointer-events-none\" style=\"animation-delay: -3s;\"><\/div>\n\n    <!-- Header Section -->\n    <header class=\"relative px-4\">\n        <div class=\"wp-glass-header\">\n            <!-- Decorative rings inside header -->\n            <div class=\"absolute top-0 right-0 -mr-16 -mt-16 w-64 h-64 border-[30px] border-white\/5 rounded-full pointer-events-none\"><\/div>\n            <div class=\"absolute bottom-0 left-0 -ml-16 -mb-16 w-48 h-48 border-[20px] border-white\/5 rounded-full pointer-events-none\"><\/div>\n            \n            <h1 class=\"text-white text-3xl md:text-5xl lg:text-6xl font-extrabold tracking-tight m-0\" style=\"color:white\">Medium of Instruction<\/h1>\n            <h2 class=\"font-tc text-brand-accent text-xl md:text-3xl font-bold tracking-widest mb-4 drop-shadow-md\" style=\"font-family: 'Noto Sans TC', sans-serif; color:white\">\u6559\u5b78\u8a9e\u8a00<\/h2>\n\n            \n            <!-- Icon decoration -->\n            <div class=\"absolute top-6 right-8 opacity-20 hidden md:block pointer-events-none\">\n                <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                <\/svg>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Main Grid -->\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 policy-card-container px-4 pb-12\">\n\n        <!-- English Card -->\n        <div class=\"policy-card-custom bg-white rounded-2xl flex flex-col h-full border border-slate-100 shadow-xl overflow-hidden group\">\n            <div class=\"bg-gradient-to-br from-green-400 to-green-600 p-6 relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-24 h-24 bg-white opacity-10 rounded-bl-full transform translate-x-4 -translate-y-4 group-hover:scale-110 transition-transform\"><\/div>\n                <h3 class=\"text-white text-2xl font-bold text-center m-0 relative z-10 drop-shadow-sm\" font=\"\" style=\"color:white\">Subjects taught in English<BR><span class=\"text-lg font-semibold text-purple-100\">\u82f1\u8a9e\u6388\u8ab2\u79d1\u76ee<\/span><\/h3>\n            <\/div>\n            <div class=\"p-6 flex-grow bg-gradient-to-b from-white to-green-50\/30\">\n                <ul class=\"space-y-4\">\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-1 m-0\">\n                         <span class=\"font-medium text-slate-700\">GE<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-2 m-0\">\n                         <span class=\"font-medium text-slate-700\">Drama<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-3 m-0\">\n                           <span class=\"font-medium text-slate-700\">Wild Reader<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-4 m-0\">\n                         <span class=\"font-medium text-slate-700\">International Culture<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-5 m-0\">\n                             <span class=\"font-medium text-slate-700\">Mathematics<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-6 m-0\">\n                         <span class=\"font-medium text-slate-700\">Science<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-7 m-0\">\n                           <span class=\"font-medium text-slate-700\">Music (P1-5)<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Chinese (Cantonese) Card -->\n        <div class=\"policy-card-custom bg-white rounded-2xl flex flex-col h-full border border-slate-100 shadow-xl overflow-hidden group\">\n            <div class=\"bg-gradient-to-br from-orange-400 to-orange-600 p-6 relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-24 h-24 bg-white opacity-10 rounded-bl-full transform translate-x-4 -translate-y-4 group-hover:scale-110 transition-transform\"><\/div>\n                <h3 class=\"text-white text-2xl font-bold text-center leading-tight m-0 relative z-10 drop-shadow-sm\" style=\"color:white\">Subjects taught in Cantonese<BR><span class=\"text-lg font-semibold text-purple-100\">\u7cb5\u8a9e\u6388\u8ab2\u79d1\u76ee<\/span><\/h3>\n<\/div>\n            <div class=\"p-6 flex-grow bg-gradient-to-b from-white to-orange-50\/30\">\n                <ul class=\"space-y-4\">\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-1 m-0\">\n                        <span class=\"font-medium text-slate-700\">Bible<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-2 m-0\">\n                          <span class=\"font-medium text-slate-700\">Music (P6)<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-3 m-0\">\n                        <span class=\"font-medium text-slate-700\">Humanities<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Chinese (PTH) Card -->\n        <div class=\"policy-card-custom bg-white rounded-2xl flex flex-col h-full border border-slate-100 shadow-xl overflow-hidden group\">\n            <div class=\"bg-gradient-to-br from-pink-500 to-rose-600 p-6 relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-24 h-24 bg-white opacity-10 rounded-bl-full transform translate-x-4 -translate-y-4 group-hover:scale-110 transition-transform\"><\/div>\n                <h3 class=\"text-white text-2xl font-bold text-center leading-tight m-0 relative z-10 drop-shadow-sm\" style=\"color:white\">Subjects taught in Putonghua<br><span class=\"text-lg font-semibold text-pink-100\">\u666e\u901a\u8a71\u6388\u8ab2\u79d1\u76ee<\/span><\/h3>\n            <\/div>\n            <div class=\"p-6 flex-grow bg-gradient-to-b from-white to-pink-50\/30\">\n                <ul class=\"space-y-4\">\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-1 m-0\">\n                           <span class=\"font-medium text-slate-700\">Chinese<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-2 m-0\">\n                           <span class=\"font-medium text-slate-700\">PTH (P1-2)<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- Mixed Card -->\n        <div class=\"policy-card-custom bg-white rounded-2xl flex flex-col h-full border border-slate-100 shadow-xl overflow-hidden group relative\">\n            <div class=\"bg-gradient-to-br from-purple-500 to-indigo-600 p-6 relative overflow-hidden\">\n                <div class=\"absolute top-0 right-0 w-24 h-24 bg-white opacity-10 rounded-bl-full transform translate-x-4 -translate-y-4 group-hover:scale-110 transition-transform\"><\/div>\n                <h3 class=\"text-white text-2xl font-bold text-center leading-tight m-0 relative z-10 drop-shadow-sm\" style=\"color:white\">Subjects taught bilingually<br><span class=\"text-lg font-semibold text-purple-100\">\u4e2d\u82f1\u6587\u96d9\u8a9e\u6388\u8ab2\u79d1\u76ee<\/span><\/h3>\n            <\/div>\n            <div class=\"p-6 flex-grow bg-gradient-to-b from-white to-purple-50\/30 relative z-10\">\n                <ul class=\"space-y-4\">\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-1 m-0\">\n                         <span class=\"font-medium text-slate-700\">ICT<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-2 m-0\">\n                         <span class=\"font-medium text-slate-700\">PE<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-3 m-0\">\n                        <span class=\"font-medium text-slate-700\">Visual Arts<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-4 m-0\">\n                        <span class=\"font-medium text-slate-700\">PBL<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-5 m-0\">\n                        <span class=\"font-medium text-slate-700\">IA<\/span>\n                    <\/li>\n                    <li class=\"flex items-start wp-list-item-animate wp-delay-6 m-0\">\n                         <span class=\"font-medium text-slate-700\">MI<\/span>\n                    <\/li>\n                <\/ul>\n            <\/div>\n            \n            <!-- Decorative leaves graphic in bottom right -->\n            <div class=\"absolute bottom-0 right-0 w-32 h-32 opacity-20 pointer-events-none transform translate-x-4 translate-y-4\">\n                <svg viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full\">\n                    <path d=\"M50 40 C70 30, 60 10, 45 20 C25 30, 30 50, 50 40 Z\" fill=\"#4F46E5\"><\/path>\n                    <path d=\"M80 30 C95 20, 100 40, 85 50 C70 60, 65 40, 80 30 Z\" fill=\"#9333EA\"><\/path>\n                    <path d=\"M60 70 C80 60, 70 90, 55 80 C40 70, 45 50, 60 70 Z\" fill=\"#4338CA\"><\/path>\n                <\/svg>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Medium of Instruction \u6559\u5b78\u8a9e\u8a00 Subjects taught in English\u82f1\u8a9e [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-11241","page","type-page","status-publish","hentry","latest_post"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"webadmin","author_link":"https:\/\/www.htps.edu.hk\/?author=7"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/www.htps.edu.hk\/?lang=zh\" rel=\"tag\">\u4e2d\u6587<\/a>","rttpg_excerpt":"Medium of Instruction \u6559\u5b78\u8a9e\u8a00 Subjects taught in English\u82f1\u8a9e...","_links":{"self":[{"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=\/wp\/v2\/pages\/11241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11241"}],"version-history":[{"count":2,"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=\/wp\/v2\/pages\/11241\/revisions"}],"predecessor-version":[{"id":11243,"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=\/wp\/v2\/pages\/11241\/revisions\/11243"}],"wp:attachment":[{"href":"https:\/\/www.htps.edu.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}