.cn-card{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%,24px);opacity:0;transition:transform .25s ease,opacity .25s ease;z-index:9999;width:min(440px,calc(100vw - 24px));box-sizing:border-box;padding:16px 44px 14px 16px;border-radius:16px;background:#0f1a1f;border:1px solid #1fd1b6;box-shadow:0 12px 40px rgba(0,0,0,.55);color:#e9f2f1;font-size:15px;line-height:1.4}
.cn-card.on{transform:translate(-50%,0);opacity:1}
.cn-card p{margin:6px 0}.cn-card .cn-h{font-size:17px;display:block}.cn-card .cn-s{color:#9fb3b0;font-size:14px}
.cn-btn{display:inline-block;margin:8px 0 4px;padding:10px 16px;border-radius:12px;background:#1fd1b6;color:#04110f;font-weight:800;text-decoration:none}
.cn-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:#9fb3b0;font-size:22px;cursor:pointer}
.cn-f{display:block;color:#6f8582;font-size:11px;margin-top:6px}
@media (prefers-reduced-motion:reduce){.cn-card{transition:none}}
@media (max-width:760px){.cn-card{bottom:calc(76px + env(safe-area-inset-bottom,0px))}}