.continent-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
  margin:24px auto 24px;max-width:470px;
}
.continent-btn{
  position:relative;min-width:0;width:100%;
  padding:32px 16px 28px;margin:0;
  font-family:inherit;color:var(--ink);
  background:linear-gradient(180deg, #fdfaf0 0%, #f8f0dd 100%);
  border:1px solid var(--gold-faint);
  cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;
  transition:all .45s cubic-bezier(.4,0,.2,1);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 4px 12px rgba(138,106,63,.06),
    0 1px 2px rgba(45,26,16,.04);
  overflow:hidden;
}
.continent-btn.span-2{grid-column:span 2;padding:28px 16px 24px;}
.continent-btn::before{
  content:"";position:absolute;inset:7px;
  border:0.5px solid rgba(184,147,90,.22);pointer-events:none;
  transition:border-color .45s ease, inset .45s ease;
}
.continent-btn::after{
  content:"";position:absolute;top:0;left:-80%;
  width:60%;height:100%;
  background:linear-gradient(100deg,
    transparent 0%, rgba(255,245,215,.5) 50%, transparent 100%);
  transform:skewX(-18deg);pointer-events:none;
  transition:left .7s cubic-bezier(.4,0,.2,1);opacity:0;
}
.continent-btn:hover:not(.disabled){
  border-color:var(--gold-soft);
  background:linear-gradient(180deg, #fef9ee 0%, #f7ecd1 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 10px 24px rgba(138,106,63,.16),
    0 2px 4px rgba(45,26,16,.06);
  transform:translateY(-2px);
}
.continent-btn:hover:not(.disabled)::before{
  border-color:rgba(184,147,90,.55);inset:6px;
}
.continent-btn:hover:not(.disabled)::after{left:130%;opacity:1;}
.cont-name{
  font-size:17px;font-weight:500;letter-spacing:.42em;text-indent:.42em;
  color:var(--ink);font-family:"Noto Serif SC", Georgia, serif;
  position:relative;z-index:2;
  transition:color .45s ease, text-shadow .45s ease;
}
.cont-sub{
  font-size:9px;letter-spacing:.4em;text-indent:.4em;
  color:var(--ink-3);opacity:.7;
  font-family:"Noto Serif SC", Georgia, serif;font-weight:400;
  position:relative;z-index:2;
  transition:all .45s ease;
  display:flex;align-items:center;gap:8px;
}
.cont-sub::before,.cont-sub::after{
  content:"";width:14px;height:1px;background:var(--gold-faint);
  transition:all .45s ease;
}
.continent-btn.active{
  background:linear-gradient(180deg, #e3c98b 0%, #c5a35e 48%, #a8873f 100%);
  border-color:var(--gold-dk);
  box-shadow:
    inset 0 1px 0 rgba(255,245,220,.7),
    inset 0 -1px 0 rgba(120,90,50,.35),
    0 10px 22px rgba(138,106,63,.3),
    0 2px 4px rgba(45,26,16,.12);
  transform:translateY(0);
}
.continent-btn.active .cont-name{
  color:#fffaf0;text-shadow:0 1px 0 rgba(90,60,20,.55);
}
.continent-btn.active .cont-sub{
  color:#fffaf0;opacity:.85;text-shadow:0 1px 0 rgba(90,60,20,.4);
}
.continent-btn.active .cont-sub::before,
.continent-btn.active .cont-sub::after{
  background:rgba(255,245,220,.55);
}
.continent-btn.active::before{
  border-color:rgba(255,245,220,.5);inset:6px;
}
.continent-btn.active::after{opacity:0;}
.continent-btn.disabled{
  opacity:.32;cursor:not-allowed;filter:grayscale(.4);
}
.continent-btn.disabled:hover{
  transform:none;
  background:linear-gradient(180deg, #fdfaf0 0%, #f8f0dd 100%);
  border-color:var(--gold-faint);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.85),
    0 4px 12px rgba(138,106,63,.06);
}
.continent-btn.disabled::before{border-color:rgba(184,147,90,.14);}
.continent-btn.disabled::after{opacity:0;}
/* =========== 四个手动下拉框：文字居中 =========== */
#eraManualSelect,
#countryManualSelect,
#genderManualSelect,
#genreManualSelect{
  text-align:center;
  text-align-last:center;
}