💕斗罗大陆III龙王传说💕roll斗铠机甲

@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC&display=swap");

body, html, * {
    font-family: "Kaiti SC", "KaiTi", "楷体", "STKaiti", "Noto Serif SC", serif;
}


/* 宋体系列 */
.st * {
    font-family: "SimSun", "Songti SC", "STSong", serif !important;
}

/* 黑体系列 */
.ht * {
    font-family: "SimHei", "Heiti SC", "STHeiti", sans-serif !important;
}

/* 幼圆系列 */
.yy * {
    font-family: "YouYuan", "Microsoft YaHei", sans-serif !important;
}

/* 楷体系列 */
.xw * {
    font-family: "STXinwei", "华文新魏", cursive !important;
}

/* 隶书系列 (古风/正式) */
.ls * {
    font-family: "LiSu", "隶书", serif !important;
}






/* 隐藏原默认顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"],
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 聊天框主容器 - 只改淡紫主色 + 圆角边框，不碰透明度/阴影 */
.is-user\:dark.flex.w-fit {
    background-color: rgba(54, 54, 54, 0.92);
    border-radius: 0;                    /* 去掉圆角 → 直角 */
    border: 1.5px solid #6B213B;
    position: relative;                  /* 必须有，用于定位伪元素 */
}

.is-user\:dark.flex textarea {
    color: #D0CAC8;
    background-color:#363636 ;
}

.is-user\:dark.flex.w-fit::after {
    content: "";
    position: absolute;
    inset: 3px;                          /* 3px外框 - 1px内框 = 留2px空隙 */
    border: 1.5px solid #B69A0C;           /* 内圈 */
    pointer-events: none;                /* 防止挡住点击事件 */
}





/* 下方背景透明。如果有边框或其他背景属性影响，可以加上 background: none; */
form#prompt-input.w-full {
    background-color: transparent; 
}
/* =========================================
   1. 外层容器 (找回深灰背景 + 黄色边框)
   ========================================= */
div.group\/input-group {
    /* 找回你最初的深灰底色，带一点点透明度融入页面 */
    background-color: rgba(54, 54, 54, 0.92) !important; 
    /* 单层黄色边框 */
    border: 1px solid rgba(80, 80, 80, 0.5); 
    
    /* 留一点内边距，防止文字贴边 */
    padding: 6px 12px !important; 
    
    /* 聚焦时的发光效果（可选，提升交互感） */
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

div.group\/input-group:focus-within {
    border-color: rgba(80, 80, 80, 0.5) !important;
    box-shadow: 0 0 8px rgba(250, 204, 21, 0.2) !important;
}

/* =========================================
   2. Textarea 输入框 (透明底 + 浅色字体)
   ========================================= */
div.group\/input-group textarea {
    background-color: transparent !important; 
    /* 使用你指定的浅色字体，非常适合在深灰背景上阅读 */
    color: #D0CAC8 !important;                
    border: none !important;                  
    outline: none !important;                 
    box-shadow: none !important;
}

/* 修改占位符(Placeholder)颜色，稍微暗一点，不喧宾夺主 */
div.group\/input-group textarea::placeholder {
    color: rgba(219, 216, 211, 0.5) !important; /* #D0CAC8 的 50% 透明度 */
}

/* =========================================
   3. Button 发送按钮 (50,50,50 更黑的底色 + 浅色字体)
   ========================================= */
div.group\/input-group button {
    /* 使用 50, 50, 50 并加上 85% 的不透明度，呼应你的状态区 */
    background-color: rgba(50, 50, 50, 0.6) !important; 
    /* 按钮图标/字体颜色 */
    color: #D0CAC8 !important;                
    border: none !important;                  
    border-radius: 8px !important;            /* 保持一个舒服的圆角 */
    padding: 6px 12px !important;             /* 确保按钮有足够点击区域 */
    transition: background-color 0.2s ease;   
}

/* 按钮的悬停效果：鼠标放上去时取消透明度，变成纯正的 50,50,50 */
div.group\/input-group button:hover {
    background-color: rgba(50, 50, 50, 0.7) !important; 
    cursor: pointer;
}



/* 复制按钮 */
.bg-muted.rounded {
  background-color: rgba(54, 54, 54, 0);
  color: #D0CAC8;
  padding: 0.5rem 0.75rem; /* 极简的内边距 */
  border-radius: 6px; /* 缩小圆角弧度 */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.01); /* 阴影也相应减弱，避免喧宾夺主 */
  font-size: 0.85rem; /* 容器内默认文字调小 */
}

