diff --git a/backend/handlers/one_hub/price_rates.go b/backend/handlers/one_hub/price_rates.go
index e994eb5..feed783 100644
--- a/backend/handlers/one_hub/price_rates.go
+++ b/backend/handlers/one_hub/price_rates.go
@@ -35,6 +35,20 @@ type PriceRate struct {
 	ExtraRatios *ExtraRatios `json:"extra_ratios,omitempty"`
 }
 
+// 定义扩展价格字段是否相对于input的映射
+var extraRelativeToInput = map[string]bool{
+	"cached_tokens":       true,
+	"cached_write_tokens": true,
+	"cached_read_tokens":  true,
+	"input_audio_tokens":  true,
+	"output_audio_tokens": false,
+	"reasoning_tokens":    false,
+	"input_text_tokens":   true,
+	"output_text_tokens":  false,
+	"input_image_tokens":  true,
+	"output_image_tokens": false,
+}
+
 // GetPriceRates 获取价格倍率
 func GetPriceRates(c *gin.Context) {
 	cacheKey := "one_hub_price_rates"
@@ -87,103 +101,173 @@ func GetPriceRates(c *gin.Context) {
 
 			// 计算各扩展价格字段的倍率
 			if price.InputAudioTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.InputAudioTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["input_audio_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.InputAudioTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.InputAudioTokens/2, 4) / baseRate
+					extraRatios.InputAudioTokens = &rate
+				} else {
+					rate := round(*price.InputAudioTokens/14, 4) / baseRate
+					extraRatios.InputAudioTokens = &rate
 				}
-				extraRatios.InputAudioTokens = &rate
 			}
 
 			if price.OutputAudioTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.OutputAudioTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["output_audio_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.OutputAudioTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.OutputAudioTokens/2, 4) / baseRate
+					extraRatios.OutputAudioTokens = &rate
+				} else {
+					rate := round(*price.OutputAudioTokens/14, 4) / baseRate
+					extraRatios.OutputAudioTokens = &rate
 				}
-				extraRatios.OutputAudioTokens = &rate
 			}
 
 			if price.CachedTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.CachedTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["cached_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.CachedTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.CachedTokens/2, 4) / baseRate
+					extraRatios.CachedTokens = &rate
+				} else {
+					rate := round(*price.CachedTokens/14, 4) / baseRate
+					extraRatios.CachedTokens = &rate
 				}
-				extraRatios.CachedTokens = &rate
 			}
 
 			if price.CachedReadTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.CachedReadTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["cached_read_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.CachedReadTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.CachedReadTokens/2, 4) / baseRate
+					extraRatios.CachedReadTokens = &rate
+				} else {
+					rate := round(*price.CachedReadTokens/14, 4) / baseRate
+					extraRatios.CachedReadTokens = &rate
 				}
-				extraRatios.CachedReadTokens = &rate
 			}
 
 			if price.CachedWriteTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.CachedWriteTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["cached_write_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.CachedWriteTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.CachedWriteTokens/2, 4) / baseRate
+					extraRatios.CachedWriteTokens = &rate
+				} else {
+					rate := round(*price.CachedWriteTokens/14, 4) / baseRate
+					extraRatios.CachedWriteTokens = &rate
 				}
-				extraRatios.CachedWriteTokens = &rate
 			}
 
 			if price.ReasoningTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.ReasoningTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["reasoning_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.ReasoningTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.ReasoningTokens/2, 4) / baseRate
+					extraRatios.ReasoningTokens = &rate
+				} else {
+					rate := round(*price.ReasoningTokens/14, 4) / baseRate
+					extraRatios.ReasoningTokens = &rate
 				}
-				extraRatios.ReasoningTokens = &rate
 			}
 
 			if price.InputTextTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.InputTextTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["input_text_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.InputTextTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.InputTextTokens/2, 4) / baseRate
+					extraRatios.InputTextTokens = &rate
+				} else {
+					rate := round(*price.InputTextTokens/14, 4) / baseRate
+					extraRatios.InputTextTokens = &rate
 				}
-				extraRatios.InputTextTokens = &rate
 			}
 
 			if price.OutputTextTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.OutputTextTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["output_text_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.OutputTextTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.OutputTextTokens/2, 4) / baseRate
+					extraRatios.OutputTextTokens = &rate
+				} else {
+					rate := round(*price.OutputTextTokens/14, 4) / baseRate
+					extraRatios.OutputTextTokens = &rate
 				}
-				extraRatios.OutputTextTokens = &rate
 			}
 
 			if price.InputImageTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.InputImageTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["input_image_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.InputImageTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.InputImageTokens/2, 4) / baseRate
+					extraRatios.InputImageTokens = &rate
+				} else {
+					rate := round(*price.InputImageTokens/14, 4) / baseRate
+					extraRatios.InputImageTokens = &rate
 				}
