.jbfk-overlay{z-index:10001;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#04060ab8;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.jbfk-container{background:linear-gradient(160deg,#121822fa,#0a0e16fa);border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;width:100%;max-width:34rem;max-height:92vh;animation:.35s cubic-bezier(.22,1,.36,1) jbfkIn;display:flex;position:relative;overflow:hidden;box-shadow:0 1.25rem 4rem #0000008c,0 0 0 1px #00cae01a,inset 0 1px #ffffff0a}.jbfk-top-beam{opacity:.85;background:linear-gradient(90deg,#0000 0%,#00cae0e6 25%,#00e5a0e6 50%,#7850ffe6 75%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}.jbfk-close{color:#ffffff8c;cursor:pointer;z-index:2;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex;position:absolute;top:.9rem;right:.9rem}.jbfk-close:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e}.jbfk-header{align-items:center;gap:.9rem;padding:1.6rem 2rem .9rem;display:flex}.jbfk-icon-wrap{width:2.75rem;height:2.75rem;color:var(--color-primary,#00cae0);background:linear-gradient(135deg,#00cae02e,#00e5a01a);border:1px solid #00cae038;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.jbfk-title{color:#f5fbfff5;letter-spacing:.01em;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.jbfk-subtitle{color:#a0aab4bf;margin:0;font-size:.78rem;line-height:1.4}.jbfk-notice{background:linear-gradient(135deg,#00cae00f,#00e5a008);border:1px solid #00cae02e;border-radius:6px;align-items:flex-start;gap:.6rem;margin:.4rem 2rem 1rem;padding:.65rem .9rem;display:flex}.jbfk-notice-label{color:#00cae0;letter-spacing:.05em;background:#00cae01f;border-radius:6px;flex-shrink:0;margin-top:.1rem;padding:.15rem .5rem;font-size:.72rem;font-weight:700;line-height:1.4}.jbfk-notice-text{color:#bec8d2c7;font-size:.76rem;line-height:1.65}.jbfk-body{flex:1;padding:0 2rem .25rem;overflow:hidden auto}.jbfk-row{margin-bottom:1.1rem}.jbfk-label{color:#dce1e6e6;margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:block}.jbfk-required{color:#ff5e7c;margin-left:.15rem}.jbfk-optional{color:#8c96a0b3;font-size:.75rem;font-weight:400}.jbfk-type-grid{grid-template-columns:repeat(2,1fr);gap:.55rem;display:grid}.jbfk-type-btn{color:#dce1e6d9;cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #ffffff0f;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;padding:.6rem .75rem;transition:all .2s;display:grid;position:relative}.jbfk-type-btn:hover:not(:disabled){background:#ffffff0d;border-color:#00cae047}.jbfk-type-btn.active{background:linear-gradient(135deg,#00cae024,#00e5a014);border-color:#00cae08c;box-shadow:inset 0 0 0 1px #00cae040,0 0 .8rem #00cae026}.jbfk-type-dot{background:#ffffff1a;border:2px solid #ffffff2e;border-radius:50%;grid-row:1/3;width:.55rem;height:.55rem;transition:all .2s}.jbfk-type-btn.active .jbfk-type-dot{background:#00cae0;border-color:#00cae0;box-shadow:0 0 .4rem #00cae0}.jbfk-type-label{color:#f0f5faf2;font-size:.86rem;font-weight:600;line-height:1.2}.jbfk-type-desc{color:#8c96a0b3;margin-top:.15rem;font-size:.7rem;line-height:1.3}.jbfk-type-btn:disabled{opacity:.55;cursor:not-allowed}.jbfk-input,.jbfk-textarea{box-sizing:border-box;color:#f0f5faf2;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;width:100%;padding:.7rem .85rem;font-family:inherit;font-size:.88rem;line-height:1.5;transition:all .2s}.jbfk-input::placeholder,.jbfk-textarea::placeholder{color:#828c968c}.jbfk-input:focus,.jbfk-textarea:focus{background:#ffffff0d;border-color:#00cae08c;outline:none;box-shadow:0 0 0 3px #00cae01a}.jbfk-input:disabled,.jbfk-textarea:disabled{opacity:.6;cursor:not-allowed}.jbfk-textarea{resize:vertical;min-height:5.5rem}.jbfk-count{text-align:right;color:#828c9699;margin-top:.3rem;font-size:.7rem}.jbfk-agree{cursor:pointer;-webkit-user-select:none;user-select:none;color:#b4bec8d1;align-items:flex-start;gap:.55rem;padding:.15rem 0;font-size:.78rem;line-height:1.55;display:flex}.jbfk-agree input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.jbfk-agree-box{background:#ffffff08;border:1px solid #fff3;border-radius:6px;flex-shrink:0;width:1rem;height:1rem;margin-top:.15rem;transition:all .2s;position:relative}.jbfk-agree input:checked~.jbfk-agree-box{background:#00cae0;border-color:#00cae0}.jbfk-agree input:checked~.jbfk-agree-box:after{content:"";border-style:solid;border-color:#0a1019;border-image:initial;border-width:0 2px 2px 0;width:.32rem;height:.6rem;position:absolute;top:.08rem;left:.28rem;transform:rotate(45deg)}.jbfk-footer{border-top:1px solid #ffffff0d;gap:.65rem;padding:1rem 2rem 1.4rem;display:flex}.jbfk-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.jbfk-btn:disabled{opacity:.5;cursor:not-allowed}.jbfk-btn-cancel{color:#dce1e6d9;background:#ffffff0a;border-color:#ffffff1a}.jbfk-btn-cancel:hover:not(:disabled){color:#fff;background:#ffffff14}.jbfk-btn-submit{color:#0a1019;background:linear-gradient(135deg,#00cae0,#00a0c8);box-shadow:0 .3rem 1rem #00cae04d}.jbfk-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 .5rem 1.3rem #00cae066}.jbfk-btn-submit:active:not(:disabled){transform:translateY(0)}.jbfk-spinner{border:2px solid #0a10194d;border-top-color:#0a1019;border-image:initial;border-radius:50%;width:.9rem;height:.9rem;animation:.8s linear infinite jbfkSpin}.jbfk-fade-enter-active,.jbfk-fade-leave-active{transition:opacity .25s}.jbfk-fade-enter-active .jbfk-container,.jbfk-fade-leave-active .jbfk-container{transition:transform .3s cubic-bezier(.22,1,.36,1)}.jbfk-fade-enter-from,.jbfk-fade-leave-to{opacity:0}.jbfk-fade-enter-from .jbfk-container,.jbfk-fade-leave-to .jbfk-container{transform:translateY(1rem)scale(.98)}.jbfk-body::-webkit-scrollbar{width:.35rem}.jbfk-body::-webkit-scrollbar-track{background:0 0}.jbfk-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:6px}.jbfk-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width:40rem){.jbfk-container{border-radius:6px;max-height:100vh}.jbfk-header{padding:1.4rem 1.25rem .75rem}.jbfk-notice{margin:.3rem 1.25rem .85rem}.jbfk-body{padding:0 1.25rem .2rem}.jbfk-footer{padding:.9rem 1.25rem 1.2rem}.jbfk-type-grid{grid-template-columns:1fr}.jbfk-title{font-size:1.1rem}}@keyframes jbfkIn{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:none}}@keyframes jbfkSpin{to{transform:rotate(360deg)}}.jbfk-error{color:#ff8a8a;margin:0 0 .75rem;font-size:.78rem;line-height:1.5}.jbfk-container.is-feedback{--jbfk-accent:#eab308;--jbfk-accent-soft:#eab30824;border-color:#eab3081f;max-width:32rem;box-shadow:0 1.25rem 4rem #0000008c,0 0 0 1px #eab30814}.jbfk-container.is-complaint{--jbfk-accent:#ef4444;--jbfk-accent-soft:#ef44441f;--cp-danger-soft:#ef44441f;border-color:#ef444424;max-width:34rem;box-shadow:0 1.25rem 4rem #0000008c,0 0 0 1px #ef44441a}.jbfk-container.is-feedback .jbfk-top-beam{background:linear-gradient(90deg,#0000,#eab308d9 40%,#f59e0bd9 60%,#0000)}.jbfk-container.is-complaint .jbfk-top-beam{background:linear-gradient(90deg,#0000,#ef4444d9 40%,#f97316d9 60%,#0000)}.jbfk-header-centered{text-align:center;flex-direction:column;align-items:center;padding-bottom:.35rem}.jbfk-icon-feedback{color:#eab308;background:linear-gradient(135deg,#eab30833,#f59e0b1f);border-color:#eab30859}.jbfk-icon-complaint{color:#ef4444;background:linear-gradient(135deg,#ef44442e,#f973161a);border-color:#ef444459}.jbfk-tabs{gap:.45rem;padding:0 2rem .75rem;display:flex}.feedback-tab{border:1px solid var(--w-10,#ffffff14);background:var(--w-3,#ffffff08);height:2rem;color:var(--w-70,#ffffffb3);cursor:pointer;border-radius:6px;flex:1;font-size:.8125rem;transition:all .18s}.jbfk-notice-feedback{background:#eab30814;border:1px solid #eab30838;border-radius:6px;margin:0 2rem .85rem;padding:.75rem .85rem}.jbfk-notice-feedback .jbfk-notice-text{margin:0;font-size:.75rem;line-height:1.65}.jbfk-kefu-link{color:#eab308;cursor:pointer;background:#eab3081f;border:1px solid #eab30859;border-radius:999px;align-items:center;margin-left:.25rem;padding:.1rem .45rem;font-size:.72rem;display:inline-flex}.jbfk-btn-submit-feedback{color:#181000;background:linear-gradient(135deg,#eab308,#f59e0b);box-shadow:0 .3rem 1rem #eab30847}.jbfk-btn-submit-feedback:hover:not(:disabled){box-shadow:0 .5rem 1.3rem #eab30861}.jbfk-btn-submit-complaint{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 .3rem 1rem #ef444447}.jbfk-btn-submit-complaint:hover:not(:disabled){box-shadow:0 .5rem 1.3rem #ef444461}.jbfk-spinner-light{border-color:#fff #ffffff59 #ffffff59}.jbfk-container.is-complaint .jbfk-input:focus,.jbfk-container.is-complaint .jbfk-textarea:focus{border-color:#ef44448c;box-shadow:0 0 0 3px #ef44441f}.jbfk-select-wrap{position:relative}.jbfk-select-trigger{color:#f0f5faf2;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.55rem;width:100%;padding:.7rem .85rem;display:flex}.jbfk-select-trigger.open,.jbfk-select-trigger:hover{border-color:#ef444473}.jbfk-select-value{flex:1;font-size:.88rem;font-weight:600}.jbfk-select-menu{z-index:5;background:#101218fa;border:1px solid #ef444440;border-radius:6px;flex-direction:column;gap:.25rem;padding:.35rem;display:flex;position:absolute;top:calc(100% + .35rem);left:0;right:0;box-shadow:0 .75rem 2rem #00000073}.complaint-select-option{color:#f0f5faf2;cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;align-items:flex-start;gap:.55rem;width:100%;padding:.65rem .7rem;display:flex}.complaint-select-option:hover{border-color:#ef444440}.complaint-select-option.active{background:var(--cp-danger-soft);border-color:#ef444459}.complaint-select-option .jbfk-type-dot{flex-shrink:0;margin-top:.35rem}.complaint-select-option.active .jbfk-type-dot,.jbfk-type-dot.active-dot{background:#ef4444;border-color:#ef4444;box-shadow:0 0 .35rem #ef4444}.jbfk-textarea-complaint{min-height:7rem}.jbfk-image-grid{flex-wrap:wrap;gap:.55rem;display:flex}.jbfk-image-item{border:1px solid #ffffff14;border-radius:6px;width:5.5rem;height:5.5rem;position:relative;overflow:hidden}.jbfk-image-item img{object-fit:cover;width:100%;height:100%;display:block}.jbfk-image-busy{color:#fff;background:#0000008c;justify-content:center;align-items:center;font-size:.68rem;display:flex;position:absolute;inset:0}.jbfk-image-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:999px;width:1.2rem;height:1.2rem;line-height:1;position:absolute;top:.2rem;right:.2rem}.feedback-image-upload,.upload-trigger{color:#dce1e6d9;cursor:pointer;background:#ffffff05;border:1px dashed #ffffff2e;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:5.5rem;min-height:5.5rem;padding:.35rem;font-size:.72rem;transition:all .18s;display:flex}.complaint-images .upload-trigger{color:#fca5a5f2;border-color:#ef444459;width:100%;min-height:6.5rem}.upload-trigger:hover:not(.disabled){box-shadow:0 0 0 3px var(--cp-danger-soft);border-color:#ef4444c7;transform:translateY(-.05rem)}.feedback-image-upload:hover:not(.disabled){background:#eab3081a;border-color:#eab30880;transform:scale(1.02)}.jbfk-upload-plus{color:#ef4444;font-size:1.35rem;line-height:1}.jbfk-upload-hint{color:#a0aab4bf;text-align:center;font-size:.62rem;line-height:1.35}.jbfk-upload-ico{font-size:1.25rem;line-height:1}.jbfk-history{padding-top:.25rem}.jbfk-history-empty{text-align:center;color:#a0aab4bf;margin:2rem 0;font-size:.85rem}.jbfk-history-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;margin-bottom:.55rem;padding:.75rem .85rem}.jbfk-history-title{color:#f5fbfff2;font-size:.86rem;font-weight:700}.jbfk-history-meta{color:#8c96a0bf;margin-top:.2rem;font-size:.68rem}.jbfk-history-content{color:#bec8d2d9;white-space:pre-wrap;margin:.45rem 0 0;font-size:.78rem;line-height:1.6}@media (max-width:40rem){.jbfk-tabs{padding:0 1.25rem .65rem}.jbfk-notice-feedback{margin:0 1.25rem .75rem}}