ai {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 12px;
  background: linear-gradient(135deg, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);
  border-radius: 8px;
  border: 1px solid #00d9ff;
  box-shadow: 0 0 20px rgba(0, 217, 255, 0.3), inset 0 0 60px rgba(168, 85, 247, 0.1);
  color: #e0e0e0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.6;
  position: relative;
  overflow: hidden;
}

ai::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00d9ff, transparent);
  animation: scan 3s linear infinite;
}

@keyframes scan {
  to { left: 100%; }
}

ai hd {
  display: block;
  padding: 10px 14px;
  margin: -12px -12px 12px;
  background: linear-gradient(135deg, #16213e, #0f3460);
  border-bottom: 2px solid #00d9ff;
  font-weight: 600;
  font-size: 15px;
  color: #00d9ff;
  text-shadow: 0 0 10px rgba(0, 217, 255, 0.6);
  position: relative;
}

ai hd::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #10b981;
  border-radius: 50%;
  box-shadow: 0 0 8px #10b981;
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.3; }
}

ai article {
  display: block;
  padding: 14px;
  margin-bottom: 12px;
  background: rgba(22, 33, 62, 0.4);
  border-left: 3px solid #a855f7;
  border-radius: 4px;
  line-height: 1.8;
}

ai article p {
  margin: 0 0 10px;
}

ai article p:last-child {
  margin-bottom: 0;
}

ai details {
  margin-bottom: 10px;
  background: rgba(15, 52, 96, 0.3);
  border: 1px solid rgba(0, 217, 255, 0.2);
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s;
}

ai details:hover {
  border-color: rgba(0, 217, 255, 0.5);
  box-shadow: 0 0 15px rgba(0, 217, 255, 0.2);
}

ai details[open] {
  background: rgba(15, 52, 96, 0.5);
}

ai summary {
  padding: 10px 12px;
  background: linear-gradient(90deg, rgba(22, 33, 62, 0.8), rgba(15, 52, 96, 0.6));
  cursor: pointer;
  font-weight: 600;
  color: #00d9ff;
  user-select: none;
  position: relative;
  transition: all 0.2s;
}

ai summary:hover {
  background: linear-gradient(90deg, rgba(22, 33, 62, 1), rgba(15, 52, 96, 0.8));
  padding-left: 16px;
}

ai summary::marker {
  color: #a855f7;
}

ai p {
  margin: 8px 12px;
  padding: 8px;
  background: rgba(26, 26, 46, 0.4);
  border-radius: 4px;
  border-left: 2px solid #16213e;
}

