ai {
  --cream: #ebd8bd;
  --wine: #a93c31;
  --moss: #52604f;
  --dark-ink: #1c1c1c;
  --paper: #f4ece1;
  max-width: 820px;
  margin: 0 auto;
  padding: 20px 14px;
  background: transparent;
  font-family: "Courier New", Courier, "Palatino Linotype", serif;
  color: var(--dark-ink);
  line-height: 1.68;
  letter-spacing: 0.5px;
  position: relative;
}

ai::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");
  pointer-events: none;
  mix-blend-mode: multiply;
}
hd {
  display: block;
  padding: 16px 24px;
  background: var(--wine);
  color: var(--cream);
  border: 3px solid var(--dark-ink);
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 8px;
  box-shadow: 4px 4px 0 var(--dark-ink);
}
article {
  display: block;
  padding: 24px 22px;
  background: var(--paper);
  border: 3px solid var(--dark-ink);
  font-size: 15px;
  position: relative;
  margin-bottom: 8px;
  box-shadow: 4px 4px 0 var(--dark-ink);
}
details {
  background: transparent;
  border: none;
  margin: 14px 0;
  position: relative;
}
details summary {
  padding: 16px 24px 16px 52px;
  background: var(--cream);
  font-family: "Courier New", Courier, monospace;
  color: var(--dark-ink);
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 3px;
  cursor: pointer;
  list-style: none;
  position: relative;
  transition: all 0.1s ease;
  user-select: none;
  border-radius: 30px;
  border: 3px solid var(--dark-ink);
  box-shadow: 0 6px 0 var(--dark-ink);
  margin-bottom: 6px;
  overflow: hidden;
}
details summary::-webkit-details-marker { display: none; }
details summary::before {
  content: "►";
  position: absolute;
  left: 24px;
  font-size: 16px;
  color: var(--wine);
  transition: transform 0.2s ease;
}
details[open] summary::before { transform: rotate(90deg); }
details summary:hover {
  background: var(--paper);
}
details summary:active {
  transform: translateY(6px);
  box-shadow: 0 0 0 var(--dark-ink);
}
details summary::after {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 42px;
  font-style: italic;
  font-weight: normal;
  font-family: "Brush Script MT", cursive, serif;
  color: rgba(28, 28, 28, 0.12);
  text-shadow: none;
  -webkit-text-stroke: 0;
  letter-spacing: 2px;
  pointer-events: none;
  text-transform: none;
  z-index: 0;
}
details summary[t="1"]::after { content: "Mia Bella"; }
details summary[t="2"]::after { content: "Dolce Vita"; }
details summary[t="3"]::after { content: "Memoria"; }
details summary[t="4"]::after { content: "La Scelta"; }
details > *:not(summary) {
  padding: 16px 20px;
  background: var(--paper);
  border: 3px solid var(--dark-ink);
  border-radius: 8px;
  margin-top: -8px;
  box-shadow: 4px 4px 0 var(--dark-ink);
}
d {
  display: block;
  margin: 12px 0;
  padding: 12px 16px;
  background: rgba(235, 216, 189, 0.5);
  border-left: 6px solid var(--wine);
  border-right: 2px solid var(--dark-ink);
  border-top: 2px solid var(--dark-ink);
  border-bottom: 2px solid var(--dark-ink);
}
f {
  font-weight: 900;
  color: var(--wine);
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ===== 好感度条样式 ===== */
d.fv {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
bar {
  display: block;
  flex: 1;
  min-width: 200px;
  height: 24px;
  background: linear-gradient(to right, #e8d5c4, #d4b59e);
  border: 3px solid var(--dark-ink);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
}
/* 进度条填充动画 */
bar i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, 
    var(--wine) 0%, 
    #c94a3f 50%, 
    var(--wine) 100%);
  border-radius: 8px;
  position: relative;
  animation: fillBar 1.2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  transform-origin: left;
}
/* 光泽动效 */
bar i::before {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255,255,255,0.4), 
    transparent);
  animation: shine 2s ease-in-out infinite;
  animation-delay: 1.2s;
}
/* 数值标签 */
bar::after {
  content: attr(v) "%";
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  font-weight: bold;
  color: var(--dark-ink);
  text-shadow: 0 0 3px var(--cream);
  z-index: 1;
}
/* 动态宽度映射 */
bar[v="0"] i { width: 0%; }
bar[v="5"] i { width: 5%; }
bar[v="10"] i { width: 10%; }
bar[v="15"] i { width: 15%; }
bar[v="20"] i { width: 20%; }
bar[v="25"] i { width: 25%; }
bar[v="30"] i { width: 30%; }
bar[v="35"] i { width: 35%; }
bar[v="40"] i { width: 40%; }
bar[v="45"] i { width: 45%; }
bar[v="50"] i { width: 50%; }
bar[v="55"] i { width: 55%; }
bar[v="60"] i { width: 60%; }
bar[v="65"] i { width: 65%; }
bar[v="70"] i { width: 70%; }
bar[v="75"] i { width: 75%; }
bar[v="80"] i { width: 80%; }
bar[v="85"] i { width: 85%; }
bar[v="90"] i { width: 90%; }
bar[v="95"] i { width: 95%; }
bar[v="100"] i { width: 100%; }
@keyframes fillBar {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes shine {
  0% { left: -100%; }
  50%, 100% { left: 100%; }
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
  background: var(--cream);
  border: 3px solid var(--dark-ink);
  box-shadow: 4px 4px 0 var(--dark-ink);
}
table th, table td {
  padding: 12px;
  border: 2px solid var(--dark-ink);
  font-size: 13px;
  font-weight: bold;
}
table th {
  background: var(--moss);
  color: var(--cream);
  text-transform: uppercase;
}
@media (max-width: 600px) {
  ai { padding: 10px; border-width: 2px; }
  details summary {
    font-size: 14px;
    padding: 14px 20px 14px 44px;
    border-radius: 20px;
  }
  details summary::before { left: 16px; }
  details summary::after { font-size: 32px; right: 16px; }
  bar { min-width: 150px; height: 20px; }
  bar::after { font-size: 10px; }
}



/* ===== 顶部栏 ===== */
.sticky.w-full.top-0.flex.items-center {
  background: #F4ECE1 !important; /* 印刷粗糙白 */
  border-bottom: 4px solid #1C1C1C !important; /* 硬核浓墨黑 */
  box-shadow: 0 4px 0 rgba(28,28,28,0.15) !important;
  backdrop-filter: none !important;
  position: relative;
}
/* 顶部美式波普斜条纹装饰边 */
.sticky.w-full.top-0.flex.items-center::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 4px;
  background: repeating-linear-gradient(
    -45deg,
    #A93C31, /* 哑光复古红 */
    #A93C31 10px,
    #EBD8BD 10px, /* 做旧牛皮纸黄 */
    #EBD8BD 20px
  ) !important;
  animation: none !important;
}
/* ===== 模型选择器 (仿物理键帽) ===== */
#ai-model-selector .group.flex.items-center {
  background: #EBD8BD !important;
  border: 3px solid #1C1C1C !important;
  border-radius: 24px !important;
  padding: 4px 12px !important;
  box-shadow: 0 4px 0 #1C1C1C !important;
  transition: all 0.1s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  background: #F4ECE1 !important;
  border-color: #1C1C1C !important;
  box-shadow: 0 2px 0 #1C1C1C !important;
  transform: translateY(2px) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #1C1C1C !important;
  font-weight: 900 !important;
  font-family: "Courier New", Courier, monospace !important;
  letter-spacing: 1px;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #A93C31 !important;
  transition: transform .2s;
}
#ai-model-selector .group.flex.items-center:hover svg {
  transform: rotate(180deg);
}
/* ===== 历史记录图标(移动端) ===== */
.sticky.w-full.top-0 svg.lucide-clock-8 {
  color: #1C1C1C !important;
  background: #EBD8BD !important;
  border-radius: 50% !important;
  padding: 6px !important;
  box-sizing: content-box !important;
  border: 3px solid #1C1C1C !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
  transition: all .1s !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover {
  background: #A93C31 !important;
  color: #F4ECE1 !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0 #1C1C1C !important;
}
/* 历史记录小红点 */
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: #A93C31 !important;
  border: 2px solid #1C1C1C !important;
  box-shadow: none !important;
  animation: none !important;
  border-radius: 0 !important;
}
/* ===== 音乐按钮 ===== */
.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {
  background: #F4ECE1 !important;
  border: 3px solid #1C1C1C !important;
  border-radius: 50% !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
  transition: all .1s !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #1C1C1C !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root:hover {
  background: #EBD8BD !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0 #1C1C1C !important;
}
/* ===== 移动端设置图标 ===== */
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #1C1C1C !important;
  background: #EBD8BD !important;
  border-radius: 50% !important;
  padding: 6px !important;
  box-sizing: content-box !important;
  border: 3px solid #1C1C1C !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
  transition: all .1s !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
  background: #F4ECE1 !important;
  transform: rotate(90deg) translate(1px, -1px) !important;
  box-shadow: 1px 1px 0 #1C1C1C !important;
}
/* ===== 设置按钮 ===== */
#header-setting-button {
  background: #EBD8BD !important;
  border: 3px solid #1C1C1C !important;
  border-radius: 24px !important;
  box-shadow: 0 4px 0 #1C1C1C !important;
  transition: all .1s !important;
}
#header-setting-button:hover {
  background: #F4ECE1 !important;
  transform: translateY(2px) !important;
  box-shadow: 0 2px 0 #1C1C1C !important;
}
#header-setting-button svg {
  color: #1C1C1C !important;
}
/* ===== 开场白选择器 ===== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: #F4ECE1 !important;
  border: 3px solid #1C1C1C !important;
  border-radius: 30px !important;
  box-shadow: 0 4px 0 #1C1C1C !important;
  transition: all .1s !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  background: #EBD8BD !important;
  transform: translateY(2px) !important;
  box-shadow: 0 2px 0 #1C1C1C !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"] {
  color: #1C1C1C !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #A93C31 !important;
}
/* ===== 按钮栏 ===== */
#ai-mod-button2 button.MuiButton-root {
  background: #EBD8BD !important;
  color: #1C1C1C !important;
  border: 3px solid #1C1C1C !important;
  border-radius: 30px !important;
  font-weight: 900 !important;
  font-family: "Courier New", Courier, monospace !important;
  letter-spacing: 1px !important;
  box-shadow: 0 5px 0 #1C1C1C !important;
  transition: all .1s !important;
}
#ai-mod-button2 button.MuiButton-root::before {
  display: none !important;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: #F4ECE1 !important;
  transform: translateY(3px) !important;
  box-shadow: 0 2px 0 #1C1C1C !important;
}
#ai-mod-button2 button.MuiButton-root svg {
  color: #A93C31 !important;
}
/* ===== 底部栏大背景 ===== */
.bg-gradient-to-t {
  background: #52604F !important; /* 墨绿海报底色 */
}
/* ===== 输入框容器 ===== */
#ai-chat-bottom-input {
  background: #F4ECE1 !important;
  border: 4px solid #1C1C1C !important;
  border-radius: 12px !important;
  box-shadow: 6px 6px 0 #1C1C1C !important;
  transition: all .1s !important;
}
#ai-chat-bottom-input::before {
  display: none !important;
}
#ai-chat-bottom-input:focus-within {
  transform: translate(-2px, -2px) !important;
  box-shadow: 8px 8px 0 #1C1C1C !important;
}
/* ===== 主输入框 ===== */
#ai-chat-input {
  color: #1C1C1C !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 15px !important;
  font-weight: bold !important;
}
#ai-chat-input::placeholder {
  color: #7a7a7a !important;
  font-style: normal !important;
}
#ai-chat-input::selection {
  background: #A93C31 !important;
  color: #F4ECE1 !important;
}
/* ===== 分页栏 ===== */
.MuiPaginationItem-root {
  color: #1C1C1C !important;
  background: #F4ECE1 !important;
  border: 3px solid #1C1C1C !important;
  border-radius: 4px !important;
  font-weight: 900 !important;
  box-shadow: 3px 3px 0 #1C1C1C !important;
  transition: all .1s !important;
}
.MuiPaginationItem-root:hover {
  background: #EBD8BD !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: #A93C31 !important;
  color: #F4ECE1 !important;
  box-shadow: 0 0 0 #1C1C1C !important;
  transform: translate(3px, 3px) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  background: transparent !important;
  color: #7a7a7a !important;
  border-color: #7a7a7a !important;
  box-shadow: none !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #1C1C1C !important;
  font-family: monospace !important;
  font-weight: 900 !important;
}
.MuiInputBase-input {
  color: #1C1C1C !important;
  background: #EBD8BD !important;
  border: 3px solid #1C1C1C !important;
  border-radius: 4px !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
}
.MuiInputBase-input:focus {
  background: #F4ECE1 !important;
}
/* ==========================================================================
   聊天框
   ========================================================================== */
