.kjqq-notice { box-sizing: border-box; margin: 24px auto 30px; padding: 24px; border: 1px solid #e2d8cf; border-radius: 16px; background: #f5eee8; color: #252525; }
.kjqq-notice h2 { margin: 0 0 16px; font-size: 24px; line-height: 1.4; }
.kjqq-notice p { margin: 18px 0; font-size: 16px; line-height: 1.9; }
.kjqq-notice .kjqq-important { color: #b7362b; font-size: clamp(21px, 2.5vw, 30px); font-weight: 700; }
.kjqq-hours { font-weight: 700; }
.kjqq-notice .kjqq-response { margin-top: 0; color: #6f5144; }
.kjqq-notice .kjqq-legal { color: #b7362b; font-weight: 700; }
.kjqq-contact { margin-top: 24px; padding-top: 16px; border-top: 1px solid #ded2c8; }
.kjqq-contact p { line-height: 1.8; }
.kjqq-contact-number { color: #b7362b; }
.kjqq-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.kjqq-button, .kjqq-copy { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 1px solid #383633; border-radius: 10px; font: inherit; text-decoration: none; cursor: pointer; }
.kjqq-button { background: #383633; color: #fff !important; }
.kjqq-copy { background: #fffaf5; color: #383633; }
.kjqq-copy-status { font-size: 14px; }
.kjqq-floating { position: fixed; right: 20px; bottom: 24px; z-index: 10000; display: flex; flex-direction: column; gap: 4px; align-items: center; padding: 12px 18px; border-radius: 14px; background: #383633; color: #fff !important; text-decoration: none; font-size: 16px; font-weight: 700; box-shadow: 0 5px 20px #0002; }
.kjqq-floating span { font-size: 12px; font-weight: 400; }
.kjqq-button:focus-visible, .kjqq-copy:focus-visible, .kjqq-floating:focus-visible { outline: 3px solid #b87535; outline-offset: 3px; }
@media (max-width: 600px) { .kjqq-notice { margin: 18px 16px 24px; padding: 18px; width: auto; } .kjqq-notice p { font-size: 15px; margin: 14px 0; } .kjqq-floating { right: 12px; bottom: 16px; padding: 10px 14px; } }