/* 登入頁進場特效「樂活全球營運控制中心」— 只作用於 index.html，不影響後台 */
.intro{position:fixed;inset:0;z-index:9999;background:#020b06;display:none;overflow:hidden;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer}
html.intro-pending .intro,html.intro-run .intro{display:block}
html.intro-pending .login-wrap{visibility:hidden}
.intro.iris{background:transparent}
.intro canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.intro-skip{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;padding:0 14px;border:1px solid rgba(110,224,138,.38);border-radius:6px;background:rgba(2,11,6,.55);color:rgba(150,240,170,.82);font:600 11px/1 ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,"Courier New",monospace;letter-spacing:.14em;cursor:pointer}
.intro-skip:hover,.intro-skip:focus-visible{background:rgba(58,141,75,.35);color:#c8ffd4;outline:none}
.intro.iris .intro-skip{display:none}
/* 揭開後登入卡浮現：由 intro.js 逐格寫入 --ii（0→1）與 --sw（掃光 -1→1），可凍結截圖 */
.login-wrap.intro-run .login-top,.login-wrap.intro-run .foot{opacity:var(--ii,0)}
.login-wrap.intro-run .login-card{position:relative;overflow:hidden;opacity:var(--ii,0);transform:translateY(calc((1 - var(--ii,0)) * 26px))}
.login-wrap.intro-run .login-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(110,224,138,.34) 50%,transparent 62%);transform:translateX(calc(var(--sw,-1) * 100%));opacity:calc(1 - var(--ii,0) * .35)}
.intro{top:0;right:0;bottom:0;left:0}