*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
-webkit-text-size-adjust:100%;
}
body{
background:#F0FAFA;
line-height:1.55;
text-rendering:optimizeLegibility;
font-family:"Inter", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-size:0.938rem;
-webkit-font-smoothing:antialiased;
overflow-wrap:break-word;
color:#2E5060;
}
img{
display:block;
max-width:100%;
}
a{
color:inherit;
text-decoration:none;
}
button{
background:none;
border:none;
font-family:inherit;
cursor:pointer;
}
input{
font-family:inherit;
}
svg{
display:block;
}
h1,h2,h3,h4{
overflow-wrap:anywhere;
}
::-webkit-scrollbar{
width:0.5rem;
height:8px;
}
::-webkit-scrollbar-thumb{
border-radius:8px;
background:rgba(10, 31, 46, 0.72);
}
::-webkit-scrollbar-track{
background:transparent;
}
.hkmshell-w02{
grid-template-columns:248px 1fr;
min-height:100vh;
display:grid;
}
.hkmmain-w02{
min-width:0;
}
.hkmwrap-w02{
margin:0 auto;
width:100%;
max-width:1400px;
}
.hkmcontainer-w02{
margin:0 auto;
padding:0 16px;
width:100%;
max-width:1400px;
}
@media(min-width:767px){
.hkmcontainer-w02{
padding:0 28px;
}
}
.hkmsection-w02{
padding:1.5rem 1.75rem;
}
.hkmsection_pt-w02{
padding-top:34px;
}
.hkmband_soft-w02{
background:#FFFFFF;
}
.hkmeyebrow-w02{
line-height:1.4;
overflow-wrap:break-word;
color:#007A88;
font-size:10.5px;
text-transform:uppercase;
letter-spacing:.14em;
font-family:"Inter", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
font-weight:600;
display:inline-block;
}
.hkmdrawer_cb-w02{
display:none;
}
.hkmoverlay-w02{
display:none;
}
@media(max-width:1024px){
.hkmshell-w02{
grid-template-columns:1fr;
}
.hkmmain-w02{
padding-bottom:4.875rem;
}
.hkmdrawer_cb-w02:checked~.hkmoverlay-w02{
inset:0;
background:rgba(10, 31, 46, 0.72);
position:fixed;
z-index:70;
display:block;
}
}
@media(max-width:559px){
.hkmsection-w02{
padding:1.125rem 16px;
}
.hkmsection_pt-w02{
padding-top:24px;
}
}
@keyframes zm3-pulse{
0%,100%{
opacity:.55}
50%{
opacity:1}
}
@keyframes zm3-marquee{
0%{
transform:translateX(0)}
100%{
transform:translateX(-50%)}
}
/* ---------- sidebar ---------- */
.hkmside-w02{
padding:22px 18px;
gap:1.375rem;
background:#E3F2F5;
height:100vh;
display:flex;
flex-direction:column;
border-right:1px solid rgba(13, 37, 53, 0.08);
position:sticky;
overflow-y:auto;
top:0;
align-self:start;
}
.hkmbrand-w02{
gap:0.625rem;
display:flex;
align-items:center;
}
.hkmlogo-w02{
font-weight:700;
color:#0D2535;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:21px;
letter-spacing:-.02em;
}
.hkmside_cta-w02{
background:rgba(0, 122, 136, 0.11);
border-radius:13px;
padding:16px;
border:1px solid rgba(13, 37, 53, 0.12);
}
.hkmside_cta_h-w02{
color:#0D2535;
font-size:17px;
margin-bottom:6px;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.15;
}
.hkmside_cta_p-w02{
margin-bottom:12px;
color:#2E5060;
font-size:0.75rem;
line-height:1.45;
}
.hkmnav-w02{
gap:3px;
display:flex;
flex-direction:column;
}
.hkmnav_label-w02{
padding:0.375rem 0.625rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
color:#8AAAB5;
letter-spacing:.14em;
font-size:0.594rem;
}
.hkmnav_item-w02{
padding:0.625rem;
border-radius:0.563rem;
gap:0.688rem;
font-weight:500;
color:#2E5060;
font-size:0.875rem;
display:flex;
align-items:center;
}
.hkmnav_item-w02 svg{
width:1.063rem;
height:17px;
}
.hkmnav_item-w02:hover{
background:rgba(0, 122, 136, 0.11);
color:#0D2535;
}
.hkmnav_item_on-w02{
background:rgba(0, 122, 136, 0.11);
font-weight:600;
color:#007A88;
}
.hkmside_foot-w02{
padding:12px;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:13px;
margin-top:auto;
}
.hkmside_foot-w02 p{
font-size:12.5px;
color:#2E5060;
line-height:1.4;
margin-top:4px;
}
/* ---------- topbar ---------- */
.hkmtop-w02{
gap:16px;
background:#E3F2F5;
padding:14px 28px;
position:sticky;
border-bottom:1px solid rgba(13, 37, 53, 0.08);
align-items:center;
top:0;
display:flex;
z-index:40;
}
.hkmtop_brand-w02{
gap:9px;
display:none;
align-items:center;
}
.hkmsearch-w02{
gap:0.625rem;
flex:1;
border-radius:0.813rem;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
padding:0.688rem 0.875rem;
display:flex;
max-width:27.5rem;
align-items:center;
color:#5A8090;
font-size:13.5px;
}
.hkmsearch-w02 svg{
flex:none;
width:1rem;
height:1rem;
}
.hkmtop_actions-w02{
gap:0.75rem;
margin-left:auto;
align-items:center;
display:flex;
}
.hkmlang-w02{
color:#2E5060;
font-size:0.75rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
}
.hkmburger-w02{
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:0.563rem;
color:#0D2535;
align-items:center;
height:40px;
display:none;
justify-content:center;
width:40px;
}
/* ---------- bottom-nav (mobile) ---------- */
.hkmbotnav-w02{
display:none;
}
@media(max-width:1026px){
.hkmside-w02{
transition:transform .25s ease;
height:100vh;
left:0;
top:0;
transform:translateX(-100%);
z-index:80;
position:fixed;
width:280px;
}
.hkmdrawer_cb-w02:checked~.hkmshell-w02 .hkmside-w02{
transform:translateX(0);
}
.hkmtop-w02{
gap:0.75rem;
padding:14px 16px;
position:static;
flex-wrap:wrap;
}
.hkmtop_brand-w02{
display:flex;
}
.hkmsearch-w02{
display:none;
}
.hkmburger-w02{
display:flex;
}
.hkmtop_actions-w02{
gap:0.625rem;
align-items:stretch;
width:100%;
margin-left:0;
}
.hkmtop_actions-w02 .hkmlang-w02{
display:none;
}
.hkmtop_actions-w02 .hkmbtn-w02{
padding:11px 10px;
flex:1;
text-align:center;
}
.hkmbotnav-w02{
grid-template-columns:repeat(3,1fr);
padding:8px 6px calc(8px + env(safe-area-inset-bottom));
background:#E3F2F5;
position:fixed;
right:0;
border-top:1px solid rgba(13, 37, 53, 0.12);
z-index:65;
bottom:0;
left:0;
transform:translateZ(0);
display:grid;
}
.hkmbn-w02{
padding:6px 2px 0;
gap:0.25rem;
font-size:0.625rem;
align-items:center;
font-weight:600;
flex-direction:column;
min-width:0;
justify-content:flex-end;
display:flex;
color:#2E5060;
}
.hkmbn-w02 svg{
flex:none;
width:1.375rem;
height:1.375rem;
}
.hkmbn-w02 span{
overflow:hidden;
text-align:center;
white-space:nowrap;
text-overflow:ellipsis;
max-width:100%;
}
.hkmbn_on-w02{
color:#007A88;
}
.hkmbn_center-w02{
position:relative;
}
.hkmbn_fab-w02{
border-radius:50%;
background:#00C2CC;
color:#0A1F2E;
top:-20px;
width:3.125rem;
justify-content:center;
transform:translateX(-50%);
position:absolute;
align-items:center;
display:flex;
height:50px;
box-shadow:0 8px 32px rgba(10, 31, 46, 0.18), 0 2px 0.5rem rgba(0, 122, 136, 0.14);
left:50%;
}
.hkmbn_fab-w02 svg{
width:24px;
height:24px;
}
.hkmbn_center-w02 span{
color:#007A88;
}
}
.hkmbtn-w02{
border-radius:9px;
padding:0.688rem 1.375rem;
gap:0.5rem;
transition:background-color 0.2s ease,color 0.2s ease;
font-family:"Inter", ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
cursor:pointer;
justify-content:center;
font-size:14px;
align-items:center;
font-weight:700;
display:inline-flex;
}
.hkmbtn_pri-w02{
background:#00C2CC;
color:#0A1F2E;
box-shadow:0 0.25rem 18px rgba(0, 194, 204, 0.42), 0 2px 6px rgba(0, 194, 204, 0.24);
}
.hkmbtn_pri-w02:hover{
background:#00A8B2;
}
.hkmbtn_ghost-w02{
background:rgba(0, 122, 136, 0.11);
font-weight:600;
color:#0D2535;
}
.hkmbtn_line-w02{
background:transparent;
border:1px solid rgba(13, 37, 53, 0.22);
color:#0D2535;
font-weight:600;
}
.hkmbtn_lg-w02{
padding:16px 1.875rem;
border-radius:13px;
font-size:0.938rem;
}
.hkmband-w02 .hkmbtn_line-w02{
border-color:rgba(255, 255, 255, 0.13);
color:#E8F8FA;
}
.hkmband-w02 .hkmbtn_ghost-w02{
background:rgba(255, 255, 255, 0.08);
color:#E8F8FA;
}
.hkmlink_m-w02{
gap:0.313rem;
text-decoration:none;
display:inline-flex;
color:#007A88;
align-items:center;
cursor:pointer;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:12px;
}
.hkmlink_m-w02 svg{
width:0.875rem;
height:14px;
}
.hkmband-w02 .hkmlink_m-w02{
color:#00D6E0;
}
.hkmdot-w02{
flex:none;
background:#007A88;
border-radius:50%;
width:7px;
height:7px;
}
.hkmdot_live-w02{
animation:zm3-pulse 1.4s infinite;
background:#E03A3A;
}
.hkmstars-w02{
gap:2px;
color:#007A88;
display:inline-flex;
}
.hkmstars-w02 svg{
height:15px;
width:15px;
}
.hkmchip-w02{
border:1px solid rgba(13, 37, 53, 0.12);
padding:0.438rem 12px;
background:#FFFFFF;
border-radius:0.563rem;
gap:0.375rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
display:inline-flex;
font-size:0.688rem;
color:#2E5060;
align-items:center;
}
.hkmchip_on-w02{
background:rgba(0, 122, 136, 0.11);
border-color:transparent;
color:#007A88;
}
.hkmgc-w02{
text-decoration:none;
min-width:0;
display:block;
color:inherit;
cursor:pointer;
}
.hkmgc_thumb-w02{
overflow:hidden;
border-radius:0.813rem;
border:1px solid rgba(13, 37, 53, 0.12);
background-position:center;
aspect-ratio:1;
position:relative;
background-size:cover;
display:block;
}
.hkmgc_thumb_portrait-w02{
aspect-ratio:3/4;
}
.hkmgc_thumb_wide-w02{
aspect-ratio:16/11;
}
.hkmgc_cap-w02{
padding:0.563rem;
background:linear-gradient(transparent,rgba(10, 31, 46, 0.72));
position:absolute;
right:0;
left:0;
bottom:0;
}
.hkmgc_name-w02{
color:#E8F8FA;
font-weight:700;
font-size:0.781rem;
display:block;
}
.hkmgc_meta-w02{
color:#9CCDD6;
font-size:0.688rem;
}
.hkmgc_badge-w02{
background:#007A88;
padding:2px 0.375rem;
border-radius:0.563rem;
color:#0A1F2E;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
right:0.5rem;
font-weight:700;
position:absolute;
font-size:0.5rem;
top:8px;
}
.hkmgc_badge_hot-w02{
background:#E03A3A;
color:#E8F8FA;
}
.hkmgc_badge_live-w02{
background:#E03A3A;
right:auto;
color:#E8F8FA;
left:8px;
}
.hkmgc_mult-w02{
inset:0;
justify-content:center;
display:flex;
color:#007A88;
font-weight:700;
font-size:1.75rem;
position:absolute;
align-items:center;
}
.hkmpc-w02{
border:1px solid rgba(13, 37, 53, 0.12);
background:#FFFFFF;
border-radius:13px;
font-size:14px;
justify-content:center;
align-items:center;
height:64px;
display:flex;
font-weight:700;
color:#2E5060;
}
.hkmrail-w02{
min-width:0;
}
.hkmrail_scroll-w02{
gap:14px;
display:grid;
}
.hkmrail_scroll-w02>*{
min-width:0;
}
.hkmg6-w02{
grid-template-columns:repeat(6,1fr);
}
.hkmg7-w02{
grid-template-columns:repeat(7,1fr);
}
.hkmg4-w02{
grid-template-columns:repeat(4,1fr);
}
@media(max-width:1024px){
.hkmg6-w02,.hkmg7-w02{
grid-template-columns:none;
grid-auto-columns:120px;
grid-auto-flow:column;
padding-bottom:0.375rem;
scroll-snap-type:x mandatory;
overflow-x:auto;
}
.hkmg6-w02>*,.hkmg7-w02>*{
scroll-snap-align:start;
}
.hkmg4-w02{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:558px){
.hkmg4-w02{
grid-template-columns:none;
grid-auto-columns:150px;
grid-auto-flow:column;
overflow-x:auto;
}
}
.hkmpanel-w02{
background:#FFFFFF;
padding:28px 32px;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:1.25rem;
}
.hkmsplit-w02{
gap:2.25rem;
align-items:start;
display:grid;
}
.hkmsplit-w02>*{
min-width:0;
}
.hkmsplit_a-w02{
grid-template-columns:.85fr 1.15fr;
}
.hkmsplit_b-w02{
grid-template-columns:1fr 1.1fr;
}
.hkmsplit_c-w02{
grid-template-columns:1.1fr .9fr;
}
.hkmpgrid-w02{
gap:2.5rem;
grid-template-columns:.9fr 1.1fr;
align-items:center;
display:grid;
}
.hkmpgrid-w02>*{
min-width:0;
}
.hkmlead-w02{
margin-bottom:14px;
color:#2E5060;
font-size:15px;
line-height:1.65;
}
.hkmfeat-w02{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.hkmfeat-w02>*{
min-width:0;
}
.hkmfeat2-w02{
grid-template-columns:1fr 1fr;
}
.hkmfeat_card-w02{
padding:26px;
border-radius:1.25rem;
border:1px solid rgba(13, 37, 53, 0.12);
background:#FFFFFF;
}
.hkmfeat_card-w02 svg{
width:1.625rem;
color:#007A88;
margin-bottom:16px;
height:26px;
}
.hkmfeat_card-w02 h3{
margin-bottom:0.5rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#0D2535;
font-size:18px;
font-weight:700;
}
.hkmfeat_card-w02 p{
line-height:1.6;
color:#2E5060;
font-size:0.813rem;
}
.hkmfeat_card-w02 b{
color:#0D2535;
}
.hkmbig-w02{
gap:1.375rem;
flex-wrap:wrap;
display:flex;
}
.hkmbig_n-w02{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#007A88;
font-weight:700;
font-size:26px;
}
.hkmbig_l-w02{
font-size:0.75rem;
color:#5A8090;
}
.hkmperson-w02{
gap:14px;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:13px;
padding:1rem 1.125rem;
background:#FFFFFF;
display:flex;
align-items:center;
}
.hkmavatar-w02{
background:linear-gradient(135deg,#00C2CC,#005566);
flex:none;
border-radius:50%;
width:2.75rem;
height:44px;
}
.hkmperson_name-w02{
font-weight:700;
font-size:14px;
color:#0D2535;
}
.hkmperson_role-w02{
font-size:12px;
color:#5A8090;
}
.hkmkv-w02{
gap:1px;
overflow:hidden;
grid-template-columns:1fr 1fr;
background:rgba(13, 37, 53, 0.12);
border-radius:13px;
border:1px solid rgba(13, 37, 53, 0.12);
display:grid;
}
.hkmkv-w02>div{
padding:16px 1.125rem;
background:#F0FAFA;
min-width:0;
}
.hkmkv_k-w02{
text-transform:uppercase;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.594rem;
color:#007A88;
margin-bottom:0.313rem;
}
.hkmkv_v-w02{
font-size:13.5px;
color:#0D2535;
font-weight:700;
}
@media(max-width:1026px){
.hkmsplit_a-w02,.hkmsplit_b-w02,.hkmsplit_c-w02,.hkmpgrid-w02{
gap:1.5rem;
grid-template-columns:1fr;
}
.hkmfeat-w02,.hkmfeat2-w02{
grid-template-columns:1fr;
}
.hkmkv-w02{
grid-template-columns:1fr;
}
}
.hkmsh-w02{
min-width:0;
margin-bottom:1rem;
}
.hkmsh_row-w02{
gap:0.75rem;
justify-content:space-between;
flex-wrap:wrap;
align-items:flex-end;
display:flex;
}
.hkmsh_row-w02 .hkmsh_l-w02{
gap:6px;
flex-direction:column;
display:flex;
min-width:0;
}
.hkmsh_stack-w02{
gap:10px;
display:flex;
align-items:flex-start;
flex-direction:column;
}
.hkmsh_center-w02{
gap:0.625rem;
text-align:center;
display:flex;
align-items:center;
flex-direction:column;
}
.hkmsh_h2-w02{
gap:0.563rem;
display:flex;
font-size:1.25rem;
align-items:center;
font-weight:700;
overflow-wrap:break-word;
line-height:1.1;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#0D2535;
}
@media(min-width:765px){
.hkmsh_h2-w02{
font-size:1.5rem;
}
}
.hkmband-w02 .hkmsh_h2-w02{
color:#E8F8FA;
}
.hkmeb_mono-w02{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
text-transform:none;
letter-spacing:.08em;
}
.hkmeb_mono-w02::before{
content:"// ";
}
.hkmeb_upper-w02{
text-transform:uppercase;
letter-spacing:.14em;
}
.hkmeb_pill-w02{
background:rgba(0, 122, 136, 0.11);
border-radius:999px;
padding:0.313rem 0.688rem;
letter-spacing:.12em;
text-transform:uppercase;
}
.hkmeb_line-w02{
gap:10px;
display:inline-flex;
align-items:center;
}
.hkmeb_line-w02::before{
background:#007A88;
width:1.5rem;
height:1px;
content:"";
display:inline-block;
}
.hkmband-w02 .hkmeb_line-w02::before{
background:#00D6E0;
}
.hkmband-w02 .hkmeb_pill-w02{
background:rgba(255, 255, 255, 0.08);
}
.hkmsh_link-w02{
gap:0.375rem;
transition:color 0.2s ease,border-color 0.2s ease;
font-size:13px;
font-weight:600;
border-bottom:1px solid #0D2535;
align-items:center;
display:inline-flex;
padding-bottom:2px;
white-space:nowrap;
color:#0D2535;
}
.hkmsh_link-w02:hover{
border-color:#007A88;
color:#007A88;
}
.hkmsh_link-w02 svg{
height:14px;
width:14px;
}
.hkmsh_link_chev-w02{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
border-bottom:0;
color:#007A88;
padding-bottom:0;
font-size:0.75rem;
}
.hkmsh_link_btn-w02{
border-radius:62.438rem;
background:#00C2CC;
padding:0.563rem 1.125rem;
border-bottom:0;
color:#0A1F2E;
}
.hkmsh_link_btn-w02:hover{
border-color:transparent;
background:#00A8B2;
}
.hkmband-w02 .hkmsh_link-w02{
border-color:#E8F8FA;
color:#E8F8FA;
}
.hkmband-w02 .hkmsh_link_chev-w02{
color:#00D6E0;
}
.hkmsh_rule-w02{
margin:-2px 0 16px;
background:rgba(13, 37, 53, 0.12);
height:1px;
}
.hkmband-w02 .hkmsh_rule-w02{
background:rgba(255, 255, 255, 0.13);
}
.hkmseo_grid3-w02{
grid-template-columns:repeat(3,1fr);
gap:1.25rem;
display:grid;
}
.hkmseo_grid4-w02{
grid-template-columns:repeat(4,1fr);
gap:13px;
display:grid;
}
.hkmseo_grid3-w02>*,.hkmseo_grid4-w02>*{
min-width:0;
}
.hkmseo_card-w02{
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
padding:24px;
}
.hkmseo_card-w02 h3{
font-size:1.125rem;
color:#0D2535;
font-weight:700;
margin-bottom:0.5rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.hkmseo_card-w02 p{
line-height:1.6;
color:#2E5060;
font-size:13px;
}
.hkmseo_card_sm-w02{
padding:1.25rem;
}
.hkmseo_card_sm-w02 h3{
font-size:1rem;
}
.hkmseo_card_sm-w02 p{
font-size:0.781rem;
line-height:1.55;
}
.hkmseo_rtp_row-w02{
grid-template-columns:1fr 1fr;
gap:2.25rem;
display:grid;
margin-top:16px;
align-items:center;
}
.hkmrtp-w02{
gap:0.875rem;
display:flex;
min-width:0;
}
.hkmrtp-w02>div{
background:#F0FAFA;
flex:1;
border-radius:0.813rem;
padding:1rem;
text-align:center;
min-width:0;
}
.hkmrtp_n-w02{
font-size:1.625rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#007A88;
font-weight:700;
white-space:nowrap;
}
.hkmrtp_l-w02{
color:#5A8090;
font-size:11px;
margin-top:0.25rem;
}
.hkmcmp-w02{
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:0.813rem;
overflow:hidden;
max-width:47.5rem;
}
.hkmcmp_row-w02{
grid-template-columns:1.6fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.hkmcmp_row-w02>div{
padding:13px 14px;
text-align:center;
min-width:0;
}
.hkmcmp_row-w02>div:first-child{
color:#0D2535;
text-align:left;
font-weight:600;
padding-left:22px;
}
.hkmcmp_th-w02{
background:#F0FAFA;
font-weight:700;
font-size:0.781rem;
}
.hkmcmp_row-w02:not(.hkmcmp_th-w02){
background:#FFFFFF;
border-top:1px solid rgba(13, 37, 53, 0.08);
color:#2E5060;
}
.hkmcmp_zebra-w02{
background:#E8F5F7;
}
.hkmguide-w02{
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:13px;
overflow:hidden;
cursor:pointer;
}
.hkmguide_cover-w02{
height:130px;
}
.hkmguide_body-w02{
padding:20px;
}
.hkmguide_body-w02 h3{
margin:7px 0 9px;
line-height:1.25;
font-size:1rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
color:#0D2535;
}
.hkmguide_meta-w02{
color:#5A8090;
font-size:11.5px;
}
.hkmhub-w02{
gap:1.75rem;
grid-template-columns:repeat(5,1fr);
border-top:1px solid rgba(13, 37, 53, 0.08);
display:grid;
padding-top:1.75rem;
}
.hkmhub-w02>*{
min-width:0;
}
.hkmhub-w02 h4{
color:#0D2535;
font-weight:700;
margin-bottom:11px;
font-size:13px;
}
.hkmhub_col-w02{
gap:8px;
color:#2E5060;
flex-direction:column;
display:flex;
font-size:13px;
}
.hkmhub_col-w02 a{
cursor:pointer;
}
@media(max-width:1024px){
.hkmseo_grid3-w02{
grid-template-columns:1fr;
}
.hkmseo_grid4-w02{
grid-template-columns:repeat(2,1fr);
}
.hkmseo_rtp_row-w02{
grid-template-columns:1fr;
gap:20px;
}
.hkmhub-w02{
gap:22px;
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:557px){
.hkmhub-w02{
grid-template-columns:1fr;
}
}
.hkmhero-w02{
padding:46px 48px;
border-radius:20px;
overflow:hidden;
background:linear-gradient(120deg,#0A1F2E,#0D2D3E);
border:1px solid rgba(13, 37, 53, 0.12);
color:#E8F8FA;
position:relative;
}
.hkmhero_glow-w02{
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
border-radius:50%;
width:340px;
top:-3.75rem;
position:absolute;
height:340px;
right:-3.75rem;
}
.hkmhero_in-w02{
position:relative;
max-width:37.5rem;
}
.hkmhero-w02 .hkmeyebrow-w02{
color:#00D6E0;
}
.hkmpill_row-w02{
background:rgba(255, 255, 255, 0.08);
border:1px solid rgba(255, 255, 255, 0.13);
gap:8px;
padding:0.375rem 0.813rem;
border-radius:999px;
align-items:center;
display:inline-flex;
text-transform:uppercase;
letter-spacing:.1em;
font-size:10.5px;
color:#00D6E0;
margin-bottom:22px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
}
.hkmhero_h1-w02{
margin:1.125rem 0;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
line-height:1.02;
font-size:3.375rem;
overflow-wrap:break-word;
color:#E8F8FA;
letter-spacing:-.02em;
}
.hkmhero_h1-w02 em{
font-style:normal;
color:#00D6E0;
}
.hkmhero_sub-w02{
margin-bottom:28px;
line-height:1.55;
font-size:17px;
max-width:30rem;
color:#9CCDD6;
}
.hkmhero_cta-w02{
gap:0.875rem;
margin-bottom:26px;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.hkmhero_trust-w02{
gap:0.875rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.hkmhero_rating_txt-w02{
font-size:13px;
color:#9CCDD6;
}
@media(max-width:1021px){
.hkmhero-w02{
padding:2rem 1.5rem;
}
.hkmhero_h1-w02{
font-size:38px;
}
}
@media(max-width:559px){
.hkmhero_h1-w02{
font-size:30px;
}
}
.hkmtabs-w02{
gap:0.563rem;
display:flex;
flex-wrap:wrap;
}
.hkmtab-w02{
border-radius:0.563rem;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
padding:0.625rem 1.125rem;
color:#2E5060;
font-weight:600;
font-size:0.813rem;
cursor:pointer;
}
.hkmtab_on-w02{
background:#00C2CC;
border-color:transparent;
color:#0A1F2E;
font-weight:700;
}
.hkmstat-w02{
gap:0.875rem;
grid-template-columns:repeat(4,1fr);
display:grid;
}
.hkmstat-w02>*{
min-width:0;
}
.hkmstat_item-w02{
padding:18px 20px;
border-radius:0.813rem;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
}
.hkmstat_k-w02{
text-transform:uppercase;
margin-bottom:0.438rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#5A8090;
font-size:0.594rem;
letter-spacing:.12em;
}
.hkmstat_v-w02{
gap:0.5rem;
color:#0D2535;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
align-items:center;
overflow-wrap:anywhere;
display:flex;
font-weight:700;
min-width:0;
font-size:1.5rem;
}
.hkmstat_v_accent-w02{
color:#007A88;
}
@media(max-width:1022px){
.hkmstat-w02{
grid-template-columns:repeat(2,1fr);
}
}
.hkmwlc-w02{
grid-template-columns:1.2fr .8fr;
overflow:hidden;
background:linear-gradient(120deg,#0A1F2E,#0D2D3E);
padding:2.25rem 40px;
gap:24px;
border-radius:1.25rem;
border:1px solid rgba(13, 37, 53, 0.12);
position:relative;
color:#E8F8FA;
align-items:center;
display:grid;
}
.hkmwlc-w02>*{
min-width:0;
}
.hkmwlc-w02 .hkmeyebrow-w02{
color:#00D6E0;
}
.hkmwlc_glow-w02{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
height:260px;
top:-2.5rem;
right:-2.5rem;
width:260px;
position:absolute;
}
.hkmwlc_in-w02{
position:relative;
}
.hkmwlc_h2-w02{
margin:10px 0 0.5rem;
overflow-wrap:break-word;
font-weight:700;
color:#E8F8FA;
line-height:1.03;
font-size:34px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.hkmwlc_h2-w02 em{
color:#00D6E0;
font-style:normal;
}
.hkmwlc_sub-w02{
color:#9CCDD6;
font-size:14px;
max-width:420px;
margin-bottom:1.125rem;
line-height:1.55;
}
.hkmwlc_terms-w02{
gap:0.625rem;
flex-direction:column;
position:relative;
display:flex;
}
.hkmterm-w02{
gap:11px;
background:rgba(255, 255, 255, 0.08);
padding:0.813rem 15px;
border-radius:0.813rem;
border:1px solid rgba(255, 255, 255, 0.13);
display:flex;
align-items:center;
}
.hkmterm-w02 svg{
flex:none;
height:1.25rem;
color:#00D6E0;
width:1.25rem;
}
.hkmterm_k-w02{
letter-spacing:.1em;
font-size:0.594rem;
color:#9CCDD6;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
}
.hkmterm_v-w02{
margin-top:2px;
font-size:0.875rem;
color:#E8F8FA;
font-weight:700;
}
@media(max-width:1026px){
.hkmwlc-w02{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.hkmwlc_h2-w02{
font-size:26px;
}
}
.hkmjp-w02{
gap:0.875rem;
grid-template-columns:1.5fr 1fr 1fr;
display:grid;
}
.hkmjp-w02>*{
min-width:0;
}
.hkmjp_hero-w02{
border:1px solid rgba(13, 37, 53, 0.12);
gap:14px;
border-radius:1.25rem;
padding:1.625rem;
background:linear-gradient(135deg,#0A1F2E,#0D2D3E);
overflow:hidden;
flex-direction:column;
justify-content:space-between;
min-height:180px;
display:flex;
position:relative;
color:#E8F8FA;
}
.hkmjp_glow-w02{
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 70%);
border-radius:50%;
right:-40px;
width:11.25rem;
height:180px;
position:absolute;
top:-40px;
}
.hkmjp_k_row-w02{
gap:0.625rem;
position:relative;
justify-content:space-between;
align-items:center;
display:flex;
}
.hkmjp_k-w02{
color:#5A8090;
font-size:0.625rem;
text-transform:uppercase;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
letter-spacing:.12em;
}
.hkmjp_hero-w02 .hkmjp_k-w02{
color:#9CCDD6;
}
.hkmjp_amt-w02{
color:#00D6E0;
line-height:1;
position:relative;
font-size:2.625rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.hkmjp_sub-w02{
font-size:0.75rem;
margin-top:0.313rem;
color:#9CCDD6;
}
.hkmjp_cell-w02{
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:1.25rem;
padding:22px;
display:flex;
justify-content:space-between;
min-height:11.25rem;
flex-direction:column;
}
.hkmjp_cell-w02 .hkmjp_amt-w02{
color:#0D2535;
font-size:1.875rem;
}
.hkmjp_cell-w02 .hkmjp_sub-w02{
color:#5A8090;
}
@media(max-width:1027px){
.hkmjp-w02{
grid-template-columns:1fr;
}
}
@media(max-width:560px){
.hkmjp_amt-w02{
font-size:2rem;
}
}
.hkmapp-w02{
gap:36px;
justify-content:space-between;
flex-wrap:wrap;
align-items:center;
display:flex;
}
.hkmapp_copy-w02{
max-width:32.5rem;
}
.hkmapp_h2-w02{
margin:12px 0 0.625rem;
line-height:1.05;
font-weight:700;
color:#0D2535;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.75rem;
}
.hkmapp_text-w02{
color:#2E5060;
font-size:14px;
line-height:1.6;
margin-bottom:1.25rem;
}
.hkmapp_btns-w02{
gap:12px;
display:flex;
flex-wrap:wrap;
}
.hkmstore-w02{
background:#F0FAFA;
border:1px solid rgba(13, 37, 53, 0.12);
padding:0.688rem 1.125rem;
border-radius:0.813rem;
gap:9px;
cursor:pointer;
font-weight:700;
color:#0D2535;
font-size:13px;
display:inline-flex;
align-items:center;
}
.hkmstore-w02 svg{
height:1rem;
width:16px;
}
.hkmapp_qr_wrap-w02{
gap:1rem;
align-items:center;
display:flex;
}
.hkmqr-w02{
background:#F0FAFA;
gap:3px;
grid-template-rows:repeat(5,1fr);
padding:0.688rem;
grid-template-columns:repeat(5,1fr);
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:0.813rem;
width:108px;
display:grid;
height:108px;
}
.hkmqr-w02 i{
background:transparent;
}
.hkmqr_f-w02{
background:#007A88;
}
.hkmapp_qr_cap-w02{
max-width:5.25rem;
line-height:1.4;
font-size:0.75rem;
color:#5A8090;
}
.hkmdw_h2-w02{
font-weight:700;
color:#0D2535;
margin-bottom:0.625rem;
line-height:1.08;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.625rem;
}
.hkmsteps_v-w02{
grid-template-columns:1fr;
gap:10px;
}
.hkmsteps_v-w02 .hkmstep-w02{
padding:1.125rem 1.25rem;
}
@media(max-width:561px){
.hkmdw_h2-w02{
font-size:1.438rem;
}
}
.hkmbanner-w02{
padding:36px 40px;
background:linear-gradient(115deg,#0A1F2E,#0D2D3E);
border-radius:1.25rem;
gap:28px;
border:1px solid rgba(13, 37, 53, 0.12);
overflow:hidden;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
color:#E8F8FA;
position:relative;
display:flex;
}
.hkmbanner_glow-w02{
border-radius:50%;
background:radial-gradient(circle,rgba(0, 210, 220, 0.22),transparent 68%);
top:50%;
position:absolute;
transform:translateY(-50%);
width:12.5rem;
height:200px;
right:80px;
}
.hkmbanner_in-w02{
max-width:560px;
position:relative;
}
.hkmbanner-w02 .hkmeyebrow-w02{
color:#00D6E0;
}
.hkmbanner_h2-w02{
margin:10px 0;
font-weight:700;
color:#E8F8FA;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1.875rem;
line-height:1.05;
}
.hkmbanner_text-w02{
color:#9CCDD6;
font-size:0.875rem;
line-height:1.6;
}
@media(max-width:559px){
.hkmbanner_h2-w02{
font-size:24px;
}
}
.hkmsupp-w02{
grid-template-columns:repeat(3,1fr);
gap:14px;
display:grid;
}
.hkmsupp-w02>*{
min-width:0;
}
.hkmsupp_card-w02{
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:0.813rem;
padding:24px;
background:#FFFFFF;
}
.hkmsupp_card-w02 svg{
height:24px;
margin-bottom:14px;
width:1.5rem;
color:#007A88;
}
.hkmsupp_card-w02 h3{
margin-bottom:6px;
color:#0D2535;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-size:1rem;
font-weight:700;
}
.hkmsupp_card-w02 p{
line-height:1.55;
color:#2E5060;
font-size:13px;
}
@media(max-width:1024px){
.hkmsupp-w02{
grid-template-columns:1fr;
}
}
.hkmpay_logos-w02{
grid-template-columns:repeat(4,1fr);
gap:9px;
display:grid;
}
.hkmpay_logos-w02>*{
min-width:0;
}
.hkmpay-w02{
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:9px;
font-size:0.75rem;
color:#2E5060;
align-items:center;
font-weight:700;
justify-content:center;
height:3rem;
display:flex;
}
.hkmtable-w02{
border:1px solid rgba(13, 37, 53, 0.12);
overflow:hidden;
border-radius:0.813rem;
}
.hkmtrow-w02{
grid-template-columns:1.3fr 1fr 1fr 1fr;
display:grid;
font-size:0.813rem;
}
.hkmtrow-w02>div{
padding:13px 14px;
min-width:0;
}
.hkmtrow-w02>div:first-child{
padding-left:1rem;
color:#0D2535;
font-weight:700;
}
.hkmtrow_th-w02{
background:#F0FAFA;
font-size:9.5px;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#5A8090;
letter-spacing:.06em;
text-transform:uppercase;
}
.hkmtrow-w02:not(.hkmtrow_th-w02){
background:#FFFFFF;
border-top:1px solid rgba(13, 37, 53, 0.08);
color:#2E5060;
}
.hkmtrow_zebra-w02{
background:#E8F5F7;
}
.hkmpos-w02{
color:#007A88;
font-weight:700;
}
@media(max-width:1021px){
.hkmpay_logos-w02{
grid-template-columns:repeat(2,1fr);
}
}
.hkmsteps-w02{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.hkmsteps-w02>*{
min-width:0;
}
.hkmstep-w02{
padding:24px;
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
position:relative;
}
.hkmstep_num-w02{
border-radius:0.563rem;
background:#00C2CC;
font-size:0.813rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
color:#0A1F2E;
display:flex;
height:30px;
margin-bottom:14px;
justify-content:center;
align-items:center;
width:30px;
}
.hkmstep_h-w02{
font-size:16px;
color:#0D2535;
margin-bottom:7px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.hkmstep_p-w02{
line-height:1.55;
font-size:0.813rem;
color:#2E5060;
}
@media(max-width:1025px){
.hkmsteps-w02{
grid-template-columns:1fr;
}
}
.hkmtour-w02{
overflow:hidden;
grid-template-columns:1.05fr 1fr;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:20px;
display:grid;
}
.hkmtour-w02>*{
min-width:0;
}
.hkmtour_l-w02{
overflow:hidden;
background:linear-gradient(135deg,#0A1F2E,#0D2D3E);
padding:34px;
position:relative;
color:#E8F8FA;
}
.hkmtour_h2-w02{
margin:12px 0 0.625rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#E8F8FA;
font-weight:700;
line-height:1.05;
font-size:1.875rem;
}
.hkmtour_h2-w02 em{
font-style:normal;
color:#00D6E0;
}
.hkmtour_text-w02{
color:#9CCDD6;
font-size:13.5px;
line-height:1.6;
max-width:340px;
margin-bottom:20px;
}
.hkmtour_meta-w02{
gap:18px;
margin-bottom:1.25rem;
align-items:flex-end;
flex-wrap:wrap;
display:flex;
}
.hkmtour_cap-w02{
text-transform:uppercase;
color:#9CCDD6;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:0.594rem;
margin-bottom:5px;
}
.hkmcount-w02{
gap:0.375rem;
display:flex;
}
.hkmcount-w02 span{
border:1px solid rgba(255, 255, 255, 0.13);
padding:0.25rem 9px;
background:rgba(255, 255, 255, 0.08);
border-radius:0.563rem;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
font-size:22px;
}
.hkmtour_units-w02{
font-size:10px;
color:#9CCDD6;
}
.hkmboard-w02{
background:#FFFFFF;
padding:28px 1.875rem;
}
.hkmboard_head-w02{
display:flex;
justify-content:space-between;
margin-bottom:0.875rem;
align-items:center;
}
.hkmboard_title-w02{
font-weight:700;
color:#0D2535;
font-size:1rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.hkmboard_upd-w02{
font-size:10px;
color:#5A8090;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
text-transform:uppercase;
}
.hkmboard_list-w02{
gap:2px;
display:flex;
flex-direction:column;
}
.hkmboard_row-w02{
border-radius:0.563rem;
padding:10px 0.75rem;
gap:12px;
display:flex;
align-items:center;
}
.hkmboard_top1-w02{
background:rgba(0, 122, 136, 0.11);
}
.hkmboard_rk-w02{
font-size:0.875rem;
color:#5A8090;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-weight:700;
width:20px;
}
.hkmboard_top1-w02 .hkmboard_rk-w02{
color:#007A88;
}
.hkmboard_nm-w02{
flex:1;
font-weight:600;
color:#2E5060;
min-width:0;
font-size:13.5px;
}
.hkmboard_top1-w02 .hkmboard_nm-w02{
font-weight:700;
color:#0D2535;
}
.hkmboard_pt-w02{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:12.5px;
color:#2E5060;
}
@media(max-width:1025px){
.hkmtour-w02{
grid-template-columns:1fr;
}
}
@media(max-width:559px){
.hkmtour_h2-w02{
font-size:1.5rem;
}
}
.hkmvip_head-w02{
gap:12px;
display:flex;
margin-bottom:18px;
justify-content:space-between;
align-items:flex-end;
flex-wrap:wrap;
}
.hkmvip_intro-w02{
color:#2E5060;
max-width:26.25rem;
font-size:0.813rem;
}
.hkmvip-w02{
gap:12px;
grid-template-columns:repeat(5,1fr);
display:grid;
}
.hkmvip-w02>*{
min-width:0;
}
.hkmtier-w02{
border-radius:0.813rem;
border:1px solid rgba(13, 37, 53, 0.12);
background:#FFFFFF;
padding:20px;
}
.hkmtier_on-w02{
border-color:#007A88;
background:rgba(0, 122, 136, 0.11);
}
.hkmtier_medal-w02{
background:linear-gradient(135deg,#00C2CC,#005566);
border-radius:9px;
width:30px;
height:1.875rem;
margin-bottom:14px;
}
.hkmtier_name-w02{
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
margin-bottom:0.313rem;
color:#0D2535;
font-size:15px;
}
.hkmtier_tx-w02{
line-height:1.5;
font-size:11.5px;
color:#5A8090;
}
@media(max-width:1021px){
.hkmvip-w02{
grid-template-columns:repeat(2,1fr);
}
}
.hkmpromo_grid-w02{
gap:16px;
grid-template-columns:repeat(3,1fr);
display:grid;
}
.hkmpromo_grid-w02>*{
min-width:0;
}
.hkmpromo-w02{
background:#FFFFFF;
padding:24px;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:20px;
overflow:hidden;
min-height:150px;
position:relative;
}
.hkmpromo_h-w02{
font-weight:700;
margin-top:0.375rem;
font-size:26px;
line-height:1.05;
color:#0D2535;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.hkmpromo_h-w02 em{
font-style:normal;
color:#007A88;
}
.hkmpromo_p-w02{
line-height:1.5;
font-size:12.5px;
color:#2E5060;
margin-top:8px;
}
.hkmpromo_feat-w02{
background:linear-gradient(135deg,#0A1F2E,#0D2D3E);
border-color:rgba(13, 37, 53, 0.12);
}
.hkmpromo_feat-w02 .hkmpromo_h-w02{
color:#E8F8FA;
}
.hkmpromo_feat-w02 .hkmpromo_h-w02 em{
color:#00D6E0;
}
.hkmpromo_feat-w02 .hkmpromo_p-w02{
color:#9CCDD6;
}
.hkmpromo_feat-w02 .hkmeyebrow-w02{
color:#00D6E0;
}
@media(max-width:1026px){
.hkmpromo_grid-w02{
grid-template-columns:1fr;
}
}
.hkmrv_head-w02{
gap:0.75rem;
display:flex;
flex-wrap:wrap;
align-items:flex-end;
margin-bottom:1.125rem;
justify-content:space-between;
}
.hkmrv_agg-w02{
gap:0.625rem;
display:flex;
align-items:center;
}
.hkmrv_source-w02{
font-size:0.781rem;
color:#5A8090;
}
.hkmrv_grid-w02{
grid-template-columns:repeat(3,1fr);
gap:0.875rem;
display:grid;
}
.hkmrv_grid-w02>*{
min-width:0;
}
.hkmreview-w02{
background:#FFFFFF;
padding:1.5rem;
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:13px;
}
.hkmreview-w02 .hkmstars-w02{
margin-bottom:10px;
}
.hkmreview-w02 p{
color:#0D2535;
font-weight:600;
margin-bottom:0.875rem;
line-height:1.5;
font-size:14.5px;
}
.hkmreview_by-w02{
font-size:0.781rem;
color:#5A8090;
}
@media(max-width:1025px){
.hkmrv_grid-w02{
grid-template-columns:1fr;
}
}
.hkmdispute-w02{
border-radius:13px;
border:1px dashed rgba(13, 37, 53, 0.22);
padding:1.625rem 1.875rem;
gap:28px;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
display:flex;
}
.hkmdispute_in-w02{
max-width:660px;
}
.hkmdispute_h2-w02{
font-size:22px;
color:#0D2535;
margin-bottom:8px;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
font-weight:700;
}
.hkmdispute_text-w02{
color:#2E5060;
font-size:0.844rem;
line-height:1.6;
}
.hkmrc-w02{
grid-template-columns:1fr 1fr 1fr;
gap:2rem;
display:grid;
}
.hkmrc-w02>*{
min-width:0;
}
.hkmrc_awards-w02{
gap:0.688rem;
display:flex;
flex-direction:column;
}
.hkmaward-w02{
gap:11px;
display:flex;
align-items:center;
}
.hkmaward-w02 svg{
flex:none;
height:18px;
width:18px;
color:#E8A830;
}
.hkmaward_t-w02{
font-size:0.844rem;
font-weight:700;
color:#0D2535;
}
.hkmaward_s-w02{
color:#5A8090;
font-size:11.5px;
}
.hkmrc_press-w02{
grid-template-columns:1fr 1fr;
gap:0.625rem;
display:grid;
}
.hkmlogo_cell-w02{
border:1px solid rgba(13, 37, 53, 0.12);
border-radius:0.563rem;
font-weight:700;
height:3rem;
color:#2E5060;
display:flex;
font-size:13px;
justify-content:center;
align-items:center;
}
.hkmrc_partner-w02{
padding:20px;
border:1px solid rgba(13, 37, 53, 0.12);
background:#FFFFFF;
border-radius:13px;
}
.hkmrc_partner_name-w02{
font-size:1.125rem;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#0D2535;
margin-bottom:6px;
}
.hkmrc_partner_text-w02{
line-height:1.55;
font-size:0.781rem;
color:#2E5060;
}
@media(max-width:1025px){
.hkmrc-w02{
gap:22px;
grid-template-columns:1fr;
}
.hkmrc_press-w02{
grid-template-columns:repeat(4,1fr);
}
}
.hkmop_h2-w02{
margin:10px 0 0.5rem;
line-height:1.1;
font-size:1.5rem;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
color:#0D2535;
font-weight:700;
}
.hkmop_text-w02{
line-height:1.6;
color:#2E5060;
font-size:13.5px;
}
@media(max-width:561px){
.hkmop_h2-w02{
font-size:1.375rem;
}
}
.hkmprovs-w02{
grid-template-columns:repeat(6,1fr);
gap:12px;
margin-bottom:1.75rem;
display:grid;
}
.hkmprovs-w02>*{
min-width:0;
}
.hkmprov-w02{
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
padding:0.75rem;
border-radius:13px;
display:flex;
justify-content:center;
text-decoration:none;
height:4rem;
align-items:center;
}
.hkmprov_img-w02{
max-height:32px;
object-fit:contain;
max-width:100%;
}
.hkmresp-w02{
border-radius:0.813rem;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
gap:1.5rem;
padding:1.625rem;
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.hkmresp_in-w02{
max-width:35rem;
}
.hkmresp_h-w02{
margin-bottom:0.5rem;
font-size:19px;
font-weight:700;
color:#0D2535;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
}
.hkmresp_p-w02{
color:#2E5060;
font-size:13.5px;
line-height:1.6;
}
.hkmresp_badges-w02{
gap:0.875rem;
align-items:center;
display:flex;
flex-wrap:wrap;
}
.hkmage18-w02{
border:1.5px solid #E03A3A;
padding:4px 8px;
border-radius:9px;
color:#E03A3A;
font-size:0.813rem;
font-weight:700;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
}
.hkmresp_org-w02{
color:#5A8090;
font-weight:600;
font-size:13px;
}
@media(max-width:1022px){
.hkmprovs-w02{
grid-template-columns:repeat(3,1fr);
}
}
@media(max-width:559px){
.hkmprovs-w02{
grid-template-columns:repeat(2,1fr);
}
}
.hkmab_h2-w02{
margin:14px 0 16px;
color:#0D2535;
font-weight:700;
font-family:"Inter", 'Helvetica Neue', Arial, sans-serif;
line-height:1.08;
font-size:32px;
}
.hkmab_body-w02{
line-height:1.65;
color:#2E5060;
font-size:15px;
margin-bottom:0.875rem;
}
.hkmab_chips-w02{
gap:0.625rem;
flex-wrap:wrap;
margin-top:8px;
display:flex;
}
.hkmfaq-w02{
gap:10px;
display:flex;
flex-direction:column;
}
.hkmfaq_item-w02{
border-radius:13px;
background:#FFFFFF;
border:1px solid rgba(13, 37, 53, 0.12);
padding:18px 22px;
}
.hkmfaq_q-w02{
list-style:none;
gap:16px;
font-weight:600;
align-items:center;
justify-content:space-between;
cursor:pointer;
color:#0D2535;
display:flex;
font-size:0.969rem;
}
.hkmfaq_q-w02::-webkit-details-marker{
display:none;
}
.hkmfaq_q_t-w02{
gap:10px;
display:flex;
}
.hkmfaq_q_i-w02{
color:#007A88;
font-style:normal;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
}
.hkmfaq_pm-w02{
color:#007A88;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
font-size:1.25rem;
}
.hkmfaq_item-w02[open] .hkmfaq_pm-w02{
transform:rotate(45deg);
}
.hkmfaq_a-w02{
color:#2E5060;
margin-top:0.75rem;
line-height:1.6;
font-size:0.844rem;
}
@media(max-width:560px){
.hkmab_h2-w02{
font-size:1.625rem;
}
}
.hkmfooter-w02{
background:#C8E6EB;
padding:2.5rem 28px;
border-top:1px solid rgba(13, 37, 53, 0.08);
}
.hkmfooter_grid-w02{
gap:32px;
grid-template-columns:1.4fr 1fr 1fr 1fr;
margin-bottom:1.75rem;
margin-right:auto;
display:grid;
margin-left:auto;
max-width:87.5rem;
}
.hkmfooter_grid-w02>*{
min-width:0;
}
.hkmfooter_grid-w02 h4{
letter-spacing:.12em;
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
margin-bottom:13px;
font-size:0.625rem;
text-transform:uppercase;
color:#8AAAB5;
}
.hkmfcol-w02{
gap:9px;
display:flex;
color:#2E5060;
font-size:0.813rem;
flex-direction:column;
}
.hkmfcol-w02 a{
cursor:pointer;
}
.hkmft_about-w02{
font-size:0.813rem;
line-height:1.6;
max-width:260px;
margin-top:12px;
color:#5A8090;
}
.hkmft_contact-w02{
font-family:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;
color:#007A88;
overflow-wrap:anywhere;
font-size:0.781rem;
margin-top:12px;
}
.hkmfooter_bottom-w02{
gap:16px;
margin:0 auto;
padding-top:1.25rem;
justify-content:space-between;
display:flex;
border-top:1px solid rgba(13, 37, 53, 0.08);
align-items:center;
max-width:87.5rem;
flex-wrap:wrap;
}
.hkmfooter_bottom-w02 p{
line-height:1.6;
max-width:45rem;
color:#8AAAB5;
font-size:11px;
}
@media(max-width:1023px){
.hkmfooter_grid-w02{
grid-template-columns:1fr 1fr;
}
}
@media(max-width:561px){
.hkmfooter_grid-w02{
grid-template-columns:1fr;
}
}