.bg-gray-100\/90.relative.inline-block {
  background: #F4ECE1 !important; /* 印刷粗糙白纸底 */
  border: 3px solid #1C1C1C !important; /* 坚硬黑色线条框 */
  border-radius: 2px !important; /* 彻底直角化，抛弃果冻圆角，像海报上的排版框 */
  box-shadow: 5px 5px 0 #1C1C1C !important; /* 灵魂死黑无羽化强硬投影 */
  color: #1C1C1C !important;
  padding: 16px 20px !important;
  position: relative !important;
  overflow: visible !important;
}
/* 彻底摧毁并清除原来的像素爱心粒子层 */
.bg-gray-100\/90.relative.inline-block::before,
.bg-gray-100\/90.relative.inline-block::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}
/* ==========================================================================
   评论区底色 - 美式复古平涂波普风 (Retro Pop Art & Ticket Stub) 
   ========================================================================== */

/* 1. 评论区主容器 (最外层背景) */
div[class*="bottom-0"][class*="w-full"],
div[class*="comment"][class*="container"],
div[class*="评论"],
.comment-section {
  background: #EBD8BD !important; /* 温暖的复古米黄色打底 */
  border-top: 4px solid #1C1C1C !important;
  padding: 24px 16px !important;
}

/* 2. 评论列表区域 (复古橄榄绿底板，完美对接票根镂空) */
div[class*="comment-list"],
div[class*="评论列表"] {
  background: #52604F !important; /* 关键：与票根凹槽假象颜色严格一致 */
  border: 3px solid #1C1C1C !important;
  border-radius: 4px !important;
  padding: 24px 16px !important;
  box-shadow: 8px 8px 0 #1C1C1C !important; /* 硬阴影，美式漫画精髓 */
  margin-top: 10px !important;
}

