@charset "utf-8";
/* ==========================================================================
   导航栏 Global Markets 按钮 + 地区落地页弹框（全站）
   设计稿宽 1920，尺寸换算：px / 19.2 = vw
   ========================================================================== */

/* 按钮 -------------------------------------------------------------------- */
.btn-regional{display:inline-flex;align-items:center;gap:.52083vw;height:2.47255vw;padding:0 .625vw 0 .67708vw;margin-right:.9375vw;background:transparent;border:.05208vw solid #4734F6;cursor:pointer;font-size:.9375vw;line-height:1;color:#4734F6;transition:background-color .3s,color .3s;}
.btn-regional:hover,.btn-regional[aria-expanded="true"]{background:#4734F6;color:#FFFFFF;}
.btn-regional-icon{width:.9375vw;height:.9375vw;flex:0 0 auto;object-fit:contain;transition:filter .3s;}
.btn-regional:hover .btn-regional-icon,.btn-regional[aria-expanded="true"] .btn-regional-icon{filter:brightness(0) invert(1);}
.btn-regional-mobile{display:none;}

/* 弹框 -------------------------------------------------------------------- */
.storin-regional-panel{position:absolute;left:0;top:100%;width:100%;background:#FFFFFF;box-shadow:0 .20833vw .20833vw rgba(0,0,0,.02);padding:1.40625vw 0 2.44792vw;z-index:999;}
.storin-regional-panel[hidden]{display:none;}
.storin-regional-inner{width:94.0625vw;margin:0 auto;}
.storin-regional-label{display:flex;align-items:center;gap:.52083vw;margin:0;font-size:1.04167vw;line-height:1.19792vw;color:#4734F6;}
.storin-regional-label img{width:1.04167vw;height:1.04167vw;flex:0 0 auto;object-fit:contain;}

.storin-regional-cards{margin-top:1.30208vw;display:flex;flex-wrap:wrap;gap:1.45833vw;}
.storin-regional-card{display:block;width:calc((100% - 1.45833vw) / 2);min-height:15.52083vw;padding:1.5625vw 1.71875vw 1.51042vw;background:#FFFFFF;border:.05208vw solid #B5B5BD;text-decoration:none;transition:border-color .3s,box-shadow .3s;}
.storin-regional-card.is-highlight{border-color:#4734F6;}
.storin-regional-card:hover{border-color:#4734F6;box-shadow:0 .26042vw 1.04167vw rgba(71,52,246,.12);}

.storin-regional-card-head{display:flex;align-items:flex-start;gap:.625vw;}
.storin-regional-flag{width:2.96875vw;height:1.97917vw;flex:0 0 auto;margin-top:.36458vw;object-fit:cover;}
.storin-regional-card-title{display:block;}
.storin-regional-card-title b{display:block;font-size:.9375vw;line-height:1.31667vw;font-weight:600;color:#000000;text-transform:capitalize;}
.storin-regional-card-title i{display:block;font-style:normal;font-size:.9375vw;line-height:1.31667vw;color:#60616B;}

.storin-regional-card-desc{margin:.9375vw 0 0;font-size:.9375vw;line-height:1.41667vw;color:#000000;}

.storin-regional-tags{margin-top:.9375vw;display:flex;flex-wrap:wrap;gap:.625vw;}
.storin-regional-tags em{display:inline-flex;align-items:center;height:1.97917vw;padding:0 .67708vw;border:.05208vw solid #60616B;font-style:normal;font-size:.72917vw;line-height:1;color:#60616B;text-transform:capitalize;white-space:nowrap;}

.storin-regional-card-link{margin-top:1.97917vw;display:flex;align-items:center;gap:.625vw;font-size:.9375vw;line-height:1.09375vw;color:#4734F6;text-transform:capitalize;}
.storin-regional-card-link img{width:.83333vw;height:.67708vw;flex:0 0 auto;object-fit:contain;transition:transform .3s;}
.storin-regional-card:hover .storin-regional-card-link img{transform:translateX(.20833vw);}

/* 响应式 ------------------------------------------------------------------ */
@media screen and (max-width:768px){
  .btn-regional{display:none;}
  .btn-regional-mobile{display:block;width:100%;padding:14px 20px;background:transparent;border:1px solid #4734F6;color:#4734F6;font-size:16px;text-align:center;cursor:pointer;}

  .storin-regional-panel{position:fixed;left:0;right:0;top:60px;width:100%;max-height:calc(100vh - 60px);overflow-y:auto;padding:20px 0 24px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1001;}
  .storin-regional-inner{width:100%;padding:0 20px;}
  .storin-regional-label{gap:8px;font-size:14px;line-height:20px;}
  .storin-regional-label img{width:18px;height:18px;}
  .storin-regional-cards{margin-top:16px;gap:14px;}
  .storin-regional-card{width:100%;min-height:0;padding:18px 16px;border-width:1px;}
  .storin-regional-card-head{gap:12px;}
  .storin-regional-flag{width:44px;height:30px;margin-top:3px;}
  .storin-regional-card-title b,.storin-regional-card-title i{font-size:15px;line-height:22px;}
  .storin-regional-card-desc{margin-top:12px;font-size:14px;line-height:22px;}
  .storin-regional-tags{margin-top:12px;gap:8px;}
  .storin-regional-tags em{height:30px;padding:0 10px;font-size:12px;border-width:1px;}
  .storin-regional-card-link{margin-top:16px;gap:8px;font-size:15px;}
  .storin-regional-card-link img{width:15px;height:12px;}
}