/* ========== 回复框样式（所有规则限定在 .pseudo-reply-module 内） ========== */
 .pseudo-reply-module {
     max-width: 900px;
     margin: 30px auto;
     font-size: 14px;
     color: #000;
 }

 /* 隐文字区域 */
 .pr-hidden-content {
     display: none;
     background: #f5f5f5;
     border: 1px solid #999;
     padding: 16px 20px;
     margin-bottom: 20px;
 }

     .pr-hidden-content.visible {
         display: block;
     }

 .pr-secret-title {
     font-size: 16px;
     font-weight: bold;
     margin: 0 0 10px 0;
 }

 .pr-secret-text {
     font-size: 13px;
     line-height: 1.6;
     margin: 0 0 6px 0;
 }

 /* 回复框容器 */
 .pr-reply-box {
     background: #e8e8e8;
     border: 1px solid #888;
     padding: 15px 18px;
     transition: border-color 0.2s;
 }

     .pr-reply-box.error-shake {
         animation: prShake 0.5s ease;
         border-color: #cc0000;
     }

     .pr-reply-box.success-glow {
         border-color: #006600;
         background: #e8f0e8;
     }

 @keyframes prShake {
     0%,100% {
         transform: translateX(0);
     }

     15% {
         transform: translateX(-6px);
     }

     30% {
         transform: translateX(6px);
     }

     45% {
         transform: translateX(-4px);
     }

     60% {
         transform: translateX(4px);
     }

     75% {
         transform: translateX(-2px);
     }

     90% {
         transform: translateX(2px);
     }
 }

 .pr-reply-label {
     font-size: 13px;
     margin-bottom: 8px;
     color: #333;
 }

 .pr-reply-inner {
     display: flex;
     gap: 8px;
     align-items: flex-start; /* 多行时顶部对齐 */
 }

 /* 文本域样式（原输入框样式移植） */
 .pr-reply-input {
     flex: 1;
     width: 100%;
     min-width: 300px;
     padding: 6px 8px;
     border: 1px solid #888;
     font-size: 14px;
     background: #fff;
     color: #000;
     font-family: inherit;
     resize: vertical; /* 允许用户手动调整高度 */
     overflow-y: auto; /* 内容过多时显示滚动条 */
     line-height: 1.5;
 }

     .pr-reply-input:focus {
         outline: 1px solid #666;
         border-color: #666;
     }

     .pr-reply-input.error-input {
         border-color: #cc0000;
         background: #fff0f0;
     }

     .pr-reply-input.success-input {
         border-color: #006600;
         background: #f0fff0;
     }

 /* 按钮样式保持不变 */
 .pr-reply-btn {
     padding: 6px 18px;
     background: #d4d0c8;
     border: 1px solid #808080;
     border-right-color: #404040;
     border-bottom-color: #404040;
     font-size: 14px;
     font-family: inherit;
     cursor: pointer;
     color: #000;
     white-space: nowrap;
     align-self: flex-start; /* 与文本域顶部对齐 */
     margin-top: 0;
 }

     .pr-reply-btn:hover {
         background: #c0c0c0;
     }

     .pr-reply-btn:active {
         border: 1px solid #404040;
         border-right-color: #808080;
         border-bottom-color: #808080;
     }

 /* 反馈文字 */
 .pr-feedback {
     margin-top: 8px;
     font-size: 13px;
     min-height: 18px;
 }

     .pr-feedback.error {
         color: #cc0000;
         font-weight: bold;
     }

     .pr-feedback.success {
         color: #006600;
         font-weight: bold;
     }

 /* 移动端适配 */
 @media (max-width: 500px) {
     .pr-reply-inner {
         flex-direction: column;
         gap: 6px;
     }

     .pr-reply-input {
         min-width: auto;
     }

     .pr-reply-btn {
         width: 100%;
     }
 }