/* Arrow-fill UX adapted from the user-specified Hyperiux reference. */
.enter-button{--arrow-ease:cubic-bezier(.785,.135,.15,.86);isolation:isolate;overflow:hidden;border-radius:0;background:#fff;border-color:#fff;color:#151412;padding-right:58px;transition:border-color .45s var(--arrow-ease),transform .2s}
.enter-button::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:7px 7px 7px calc(100% - 43px);background:var(--signal-orange);transition:inset .45s var(--arrow-ease)}
.enter-button>span{position:relative;z-index:1}
.enter-button .enter-arrow{position:absolute;right:7px;top:7px;bottom:7px;width:36px;overflow:hidden;pointer-events:none;color:#151412}
.enter-button .enter-arrow svg{position:absolute;left:50%;top:50%;width:19px;height:19px;transition:transform .45s var(--arrow-ease);transform-origin:center}
.enter-button .enter-arrow-out{transform:translate(-50%,-50%) scale(1)}
.enter-button .enter-arrow-in{transform:translate(-170%,-50%) scale(0)}
.enter-button:hover{background:#fff;border-color:#fff}
@media(hover:hover) and (pointer:fine){
 .enter-button:hover{border-color:var(--signal-orange)}
 .enter-button:hover::before{inset:0}
 .enter-button:hover .enter-arrow-out{transform:translate(70%,-50%) scale(0)}
 .enter-button:hover .enter-arrow-in{transform:translate(-50%,-50%) scale(1)}
}
.enter-button:focus-visible,.enter-button[data-pressed=true]{border-color:var(--signal-orange)}
.enter-button:focus-visible::before,.enter-button[data-pressed=true]::before{inset:0}
.enter-button:focus-visible .enter-arrow-out,.enter-button[data-pressed=true] .enter-arrow-out{transform:translate(70%,-50%) scale(0)}
.enter-button:focus-visible .enter-arrow-in,.enter-button[data-pressed=true] .enter-arrow-in{transform:translate(-50%,-50%) scale(1)}
@media(prefers-reduced-motion:reduce){.enter-button,.enter-button::before,.enter-button .enter-arrow svg{transition:none}}

/* owner 2026-09-23：直角 → 全站 D18 控件档小圆角（token 镜像在 login.css 文末，与 app/v14-theme.css 同名同值）。
   overflow:hidden 本来就在，橙色填充 ::before 铺满时由按钮的圆角裁掉。
   🔴 ::before 自己的角 = 外径 − 1px 边框 = 裁切用的内径：正好贴满，角上不漏白；
      它的起点是箭头底下那块 36px 小方块，也带同一档角 ⇒ 展开途中读成一块圆角砖在长大、不是方砖。 */
.enter-button{border-radius:var(--v14-r-ctrl)}
.enter-button::before{border-radius:calc(var(--v14-r-ctrl) - 1px)}