
.morse-wrap{width:100%;margin:0 auto;padding:4px 0 20px}
.mo-card{background:#fff;border:1px solid #e3e6ea;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:22px;margin-bottom:16px}
.mo-head h2{margin:0 0 4px;font-size:22px;color:#1f2937}
.mo-head p{margin:0 0 16px;font-size:13px;color:#8a919c}
.mo-box textarea{width:100%;box-sizing:border-box;min-height:140px;border:1px solid #d3d9e2;border-radius:10px;padding:12px 14px;font-size:15px;line-height:1.8;color:#333;background:#fff;resize:vertical;transition:.2s;font-family:inherit}
.mo-box textarea:focus{outline:none;border-color:#ff6500;box-shadow:0 0 0 2px rgba(255,101,0,.15)}
.mo-box textarea[readonly]{background:#f8fafc;color:#475569}
.mo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.mo-btn{border-radius:8px;padding:10px 22px;font-size:14px;cursor:pointer;border:1px solid #d3d9e2;background:#fff;color:#333;transition:.2s;font-weight:500}
.mo-btn:hover{border-color:#ff6500;color:#ff6500}
.mo-btn-primary{background:linear-gradient(135deg,#ff6500,#ff8627);border-color:transparent;color:#fff}
.mo-btn-primary:hover{opacity:.9;color:#fff;border-color:transparent}
.mo-tip{font-size:12px;color:#999;margin-top:12px;line-height:1.8}
.mo-desc .mo-desc-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:10px;padding-left:10px;border-left:4px solid #ff6500}
.mo-desc .mo-desc-body{font-size:14px;line-height:2;color:#4b5563}
.night .mo-card{background:#222630;border-color:#3a3f48;box-shadow:none}
.night .mo-head h2{color:#e6e8eb}
.night .mo-head p{color:#9aa2ad}
.night .mo-box textarea{background:#1a1d24;border-color:#3a3f48;color:#e6e8eb}
.night .mo-box textarea:focus{border-color:#ff8627;box-shadow:0 0 0 2px rgba(255,134,39,.18)}
.night .mo-box textarea[readonly]{background:#20242c;color:#b6bcc6}
.night .mo-btn{background:#2b2f36;border-color:#3a3f48;color:#e6e8eb}
.night .mo-btn:hover{border-color:#ff8627;color:#ff8627}
.night .mo-btn-primary{background:linear-gradient(135deg,#ff6500,#ff8627);color:#fff}
.night .mo-btn-primary:hover{color:#fff}
.night .mo-tip{color:#9aa2ad}
.night .mo-desc .mo-desc-title{color:#e6e8eb}
.night .mo-desc .mo-desc-body{color:#b6bcc6}
@media (max-width:560px){
  .mo-actions .mo-btn{flex:1 1 calc(50% - 5px);text-align:center;padding:10px 8px}
}
