AI摘要
本文提供了多种风格的置顶文章插件CSS样式，包括浅橙色半透明、简灰调、清新蓝调、复古毛玻璃、清新薄荷绿、柔和薰衣草紫、高级莫兰迪粉、活力天空蓝、沉稳茶褐色、蓝紫渐变、低饱和蓝白渐变、蓝青渐变、渐变描边透明背景和浅蓝到深蓝渐变等，适用于不同主题和风格的网站。

内容根据文章生成，用于内容的解释与总结。— 美言AI

浅橙色 + 半透明效果

<span style="color: #ff7d00; float: right; padding: 3px 12px; background: rgba(255, 125, 0, 0.08); border: 1px solid linear-gradient(45deg, #ff7d00, #ffb800); border-radius: 20px; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; box-shadow: 0 2px 4px rgba(255, 125, 0, 0.1);">[置顶]</span>

简灰调（适合简约主题）

<span style="color: #666; float: right; padding: 3px 12px; background: #f5f5f5; border-radius: 20px; font-size: 12px; font-weight: 500; border: 1px solid #eee;">[置顶]</span>

清新蓝调（适合科技 / 博客类主题）

<span style="color: #4299e1; float: right; padding: 3px 12px; background: rgba(66, 153, 225, 0.08); border-radius: 4px; font-size: 12px; border-left: 3px solid #4299e1;">[置顶]</span>

复古毛玻璃（适合文艺主题）

<span style="color: #8a6d3b; float: right; padding: 3px 12px; background: rgba(245, 240, 225, 0.6); backdrop-filter: blur(4px); border: 1px solid rgba(138, 109, 59, 0.2); border-radius: 8px; font-size: 12px;">[置顶]</span>

清新薄荷绿（适合森系 / 简约主题）

<span style="color: #22c55e; float: right; padding: 3px 12px; background: rgba(34, 197, 94, 0.06); border: 1px solid #d1fae5; border-radius: 20px; font-size: 12px; font-weight: 500;">[置顶]</span>

柔和薰衣草紫（适合文艺 / 女性向主题）

<span style="color: #9333ea; float: right; padding: 3px 12px; background: rgba(147, 51, 234, 0.06); border: 1px solid #e9d5ff; border-radius: 20px; font-size: 12px; font-weight: 500;">[置顶]</span>

高级莫兰迪粉（适合质感 / 复古主题）

<span style="color: #f472b6; float: right; padding: 3px 12px; background: rgba(244, 114, 182, 0.06); border: 1px solid #fecdd3; border-radius: 20px; font-size: 12px; font-weight: 500;">[置顶]</span>

活力天空蓝（适合科技 / 年轻向主题）

<span style="color: #0ea5e9; float: right; padding: 3px 12px; background: rgba(14, 165, 233, 0.06); border: 1px solid #bae6fd; border-radius: 20px; font-size: 12px; font-weight: 500;">[置顶]</span>

沉稳茶褐色（适合复古 / 成熟主题）

<span style="color: #78350f; float: right; padding: 3px 12px; background: rgba(120, 53, 15, 0.06); border: 1px solid #fcd34d; border-radius: 20px; font-size: 12px; font-weight: 500;">[置顶]</span>

蓝紫渐变（高级感拉满）

<span style="color: #fff; float: right; padding: 3px 12px; background: linear-gradient(135deg, #3354aa 0%, #5a4fc9 100%); border-radius: 20px; font-size: 12px; font-weight: 500; box-shadow: 0 2px 4px rgba(51, 84, 170, 0.15);">[置顶]</span>

低饱和蓝白渐变（通透柔和）

<span style="color: #3354aa; float: right; padding: 3px 12px; background: linear-gradient(135deg, rgba(51, 84, 170, 0.08) 0%, rgba(165, 180, 252, 0.2) 100%); border: 1px solid #c7d2fe; border-radius: 20px; font-size: 12px; font-weight: 500;">[置顶]</span>

蓝青渐变（清新灵动）

<span style="color: #fff; float: right; padding: 3px 12px; background: linear-gradient(135deg, #3354aa 0%, #2596be 100%); border-radius: 20px; font-size: 12px; font-weight: 500; box-shadow: 0 2px 4px rgba(37, 150, 190, 0.15);">[置顶]</span>

渐变描边 + 透明背景（质感通透）

<span style="color: #3354aa; float: right; padding: 3px 12px; background: transparent; border: 1px solid; border-image: linear-gradient(135deg, #3354aa, #a5b4fc) 1; border-radius: 20px; font-size: 12px; font-weight: 500; background-clip: padding-box;">[置顶]</span>

浅蓝到深蓝渐变（沉稳大气）

<span style="color: #fff; float: right; padding: 3px 12px; background: linear-gradient(90deg, #4a6edb 0%, #3354aa 100%); border-radius: 4px; font-size: 12px; font-weight: 500; letter-spacing: 0.5px;">[置顶]</span>