:root{--gold:#ff2f8f;--blue:#ff8900;--green:#fff;--bg:#08030b;--vh:1vh}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{width:100%;min-height:100%;margin:0;background:var(--bg);color:#fff;font-family:"PingFang TC","Microsoft JhengHei","Noto Sans TC",Arial,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}
body{height:calc(var(--vh) * 100)}
a,button{font:inherit;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{border:0;cursor:pointer}
img{display:block;border:0;max-width:100%;user-select:none;-webkit-user-drag:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.landing-shell{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:var(--bg)}
.page-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.landing-shell:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 86% 78%,rgba(255,73,40,.28),transparent 28%),linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18) 42%,rgba(0,0,0,.04));pointer-events:none}
.announce{position:fixed;z-index:50;top:0;left:0;right:0;min-height:34px;padding:8px 14px;background:rgba(255,137,0,.94);color:#fff;font-size:12px;font-weight:800;text-align:center}
.site-header{position:absolute;z-index:12;top:0;left:0;right:0;height:8vh;min-height:56px;padding:15px 15px 0;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
.logo-link{width:30%;min-width:96px;max-width:160px;display:block;pointer-events:auto}
.logo-link img{width:100%;height:auto}
.lang-switch{display:none}
.phone-main{position:absolute;z-index:3;inset:8vh 0 0;overflow:hidden;padding-bottom:26vh}
.slide-carousel{position:relative;width:100%;height:100%}
.slide{position:absolute;inset:0;display:block;opacity:0;transform:translate3d(0,7%,0) scale(.985);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.72,.24,1);pointer-events:none}
.slide.is-active{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}
.slide-title{position:absolute;z-index:2;top:0;left:0;width:100%;height:auto}
.slide-main{position:relative;z-index:3;width:100%;height:100%;object-fit:contain;object-position:center center}
.slide-dots{position:absolute;z-index:5;right:12px;top:44%;display:grid;gap:7px}
.slide-dots button{width:7px;height:7px;padding:0;border-radius:999px;background:rgba(255,255,255,.42)}
.slide-dots button.on{height:19px;background:var(--gold)}
.download-footer{position:absolute;z-index:20;left:0;right:0;bottom:0;min-height:27vh;padding:15vh 10px 10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.footer-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center top}
.download-box{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.download-art{width:40%;margin-bottom:15px;display:block;transition:transform .16s ease,filter .16s ease}
.download-art:nth-of-type(2n){margin-left:15px}
.download-art:active{transform:scale(.965);filter:brightness(1.08)}
.download-art.download-busy{opacity:.78;pointer-events:none}
.download-art img{width:100%;height:auto}
.backup-row{width:min(92%,430px);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 auto 8px}
.backup-row a,.backup-row button{min-height:34px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);font-size:12px;font-weight:800}
.footer-tip{width:100%;max-width:732px;height:auto}
.floating-cta{display:none}
.contact-button{position:fixed;z-index:35;right:12px;bottom:88px;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--blue));box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:12px;font-weight:900}
.full-mask,.modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:22px;background:rgba(8,3,11,.82);backdrop-filter:blur(8px)}
.full-mask>div,.modal-card{width:min(92vw,380px);padding:26px 22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(26,15,23,.94);box-shadow:0 24px 80px rgba(0,0,0,.42);text-align:center}
.full-mask h2,.modal-card h3{margin:0 0 10px;font-size:20px}
.full-mask p,.modal-card p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.7}
.modal-x{position:absolute;right:12px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);font-size:22px;line-height:1}
.modal-card{position:relative}
.modal-button,.modal-link{width:100%;margin-top:16px;min-height:42px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--blue));font-size:14px;font-weight:900}
.modal-link{margin-top:8px;background:rgba(255,255,255,.12)}
@media(max-width:430px){.site-header{padding-left:14px}.phone-main{padding-bottom:27vh}.download-footer{padding-top:14.8vh}.download-art{width:40%}.footer-tip{width:100%}}
@media(max-height:720px){.site-header{min-height:48px;padding-top:10px}.phone-main{inset:7vh 0 0;padding-bottom:28vh}.download-footer{min-height:29vh;padding-top:14vh}.download-art{margin-bottom:10px}.footer-tip{max-height:24px;object-fit:contain}}
@media(min-width:760px){body{display:grid;place-items:center;background:#100811}.landing-shell{left:50%;width:min(430px,100vw);transform:translateX(-50%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 70px rgba(255,47,143,.14)}}