#wpqib-task-modal { display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.7); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }















#wpqib-task-modal .wpqib-task-content { background-color: #fff; margin: 30px auto; padding: 0; width: 95%; max-width: 650px; border-radius: 12px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.3); overflow: hidden; }















#wpqib-task-modal .wpqib-task-inner { padding: 25px; text-align: left; }















#wpqib-task-modal .wpqib-task-close { color: #333; position: absolute; right: 15px; top: 10px; font-size: 30px; font-weight: bold; cursor: pointer; z-index: 10; line-height: 1; }















#wpqib-task-modal .wpqib-task-header-txt { color: #d63031; font-size: 17px; text-align: center; display: block; font-weight: 700; margin-bottom: 20px; line-height: 1.4; }















#wpqib-task-modal .wpqib-task-step-title { font-weight: 700; color: #2d3436; }















#wpqib-task-modal .wpqib-task-keyword-highlight { color: #d63031; font-weight: 700; border-bottom: 2px solid #d63031; padding: 0 4px; }















#wpqib-task-modal .wpqib-task-form-group { display: flex; gap: 10px; margin: 20px 0; background: #f1f2f6; padding: 15px; border-radius: 8px; }















#wpqib-task-modal .wpqib-task-input { flex: 1; padding: 12px; border: 2px solid #dfe6e9; border-radius: 6px; font-size: 16px; outline: none; transition: border-color 0.3s; }















#wpqib-task-modal .wpqib-task-input:focus { border-color: #0984e3; }















#wpqib-task-modal .wpqib-task-btn-submit { background-color: #0984e3; color: #fff; padding: 12px 25px; border-radius: 6px; font-weight: 700; cursor: pointer; border: none; transition: background 0.3s; }















#wpqib-task-modal .wpqib-task-btn-submit:hover { background-color: #0b7ada; }















#wpqib-task-modal .wpqib-task-btn-submit.loading { opacity: 0.7; cursor: not-allowed; pointer-events: none; }















#wpqib-task-modal .wpqib-task-img-guide { width: 100%; border-radius: 8px; border: 1px solid #dfe6e9; margin: 15px 0; }















#wpqib-task-modal .wpqib-task-search-demo { position: relative; text-align: center; }















#wpqib-task-modal .wpqib-task-keyword-overlay { position: absolute; left: 24%; top: 46%; font-size: 14px; color: #333; font-weight: 500; }















#wpqib-task-modal .wpqib-task-note-blue { color: #0984e3; font-weight: 600; text-align: center; margin: 10px 0; font-size: 14px; }















#wpqib-task-modal .wpqib-task-copy-btn, #wpqib-task-modal .wpqib-task-change-btn { font-size: 12px; color: #636e72; cursor: pointer; border: 1px solid #b2bec3; padding: 4px 12px; border-radius: 20px; transition: all 0.3s; }















#wpqib-task-modal .wpqib-task-copy-btn:hover { background: #636e72; color: #fff; }















#wpqib-task-modal .wpqib-task-spoil-area { text-align: center; margin: 15px 0; font-size: 18px; }















#wpqib-task-modal .wpqib-task-mask { background-color: #d63031; display: inline-block; width: 45px; height: 22px; border-radius: 4px; vertical-align: middle; margin-left: 5px; }















#wpqib-task-modal .wpqib-task-video { width: 100%; height: 350px; border-radius: 8px; margin-top: 20px; }















.wpqib-task-no-scroll { overflow: hidden; }















@media screen and (max-width: 600px) {







    #wpqib-task-modal .wpqib-task-form-group { flex-direction: column; }







    #wpqib-task-modal .wpqib-task-keyword-overlay { left: 18%; top: 43%; font-size: 11px; }







    #wpqib-task-modal .wpqib-task-video { height: 200px; }







}