/* ==========================================================================
   评论卡片 - 美式复古平涂电影票根 (Ticket Stub) 
   ========================================================================== */

/* 单条评论卡片/票根主体 */
div[class*="comment-item"],
li[class*="comment"],
div.group.ml-0 {
  background: #F4ECE1 !important; /* 票根奶油白 */
  border: 3px solid #1C1C1C !important;
  border-radius: 4px !important; 
  box-shadow: 6px 6px 0 #1C1C1C !important; 
  position: relative !important;
  padding: 20px 20px 20px 52px !important; 
  margin-bottom: 24px !important;
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: visible !important;
}

/* 票根构件一：左侧垂直撕切虚线 */
div.group.ml-0::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 38px !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  border-left: 3px dashed #1C1C1C !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* 票根构件二：上下防伪对位打孔凹槽 (利用同色背景制造镂空错觉) */
div.group.ml-0::after {
  content: '' !important;
  position: absolute !important;
  left: 29px !important; 
  top: -10px !important; 
  width: 18px !important;
  height: 18px !important;
  background: #52604F !important; /* 对接上面的橄榄绿大底色 */
  border: 3px solid #1C1C1C !important;
  border-radius: 50% !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 10 !important;
  /* 利用阴影在底部复制一个一模一样的孔 */
  box-shadow: 0 calc(100% + 14px) 0 -3px #1C1C1C, 0 calc(100% + 14px) 0 0 #52604F !important;
}

