diff --git a/pages/index.vue b/pages/index.vue
index c3ef8da..091254b 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -100,11 +100,11 @@ div(class="mt-[60px] grid grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 text-white b
   // 右侧参数
   aside(class="lg:overflow-y-auto relative z-20 transition-all scrollbar-hide")
     div(class="px-6 divide-y divide-white/10")
-      <fieldset class="create-fieldset py-8">
+      <fieldset class="create-fieldset py-8 opacity-20">
         <label for="model-type">Model</label>
         <p>Different AI models can produce different or better results so feel free to experiment.</p>
         <div class="select">
-          <select name="model-type" id="model-type">
+          <select name="model-type" id="model-type" disabled="">
             <option value="stable-diffusion" data-version="1.5" selected="">Stable Diffusion 1.5</option>
             <option value="stable-diffusion-2" data-version="2.0">Stable Diffusion 2.1</option>
             <option value="dalle-2" data-version="2.0">DALL·E 2</option>
@@ -119,25 +119,19 @@ div(class="mt-[60px] grid grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 text-white b
           p 完成图像的宽度×高度.
           div(class="flex flex-row flex-wrap gap-x-2 gap-y-2")
             div(class="flex flex-row flex-wrap" v-for="item in sizes" :key="item.id")
-              input.hidden.radio-input(type="radio" :id="item.id" checked="")
-              label.border.border-2.border-gray-500.rounded-md.px-4.py-1.whitespace-nowrap.text-center(:for="item.id" class="!text-[11px]" style="width:98px") {{ item.width }} x {{ item.height }}
+              button.border-2.rounded-md.px-2(
+                :class="{'border-purple-600': item.width==new_task.w && new_task.h==item.height}"
+                @click="new_task.w=item.width;new_task.h=item.height"
+              ) {{ item.width }} x {{ item.height }}
           div(class="text-sm grey-100 mt-1")
             p Buy a <a target="_blank" style="color:rgb(118 173 255)" href="/pricing">paid plan</a> for any width or height up to 1536px
         fieldset(class="create-fieldset")
-          label Prompt Guidance
-          p Higher guidance will make your image closer to your prompt.
-          SliderUndefined
-          //div(id="slider-undefined" class="flex items-center gap-x-4 slider-container")
-          //  div(tabindex="-1" style="position: relative; touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; outline: 0px; padding-top: 8px; padding-bottom: 8px;" class="chakra-slider css-1t1xvy7")
-          //    div(id="slider-track-:R5mnqmqulm:" style="position:absolute;top:50%;transform:translateY(-50%);width:100%" class="chakra-slider__track css-8v2r68")
-          //      div(class="css-11z5obk")
-          //      div(aria-valuenow="6" class="chakra-slider__filled-track css-19vmo6h" style="position: absolute; top: 50%; transform: translateY(-50%); width: 20%; left: 0%;")
-          //    div(role="slider" tabindex="0" id="slider-thumb-:R5mnqmqulm:" aria-valuemin="0" aria-valuemax="30" aria-valuenow="6" aria-orientation="horizontal" style="position: absolute; user-select: none; touch-action: none; left: calc(20% - 8px);" class="chakra-slider__thumb css-12qisgv")
-          //    input(type="hidden" value="6")
-          //  input(type="text" class="w-12 rounded-full bg-gray-900 text-xs text-center py-1 text-gray-200" value="6")
+          label 提示词权重(Prompt Guidance)
+          p 更高的指导将使您的图像更接近您的提示.
+          input(type="text" class="w-12 rounded-full bg-gray-900 text-xs text-center py-1 text-gray-200" v-model="new_task.prompt_guidance")
         fieldset(class="create-fieldset")
-          label Quality &amp; Details
-          p 更高的指导权重将使您的图像更接近您的提示.
+          label 质量和细节(Quality &amp; Details)
+          p 更多的步数能使细节更充分, 但也更为耗时.
           div(id="slider-undefined" class="flex items-center gap-x-4 slider-container")
             div(tabindex="-1" style="position: relative; touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; outline: 0px; padding-top: 8px; padding-bottom: 8px;" class="chakra-slider css-1t1xvy7")
               div(id="slider-track-:R9onqmqulm:" style="position:absolute;top:50%;transform:translateY(-50%);width:100%" class="chakra-slider__track css-8v2r68")
@@ -162,47 +156,32 @@ div(class="mt-[60px] grid grid-cols-1 lg:grid-cols-4 xl:grid-cols-5 text-white b
             </label>
             <label for="randomize-seed" class="text-sm text-gray-300 mt-1">Randomize each number to get new variations</label>
           </div>
-      <div class="flex flex-col gap-y-4" style="border-color:transparent">
-        <fieldset class="create-fieldset">
-          <button aria-label="Toggle advanced options" id="advanced-options-toggle"><div class="flex flex-row justify-center"><p class="advanced-options-toggle">Hide <!-- -->Advanced Options</p></div></button>
-          <div class="advanced-options-container transition-all overflow-hidden opacity-100 max-h-[99rem] pb-8">
-            <label>Sampler</label>
-            <p>The diffusion sampling method.</p>
-            <div class="select">
-              <select name="advanced-options" id="advanced-options">
-                <option value="1" selected="">pndm (plms)</option>
-                <option value="0">ddim</option>
-                <option value="2">k_euler</option>
-                <option value="3">k_euler_ancestral</option>
-                <option value="4">k_heun</option>
-                <option value="5">k_dpm_2</option>
-                <option value="6">k_dpm_2_ancestral</option>
-                <option value="7">k_lms</option>
-              </select>
+      div(class="flex flex-col gap-y-4" style="border-color:transparent")
+        fieldset(class="create-fieldset")
+          div(class="advanced-options-container transition-all overflow-hidden opacity-100 max-h-[99rem] pb-8")
+            label 采样(Sampler)
+            p 扩散采样方法.
+            div(class="select")
+              select.bg-light-100.bg-opacity-10.px-2(name="advanced-options" id="advanced-options")
+                option.bg-dark-200(value="1" selected="") pndm (plms)
+                option.bg-dark-200(value="0") ddim
+                option.bg-dark-200(value="2") k_euler
+                option.bg-dark-200(value="3") k_euler_ancestral
+                option.bg-dark-200(value="4") k_heun
+                option.bg-dark-200(value="5") k_dpm_2
+                option.bg-dark-200(value="6") k_dpm_2_ancestral
+                option.bg-dark-200(value="7") k_lms
               <svg data-testid="geist-icon" fill="none" height="16" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24"><path d="M6 9l6 6 6-6"></path></svg>
-            </div>
-          </div>
-        </fieldset>
-      </div>
       <fieldset class="create-fieldset py-8">
-        <label>Number of Images</label>
-        <p>Select the number of images you would like to generate.</p>
+        <label>图像数量(Number of Images)</label>
+        <p>选择要生成的图像数量.</p>
         div.flex.gap-x-2
           input.bg-gray-700.border-none.outline-none(v-model="new_task.number" type="number")
-          //input(v-model="new_task.number" type="radio" class="radio-input" id="num-images-1" checked="")
-          //label(for="num-images-1") 1
-          //  input(type="radio" class="radio-input" id="num-images-2")
-          //label(for="num-images-2") 2
-          //  input(type="radio" class="radio-input" id="num-images-3")
-          //label(for="num-images-3") 3
-          //  input(type="radio" class="radio-input" id="num-images-4")
-          //label(for="num-images-4") 4
-
       </fieldset>
-      div(class="flex flex-col gap-y-4 py-8")
+      div(class="flex flex-col gap-y-4 py-8 opacity-20")
         fieldset(class="create-fieldset")
-          <label>Private Session</label>
-          <p>Images will only be visible to you until you're ready to share them. <span> Buy a <a target="_blank" href="/pricing" style="color: rgb(118, 173, 255);">paid plan</a> to persist this setting across sessions.</span></p>
+          <label>私人会话</label>
+          <p>只有在您共享图像之后，别人才能看到这些图像<span> Buy a <a target="_blank" href="/pricing" style="color: rgb(118, 173, 255);">paid plan</a> to persist this setting across sessions.</span></p>
           <div class="flex gap-x-3 w-44 items-center">
             <label class="chakra-switch [&amp;>span]:bg-[#39324E] [&amp;>span[data-checked]]:bg-[#76ADFF] [&amp;>span]:p-1 css-ghot30" data-checked="">
               <input class="chakra-switch__input" type="checkbox" value="" style="border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; width: 1px; margin: -1px; padding: 0px; overflow: hidden; white-space: nowrap; position: absolute;">
@@ -243,6 +222,7 @@ const new_task = ref({
   h: 512,              // 图片高度
   seed: 0,             // 随机种子
   sampler: 'pndm',     // 扩散采样器
+  prompt_guidance: 6,  // 提示词权重
   quality_details: 50, // 质量和细节(步数)
 })