魔道祖师：拯救你的意难平

css
/*
 * =================================================================
 *   Theme of The Grandmaster of Demonic Cultivation (魔道祖师)
 *   Palette:
 *   - Aged Parchment (陈年宣纸): #FDF6E3
 *   - Ink Black (松烟墨色): #3A2E28
 *   - Vermilion Seal (朱砂印泥): #C0392B
 *   - Gilded Gold (烁金光泽): #B8860B
 *   - Antique Bronze (古旧铜钱): #B87333
 *   - Carved Wood (深色木雕): #6D4C41
 * =================================================================
 */

/*
 * -------------------------------------
 *   ★ 模块零：全局字体设定 (玄正字体)
 * -------------------------------------
 */
/* 仙门通用字体，端正雅致，兼具风骨。 */
body, button, input, textarea, summary, th, td {
    font-family: 'KaiTi', 'STKaiti', 'Times New Roman', serif !important;
}

/*
 * -------------------------------------
 *   模块一：对话气泡美化 (书卷样式)
 * -------------------------------------
 */
/* 仙君的言语，将呈现于此画卷之上。 */
.group .bg-gray-100\/90 {
    background: #FDF6E3 !important; /* 温润的陈年宣纸色 */
    border: 1px solid #DCD1B4 !important; /* 纸张边缘的淡色 */
    border-radius: 6px !important; /* 书卷边角，略带方正 */
    box-shadow: 0 4px 15px rgba(93, 64, 55, 0.15) !important; /* 柔和的墨影 */
    color: #3A2E28 !important; /* 如墨般深邃的字迹 */
    padding: 14px !important;
    position: relative;
    overflow: visible;
}

/* 卷尾缀一枚铜钱，以作装饰。 */
.group .bg-gray-100\/90::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 12px;
    width: 22px;
    height: 22px;
    background-color: #B87333; /* 古旧铜钱的颜色 */
    border: 1.5px solid #8C5A2B;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    /* 铜钱中间的方孔 */
    background-image: linear-gradient(#FDF6E3, #FDF6E3), linear-gradient(#FDF6E3, #FDF6E3);
    background-size: 100% 6px, 6px 100%;
    background-repeat: no-repeat;
    background-position: center, center;
}


/*
 * -------------------------------------
 *   模块二：功能按钮美化 (朱砂印章)
 * -------------------------------------
 */
/* 此钮如朱砂印章，按下即可施令。 */
.flex.items-center.gap-2.pb-2 > button,
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
    background: #C0392B !important; /* 鲜明而不刺眼的朱砂红 */
    color: #FDF6E3 !important; /* 宣纸色的文字，清晰可辨 */
    border: 1px solid #A93226 !important; /* 略深的边框，增加质感 */
    border-radius: 4px !important; /* 方正的印章形状 */
    box-shadow: 0 3px 0px #8C1C13, 0 5px 8px rgba(0,0,0,0.2) !important; /* 印章的厚重感 */
    font-weight: bold !important;
    text-transform: none !important;
    transition: all 0.1s ease-out !important;
    padding: 6px 18px !important;
    margin: 0 4px !important;
    position: relative;
    top: 0;
}
/* 轻按之时，印章微陷。 */
.flex.items-center.gap-2.pb-2 > button:hover,
.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
    background: #A93226 !important; /* 颜色更深的朱砂 */
    color: #FFF !important; /* 文字变为纯白，更为醒目 */
    transform: translateY(1px) !important;
    box-shadow: 0 2px 0px #8C1C13, 0 3px 6px rgba(0,0,0,0.2) !important;
}
.flex.items-center.gap-2.pb-2 > button:active,
.MuiButtonBase-root.MuiButton-root.MuiButton-text:active {
    transform: translateY(2px) !important;
    box-shadow: 0 1px 0px #8C1C13, 0 1px 2px rgba(0,0,0,0.25) !important;
}

/*
 * -------------------------------------
 *   模块三：多余元素隐藏
 * -------------------------------------
 */
.MuiButtonBase-root.MuiButton-root.MuiButton-default.css-w13mdt,
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:nth-child(5),
.css-nkqe49 {
    /* display: none !important; */
}

/*
 * -------------------------------------
 *   模块四：输入栏美化 (笔墨砚台)
 * -------------------------------------
 */
/* 此处可书写仙君所思所想。 */
#ai-chat-input {
    background-color: #FBFBFB !important; /* 洁净的纸面 */
    border: 1px solid #DCD1B4 !important; /* 雅致的边框 */
    border-radius: 4px !important;
    color: #3A2E28 !important; /* 墨色文字 */
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06) !important;
    transition: all 0.2s ease;
}
/* 凝神聚气时，边框泛起金光。 */
#ai-chat-input:focus {
    border-color: #B8860B !important; /* 烁金光泽 */
    background-color: #FFFFFF !important;
    box-shadow: 0 0 0 3px rgba(184, 134, 11, 0.25) !important;
}
/* 输入栏背景清透，不遮挡后方景物。 */
#ai-chat-bottom-input {
    background: transparent !important;
    backdrop-filter: none !important;
}


