/* 棠序問策 LINE QR modal (desktop) */
html.txl-lock{overflow:hidden}
.txl-modal{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px}
.txl-modal[hidden]{display:none}
.txl-backdrop{position:absolute;inset:0;background:rgba(4,5,3,.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s ease}
.txl-panel{position:relative;width:min(400px,100%);box-sizing:border-box;padding:36px 32px 28px;text-align:center;color:#E6E9E3;font-family:Roboto,"Noto Sans TC",sans-serif;
  background:radial-gradient(120% 80% at 50% 0%,rgba(169,255,104,.14),rgba(169,255,104,0) 60%),#131413;border:1px solid #1F221E;border-radius:16px;
  box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(169,255,104,.06) inset;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1);outline:none}
.txl-modal.is-open .txl-backdrop,.txl-modal.is-open .txl-panel{opacity:1;transform:none}
.txl-eyebrow{margin:0 0 6px;font-family:Orbitron,sans-serif;font-size:11px;letter-spacing:.24em;color:#A9FF68}
.txl-modal .txl-title{margin:0 0 10px;padding:0;white-space:nowrap;letter-spacing:.02em;font-family:Orbitron,"Noto Sans TC",sans-serif;font-size:22px;font-weight:700;line-height:1.3;background:linear-gradient(135deg,#A9FF68,#FF8989);-webkit-background-clip:text;background-clip:text;color:transparent}
.txl-desc{margin:0 0 18px;font-size:14px;line-height:1.7;color:#B9BEB5}
.txl-id{color:#A9FF68;font-weight:700;letter-spacing:.04em;user-select:all}
.txl-qr{display:inline-block;padding:10px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #1F221E,0 0 32px rgba(169,255,104,.22)}
.txl-qr img{display:block;width:216px;height:216px}
.txl-open{display:block;margin:22px 0 10px;padding:13px 18px;border-radius:999px;font-weight:700;font-size:15px;color:#040503!important;text-decoration:none!important;background:linear-gradient(135deg,#A9FF68,#FF8989);transition:filter .2s,transform .2s}
.txl-open:hover{filter:brightness(1.08);transform:translateY(-1px)}
.txl-modal button.txl-close{box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;margin:0!important;height:auto!important;display:block;width:100%;padding:11px;border-radius:999px;border:1px solid #1F221E;background:transparent!important;color:#B9BEB5!important;font:inherit;font-size:14px;cursor:pointer}
.txl-modal button.txl-close:hover{border-color:#A9FF68!important;color:#A9FF68!important}
.txl-modal button.txl-x{box-shadow:none!important;padding:0!important;min-width:0!important;margin:0!important;position:absolute;top:10px;right:12px;width:36px;height:36px;border:0!important;border-radius:50%!important;background:transparent!important;color:#8A9086!important;font-size:24px;line-height:1;cursor:pointer}
.txl-modal button.txl-x:hover{color:#A9FF68!important;background:rgba(169,255,104,.08)!important}
.txl-panel :focus-visible{outline:2px solid #A9FF68;outline-offset:3px}
@media (prefers-reduced-motion:reduce){.txl-backdrop,.txl-panel{transition:none}}