#susu-jp-gate,#susu-jp-ticker{box-sizing:border-box}
#susu-jp-gate *,#susu-jp-ticker *{box-sizing:border-box}

#susu-jp-gate{
  position:fixed;inset:0;z-index:10050;
  background:rgba(7,8,12,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;
  padding:24px 16px;
  font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC","Source Han Serif TC",sans-serif;
  color:#efe6d6;
}
#susu-jp-gate[hidden],#susu-jp-ticker[hidden]{display:none!important}
html.susu-jp-locked,html.susu-jp-locked body{overflow:hidden!important}

.susu-jp-sheet{
  width:min(760px,100%);
  max-height:min(92vh,860px);
  display:flex;flex-direction:column;
  background:linear-gradient(180deg,#16141a 0%,#100e13 100%);
  border:1px solid rgba(232,196,122,.38);
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}
.susu-jp-head{
  padding:22px 26px 14px;
  border-bottom:1px solid rgba(232,196,122,.18);
}
.susu-jp-kicker{
  margin:0 0 6px;font-size:11px;letter-spacing:.28em;
  color:#e8c47a;text-transform:uppercase;
}
.susu-jp-head h1{
  margin:0;font-size:22px;font-weight:600;letter-spacing:.16em;line-height:1.4;
}
.susu-jp-sub{margin:8px 0 0;font-size:13px;color:#c9b89a;line-height:1.7;}
.susu-jp-body{
  padding:16px 26px;
  overflow:auto;
  flex:1;
  font-size:13.5px;line-height:1.9;color:#e7dcc8;
}
.susu-jp-body h2{
  margin:18px 0 6px;font-size:14px;letter-spacing:.12em;color:#e8c47a;font-weight:600;
}
.susu-jp-body p,.susu-jp-body li{margin:0 0 8px;}
.susu-jp-body ol{padding-left:1.3em;margin:0 0 8px;}
.susu-jp-foot{
  padding:14px 26px 20px;
  border-top:1px solid rgba(232,196,122,.18);
  background:#120f16;
}
.susu-jp-check{display:flex;gap:10px;align-items:flex-start;margin:0 0 8px;font-size:13px;color:#efe6d6;}
.susu-jp-check input{margin-top:4px;accent-color:#e8c47a;}
.susu-jp-sign{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 10px;
}
.susu-jp-sign label{font-size:13px;letter-spacing:.08em;color:#e8c47a;}
.susu-jp-sign input[type=text]{
  flex:1;min-width:180px;height:38px;padding:0 12px;
  border:1px solid rgba(232,196,122,.35);background:#0c0b10;color:#fff;
  font-size:15px;font-family:inherit;
}
.susu-jp-go{
  width:100%;height:44px;border:0;cursor:pointer;
  background:#e8c47a;color:#1a140c;font-size:15px;letter-spacing:.16em;
  font-family:inherit;font-weight:700;
}
.susu-jp-go:disabled{opacity:.38;cursor:not-allowed;}
.susu-jp-err{min-height:18px;margin:6px 0 0;font-size:12px;color:#ff8b8b;}

html.susu-jp-acked:not(.susu-jp-ticker-off){
  --susu-jp-ticker-h:32px;
}
html.susu-jp-acked:not(.susu-jp-ticker-off) body{
  padding-top:var(--susu-jp-ticker-h)!important;
}
html.susu-jp-acked:not(.susu-jp-ticker-off) .susu-public-header{
  top:var(--susu-jp-ticker-h)!important;
  inset:var(--susu-jp-ticker-h) 0 auto!important;
}
html.susu-jp-acked:not(.susu-jp-ticker-off) header.sticky,
html.susu-jp-acked:not(.susu-jp-ticker-off) header.fixed{
  top:var(--susu-jp-ticker-h)!important;
}
html.susu-jp-acked:not(.susu-jp-ticker-off) .susu-mobile-sheet{
  top:calc(14px + var(--susu-jp-ticker-h))!important;
}
html.susu-jp-acked:not(.susu-jp-ticker-off) .susu-desktop-filters{
  top:calc(96px + var(--susu-jp-ticker-h))!important;
}
html.susu-jp-acked:not(.susu-jp-ticker-off) .susu-pricing-toolbar{
  top:calc(84px + var(--susu-jp-ticker-h))!important;
}

#susu-jp-ticker{
  position:fixed;top:0;left:0;right:0;z-index:35;
  height:var(--susu-jp-ticker-h,32px);overflow:hidden;
  background:#1a1208;
  border-bottom:1px solid rgba(232,196,122,.4);
  color:#f3e2b8;
  font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;
  font-size:13px;letter-spacing:.06em;
  pointer-events:none;
  padding-right:72px;
}
.susu-jp-ticker-x{
  pointer-events:auto;
  position:absolute;top:0;right:0;
  height:100%;min-width:64px;padding:0 14px;
  border:0;border-left:1px solid rgba(232,196,122,.35);
  background:#2a1c0c;color:#f3e2b8;
  font:inherit;font-size:12px;letter-spacing:.12em;font-weight:700;
  cursor:pointer;
}
.susu-jp-ticker-x:hover{background:#3a2810;color:#fff;}
.susu-jp-track{
  display:flex;width:max-content;
  animation:susu-jp-bounce 28s linear infinite alternate;
  white-space:nowrap;line-height:var(--susu-jp-ticker-h,32px);
}
.susu-jp-track span{padding:0 48px;}
@keyframes susu-jp-bounce{
  from{transform:translateX(0)}
  to{transform:translateX(-40%)}
}
@media (prefers-reduced-motion:reduce){
  .susu-jp-track{animation:none}
}