-				extraRatios.InputImageTokens = &rate
 			}
 
 			if price.OutputImageTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.OutputImageTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["output_image_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.OutputImageTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.OutputImageTokens/2, 4) / baseRate
+					extraRatios.OutputImageTokens = &rate
+				} else {
+					rate := round(*price.OutputImageTokens/14, 4) / baseRate
+					extraRatios.OutputImageTokens = &rate
 				}
-				extraRatios.OutputImageTokens = &rate
 			}
 		}
 
@@ -285,103 +369,173 @@ func GetOfficialPriceRates(c *gin.Context) {
 
 			// 计算各扩展价格字段的倍率
 			if price.InputAudioTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.InputAudioTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["input_audio_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.InputAudioTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.InputAudioTokens/2, 4) / baseRate
+					extraRatios.InputAudioTokens = &rate
+				} else {
+					rate := round(*price.InputAudioTokens/14, 4) / baseRate
+					extraRatios.InputAudioTokens = &rate
 				}
-				extraRatios.InputAudioTokens = &rate
 			}
 
 			if price.OutputAudioTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.OutputAudioTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["output_audio_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.OutputAudioTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.OutputAudioTokens/2, 4) / baseRate
+					extraRatios.OutputAudioTokens = &rate
+				} else {
+					rate := round(*price.OutputAudioTokens/14, 4) / baseRate
+					extraRatios.OutputAudioTokens = &rate
 				}
-				extraRatios.OutputAudioTokens = &rate
 			}
 
 			if price.CachedTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.CachedTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["cached_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.CachedTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.CachedTokens/2, 4) / baseRate
+					extraRatios.CachedTokens = &rate
+				} else {
+					rate := round(*price.CachedTokens/14, 4) / baseRate
+					extraRatios.CachedTokens = &rate
 				}
-				extraRatios.CachedTokens = &rate
 			}
 
 			if price.CachedReadTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.CachedReadTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["cached_read_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.CachedReadTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.CachedReadTokens/2, 4) / baseRate
+					extraRatios.CachedReadTokens = &rate
+				} else {
+					rate := round(*price.CachedReadTokens/14, 4) / baseRate
+					extraRatios.CachedReadTokens = &rate
 				}
-				extraRatios.CachedReadTokens = &rate
 			}
 
 			if price.CachedWriteTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.CachedWriteTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["cached_write_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.CachedWriteTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.CachedWriteTokens/2, 4) / baseRate
+					extraRatios.CachedWriteTokens = &rate
+				} else {
+					rate := round(*price.CachedWriteTokens/14, 4) / baseRate
+					extraRatios.CachedWriteTokens = &rate
 				}
-				extraRatios.CachedWriteTokens = &rate
 			}
 
 			if price.ReasoningTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.ReasoningTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["reasoning_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.ReasoningTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.ReasoningTokens/2, 4) / baseRate
+					extraRatios.ReasoningTokens = &rate
+				} else {
+					rate := round(*price.ReasoningTokens/14, 4) / baseRate
+					extraRatios.ReasoningTokens = &rate
 				}
-				extraRatios.ReasoningTokens = &rate
 			}
 
 			if price.InputTextTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.InputTextTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["input_text_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.InputTextTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.InputTextTokens/2, 4) / baseRate
+					extraRatios.InputTextTokens = &rate
+				} else {
+					rate := round(*price.InputTextTokens/14, 4) / baseRate
+					extraRatios.InputTextTokens = &rate
 				}
-				extraRatios.InputTextTokens = &rate
 			}
 
 			if price.OutputTextTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.OutputTextTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["output_text_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.OutputTextTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.OutputTextTokens/2, 4) / baseRate
+					extraRatios.OutputTextTokens = &rate
+				} else {
+					rate := round(*price.OutputTextTokens/14, 4) / baseRate
+					extraRatios.OutputTextTokens = &rate
 				}
-				extraRatios.OutputTextTokens = &rate
 			}
 
 			if price.InputImageTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.InputImageTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["input_image_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.InputImageTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.InputImageTokens/2, 4) / baseRate
+					extraRatios.InputImageTokens = &rate
+				} else {
+					rate := round(*price.InputImageTokens/14, 4) / baseRate
+					extraRatios.InputImageTokens = &rate
 				}
-				extraRatios.InputImageTokens = &rate
 			}
 
 			if price.OutputImageTokens != nil {
-				var rate float64
-				if price.Currency == "USD" {
-					rate = round(*price.OutputImageTokens/2, 4)
+				var baseRate float64
+				if extraRelativeToInput["output_image_tokens"] {
+					baseRate = inputRate
 				} else {
-					rate = round(*price.OutputImageTokens/14, 4)
+					baseRate = outputRate
+				}
+
+				if price.Currency == "USD" {
+					rate := round(*price.OutputImageTokens/2, 4) / baseRate
+					extraRatios.OutputImageTokens = &rate
+				} else {
+					rate := round(*price.OutputImageTokens/14, 4) / baseRate
+					extraRatios.OutputImageTokens = &rate
 				}
-				extraRatios.OutputImageTokens = &rate
 			}
 		}
 