ai p[t]::before {
  content: attr(t);
  display: inline-block;
  padding: 2px 8px;
  margin-right: 8px;
  background: linear-gradient(135deg, #a855f7, #ec4899);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

ai p[t="需求识别"]::before { background: linear-gradient(135deg, #06b6d4, #0891b2); }
ai p[t="核心逻辑检查"]::before { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
ai p[t="状态初始化规划"]::before { background: linear-gradient(135deg, #10b981, #059669); }
ai p[t="快速验证"]::before { background: linear-gradient(135deg, #f59e0b, #d97706); }
ai p[t="时空"]::before { background: linear-gradient(135deg, #10b981, #059669); }
ai p[t="基础"]::before { background: linear-gradient(135deg, #3b82f6, #2563eb); }
ai p[t="外貌"]::before { background: linear-gradient(135deg, #f59e0b, #d97706); }
ai p[t="性格"]::before { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
ai p[t="异能"]::before { background: linear-gradient(135deg, #ef4444, #dc2626); }
ai p[t="通缉"]::before { background: linear-gradient(135deg, #dc2626, #991b1b); }
ai p[t="资产"]::before { background: linear-gradient(135deg, #fbbf24, #f59e0b); }
ai p[t="物品"]::before { background: linear-gradient(135deg, #06b6d4, #0891b2); }
ai p[t="关系"]::before { background: linear-gradient(135deg, #ec4899, #db2777); }
ai p[t="档案"]::before { background: linear-gradient(135deg, #ef4444, #b91c1c); }
ai p[t="能力"]::before { background: linear-gradient(135deg, #a855f7, #9333ea); }
ai p[t="收容"]::before { background: linear-gradient(135deg, #f97316, #ea580c); }
ai p[t="主线"]::before { background: linear-gradient(135deg, #eab308, #ca8a04); }
ai p[t="可接"]::before { background: linear-gradient(135deg, #22c55e, #16a34a); }
ai p[t="势力"]::before { background: linear-gradient(135deg, #6366f1, #4f46e5); }
ai p[t="热搜"]::before { background: linear-gradient(135deg, #f43f5e, #e11d48); }
ai p[t="配置"]::before { background: linear-gradient(135deg, #64748b, #475569); }
ai p[t="短期记录"]::before, ai p[t="长期记录"]::before { background: linear-gradient(135deg, #8b5cf6, #6d28d9); }
ai p[t="选项"]::before { background: linear-gradient(135deg, #14b8a6, #0d9488); }

ai p[v="光"]::before { background: linear-gradient(135deg, #fbbf24, #f59e0b) !important; }
ai p[v="暗"]::before { background: linear-gradient(135deg, #1f2937, #111827) !important; }
ai p[v="灵"]::before { background: linear-gradient(135deg, #10b981, #059669) !important; }
ai p[v="相"]::before { background: linear-gradient(135deg, #ef4444, #dc2626) !important; }
ai p[v="咒"]::before { background: linear-gradient(135deg, #8b5cf6, #7c3aed) !important; }
ai p[v="魂"]::before { background: linear-gradient(135deg, #06b6d4, #0891b2) !important; }

ai p[lv="Ⅰ"], ai p[lv="Ⅱ"] { border-left-color: #10b981; }
ai p[lv="Ⅲ"], ai p[lv="Ⅳ"] { border-left-color: #fbbf24; }
ai p[lv="Ⅴ"], ai p[lv="Ⅵ"] { border-left-color: #f97316; }
ai p[lv="Ⅶ"], ai p[lv="Ⅷ"] { border-left-color: #ef4444; }
ai p[lv="Ⅸ"], ai p[lv="Ⅹ"] { border-left-color: #dc2626; box-shadow: 0 0 10px rgba(220, 38, 38, 0.4); }

ai f {
  display: inline-block;
  padding: 3px 10px;
  margin-right: 6px;
  background: linear-gradient(135deg, rgba(0, 217, 255, 0.2), rgba(168, 85, 247, 0.2));
  border: 1px solid #00d9ff;
  border-radius: 4px;
  color: #00d9ff;
  font-weight: 600;
  font-size: 13px;
}

ai d {
  display: inline-block;
  margin: 3px 4px 3px 0;
  padding: 4px 10px;
  background: rgba(22, 33, 62, 0.6);
  border-radius: 12px;
  font-size: 13px;
  color: #cbd5e1;
  border: 1px solid rgba(100, 116, 139, 0.3);
  transition: all 0.2s;
}

ai d:hover {
  background: rgba(22, 33, 62, 0.9);
  border-color: rgba(0, 217, 255, 0.5);
  transform: translateY(-1px);
}

ai details[h="人类"] {
  display: block;
}

ai p[s="女"] {
  display: block;
}

ai p[t="短期标题"] f, ai p[t="长期标题"] f {
  display: block;
  text-align: center;
  padding: 8px;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9);
  color: #fff;
  font-size: 14px;
  margin: 0 0 8px;
  border-radius: 4px;
}

ai p[t="短期表头"] d {
  display: block;
  background: rgba(15, 52, 96, 0.6);
  padding: 6px;
  margin: 2px 0;
  font-family: monospace;
  font-size: 12px;
  border-radius: 0;
}

ai p[t="短期记录"] d, ai p[t="长期记录"] d {
  display: block;
  margin: 4px 0;
  padding: 8px;
  background: rgba(26, 26, 46, 0.6);
  border-left: 3px solid #8b5cf6;
  font-size: 13px;
}

@media (max-width: 768px) {
  ai {
    padding: 10px;
    font-size: 13px;
  }
  
  ai hd {
    font-size: 14px;
    padding: 8px 10px;
    margin: -10px -10px 10px;
  }
  
  ai article {
    padding: 12px;
  }
  
  ai summary {
    font-size: 13px;
  }
  
  ai p {
    margin: 6px 8px;
    padding: 6px;
  }
  
  ai f {
    font-size: 12px;
  }
  
  ai d {
    font-size: 12px;
    padding: 3px 8px;
  }
}