*{box-sizing:border-box}body{margin:0;background:#eef6fc;color:#082951;font-family:"Microsoft JhengHei",sans-serif}a{color:#006bcb}nav{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #cde1f4;padding:12px 20px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}nav strong{margin-right:auto}nav a{text-decoration:none;font-weight:bold}nav a[aria-current]{border-bottom:3px solid #0076e5}main{max-width:1100px;margin:auto;background:white}.note{padding:9px 20px;font-size:12px;background:#e2f1fc;color:#476582}.art{position:relative;line-height:0;overflow:hidden}.art img{width:100%;display:block}.hot{position:absolute;display:block;z-index:2;border-radius:5px;cursor:pointer;background:transparent;border:0}.hot:hover,.hot:focus-visible{outline:3px solid #0088ef;background:#0088ef18}.intro{aspect-ratio:1024/475}.details img{margin-top:-41.7%}.details{line-height:0}.content{padding:44px 5%;line-height:1.8}.eyebrow{color:#087dc8;font-size:13px;letter-spacing:2px}h1{font-size:34px;line-height:1.4}h2{font-size:23px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.card{border:1px solid #c8dff2;padding:24px;border-radius:9px;background:#f5faff}.card a,.button{display:inline-block;padding:10px 16px;border-radius:5px;background:#0071d4;color:white;text-decoration:none;margin-top:12px}.resource{scroll-margin-top:90px;border-top:1px solid #d1e2f1;padding:25px 0}.steps{padding:20px;background:#eef7ff}.footer{padding:25px;text-align:center;background:#073965;color:white}.footer a{color:white}dialog{border:0;border-radius:12px;max-width:900px;width:90%;padding:20px}dialog::backdrop{background:#001c38b8}video{width:100%;max-height:70vh}dialog button{float:right;padding:8px 18px;margin-bottom:12px}.route{font-size:14px;color:#54738f} @media(max-width:700px){.cards{grid-template-columns:1fr}nav{gap:13px;font-size:13px}nav strong{width:100%}h1{font-size:27px}}
.lang{padding:6px 10px;border:1px solid #0087DC;border-radius:5px}.brand{display:flex;align-items:center;gap:7px;margin-right:auto}.brand img{height:24px;width:auto}.brand strong{margin:0}.brand span{font-size:14px}.note{line-height:1.6}.translation-note{padding:16px 5%;font-size:13px;color:#46637e}.hot:focus-visible{outline:3px solid #0087DC}.detail-links{display:flex;justify-content:space-around;padding:20px;background:#0087DC}.detail-links a{color:white}.resource-note{font-size:14px;color:#54738f}

.intro{container-type:inline-size}.about-slogan{position:absolute;left:3.5%;top:27%;width:43%;height:40%;z-index:3;background:#f5fbfe;margin:0;padding:0.4% 0.6%;font-size:3.75cqw;line-height:1.3;font-weight:800;color:#062651;letter-spacing:-.025em}.about-slogan.en{font-size:3.45cqw;line-height:1.25}
.about-slogan.zh{height:37%}
.about-slogan.en{height:42%}

/* Native localized resource cards replace the raster navigation at the end of About. */
main>.art:first-child:not(.intro){margin-top:-3.90625%;clip-path:inset(2.604167% 0 0 0)}
main>.art.intro:first-child{margin-top:-6.25%;clip-path:inset(13.473684% 0 0 0)}
.details img{margin-bottom:-38%}
.portal-resource-links{padding:28px 4%;background:linear-gradient(110deg,#0064bb,#0087dc);color:white;line-height:1.6}
.portal-resource-links h2{font-size:25px;color:white;margin:0 0 20px}
.portal-resource-links>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.portal-resource-links a{display:flex;align-items:center;gap:12px;padding:20px 16px;background:white;border-radius:9px;text-decoration:none;color:#006bcb}
.portal-resource-links svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.portal-resource-links strong{font-size:19px;color:#082951}.portal-resource-links small{display:block;font-size:13px;color:#476582;margin-top:3px}.portal-resource-links b{margin-left:auto}
@media(max-width:760px){.portal-resource-links>div{grid-template-columns:1fr}.portal-resource-links h2{font-size:22px}}