/* LINE 身份條與登入閘門（KH11 Staging）：放在設計畫面之外（手機頁在 390×844 畫面下方），不壓在美術上 */
.kstrip { width: 390px; margin: 10px auto 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding: 8px 10px; font: 13px/1.4 "PingFang TC", "Noto Sans TC", sans-serif; color: #b6ab90; border: 1px solid #3a3326; border-radius: 4px; background: #0d0b08; }
.kstrip b { color: #ffe2a0; font-weight: 600; }
.kstrip button, .kstrip a { padding: 4px 9px; border: 1px solid #5a4c30; border-radius: 3px; color: #e8dcc0; background: #18140d; font: inherit; cursor: pointer; text-decoration: none; }
.kstrip.wide { width: auto; max-width: 1280px; }
.kstrip.float { position: fixed; right: 10px; bottom: 8px; z-index: 999; width: auto; margin: 0; opacity: .35; transition: opacity .2s; }
.kstrip.float:hover { opacity: 1; }
.kgate { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; background: rgba(2,6,4,.94); font-family: "PingFang TC", "Noto Sans TC", sans-serif; color: #f5ead0; overflow: auto; }
.kgate-in { width: min(420px, 100%); text-align: center; }
.kgate-in > img { width: 200px; filter: drop-shadow(0 4px 10px #000); }
.kgate h2 { margin: 18px 0 14px; font: 600 20px/1.5 "Songti TC", "Noto Serif TC", serif; letter-spacing: .08em; color: #ffe7b0; }
.kgate h2 small { font-size: 13px; color: #b6ab90; letter-spacing: 0; }
.kgate-list { display: grid; gap: 8px; }
.kgate-list button { display: grid; gap: 2px; padding: 10px 14px; text-align: left; border: 10px solid transparent; border-image: url(../assets/gen/c-card-front.png) 84 fill / 10px stretch; color: #f5ead0; background: none; font: inherit; cursor: pointer; }
.kgate-list button b { font-size: 16px; color: #ffe7b0; } .kgate-list button span { font-size: 12px; color: #b6ab90; }
.kgate-list button:disabled { opacity: .5; }
.kgate-note { margin-top: 14px; font-size: 12px; line-height: 1.6; color: #9c927c; }
.kgate-msg { margin: -4px 0 16px; font-size: 14px; line-height: 1.7; color: #e9dcc0; } .kgate-msg small { display: block; margin-top: 6px; font-size: 12.5px; color: #b6ab90; }
.kgate-wait { display: flex; justify-content: center; gap: 10px; margin: 8px 0 4px; } .kgate-wait i { width: 9px; height: 9px; transform: rotate(45deg); background: #d9b15c; box-shadow: 0 0 10px rgba(255,214,120,.6); animation: kgw 1.2s infinite; } .kgate-wait i:nth-child(2) { animation-delay: .2s; } .kgate-wait i:nth-child(3) { animation-delay: .4s; }
@keyframes kgw { 50% { opacity: .2; } }
.kgate-go { text-align: center !important; } .kgate-go b { font-size: 17px !important; }
.kgate-close, .kgate-home { display: inline-block; margin: 14px 8px 0; font-size: 14px; color: #ffe2a0; background: none; border: 0; border-bottom: 1px solid rgba(255,226,160,.4); cursor: pointer; text-decoration: none; }