【大世界武侠】天倾武林录

/* =========================================
   【天倾武林录】专属聊天框美化 & 刀光画卷加载
   ========================================= */

/* 1. 移除平台默认的顶部颜色装饰条 */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* 2. 统一聊天框主体美化：玄青水墨底色，暗金边框 */
.bg-gray-100\/90.relative.inline-block {
    background-color: #121619 !important;
    /* 叠加一层微弱的水墨放射渐变作为质感底纹 */
    background-image: radial-gradient(circle at 50% 0%, #1a2228 0%, transparent 80%) !important;
    border: 1px solid #2c353d !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.6), inset 0 0 20px rgba(0,0,0,0.8) !important;
    padding: 16px !important;
}

/* 3. 【强制可读性】正文内容区：宣纸白，无光晕，高对比 */
.markdown-body {
    color: #e8e4d9 !important;
    text-shadow: none !important; /* 严禁文字发光影响阅读 */
    font-family: "Microsoft YaHei", "PingFang SC", serif !important;
    font-weight: normal !important;
    background: transparent !important;
    z-index: 1 !important;
}

/* 4. 底部附加元素美化 (按钮、模型名、Token等)：幽暗灰金 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,
.MuiTypography-root.MuiTypography-body2.css-6c0gf2,
.text-orange-500 {
    color: #a0aab5 !important;
    font-family: "Microsoft YaHei", serif !important;
    opacity: 0.8 !important;
    transition: opacity 0.3s !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: #d4af37 !important; /* hover时泛起暗金色 */
    opacity: 1 !important;
    background-color: rgba(212,175,55,0.1) !important;
}

/* =========================================
   5. 定制加载动画：山河画卷展开 & 刀光剑影
   ========================================= */

/* 5.1 隐藏无聊的默认闪烁圆点 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

/* 5.2 扩大加载容器，打破原本的束缚，容纳“巨大”的动画 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 160px !important; /* 强制拓宽容器 */
    height: 80px !important; /* 强制加高容器 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 10px 0 !important;
}

/* 5.3 注入纯SVG SMIL动画：画卷展开露山水，随后刀光剑影交错劈砍 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* 
       内嵌SVG说明:
       - 包含两个金色的卷轴轴心向两侧拉开。
       - 中间漏出玄色画卷与隐约的山水线条。
       - 配合两道利用 dashoffset 实现的朱红与亮白剑气，凌厉划过。
    */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 100" width="100%" height="100%"><rect y="10" height="80" fill="%231a2228"><animate attributeName="x" values="100; 20; 20; 100" keyTimes="0; 0.3; 0.8; 1" dur="2.5s" repeatCount="indefinite"/><animate attributeName="width" values="0; 160; 160; 0" keyTimes="0; 0.3; 0.8; 1" dur="2.5s" repeatCount="indefinite"/></rect><rect y="5" width="8" height="90" fill="%23d4af37"><animate attributeName="x" values="96; 12; 12; 96" keyTimes="0; 0.3; 0.8; 1" dur="2.5s" repeatCount="indefinite"/></rect><rect y="5" width="8" height="90" fill="%23d4af37"><animate attributeName="x" values="96; 180; 180; 96" keyTimes="0; 0.3; 0.8; 1" dur="2.5s" repeatCount="indefinite"/></rect><path d="M30,70 Q60,40 90,60 T150,50 L170,80" fill="none" stroke="%238b7d6b" stroke-width="2" opacity="0"><animate attributeName="opacity" values="0; 0; 1; 1; 0" keyTimes="0; 0.3; 0.4; 0.8; 1" dur="2.5s" repeatCount="indefinite"/></path><path d="M40,80 Q70,60 110,75 T160,65" fill="none" stroke="%235a6268" stroke-width="1.5" opacity="0"><animate attributeName="opacity" values="0; 0; 1; 1; 0" keyTimes="0; 0.3; 0.5; 0.8; 1" dur="2.5s" repeatCount="indefinite"/></path><path d="M10,10 L190,90" fill="none" stroke="%23c83c23" stroke-width="4" stroke-dasharray="260" stroke-dashoffset="260" opacity="0.8"><animate attributeName="stroke-dashoffset" values="260; 0; -260; -260" keyTimes="0; 0.15; 0.3; 1" dur="2.5s" begin="0.5s" repeatCount="indefinite"/></path><path d="M190,20 L20,80" fill="none" stroke="%23ffffff" stroke-width="2" stroke-dasharray="200" stroke-dashoffset="200" opacity="0.9"><animate attributeName="stroke-dashoffset" values="200; 0; -200; -200" keyTimes="0; 0.1; 0.2; 1" dur="2.5s" begin="0.8s" repeatCount="indefinite"/></path></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    z-index: 0 !important;
}

