请根据这些要求改写以下html:
1. 使用微软风格指南中的颜色和设计样式，例如使用蓝色作为主要颜色，搭配灰色、黑色或白色作为辅助颜色。

2. 根据微软的设计指南，使用简单且合理的布局，将信息视觉化呈现，让用户能够轻松地找到和理解所需的信息。

3. 合理使用空白间距，使页面看起来更加明亮和开放。

4. 保持按钮大小的一致性，输入框宽度的合理性，确保整体布局大气美观。

<!DOCTYPE html>
<html>
  <head>
    <meta charset=“UTF-8”>
    <title>自动生成小说</title>
    <!-- 样式表，可以根据需要进行修改 -->
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #f5f5f5;
      }
      
      header {
        background-color: #333;
        color: white;
        padding: 20px;
        text-align: center;
      }
      
      #form-container {
        width: 60%;
        margin: 20px auto;
        background-color: white;
        padding: 20px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
      }
      
      input[type=“text”], select {
        width: 100%;
        height: 30px;
        margin: 10px 0;
      }

      input[type=“submit”] {
        background-color: #333;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
      }

      #response-container {
        width: 80%;
        margin: 20px auto;
      }

      #chapter {
        width: 80%;
        margin: 20px auto;
        background-color: white;
        padding: 20px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
      }
      
      #feedback-form {
        width: 80%;
        margin: 20px auto;
        background-color: white;
        padding: 20px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
      }

      #feedback-form label {
        display: block;
        margin: 10px 0;
      }

      #feedback-form textarea {
        width: 100%;
        height: 70px;
        margin: 10px 0;
      }

      #record-button {
        background-color: #333;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <header>
      <h1>自动生成小说</h1>
    </header>
    <div id=“form-container”>
      <form id=“input-form” onsubmit=“return generateChapter()”>
        <h2>填写信息</h2>
        <label for=“plot-input”>小说大纲：</label>
        <input type=“text” id=“plot-input” required>
        <br>
        <label for=“character-input”>主角人设：</label>
        <input type=“text” id=“character-input” required>
        <br>
        <label for=“storyline-input”>小说情节：</label>
        <input type=“text” id=“storyline-input” required>
        <br>
        <label for=“style-select”>语言风格：</label>
        <select id=“style-select”>
          <option value=“chinese”>中文</option>
          <option value=“english”>英文</option>
        </select>
        <br>
        <input type=“submit” value=“开始写小说”>
        <button id=“regenerate-button” onclick=“regenerate()”>重新生成</button>
      </form>
    </div>
    <div id=“response-container” style=“display: none;”>
      <div id=“chapter”></div>
      <button id=“next-button” onclick=“generateChapter()”>生成下一章</button>
      <button id=“feedback-button” onclick=“showFeedbackForm()”>反馈意见</button>
      <button id=“record-button” onclick=“recordChapter()”>记录</button>
    </div>
    <div id=“feedback-form” style=“display: none;”>
      <h3>反馈意见</h3>
      <form onsubmit=“return submitFeedback()”>
        <label for=“feedback-textarea”>请留下您的意见和建议：</label>
        <textarea id=“feedback-textarea”></textarea>
        <br>
        <input type=“submit” value=“提交反馈”>
        <button onclick=“hideFeedbackForm()”>取消</button>
      </form>
    </div>
    <script>
      function generateChapter() {
        let plot = document.getElementById(‘plot-input’).value;
        let character = document.getElementById(‘character-input’).value;
        let storyline = document.getElementById(‘storyline-input’).value;
        let style = document.getElementById(‘style-select’).value;
        let url = ‘/api/generate?plot=’ + encodeURIComponent(plot) +
                  ‘&character=’ + encodeURIComponent(character) +
                  ‘&storyline=’ + encodeURIComponent(storyline) +
                  ‘&style=’ + encodeURIComponent(style);
        fetch(url)
          .then(response => response.json())
          .then(data => {
            let chapter = data.chapter;
            let chapterContainer = document.getElementById(‘chapter’);
            chapterContainer.innerHTML = chapter;
            let responseContainer = document.getElementById(‘response-container’);
            responseContainer.style.display = ‘block’;
            let feedbackForm = document.getElementById(‘feedback-form’);
            feedbackForm.style.display = ‘none’;
          })
          .catch(error => {
            console.log(error);
          });
        return false;
      }

      function regenerate() {
        let inputForm = document.getElementById(‘input-form’);
        inputForm.reset();
        let responseContainer = document.getElementById(‘response-container’);
        responseContainer.style.display = ‘none’;
      }

      function showFeedbackForm() {
        let feedbackForm = document.getElementById(‘feedback-form’);
        feedbackForm.style.display = ‘block’;
      }

      function hideFeedbackForm() {
        let feedbackForm = document.getElementById(‘feedback-form’);
        feedbackForm.style.display = ‘none’;
      }

      function submitFeedback() {
        let feedbackTextarea = document.getElementById(‘feedback-textarea’);
        let feedback = feedbackTextarea.value;
        // TODO: 将反馈提交到后端API并保存到数据库中
        feedbackTextarea.value = ‘’;
        hideFeedbackForm();
        return false;
      }

      function recordChapter() {
        let chapter = document.getElementById(‘chapter’).textContent;
        let chapterBlob = new Blob([chapter], {type: ‘text/plain’});
        let downloadLink = document.createElement(‘a’);
        downloadLink.href = URL.createObjectURL(chapterBlob);
        downloadLink.download = ‘chapter.txt’;
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);
      }
    </script>
  </body>
</html>

请返回完整可用的html代码，谢谢！