:root{color:#00162e;--u:min(.133333vw, 1px);--blue:#255dea;--muted:#65758b;--line:#d8e5f1;--ease:cubic-bezier(.22, .68, .3, 1);background:#e9f8ff;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible{outline-offset:3px;outline:3px solid #255dea}a:focus-visible{outline-offset:3px;outline:3px solid #255dea}input:focus-visible{outline-offset:3px;outline:3px solid #255dea}select:focus-visible{outline-offset:3px;outline:3px solid #255dea}h1,h2,p,figure{margin:0}img{max-width:100%}button{border:0}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site{background:#fff;width:min(100%,750px);min-height:100vh;margin:0 auto;position:relative}.main-content{outline:none;width:100%}.page-content{width:100%}.skip-link{border:2px solid var(--blue);z-index:30;background:#fff;padding:12px;position:fixed;top:-100px;left:12px}.skip-link:focus{top:12px}.directory{width:100%;min-height:max(100vh, calc(1497 * var(--u)));background-image:var(--page-background);padding-bottom:calc(110 * var(--u));background-repeat:no-repeat;background-size:100% 100%;font-family:SH,sans-serif,PingFang SC;position:relative}.directory-heading{padding-top:calc(110 * var(--u));margin-bottom:calc(110 * var(--u))}.directory-title{width:calc(632 * var(--u));height:calc(217 * var(--u));margin:auto;display:block}.directory-title>img{width:100%;height:100%;display:block}.entry-grid{place-items:center;gap:calc(40 * var(--u));padding:0 calc(62 * var(--u));grid-template-columns:1fr;display:grid}.entry{width:calc(590 * var(--u));height:calc(125 * var(--u));background-image:var(--category-button);color:#fff;font-weight:400;font-size:calc(48 * var(--u));text-align:center;letter-spacing:1px;text-shadow:0 calc(1 * var(--u)) calc(1 * var(--u)) #000b;transition:transform .14s var(--ease), filter .14s;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;justify-content:center;align-items:center;line-height:1.2;display:flex}.entry:active{filter:brightness(.96);transform:scale(.97)}.entry-title{max-width:100%}.directory-national .directory-heading,.directory-provincial .directory-heading{margin-bottom:6vh}.directory-provincial .entry-grid{gap:calc(38 * var(--u))}.directory-study-abroad .entry-grid{gap:calc(50 * var(--u))}.visual-home,.visual-landing{min-height:100vh;padding-bottom:calc(61 * var(--u));font-family:inherit}.visual-home .directory-heading,.visual-landing .directory-heading{padding-top:calc(128 * var(--u));margin-bottom:calc(100 * var(--u))}.visual-landing .directory-heading{margin-bottom:calc(120 * var(--u))}.visual-home .directory-title,.visual-landing .directory-title{width:calc(723 * var(--u));height:calc(389 * var(--u))}.visual-home .entry-grid,.visual-landing .entry-grid{gap:calc(61 * var(--u));padding:0}.visual-home .entry,.visual-landing .entry{width:calc(497.5 * var(--u));height:calc(97.5 * var(--u))}.visual-cities .entry-grid{grid-template-columns:repeat(3, calc(199 * var(--u)));justify-content:space-between;gap:calc(51 * var(--u)) 0;display:grid}.visual-cities .entry,.visual-groups .entry{width:calc(199 * var(--u));height:calc(61 * var(--u));font-size:calc(34 * var(--u));letter-spacing:0;background-image:var(--city-button);background-size:contain}.directory-yunfu-districts .entry-grid{justify-content:start;column-gap:calc(14 * var(--u))}.visual-districts .directory-body{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.visual-districts .entry-grid{grid-template-columns:repeat(3, calc(205 * var(--u)));justify-content:center;gap:calc(32 * var(--u)) calc(10 * var(--u));padding:0 calc(44 * var(--u));display:grid}.visual-districts .entry{width:calc(205 * var(--u));height:calc(75 * var(--u));background-size:contain}.visual-themes .directory-heading{padding-top:calc(150 * var(--u));margin-bottom:3vh}.visual-themes .directory-title{height:calc(160 * var(--u))}.visual-themes .entry-grid{gap:calc(15 * var(--u))}.visual-themes .entry{height:calc(150 * var(--u))}.visual-groups .directory-heading{margin-bottom:calc(90 * var(--u))}.visual-groups .directory-group{margin-bottom:calc(30 * var(--u))}.group-title{color:#ff850e;font-family:AaHouDiHei,SH,sans-serif;font-weight:400;font-size:calc(38 * var(--u));line-height:calc(48 * var(--u));text-align:center;margin-bottom:calc(16 * var(--u))}.visual-groups .entry-grid{grid-template-columns:repeat(3, calc(199 * var(--u)));justify-content:start;gap:calc(30 * var(--u)) calc(24 * var(--u));padding:0 calc(48 * var(--u)) 0 calc(56 * var(--u))}.visual-groups .entry{font-size:calc(32 * var(--u));white-space:nowrap}.back-button{left:50%;bottom:calc(32 * var(--u) + env(safe-area-inset-bottom,0px));width:calc(100 * var(--u));height:calc(100 * var(--u));z-index:5;background:0 0;min-width:44px;min-height:44px;padding:0;transition:filter .14s;position:fixed;transform:translate(-50%)}.back-button:active{filter:brightness(.9)}.back-button img{width:100%;height:100%;display:block}.archive-detail .back-button{left:calc(50% + 295 * var(--u));bottom:calc(180 * var(--u) + env(safe-area-inset-bottom,0px));width:calc(96 * var(--u));height:calc(96 * var(--u));background:#9ab2f780;border-radius:50%;place-items:center;display:grid}.back-button svg{width:100%;height:100%}.visual-archives{background:#f5f8fd;min-height:100vh;padding:0;font-family:inherit}.visual-archives .directory-heading{height:calc(504 * var(--u));padding:calc(270 * var(--u)) 0 0 calc(32 * var(--u));background:var(--page-background) center/100% 100% no-repeat;margin:0}.visual-archives .directory-title{width:calc(420 * var(--u));height:calc(50 * var(--u));margin:0}.visual-archives .directory-body{margin-top:calc(-40 * var(--u));min-height:calc(100vh - 504 * var(--u));border-radius:calc(28 * var(--u)) calc(28 * var(--u)) 0 0;padding:0 calc(32 * var(--u)) calc(100 * var(--u));background:#f5f8fd;position:relative;overflow:hidden}.tabs{padding:calc(32 * var(--u)) 0;align-items:center;gap:0;display:flex}.tabs button+button{margin-left:calc(46 * var(--u))}.tabs button{color:#999;font-weight:500;font-size:calc(34 * var(--u));line-height:calc(48 * var(--u));white-space:nowrap;background:0 0;padding:0;position:relative}.tabs button[aria-selected=true]{color:#000}.tabs button[aria-selected=true]:after{content:"";left:50%;bottom:calc(-3 * var(--u));width:calc(36 * var(--u));height:calc(22 * var(--u));background:var(--tab-indicator) center/contain no-repeat;position:absolute;transform:translate(-50%)}.visual-archives .directory-group{border-radius:calc(28 * var(--u));padding:0 calc(32 * var(--u));background:#fff}.visual-archives .entry-grid{gap:0;padding:0}.visual-archives .entry{width:100%;height:auto;min-height:calc(104 * var(--u));padding:calc(32 * var(--u)) 0;color:#00162e;border-bottom:calc(2 * var(--u)) solid #d8d8d866;font:inherit;text-shadow:none;letter-spacing:0;text-align:left;background:0 0;justify-content:flex-start;font-size:16px}.visual-archives .entry:last-child{border-bottom:0}.archive-icon,.archive-arrow{width:calc(40 * var(--u));height:calc(40 * var(--u));object-fit:contain;flex-shrink:0}.visual-archives .entry-title{padding-left:calc(32 * var(--u));flex:1;line-height:1.5}.archive-arrow{margin-left:8px}.article-page,.article-images{background:#fff;width:100%}.article-images figure{width:100%;margin:0}.image-open{background:0 0;border:0;width:100%;padding:0;line-height:0;display:block}.image-open img{width:100%;height:auto;display:block}.image-error{text-align:center;background:#edf6ff;place-content:center;gap:16px;min-height:180px;display:grid}.notice{background:#eff7ff;padding:12px 16px;font-size:14px;line-height:1.6}.notice-error{color:#a33121;background:#fff0eb}.button{color:#fff;background:#255dea;border:1px solid #255dea;border-radius:5px;justify-content:center;align-items:center;min-height:40px;padding:8px 20px;font-size:14px;transition:transform .14s;display:inline-flex}.button:active{transform:scale(.97)}.button-secondary{color:#255dea;background:#fff}.service-actions{padding:calc(40 * var(--u)) calc(32 * var(--u));min-height:calc(160 * var(--u));background:#c1e3ff}.button-row{justify-content:space-around;gap:12px;display:flex}.service-actions .button{font-size:calc(28 * var(--u));padding:calc(14 * var(--u)) calc(32 * var(--u));white-space:nowrap}.action-message{margin-top:12px;font-size:14px}.copy-address{color:#00162e;background:#fff;border:1px solid #91b8db;width:100%;margin-top:12px;padding:10px}.missing-page{min-height:100vh;padding:70px 24px}.missing-page h1{margin-bottom:20px;font-size:24px}.missing-page p{margin-bottom:24px}.external-page{width:100%;height:100vh;position:relative}.external-page iframe{border:0;width:100%;height:100%}.external-heading h1,.external-heading .eyebrow,.external-hint{display:none}.external-heading .button{z-index:1;opacity:.9;min-height:30px;padding:4px 10px;font-size:12px;position:absolute;top:12px;right:12px}.loading-text{color:#65758b;font-size:13px;position:absolute;top:60px;left:16px}.statistics-page{background-color:#e0edff;background-position:0 0;background-repeat:no-repeat;background-size:100% calc(3296 * var(--u));min-height:calc(3232 * var(--u));padding-bottom:calc(46 * var(--u));position:relative}.statistics-heading{padding:calc(129 * var(--u)) calc(40 * var(--u)) 0;text-align:center;min-height:calc(679 * var(--u))}.statistics-heading .subtitle{font-size:calc(34 * var(--u));line-height:calc(67 * var(--u));color:#fff;text-shadow:0 3px 5px #1772f8;font-weight:700}.statistics-heading h1{font-size:calc(60 * var(--u));line-height:calc(67 * var(--u));color:#fff;text-shadow:0 4px 6px #1772f8;overflow-wrap:anywhere;font-weight:700}.statistics-label{margin:calc(20 * var(--u)) calc(32 * var(--u)) 0;border-radius:calc(23 * var(--u));border:calc(2 * var(--u)) solid white;font-size:calc(28 * var(--u));line-height:calc(40 * var(--u));background:linear-gradient(#90fbfb,#ccf891);font-weight:700}.statistics-body{padding:0 calc(40 * var(--u))}.stat-section{padding:calc(40 * var(--u));border-radius:calc(16 * var(--u));margin-bottom:calc(40 * var(--u));background:#fff}.stat-section h2{font-size:calc(32 * var(--u));line-height:calc(45 * var(--u));margin-bottom:calc(16 * var(--u));font-weight:500}.stat-grid{text-align:center;margin-bottom:calc(20 * var(--u));justify-content:space-between;gap:8px;display:flex}.stat-grid>div{min-width:0}.stat-grid strong,.stat-grid span,.stat-grid small{font-weight:400;display:block}.stat-grid strong{font-size:calc(40 * var(--u));line-height:calc(56 * var(--u));color:#1772f8;order:-1}.stat-grid span,.stat-grid small{font-size:calc(24 * var(--u));line-height:calc(33 * var(--u));margin-top:calc(8 * var(--u))}.stat-grid small{color:#9c9c9c}.table-scroll{max-height:520px;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:calc(28 * var(--u));line-height:calc(40 * var(--u))}th,td{padding:calc(16 * var(--u)) 0;font-weight:400}thead th{background:#fff;position:sticky;top:0}tbody th{color:#262626}tbody td{color:#1772f8}td:last-child,th:last-child{text-align:right}tbody th{overflow-wrap:anywhere}.statistics-footer{text-align:center;font-size:calc(24 * var(--u));line-height:calc(33 * var(--u));padding:calc(30 * var(--u)) 0}.empty-state{color:#65758b;padding:16px 0;font-size:14px}.page-enter-active,.page-leave-active{transition:opacity .12s}.page-enter-from,.page-leave-to{opacity:0}.image-viewer[open]{animation:viewer-appear .16s var(--ease)}@keyframes viewer-appear{0%{opacity:0}to{opacity:1}}@media (hover:hover){.entry:hover{filter:brightness(1.035)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.entry:active,.button:active{transform:none}}@media (max-width:370px){.viewer-toolbar{gap:8px;padding:12px}.viewer-actions{gap:4px}.viewer-actions button{min-width:36px;padding:6px}.service-actions .button{padding:8px 12px;font-size:12px}}@media (min-width:1600px){.screen-mode{--u:1.6px;max-width:1200px}}@media (min-width:751px){.site.fit-directory{--desktop-canvas-height:1600;--u:min(.133333vw, calc(100vh / var(--desktop-canvas-height)), 1px);width:calc(750 * var(--u))}.site.fit-home{--desktop-canvas-height:1251}@supports (height:100dvh){.site.fit-directory{--u:min(.133333vw, calc(100dvh / var(--desktop-canvas-height)), 1px)}}}.image-viewer{width:100vw;max-width:none;height:100vh;color:#fff;z-index:40;background:#111c2c;border:0;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.image-viewer[open]{flex-direction:column;display:flex}.image-viewer::backdrop{background:#111c2ce8}.viewer-toolbar{padding:16px max(20px, env(safe-area-inset-right));border-bottom:1px solid #fff2;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.viewer-toolbar strong{font-size:14px;line-height:1.5;display:block}.viewer-toolbar>div:first-child{min-width:0}.viewer-toolbar span{color:#b6c2d3;font-size:12px}.viewer-actions{flex-shrink:0;gap:8px;display:flex}.viewer-actions button,.viewer-actions a,.viewer-pagination button{color:#fff;background:#ffffff12;border:1px solid #fff2;border-radius:8px;min-width:42px;min-height:42px;padding:8px 12px}.viewer-actions a{align-items:center;font-size:12px;display:inline-flex}@media (max-width:480px){.viewer-toolbar{flex-wrap:wrap;gap:8px;padding:12px}.viewer-actions{margin-left:auto}}.viewer-canvas{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.viewer-canvas img{transform-origin:0 0;min-width:100%;max-width:none;height:auto;display:block}.viewer-pagination{padding:12px 20px max(12px, env(safe-area-inset-bottom));flex-shrink:0;justify-content:center;align-items:center;gap:20px;font-size:13px;display:flex}
