ChatGPT VIP版 - 无涯工作室 - AI问答助手 - 常规

<p><!doctype html></p>
<html lang='en'>
  <head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>ChatGpT VIP版 - 无涯工作室</title>
    <link rel='icon' href='img/mask-icon.svg'>
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css'>
    <script src='static/js/jquery.min.js'></script>
    <style>
      /* 常规样式 */
      body {
        font-family: sans-serif;
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
        padding: 0;
      }
      a {
        color: #0366d6;
        text-decoration: none;
      }
      a:hover {
        text-decoration: underline;
      }
      button {
        cursor: pointer;
      }
      /* 头部 */
      header {
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
      }
      .header.item {
        font-size: 1.5rem;
        font-weight: bold;
      }
      /* 主体内容 */
      .ui.container {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 1rem;
      }
      .ui.basic.segment {
        margin: 0;
        padding: 2rem 0;
      }
      .ui.call-to-action {
        background-color: #f7f7f7;
        border-radius: 5px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        margin-bottom: 2rem;
        text-align: center;
      }
      #edit_grents {
        color: red;
        margin-bottom: 1rem;
      }
      .ui.form {
        margin-top: 1rem;
      }
      .ui.form .field {
        margin-bottom: 1rem;
      }
      #edit_openaikey {
        border-radius: 5px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        display: block;
        font-size: 1rem;
        padding: 0.5rem;
        width: 100%;
      }
      #chat-gpt-input,
      #chatgpt-response {
        border-radius: 5px;
        border: 1px solid #ddd;
        box-sizing: border-box;
        display: block;
        font-size: 1rem;
        height: 10rem;
        padding: 0.5rem;
        resize: none;
        width: 100%;
      }
      #chatgpt-response {
        margin-top: 1rem;
      }
      /* 底部 */
      footer {
        margin-top: 2rem;
      }
      .ui.menu {
        margin: 0;
      }
      .ui.menu .item {
        font-size: 1rem;
        font-weight: bold;
      }
      /* 响应式 */
      @media screen and (max-width: 768px) {
        .ui.container {
          padding: 0 0.5rem;
        }
        .header.item {
          font-size: 1.2rem;
        }
        #chat-gpt-input,
        #chatgpt-response {
          height: 5rem;
        }
      }
    </style>
  </head>
  <body>
    <header>
      <div class='ui container'>
        <a href='vip.html' class='header item'>AI会员版 Chat GpT</a>
      </div>
    </header>
    <div class='ui basic segment'>
      <div class='ui call-to-action'>
        <div class='ui container'>
          <div id='edit_grents'>SVip每天300次问答，开通代理+V：<a href='weixin://'>ziyuan2319</a></div>
          <form class='ui form'>
            <div class='field'>
              <input id='edit_openaikey' placeholder='sk-这里填写key' autocomplete='off' type='password'>
            </div>
            <div class='field'>
              <textarea id='chat-gpt-input' placeholder='输入你的问题'></textarea>
            </div>
            <div class='field'>
              <button id='answer' onclick='callCHATGPT()' class='ui primary button'>点击回答</button>
              <button onclick='location.reload()' class='ui button'>清空内容</button>
              <button onclick='copyCode()' class='ui button'>复制结果</button>
              <button id='saveBtn' class='ui button'>保存Key</button>
              <button onclick='save()' autocomplete='off' class='ui button'>保存内容</button>
              <button id='btn_grants' onclick='viewGrants()' autocomplete='off' class='ui button'>查看费用</button>
              <button onclick='alert('开通SVIP添加微信:ziyuan2319')' class='ui button'>开通会员</button>
            </div>
            <div class='field'>
              <textarea id='chatgpt-response' placeholder='由于是长涂访问，如果遇到卡顿不回答，点击“清空内容”按钮即可'></textarea>
            </div>
          </form>
        </div>
        <footer>
          <div class='ui basic segment text-center'>
            <div class='ui container'>
              <div class='ui menu'>
                <a href='javascript:void(0)' onclick='alert('请添加微信:ziyuan2319开通')' class='item'>无涯工作室 ChatGpT会员开通</a>
              </div>
            </div>
          </div>
        </footer>
      </div>
    </div>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js'></script>
  </body>
</html>