/* 基础容器：玄青底色，水墨质感 */
ai {
    display: block;
    background: #121619;
    color: #e8e4d9;
    font-size: 14px;
    line-height: 1.5;
    padding: 12px;
    border: 1px solid #2c353d;
    border-radius: 4px;
    box-shadow: inset 0 0 30px rgba(0,0,0,0.8), 0 4px 10px rgba(0,0,0,0.5);
    font-family: "Microsoft YaHei", "PingFang SC", serif;
    background-image: radial-gradient(circle at 50% 0%, #1a2228 0%, transparent 70%);
}

/* 隐藏默认折叠箭头 */
ai summary::-webkit-details-marker { display: none; }
ai summary { list-style: none; }

/* 系统思维链极简处理 */
ai details.sys summary {
    color: #555;
    font-size: 12px;
    padding: 4px 0;
    cursor: pointer;
    border: none;
    background: transparent;
}

/* 大模块卷轴式标题栏：暗红渐变，刀光质感 */
ai details.mod {
    background: #161a1e;
    border: 1px solid #2a323a;
    margin: 10px 0;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
ai details.mod > summary {
    background: linear-gradient(90deg, #3a1c1c 0%, #1a1f24 80%);
    color: #d4af37;
    padding: 8px 12px;
    font-weight: bold;
    font-size: 15px;
    border-left: 4px solid #c83c23;
    cursor: pointer;
    user-select: none;
    text-shadow: 1px 1px 2px #000;
    position: relative;
    transition: all 0.3s ease;
}
ai details.mod > summary:hover {
    background: linear-gradient(90deg, #4a2222 0%, #1e242a 80%);
    color: #e5c358;
}
/* 标题栏右侧展开指示器 */
ai details.mod > summary::after {
    content: "▼";
    position: absolute;
    right: 12px;
    color: #8b7d6b;
    font-size: 12px;
    transition: transform 0.3s;
}
ai details.mod[open] > summary::after {
    transform: rotate(180deg);
}

/* 内容区布局 */
ai .c {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.02"><path d="M0 100 Q 50 50 100 100 Z" fill="white"/></svg>') no-repeat bottom right;
}
ai .g2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
}

/* 数据项美化：半透明底，玄青边框 */
ai d {
    display: block;
    background: rgba(255,255,255,0.03);
    padding: 6px 10px;
    border-left: 2px solid #4a7c59; /* 默认翠竹青 */
    font-size: 13px;
    border-radius: 0 3px 3px 0;
    color: #d0c8b8;
}
ai d.i { border-left-color: #4a90e2; background: rgba(74,144,226,0.05); } /* 谍报/指引：幽蓝色 */
ai d.g { border-left-color: #d4af37; background: rgba(212,175,55,0.05); } /* 财富/报酬：琉璃金 */
ai d.h { border-left-color: #9b59b6; background: rgba(155,89,182,0.05); } /* 心声/羁绊：紫气 */
ai d.y { border-left-color: #d1496a; background: rgba(209,73,106,0.05); } /* 玉骨冰肌：朱红粉 */

/* 强调文字：高对比琉璃金 */
ai b {
    color: #c5a059;
    font-weight: normal;
    margin-right: 4px;
    text-shadow: 0 0 1px rgba(197,160,89,0.5);
}

/* 正文小说排版：宣纸白，大行距 */
ai txt {
    display: block;
    padding: 16px 8px;
    color: #f0ece1;
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
    text-shadow: 1px 1px 1px #000;
    border-top: 1px solid #2a323a;
    border-bottom: 1px solid #2a323a;
    margin: 10px 0;
    background: radial-gradient(ellipse at center, rgba(255,255,255,0.01) 0%, transparent 100%);
}

/* 子标题：暗金分割线 */
ai .sub {
    color: #8b7d6b;
    font-size: 12px;
    border-bottom: 1px dashed #3a3a3a;
    padding-bottom: 4px;
    margin-top: 8px;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}
ai .sub.y {
    color: #d1496a;
    border-bottom-color: rgba(209,73,106,0.3);
}

/* 行动选项：利刃Hover特效 */
ai .opt d {
    border: 1px solid #2c353d;
    background: linear-gradient(180deg, #1a1f24, #121619);
    border-left: 3px solid #6b7d8b;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    overflow: hidden;
}
ai .opt d::before {
    content: "";
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212,175,55,0.2), transparent);
    transform: skewX(-20deg);
    transition: 0.5s;
}
ai .opt d:hover {
    background: #232a31;
    border-left-color: #c83c23;
    border-color: #4a3a3a;
    color: #fff;
    transform: translateX(4px);
}
ai .opt d:hover::before {
    left: 200%;
}
ai .opt d b { color: #c83c23; } /* 选项字母标红 */

/* 回忆录微调 */
ai mr { display: block; font-size: 11px; color: #666; background: #0a0c0e; padding: 6px; border-radius: 2px; margin-bottom: 8px; }
ai .sm summary { color: #8b7d6b; font-size: 13px; padding: 4px; border-bottom: 1px solid #2a323a; }
ai .sm p { margin: 4px 0; padding: 4px 8px; font-size: 12px; color: #a0aab5; }

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