/* 按钮：迷你化，精致感 */
.bg-muted.rounded button {
  background-color: rgba(50, 50, 50, 0.85);
  color: #D0CAC8;
  border: 1px solid rgba(219, 216, 211, 0.15); 
  padding: 0.2rem 0.6rem; /* 按钮内部变得非常紧凑 */
  border-radius: 4px; /* 按钮圆角缩小为 4px */
  font-size: 0.75rem; /* 小字号 */
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease-in-out; /* 动画时间缩短，显得更干脆利落 */
}

/* 悬停与点击状态：微动效 */
.bg-muted.rounded button:hover {
  background-color: rgba(50, 50, 50, 0.8); 
  border-color: rgba(219, 216, 211, 0.3); 
  transform: translateY(-1px); /* 悬停上浮幅度减小到 1px */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 
}

.bg-muted.rounded button:active {
  transform: translateY(0); 
  background-color: rgba(40, 40, 40, 0.7);
}














/* 1. 隐藏原有的加载点 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 2. 魂环容器 - 保持紧凑 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 30px !important; 
    height: 30px !important;
    margin-left: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

/* 3. 外层：曜环（30px - #F28FEA） */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    width: 30px !important;
    height: 30px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='none' stroke='%23B69A0C' stroke-width='3' stroke-dasharray='26 15.3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='2.5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 0 2px rgba(242, 143, 234, 0.3)) !important;
    z-index: 1 !important;
}

/* 4. 内层：灵环 + 加大版闪烁原点（22px - #F28FEA） */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "" !important;
    position: absolute !important;
    width: 22px !important;
    height: 22px !important;
    /* 调整说明：原点半径 r 从 8 增加到 18，颜色设为更浅的 #FFE5FD */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='15' fill='%23B69A0C'%3E%3Canimate attributeName='opacity' values='1;0.3;1' dur='2s' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='42' fill='none' stroke='%23B69A0C' stroke-opacity='0.4' stroke-width='4' stroke-dasharray='22 22' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='360 50 50' to='0 50 50' dur='5s' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    filter: drop-shadow(0 0 2px rgba(242, 143, 234, 0.4)) !important;
    z-index: 2 !important;
}

/* 5. 确保文本层级正确 */
.markdown-body {
    position: relative !important;
    z-index: 10 !important;
}



/* ====================
   全局标签颜色
   ==================== */
t, o, c {
    font-weight: normal;
}

t {
    color: #F2B200;          /* 棕色  */
    font-weight: normal;
}

h4 {
  color: #C39E80; 
  margin: 9px 0; 
  line-height: 1.3;     /* 如需要，可微调行高，避免额外垂直空间 */
  font-weight: bold;
}

h5 {
  color:  #F2B200; 
  margin: 9px 0; 
  line-height: 1.3;     /* 如需要，可微调行高，避免额外垂直空间 */
  font-weight: bold;
}

h6 {
  color:  #BCBAB5; 
  margin: 3px 0; 
  line-height: 1.3;     /* 如需要，可微调行高，避免额外垂直空间 */
  font-weight: normal;
}


h2 {
    font-weight: bold;
    color: #D47791; 
    font-size: 15px;
}

h3 {
    text-align: center;
    margin: 0 0 10px;
    padding-bottom: 2px;
    color: #C39E80;
    border-bottom: 2px solid #A57727;
    font-size: 1.22em;
}


c1 {
    display: block;
    text-align: center;
    color: #E0668F; /* 白色 */
}


r {
    color: #E04E6F;
    font-weight: normal;
}