diff --git a/frontend/src/views/Prices.vue b/frontend/src/views/Prices.vue
index d5e01dc..bef6aa6 100644
--- a/frontend/src/views/Prices.vue
+++ b/frontend/src/views/Prices.vue
@@ -134,98 +134,80 @@
             </div>
 
             <div class="extended-prices" v-if="hasAnyExtendedPrices(price)">
-              <div class="section-title">扩展价格</div>
+              <div class="section-title">
+                <span>扩展价格</span>
+              </div>
               <div class="extended-price-grid">
-                <template v-if="hasSpecificPrice(price.input_audio_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">音频输入价格</span>
-                    <span class="ext-price-value">{{ price.input_audio_tokens }}</span>
-                    <el-tag v-if="price.temp_input_audio_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_input_audio_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.output_audio_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">音频输出价格</span>
-                    <span class="ext-price-value">{{ price.output_audio_tokens }}</span>
-                    <el-tag v-if="price.temp_output_audio_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_output_audio_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.cached_read_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">缓存读取价格</span>
-                    <span class="ext-price-value">{{ price.cached_read_tokens }}</span>
-                    <el-tag v-if="price.temp_cached_read_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_cached_read_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.cached_write_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">缓存写入价格</span>
-                    <span class="ext-price-value">{{ price.cached_write_tokens }}</span>
-                    <el-tag v-if="price.temp_cached_write_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_cached_write_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.reasoning_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">推理价格</span>
-                    <span class="ext-price-value">{{ price.reasoning_tokens }}</span>
-                    <el-tag v-if="price.temp_reasoning_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_reasoning_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.input_text_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">输入文本价格</span>
-                    <span class="ext-price-value">{{ price.input_text_tokens }}</span>
-                    <el-tag v-if="price.temp_input_text_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_input_text_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.output_text_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">输出文本价格</span>
-                    <span class="ext-price-value">{{ price.output_text_tokens }}</span>
-                    <el-tag v-if="price.temp_output_text_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_output_text_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.input_image_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">输入图片价格</span>
-                    <span class="ext-price-value">{{ price.input_image_tokens }}</span>
-                    <el-tag v-if="price.temp_input_image_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_input_image_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.output_image_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">输出图片价格</span>
-                    <span class="ext-price-value">{{ price.output_image_tokens }}</span>
-                    <el-tag v-if="price.temp_output_image_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_output_image_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
-                <template v-if="hasSpecificPrice(price.cached_tokens)">
-                  <div class="extended-price-item">
-                    <span class="ext-price-label">缓存价格</span>
-                    <span class="ext-price-value">{{ price.cached_tokens }}</span>
-                    <el-tag v-if="price.temp_cached_tokens" type="warning" size="small" effect="light">
-                      待审核: {{ price.temp_cached_tokens }}
-                    </el-tag>
-                  </div>
-                </template>
+                <div v-if="hasSpecificPrice(price.input_audio_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">音频输入</span>
+                  <span class="ext-price-value">{{ price.input_audio_tokens }}</span>
+                  <el-tag v-if="price.temp_input_audio_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_input_audio_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.output_audio_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">音频输出</span>
+                  <span class="ext-price-value">{{ price.output_audio_tokens }}</span>
+                  <el-tag v-if="price.temp_output_audio_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_output_audio_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.cached_read_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">缓存读取</span>
+                  <span class="ext-price-value">{{ price.cached_read_tokens }}</span>
+                  <el-tag v-if="price.temp_cached_read_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_cached_read_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.cached_write_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">缓存写入</span>
+                  <span class="ext-price-value">{{ price.cached_write_tokens }}</span>
+                  <el-tag v-if="price.temp_cached_write_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_cached_write_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.reasoning_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">推理</span>
+                  <span class="ext-price-value">{{ price.reasoning_tokens }}</span>
+                  <el-tag v-if="price.temp_reasoning_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_reasoning_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.input_text_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">文本输入</span>
+                  <span class="ext-price-value">{{ price.input_text_tokens }}</span>
+                  <el-tag v-if="price.temp_input_text_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_input_text_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.output_text_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">文本输出</span>
+                  <span class="ext-price-value">{{ price.output_text_tokens }}</span>
+                  <el-tag v-if="price.temp_output_text_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_output_text_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.input_image_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">图片输入</span>
+                  <span class="ext-price-value">{{ price.input_image_tokens }}</span>
+                  <el-tag v-if="price.temp_input_image_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_input_image_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.output_image_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">图片输出</span>
+                  <span class="ext-price-value">{{ price.output_image_tokens }}</span>
+                  <el-tag v-if="price.temp_output_image_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_output_image_tokens }}
+                  </el-tag>
+                </div>
+                <div v-if="hasSpecificPrice(price.cached_tokens)" class="extended-price-item">
+                  <span class="ext-price-label">缓存</span>
+                  <span class="ext-price-value">{{ price.cached_tokens }}</span>
+                  <el-tag v-if="price.temp_cached_tokens" type="warning" size="small" effect="light" class="temp-tag">
+                    {{ price.temp_cached_tokens }}
+                  </el-tag>
+                </div>
               </div>
             </div>
 
