:root{--comment-radius:16px;--comment-border:#e9ecef;--comment-white:#fff;--comment-light:#f8f9fa;--comment-shadow:0 4px 20px rgba(8,28,158,.08);--comment-star:#ffc107;--comment-primary:#081c9e;--comment-secondary:#6b72b8}.bd-write{overflow:hidden;padding:32px 24px;border:1px solid var(--comment-border);position:relative;margin:32px 0;box-shadow:var(--comment-shadow);border-radius:var(--comment-radius);background:var(--comment-white)}.bd-write:before{height:4px;right:0;content:"";position:absolute;top:0;background:linear-gradient(90deg,var(--comment-primary) 0,var(--comment-secondary) 100%);left:0}.bd-write h3{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--comment-primary);position:relative;text-align:center}.bd-write h3:after{height:3px;transform:translateX(-50%);content:"";position:absolute;bottom:-8px;border-radius:2px;background:linear-gradient(90deg,var(--comment-primary),var(--comment-secondary));left:50%;width:60px}.bd-wstar{padding:16px;justify-content:center;border:2px solid transparent;margin-bottom:24px;transition:all .3s ease;gap:8px;align-items:center;border-radius:12px;background:var(--comment-light);display:flex}.bd-wstar:hover{border-color:var(--comment-secondary);background:rgba(107,114,184,.05)}.bd-wstar .star-item{display:none}.bd-wstar label{font-size:28px;color:#ddd;transition:all .3s ease;position:relative;cursor:pointer}.bd-wstar .star-item:checked~label,.bd-wstar label:hover,.bd-wstar label:hover~label{transform:scale(1.1);color:var(--comment-star)}.bd-wstar label:hover{animation:starBounce .5s ease-in-out}@keyframes starBounce{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.spform{max-width:100%}.wd50{flex-wrap:wrap;margin-bottom:24px;gap:20px;width:100%;display:flex}.wd50>div{flex:1;min-width:250px}.wd100{margin-bottom:20px}.glabel{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--comment-primary);text-transform:uppercase;letter-spacing:.5px;display:block}.ginput{padding:16px 20px;font-size:15px;border:2px solid var(--comment-border);transition:all .3s ease;box-sizing:border-box;border-radius:12px;background:var(--comment-white);width:100%;display:block}.ginput:focus{transform:translateY(-1px);outline:none;box-shadow:0 0 0 3px rgba(107,114,184,.1)}.ginput:focus,.ginput:hover{border-color:var(--comment-secondary)}.kptextarea2{min-height:120px;padding:16px;resize:vertical;font-size:15px;border:2px solid var(--comment-border);transition:all .3s ease;box-sizing:border-box;border-radius:12px;background:var(--comment-white);width:100%;line-height:1.6;font-family:inherit}.kptextarea2:focus{transform:translateY(-1px);outline:none;box-shadow:0 0 0 3px rgba(107,114,184,.1)}.kptextarea2:focus,.kptextarea2:hover{border-color:var(--comment-secondary)}.gdbutton{text-align:center;margin-top:24px}.gdbutton .btn100{overflow:hidden;padding:16px 32px;font-size:16px;border:none;text-decoration:none;font-weight:600;color:var(--comment-white);transition:all .3s ease;position:relative;min-width:200px;border-radius:12px;background:linear-gradient(135deg,var(--comment-primary) 0,var(--comment-secondary) 100%);cursor:pointer;display:inline-block}.gdbutton .btn100:before{height:100%;transition:left .5s ease;content:"";position:absolute;top:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);left:-100%;width:100%}.gdbutton .btn100:hover:before{left:100%}.gdbutton .btn100:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(8,28,158,.3)}.gdbutton .btn100:active{transform:translateY(0)}#responseCommentForm{min-height:0;padding:0;margin-bottom:20px}#responseCommentForm .alert{padding:16px 20px;border:none;font-weight:500;margin-bottom:16px;border-radius:12px}#responseCommentForm .alert-success{border-left:4px solid #28a745;color:#155724;background:linear-gradient(135deg,#d4edda,#c3e6cb)}#responseCommentForm .alert-danger{border-left:4px solid #dc3545;color:#721c24;background:linear-gradient(135deg,#f8d7da,#f5c6cb)}@media (max-width:768px){.bd-write{padding:24px 16px;margin:24px 0;border-radius:12px}.bd-write h3{font-size:20px;margin-bottom:20px}.wd50{flex-direction:column;gap:16px}.wd50>div{flex:none;min-width:auto}.bd-wstar{padding:12px}.bd-wstar label{font-size:24px}.ginput,.kptextarea2{padding:12px 14px;font-size:14px}.kptextarea2{min-height:100px}.gdbutton .btn100{padding:14px 24px;font-size:15px;width:100%}}.gdbutton .btn100.loading{color:transparent;position:relative}.gdbutton .btn100.loading:after{animation:spin 1s linear infinite;height:20px;transform:translate(-50%,-50%);border:2px solid hsla(0,0%,100%,.3);content:"";position:absolute;border-top-color:#fff;top:50%;border-radius:50%;left:50%;width:20px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.bd-wstar label:focus,.gdbutton .btn100:focus,.ginput:focus,.kptextarea2:focus{outline-offset:2px;outline:2px solid var(--comment-secondary)}.bd-wstar label:focus{border-radius:4px}.ginput.error,.kptextarea2.error{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.1)}.ginput.success,.kptextarea2.success{border-color:#28a745;box-shadow:0 0 0 3px rgba(40,167,69,.1)}