c {
    color: #D94B6B;
    font-weight: normal;
}

m {
    color: #C176C3;
    font-weight: normal;
}

n {
    font-weight: normal;
    color: #800080; /* 紫色 */
    padding-left: 0.30em; /* 左右留半个文字的空间 */
}



t1 {
    color: #FF9191;
    font-weight: normal;
}






q1 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #CFCBC6; /* 白色 */
}

q2 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #EDDC78; /* 橙色，深色黄 */
}

q3 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #F28FEA; /* 紫色 */
}

q4 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #A29F9C; /* 木炭色，深色黑 */
}

q5 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #EE5D5A; /* 深红色 */
}

q6 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #FFB428; /* 金色，深一点的 */
}

q7 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #FD9D27; /* 深橙色 */
}

q8 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #BFBCB9; /* 暗灰色 */
}

q9 {
    font-weight: bold;
    text-align: center;
    display: block;
    font-size: 1.1em;
    color: #ACC78A; /* 绿色 */
}


/* ================= 动画：微幅震荡（已减半） ================= */
@keyframes touch-bump {
    0% { transform: scale(1); }
    50% { transform: scale(1.025); } 
    100% { transform: scale(1.015); }
}

@keyframes float-up {
    from { transform: translate(-50%, 8px); opacity: 0; }
    to { transform: translate(-50%, 0); opacity: 1; }
}

/* ================= 【F】装备：保持现状（合格） ================= */
F {
    position: relative;
    display: block;
    margin: 10px auto;
    cursor: help;
    font-weight: bold;
    text-align: center;
    padding: 6px 1px;
    user-select: none;
    white-space: nowrap;
    color: #FFBB00;
    border: 2px solid #A88B0B;
    background-color: #474107;
    background-image: linear-gradient(180deg, #574F09 0%, #474107 100%); /* 增加一点骨质渐变 */
    border-radius: 5px;
    transition: all 0.3s ease;
    width: 90%;
}

F:hover {
    color: #F5BF27;
    background-color: #474107;
    animation: touch-bump 0.3s ease-out forwards;
}

Fi {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    background-color: #363103; 
    color: #D1C5C9; 
    padding: 10px 15px;
    border-radius: 8px;
    border: 2px solid #BD961F;
    min-width: 180px;
    text-align: left;
    z-index: 100;
    font-weight: normal;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    transition: opacity 0.3s ease, visibility 0.3s ease;
    white-space: normal;
    pointer-events: none;
    line-height: 1.5;
}

/* 箭头颜色同步调浅 */
Fi::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #BD961F;
}

F:hover Fi {
    visibility: visible;
    opacity: 1;
    animation: float-up 0.4s ease-out forwards;
}


/* ================= 【K / Ki】魂骨：质感重塑版 ================= */
K {
    position: relative;
    display: block;
    margin: 10px auto;
    cursor: help;
    font-weight: bold;
    text-align: center;
    padding: 6px 1px;
    user-select: none;
    white-space: nowrap;
    width: 90%;
    
    /* --- K 名称部分优化 --- */
    color: #EA746F; /* 名称颜色保持：古铜金 */
    border: 2px solid #8F4141; /* 边框：纯正红 */
    background-color: #3E0504;/* 核心修正：坚实的象牙白背景，绝不透明 */
    background-image: linear-gradient(180deg, #570706 0%, #3E0504 100%); /* 增加一点骨质渐变 */
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(255, 0, 0, 0.15); /* 淡淡的红晕底影 */
    transition: all 0.3s ease;
}

/* 鼠标悬停：保持 1.025 的微小缩放 */
K:hover {
    color: #EB5C5B;
    background-color: #530403;
    animation: touch-bump 0.3s ease-out forwards;
}

Ki {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%);
    /* --- Ki 介绍部分优化 --- */
    background-color: #420F0F; /* 介绍背景：调浅后的深酒红（不再是黑红） */
    color: #C9BDC1; /* 介绍文字：浅红色，减轻视觉压力 */
    padding: 12px 18px;
    borde

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。