@@ -1630,9 +1612,8 @@ onMounted(() => {
   }
 }
 
-.skeleton-row {
-  padding: 10px;
-  border-bottom: 1px solid #EBEEF5;
+.skeleton {
+  min-height: 240px;
 }
 
 .pagination-container {
@@ -1736,24 +1717,24 @@ onMounted(() => {
 
 .price-cards-container {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
-  gap: 1.2rem;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 1rem;
   padding: 1rem 0;
 }
 
 .price-card {
   background: #fff;
-  border-radius: 12px;
-  padding: 1.5rem;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+  border-radius: 8px;
+  padding: 1rem;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   display: flex;
   flex-direction: column;
-  gap: 1rem;
+  gap: 0.8rem;
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
   height: auto;
-  min-height: 280px;
+  min-height: 240px;
 }
 
 .price-card:hover {
@@ -1767,7 +1748,7 @@ onMounted(() => {
   top: 0;
   left: 0;
   width: 100%;
-  height: 6px;
+  height: 4px;
   background: linear-gradient(to right, #36d1dc, #5b86e5);
 }
 
@@ -1836,14 +1817,15 @@ onMounted(() => {
 }
 
 .model-name {
-  font-size: 1.35rem;
+  font-size: 1.1rem;
   font-weight: 600;
   color: #1f2937;
-  margin: 0 0 0.75rem 0;
+  margin: 0 0 0.5rem 0;
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 0.5rem;
-  line-height: 1.3;
+  line-height: 1.2;
 }
 
 .model-meta {
@@ -1856,11 +1838,11 @@ onMounted(() => {
 .price-info {
   display: flex;
   flex-direction: column;
-  gap: 0.7rem;
-  margin-top: 0.75rem;
-  padding: 0.75rem;
+  gap: 0.5rem;
+  padding: 0.5rem;
+  margin-top: 0.5rem;
   background-color: #f9fafc;
-  border-radius: 8px;
+  border-radius: 6px;
 }
 
 .price-row {
@@ -1882,49 +1864,52 @@ onMounted(() => {
 
 .extended-prices {
   border-top: 1px solid #f0f0f0;
-  padding-top: 1rem;
-  margin-top: 0.5rem;
+  padding-top: 0.5rem;
+  margin-top: 0.3rem;
 }
 
 .section-title {
   font-weight: 600;
   color: #606266;
-  margin-bottom: 0.75rem;
-  font-size: 0.95rem;
+  font-size: 0.85rem;
+  margin-bottom: 0.5rem;
+  display: flex;
+  align-items: center;
 }
 
 .extended-price-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-  gap: 0.75rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-bottom: 0.5rem;
 }
 
 .extended-price-item {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  padding: 0.75rem;
+  font-size: 0.7rem;
+  display: inline-flex;
+  align-items: center;
+  padding: 0.35rem 0.5rem;
   background: #f9fafb;
-  border-radius: 8px;
+  border-radius: 4px;
   border: 1px solid #f0f0f0;
   transition: all 0.2s ease;
+  max-width: fit-content;
 }
 
 .extended-price-item:hover {
   background: #f0f2f5;
-  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
 }
 
 .ext-price-label {
-  font-size: 0.8rem;
+  font-size: 0.7rem;
   color: #606266;
-  font-weight: 500;
+  margin-right: 0.2rem;
 }
 
 .ext-price-value {
-  font-weight: 600;
+  font-weight: 500;
   color: #303133;
-  font-size: 0.95rem;
+  font-size: 0.7rem;
 }
 
 .price-card-footer {
@@ -1958,7 +1943,7 @@ onMounted(() => {
 }
 
 .skeleton {
-  min-height: 300px;
+  min-height: 240px;
 }
 
 :deep(.el-tag) {
@@ -2094,6 +2079,18 @@ onMounted(() => {
   color: #C0C4CC;
   cursor: not-allowed;
 }
+
+.ext-price-label::after {
+  content: ": ";
+}
+
+.temp-tag {
+  margin-left: 4px;
+  font-size: 0.65rem !important;
+  height: 18px;
+  line-height: 16px;
+  padding: 0 4px;
+}
 </style>
 
 <style>