:root{
  --bg:#f7f7ec;
  --card:#ffffff;
  --border:#cfcfcf;
  --text:#303133;
  --primary:#409eff;
  --shadow:0 6px 20px rgba(0,0,0,.08);
  --radius:6px;
}




.card{
    margin-top:-120px;
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
}

.tip{
  margin-bottom:10px;
  padding-left:10px;
  border-left:4px solid #d90000;
  color:#333;
  font-size:14px;
}

textarea{
  width:100%;
  height:320px;
  resize:vertical;
  border:1px solid var(--border);
  padding:10px;
  font-size:14px;
  line-height:1.7;
  outline:none;
}

.buttons{
  margin-top:12px;
  display:flex;
  gap:10px;
}

button{
  height:36px;
  padding:0 16px;
  border-radius:6px;
  border:1px solid var(--primary);
  background:#fff;
  color:var(--primary);
  cursor:pointer;
  font-size:14px;
}

button:hover{
  background:var(--primary);
  color:#fff;
}

.result{
  margin-top:10px;
  color:#d90000;
  font-size:14px;
}