/* --- Pink APP 终端核心样式 (移动端极致拓宽版) --- */

/* 隐藏思维链，保持界面冷酷 */
think, .pink-hidden {
    display: none !important;
}

/* 全局容器：暗黑底色，粉色发光边框 */
.pink-terminal {
    background-color: #050508;
    border: 1px solid #ff007f;
    border-radius: 6px;
    padding: 15px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    color: #e0e0e0;
    box-shadow: 0 0 15px rgba(255, 0, 127, 0.15), inset 0 0 10px rgba(255, 0, 127, 0.05);
    margin-bottom: 10px;
    word-break: break-word; 
}

/* 顶部 JSON 验证日志样式 */
.pink-log-pre {
    background: #000;
    border-left: 3px solid #00f0ff;
    padding: 10px;
    font-size: 0.85em;
    color: #00f0ff;
    overflow-x: auto;
    margin: 0 0 15px 0;
    text-shadow: 0 0 3px rgba(0, 240, 255, 0.5);
}

/* 折叠面板 (Details) 样式 */
.pink-panel {
    background: rgba(255, 0, 127, 0.03);
    border: 1px solid rgba(255, 0, 127, 0.3);
    border-radius: 4px;
    margin-bottom: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 折叠面板标题 (Summary) */
.pink-title {
    background: linear-gradient(90deg, rgba(255,0,127,0.2) 0%, rgba(0,0,0,0) 100%);
    color: #ff007f;
    padding: 10px 15px;
    font-weight: bold;
    cursor: pointer;
    list-style: none;
    text-shadow: 0 0 5px rgba(255, 0, 127, 0.5);
    border-bottom: 1px solid transparent;
}
.pink-panel[open] .pink-title {
    border-bottom: 1px dashed rgba(255, 0, 127, 0.5);
}
.pink-title::-webkit-details-marker {
    display: none;
}
.pink-title::before {
    content: '[+]';
    margin-right: 8px;
    color: #00f0ff;
}
.pink-panel[open] .pink-title::before {
    content: '[-]';
}

/* 面板内部段落 */
.pink-panel p {
    margin: 6px 15px;
    font-size: 0.9em;
    line-height: 1.4;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    padding-bottom: 4px;
}
.pink-panel p b {
    color: #00f0ff;
    font-weight: normal;
}

/* 正文区域 (Text) - 增加沉浸感 */
.pink-story {
    display: block;
    background: #0a0a0c;
    border-left: 4px solid #ff007f;
    padding: 15px 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 
    font-size: 1em;
    line-height: 1.8;
    letter-spacing: 0.5px; 
    color: #d4d4d4;
    margin: 15px 0;
    box-shadow: inset 2px 0 10px rgba(255, 0, 127, 0.05);
    text-align: justify; 
}

/* 关系总览 & 动态NPC 特殊区块 */
.pink-sub-box {
    margin: 10px 15px;
    padding: 10px;
    border: 1px dashed #00f0ff;
    background: rgba(0, 240, 255, 0.02);
}

/* 记忆区表格替代结构 */
.pink-memory-box { margin: 10px 15px; }
.pink-m-title { color: #00f0ff; font-weight: bold; margin-bottom: 5px; font-size: 0.9em; border-bottom: 1px solid #00f0ff; padding-bottom: 3px;}
.pink-m-row { display: flex; font-size: 0.8em; margin-bottom: 4px; border-bottom: 1px dotted #333; padding-bottom: 2px;}
.pink-m-col-1 { width: 15%; color: #ff007f; flex-shrink: 0; } 
.pink-m-col-2 { width: 30%; color: #888; flex-shrink: 0; }
.pink-m-col-3 { width: 55%; color: #ccc; }


/* 🔥 移动端专属极致拓宽适配 (屏幕宽度小于 600px 时生效) */
@media screen and (max-width: 600px) {
    .pink-terminal {
        padding: 8px 4px; /* 极限压缩外层容器的左右留白，把屏幕宽度全部还给文字 */
    }
    
    .pink-story {
        padding: 12px 8px; /* 极限压缩正文区块内部的左右留白 */
        font-size: 1.15em;  /* 显著调大字号 */
        letter-spacing: 1.2px; /* 强制拉宽字间距，彻底消除“窄”的视觉感受 */
        line-height: 1.9; /* 配合大字号拉开行距，避免上下打架 */
        font-weight: 400; /* 确保字体不会被手机系统渲染得太细 */
        -webkit-font-smoothing: antialiased; /* 优化移动端字体边缘平滑度 */
        /* 利用微弱的文字阴影，在视觉上让字形显得更“丰满/宽厚” */
        text-shadow: 0 0 1px rgba(212, 212, 212, 0.15); 
    }

    /* 同步拓宽其他面板在手机端的横向空间 */
    .pink-panel p, .pink-sub-box, .pink-memory-box {
        margin-left: 4px;
        margin-right: 4px;
    }
    
    .pink-title {
        padding: 10px 8px;
    }
}