.appbox{margin:18px auto 6px;max-width:460px;text-align:center;padding:16px 14px;border-radius:22px;background:rgba(30,8,14,.7);border:1px solid rgba(255,138,42,.35);box-shadow:0 0 24px rgba(255,138,42,.18)}
.appbox h3{margin:0 0 4px;font-size:1.25rem;color:#ff8a2a;text-shadow:0 0 10px rgba(255,138,42,.6)}
.appbox p{margin:0 0 12px;font-size:.92rem;opacity:.9}
.appbtn{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0;padding:10px 16px 10px 10px;border:0;border-radius:999px;color:#fff;cursor:pointer;text-align:left;font:inherit;box-shadow:0 0 18px rgba(255,138,42,.35);transition:transform .15s}
.appbtn:active{transform:scale(.97)}
.appbtn.and{background:linear-gradient(90deg,#3ddc84,#ff8a2a)}
.appbtn.ios{background:linear-gradient(90deg,#ff4fa3,#7b3cff);box-shadow:0 0 18px rgba(123,60,255,.4)}
.appbtn .ic{flex:none;width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center}
.appbtn .ic svg{width:26px;height:26px}
.appbtn .tx{flex:1;line-height:1.15}.appbtn b{display:block;font-size:1.05rem}.appbtn small{opacity:.9}
.appbtn .em{font-size:1.5rem}
.appbtn.mine{outline:3px solid #fff;box-shadow:0 0 28px #ff8a2a}
.appbtn.dim{opacity:.75}
.appnote{font-size:.85rem;margin-top:8px}
.appmodal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
.appmodal.on{display:flex}
.appmodal .card{background:#1c0710;border:1px solid #ff4fa3;border-radius:20px;padding:20px;max-width:360px;color:#fff;box-shadow:0 0 30px rgba(255,79,163,.4)}
.appmodal h4{margin:0 0 10px;color:#ff8a2a;font-size:1.15rem}
.appmodal ol{margin:0 0 14px;padding-left:20px;line-height:1.7}
.appmodal button{border:0;border-radius:999px;padding:10px 18px;background:linear-gradient(90deg,#ff4fa3,#ff8a2a);color:#fff;font:inherit;font-weight:700;cursor:pointer;width:100%}
