/* 水墨风面板基础底座 */
.ink-panel {
    background-color: #f5f4ef; /* 仿古宣纸底色 */
    border: 1px solid #5c5a54; /* 淡淡的墨色边框 */
    padding: 12px;
    font-family: 'KaiTi', 'STKaiti', serif; /* 强制楷体，古风拉满 */
    border-radius: 4px;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.1), inset 0 0 20px rgba(139, 139, 139, 0.05);
    margin: 10px 0;
    color: #1a1a1a;
}

/* 标题与文字排版 */
.ink-header {
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 1px dashed #5c5a54;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
.ink-content {
    font-size: 0.95em;
    line-height: 1.6;
}
.ink-highlight { 
    color: #8b0000; /* 朱砂红，用于强调重点 */
    font-weight: bold; 
}

/* 折叠面板标题样式 */
.ink-summary {
    font-weight: bold;
    font-size: 1.1em;
    cursor: pointer;
    padding: 8px 5px;
    border-bottom: 2px solid #333;
    outline: none;
    display: block;
}

/* 核心科技：纯CSS水墨滴晕染点击特效 */
.ink-ripple {
    position: relative;
    overflow: hidden; /* 确保墨滴不会溢出框外 */
}
.ink-ripple::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    /* 画一个黑色的墨滴 */
    background-image: radial-gradient(circle, rgba(20, 20, 20, 0.5) 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    /* 鼠标松开时，墨滴放大并变淡消失 */
    transition: transform .6s ease-out, opacity 1s ease-out;
}
.ink-ripple:active::after {
    /* 鼠标按下瞬间，墨滴缩到最小并显现 */
    transform: scale(0, 0);
    opacity: 0.8;
    transition: 0s;
}
/* 选项按钮基础样式 */
.ink-option {
    border: 1px solid #5c5a54;
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 2px;
    background-color: rgba(92, 90, 84, 0.05); /* 极淡的墨色背景 */
    transition: all 0.3s ease;
    font-size: 0.95em;
}

/* 选项按钮悬浮与交互（PC端鼠标滑过变色，呼应朱砂红） */
.ink-option:hover {
    background-color: rgba(139, 0, 0, 0.08); /* 微微泛红 */
    border-color: #8b0000;
    color: #8b0000;
}

/* --- 角色对话色彩 (契合水墨风的雅致调色) --- */
.dia-f { 
    color: #b7325b; /* 胭脂红，适合女性，暧昧且不刺眼 */ 
    font-weight: bold; 
}
.dia-m { 
    color: #2b577a; /* 靛青/景泰蓝，适合男性，沉稳深邃 */ 
    font-weight: bold; 
}
.dia-t { 
    color: #4a7c59; /* 竹青色，适合传音/神念/非人生物 */ 
    font-style: italic; /* 斜体增加神秘感 */
}

/*隐藏思维链，只让AI思考，不让玩家出戏 */
think {
    display: none !important;
}