/* 票根专属水印文字：ADMIT ONE */
div.group.ml-0 div.break-all::after {
  content: "ADMIT ONE ★ N° 84019" !important;
  position: absolute !important;
  left: -12px !important;
  top: 50% !important;
  transform: translateY(-50%) rotate(-90deg) !important; 
  font-family: "Impact", "Arial Black", sans-serif !important;
  font-size: 14px !important;
  color: rgba(28, 28, 28, 0.12) !important; 
  letter-spacing: 2px !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  pointer-events: none !important;
}

/* 票根物理按压交互效果 */
div.group.ml-0:hover {
  transform: translate(-2px, -2px) !important;
  box-shadow: 8px 8px 0 #1C1C1C !important;
}
div.group.ml-0:active {
  transform: translate(4px, 4px) !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
}

/* ==========================================================================
   内部元素 - 字体与按钮美化
   ========================================================================== */

/* 用户头像 (方形复古贴纸效果) */
div.group img.rounded-full {
  border: 3px solid #1C1C1C !important;
  box-shadow: 3px 3px 0 #1C1C1C !important;
  border-radius: 4px !important; /* 强制去圆角变方块 */
  transition: all 0.1s ease !important;
}
div.group:hover img.rounded-full {
  background: #EBD8BD !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0 #1C1C1C !important;
}