/*
 * -------------------------------------
 *   模块五：加载动画替换 (符篆生成中)
 * -------------------------------------
 */
/* 定义『演算』动画 */
@keyframes calculating {
    0% { content: "演算中"; }
    25% { content: "演算中·"; }
    50% { content: "演算中··"; }
    75% { content: "演算中···"; }
    100% { content: "演算中"; }
}

/* 步骤1: 隐藏原有动画 */
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}

/* 步骤2: 准备区域 */
.flex.items-center.justify-center.w-6.h-5 {
    width: auto !important;
    height: 30px !important;
    position: relative;
}

/* 步骤3: 显示新动画 */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "演算中···";
    position: absolute;
    font-size: 14px;
    font-weight: bold !important;
    color: #C0392B; /* 朱砂红色 */
    text-shadow: 1px 1px 2px rgba(253, 246, 227, 0.5);
    animation: calculating 2s infinite steps(1, end);
}

/*
 * -------------------------------------
 *   模块六：『账目』数据美化 (账房记录)
 * -------------------------------------
 */
/* 此处记录着灵力与代币的增减。 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j {
    background-color: transparent !important;
    border: none !important;
    padding: 4px 0 !important;
    margin-top: 12px !important;
    border-radius: 0;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
}

/* 账目前缀以铜钱一枚。*/
.MuiStack-root.text-purple-500.mt-1.css-1kz283j::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23B87333' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z M10,8H14V10H10V8M10,14H14V16H10V14Z' transform='rotate(0)'/%3E%3Cpath fill='%23FDF6E3' d='M9,9h6v6H9z' transform='translate(0,0)'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

/* 账目条文，以楷书记之。 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j p {
    color: #6D4C41 !important; /* 深色木雕文字 */
    font-size: 13px !important;
    font-family: 'KaiTi', 'STKaiti', serif !important;
    margin: 2px 8px 2px 0 !important;
    padding: 2px 4px !important;
    background: transparent;
    border: none;
    border-radius: 0;
    line-height: 1.2;
}

/*
 * =================================================================
 *   模块七：『密令』折叠栏美化 (卷轴样式)
 * =================================================================
 */
/*
 * 『卷轴』主体 (details 标签)
 * 封存着密令的古朴卷轴。
 */
details {
    background: #FDF6E3 !important; /* 宣纸背景 */
    border: 1px solid #DCD1B4 !important; /* 卷轴边缘 */
    border-radius: 8px !important;
    margin: 1.5em 0 !important;
    box-shadow: 0 2px 6px rgba(93, 64, 55, 0.1) !important;
    transition: all 0.3s ease-in-out;
}

/*
 * 『卷首』 (summary 标签)
 * 卷轴的标题，以示内容。
 */
summary {
    font-size: 1.2em !important;
    font-weight: bold !important;
    color: #3A2E28 !important; /* 墨色标题 */
    padding: 0.8em 1.2em !important;
    cursor: pointer;
    list-style: none; /* 移除默认样式 */
    position: relative;
    background-color: #F8F0D8 !important; /* 稍深的纸色 */
    border-radius: 8px 8px 0 0;
    outline: none !important;
}
/* 展开时，卷首下方有分割线 */
details[open] > summary {
    border-bottom: 1px solid #DCD1B4;
    border-radius: 8px 8px 0 0;
}

/*
 * 『展开符号』(summary 的伪元素)
 * 以烁金色泽点缀。
 */
summary::before {
    content: '‣'; /* 更为雅致的箭头 */
    color: #B8860B; /* 烁金色 */
    position: absolute;
    left: 0.8em;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    font-size: 1em;
}
details[open] > summary::before {
    transform: translateY(-50%) rotate(90deg); /* 展开时旋转 */
}
/* 调整符号与文字间距 */
summary {
    padding-left: 2.2em !important;
}


/*
 * 『卷中内容』(details 内部)
 * 密令详情，请仙君细阅。
 */
details > *:not(summary) {
    padding: 1.2em 1.5em 1.5em 1.5em;
    color: #3A2E28 !important; /* 墨色正文 */
    text-shadow: none !important;
}

/*
 * 『名录』 (Markdown 表格)
 * 用于记录名录或战报的竹简。
 */
details table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 1em !important;
    display: block;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #D4AF37 #FDF6E3; /* 金色滚动条 */
}

/* 表头，如同竹简之首 */
details th {
    background-color: #F5E8C8 !important; /* 稍深的竹黄色 */
    font-weight: bold !important;
    padding: 0.8em !important;
    text-align: center !important;
    border-bottom: 2px solid #B8860B !important; /* 金色分割线 */
    color: #8C5A2B !important; /* 深铜色文字 */
}

/* 表格内容，记录于竹片之上 */
details td {
    padding: 0.8em !important;
    border-bottom: 1px solid #F5E8C8 !important;
    text-align: center;
    color: #3A2E28 !important;
}

/* 偶数行交错，便于阅读 */
details tr:nth-of-type(even) {
    background-color: rgba(248, 240, 216, 0.5) !important;
}

/* 悬停时无特殊效果，以显庄重 */
details tr:hover {
    background-color: transparent !important;
}

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