feat(publications,standardization,ui): harmonize typography, active category border, and 5 representative highlights

- Refine Publications overview & category detail pages with clean typography and spacing
- Add active border line (border-2 border-cobalt-dark) on active CategoryNav card
- Replace 10 highlights with 5 designated representative publications
- Add Patent subtitle '(IoT Architecture & Protocols, etc ...)'
- Update Footer link label from 'College of IT Engineering' to 'CITE'
- Clean up Standardization & Lectures page header kickers and spacing

refer_landing_page/components/Footer.tsx

@@ -101,7 +101,7 @@ export default function Footer() {
               rel="noopener noreferrer"
               className="inline-flex items-center gap-1 px-2.5 py-1 rounded bg-ivory border border-line text-ink-soft hover:text-cobalt-dark hover:border-cobalt/40 transition-colors"
             >
-              <span>College of IT Engineering</span>
+              <span>CITE</span>
               <span className="text-[0.65rem] text-ink-mute">↗</span>
             </a>
           </div>

refer_landing_page/components/Header.tsx

@@ -130,7 +130,7 @@ export default function Header() {
         {/* Brand logo */}
         <Link
           href="/"
-          className="group flex items-center gap-3 shrink-0"
+          className="group flex items-center gap-3 min-w-0 desktop:shrink-0"
           onClick={() => setOpen(false)}
         >
           <div className="relative flex items-center justify-center w-9 h-9 sm:w-10 sm:h-10 rounded-xl overflow-hidden shadow-sm ring-1 ring-ink/10 group-hover:ring-cobalt/40 group-hover:shadow-md group-hover:scale-105 transition-all duration-300 shrink-0">
@@ -158,11 +158,11 @@ export default function Header() {
             </svg>
           </div>
 
-          <div className="flex flex-col leading-none">
+          <div className="flex flex-col leading-none min-w-0">
             <span className="headline-ko text-lg text-ink sm:text-xl font-bold tracking-tight group-hover:text-cobalt-dark transition-colors">
               ANL
             </span>
-            <span className="kicker mt-1 transition-colors group-hover:text-cobalt-dark">
+            <span className="kicker mt-1 transition-colors group-hover:text-cobalt-dark truncate">
               AI Agent Networking LAB
             </span>
           </div>