/* 用户名 (打字机复古字体) */
div.text-sm.text-grey-600 span.font-bold {
  color: #1C1C1C !important;
  font-family: "Courier New", Courier, monospace !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  text-shadow: none !important;
}

/* "（你）"标签 (红色警示牌风格) */
span.text-\[10px\] {
  color: #F4ECE1 !important;
  font-family: "Courier New", monospace !important;
  background: #A93C31 !important; /* 复古红 */
  padding: 2px 6px !important;
  border-radius: 0px !important;
  border: 2px solid #1C1C1C !important;
  font-weight: 900 !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
}

/* 评论正文 (衬线报纸字体) */
div.break-all {
  color: #1C1C1C !important;
  font-family: "Georgia", serif !important;
  line-height: 1.6 !important;
  font-size: 15px !important;
  text-shadow: none !important;
}

/* 时间戳 (打字机字体) */
div.text-xs.text-grey-600 {
  color: #555 !important;
  font-family: "Courier New", monospace !important;
  font-style: normal !important;
  font-weight: bold !important;
}

/* 点赞按钮 (复古按键) */
button.text-gray-400 {
  color: #1C1C1C !important;
  background: #EBD8BD !important;
  border: 2px solid #1C1C1C !important;
  border-radius: 4px !important;
  box-shadow: 2px 2px 0 #1C1C1C !important;
  transition: all 0.1s ease !important;
}
button.text-gray-400:hover {
  color: #F4ECE1 !important;
  background: #A93C31 !important;
  border-color: #1C1C1C !important;
  transform: translate(1px, 1px) !important;
  box-shadow: 1px 1px 0 #1C1C1C !important;
}
button.text-gray-400 svg {
  filter: none !important;
  transition: none !important;
}

/* 回复文字按钮 */
span.cursor-pointer {
  color: #A93C31 !important;
  font-family: "Courier New", monospace !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  text-decoration-color: #1C1C1C !important;
  text-underline-offset: 3px !important;
}

/* 回复边框树状线 (极简粗线条) */
div.ml-8.border-l {
  border-left: 3px solid #1C1C1C !important;
  padding-left: 12px !important;
  margin-left: 20px !important;
  box-shadow: none !important;
}
/* ==========================================================================
   加载动画
   ========================================================================== */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text { display: none !important; }

.flex.items-center.justify-center.w-6.h-5 {
  position: relative !important;
  width: 100% !important;
  max-width: 280px !important;
  height: 48px !important;
  display: flex !important;
}

/* 注入 SVG 牌匾图形与流光动画 */
.flex.items-center.justify-center.w-6.h-5::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 450 75' preserveAspectRatio='xMidYMid meet'><defs><linearGradient id='sweep' x1='-100%' y1='0%' x2='0%' y2='0%'><stop offset='0%' stop-color='rgba(255,255,255,0)'/><stop offset='50%' stop-color='rgba(255,255,255,0.9)'/><stop offset='100%' stop-color='rgba(255,255,255,0)'/><animate attributeName='x1' values='-100%;200%' dur='2.2s' repeatCount='indefinite'/><animate attributeName='x2' values='0%;300%' dur='2.2s' repeatCount='indefinite'/></linearGradient></defs><rect x='3' y='3' width='444' height='69' rx='8' fill='%231C1C1C' stroke='%2348A14D' stroke-width='4'/><rect x='11' y='11' width='428' height='53' rx='4' fill='none' stroke='%23EBD8BD' stroke-width='2' stroke-dasharray='10 5'/><text x='228' y='50' font-family='Impact, Anton, Arial Black, sans-serif' font-size='28' fill='%23A93C31' text-anchor='middle' letter-spacing='1'>YOUR LOVE IS BETTER THAN WINE</text><text x='225' y='48' font-family='Impact, Anton, Arial Black, sans-serif' font-size='28' fill='%23F4ECE1' text-anchor='middle' letter-spacing='1'>YOUR LOVE IS BETTER THAN WINE</text><text x='225' y='48' font-family='Impact, Anton, Arial Black, sans-serif' font-size='28' fill='url(%23sweep)' text-anchor='middle' letter-spacing='1'>YOUR LOVE IS BETTER THAN WINE</text></svg>") !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* ===== 隐藏多余的顶部原带线条 ===== */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
  display: none !important;
}

/* ===== 移动端微调 ===== */
@media (max-width: 480px) {
  .bg-gray-100\/90.relative.inline-block {
    border-radius: 4px !important;
    border: 3px solid #1C1C1C !important;
    padding: 12px !important;
  }
  .flex.items-center.justify-center.w-6.h-5 {
    max-width: 220px !important;
    height: 38px !important;
  }
}

/* ===== 低动效偏好适配===== */
@media (prefers-reduced-motion: reduce) {
  .flex.items-center.justify-center.w-6.h-5::before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 450 75' preserveAspectRatio='xMidYMid meet'><rect x='3' y='3' width='444' height='69' rx='8' fill='%231C1C1C' stroke='%2348A14D' stroke-width='4'/><rect x='11' y='11' width='428' height='53' rx='4' fill='none' stroke='%23EBD8BD' stroke-width='2' stroke-dasharray='10 5'/><g><animate attributeName='opacity' values='1;0.7;1' dur='3s' repeatCount='indefinite'/><text x='228' y='50' font-family='Impact, Anton, Arial Black, sans-serif' font-size='28' fill='%23A93C31' text-anchor='middle' letter-spacing='1'>YOUR LOVE IS BETTER THAN WINE</text><text x='225' y='48' font-family='Impact, Anton, Arial Black, sans-serif' font-size='28' fill='%23F4ECE1' text-anchor='middle' letter-spacing='1'>YOUR LOVE IS BETTER THAN WINE</text></g></svg>") !important;
  }
}