/* --- 【全新】线下剧场 (Offline Scene) 样式 --- */
#offline-scene-page .page-content {
    background-color: #fdfaf4; /* 仿羊皮纸背景 */
    font-family: 'Times New Roman', 'Ma Shan Zheng', serif; /* 使用更像书籍的字体 */
    padding: 20px;
    font-size: 17px;
    line-height: 1.8;
}

#scene-log-container {
    /* 为容器本身添加内边距，而不是给条目 */
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px; /* 控制段落间的距离 */
}
.scene-entry {
    backdrop-filter: blur(8px); /* 关键的磨砂效果 */
    -webkit-backdrop-filter: blur(8px); /* 兼容 Safari */
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    white-space: pre-wrap;
    transition: all 0.2s ease;
    user-select: none; /* 防止长按时选中文本 */
}

.scene-entry:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

.scene-entry:active {
    transform: translateY(0);
}

.scene-entry.long-pressing {
    background-color: rgba(255, 59, 48, 0.1) !important;
    border: 2px solid rgba(255, 59, 48, 0.3);
}



.scene-entry.user-dialogue::before {
    content: '你：';
    font-weight: 600;
}

.scene-entry.user-action {
    font-style: italic; /* 用户行动使用斜体 */
}

.scene-entry.user-internal {
    padding-left: 20px;
    border-left: 2px solid #e9ecef;
}
.scene-entry.user-internal::before {
    content: '(内心) ';
    font-style: normal;
}

#scene-input-mode-selector {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}
.scene-input-mode-btn {
    background: #f0f2f5;
    border: 1px solid var(--border-color);
    padding: 6px 15px;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
}
.scene-input-mode-btn.active {
    background-color: var(--accent-color);
    color: white;
    border-color: var(--accent-color);
}

/* 聊天记录里“场景回顾”的专属气泡样式 */
.chat-bubble.bubble-scene-summary {
    background-color: #fdfaf4 !important;
    border: 1px solid #e9d8c1;
    color: #654321;
    width: 260px;
    cursor: pointer;
}
.scene-summary-header {
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e9d8c1;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.scene-summary-snippet {
    font-style: italic;
    font-size: 14px;
    max-height: 60px;
    overflow: hidden;
}
.scene-summary-footer {
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    color: #a08c75;
}

/* 【新增】用户旁白 (上帝视角) 样式 */
.scene-entry.user-narrative {
    color: #6a1b9a; /* 默认紫色 */
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
}

/* 【新增】故事选项容器样式 */
#scene-choices-container {
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: rgba(253, 250, 244, 0.8); /* 半透明的羊皮纸色 */
    backdrop-filter: blur(2px);
}
.scene-choice-btn {
    width: 100%;
    padding: 12px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #e9d8c1;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.scene-choice-btn:hover {
    background-color: #fdfaf4;
    border-color: #a08c75;
}
/* --- 【V2 全新】世界书折叠列表样式 --- */
.collapsible-world-book-container {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: #f8f9fa;
    transition: box-shadow 0.2s;
}
.collapsible-world-book-container.expanded {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.world-book-summary-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
}
.world-book-summary-trigger:hover {
    background-color: #f1f3f5;
}

.world-book-summary-trigger .title {
    font-weight: 500;
}
.world-book-summary-trigger .chevron-icon {
    width: 20px;
    height: 20px;
    color: var(--secondary-text);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.collapsible-world-book-container.expanded .chevron-icon {
    transform: rotate(90deg);
}

.world-book-checklist-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out, padding 0.35s ease-in-out;
    background-color: #fff;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 10px; /* 选项之间的垂直间距 */
}
.collapsible-world-book-container.expanded .world-book-checklist-content {
    max-height: 250px; /* 展开后的最大高度，可根据需要调整 */
    overflow-y: auto; /* 如果内容超出，则显示滚动条 */
    padding: 15px;
}

/* 保持单个选项的样式不变，但确保它们是块级元素 */
.wb-link-item {
    display: flex;
    align-items: flex-start; 
    background-color: #fff;
    border-radius: 8px;
    padding:10px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.wb-link-item:hover {
    background-color: #f8f9fa;
}
.wb-link-item input[type="checkbox"] {
   width: 16px;
       height: 16px;
       border: 1px solid var(--border-color);
       border-radius: 3px;
       background-color: #fff;
       cursor: pointer;
       /* 绝对定位，便于控制 */
       position: relative;
       top: 3px;  
}
.wb-link-item input[type="checkbox"]:checked {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}
.wb-link-item label {
    white-space: normal; /* Allow text to wrap */
        word-break: break-word; /* Break long words if necessary */
        overflow: visible;
        text-overflow: clip;
    
        /* 保持与复选框的间距 */
        margin: 0 0 0 8px !important; 
        line-height: 1.5; /* 增加行高，让多行文本更易读 */
}

.wb-group-header {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    background-color: #f0f2f5;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s;
}
.wb-group-header:hover {
    background-color: #e9ecef;
}
.wb-group-header .chevron-icon {
    width: 16px;
    height: 16px;
    color: var(--secondary-text);
    transition: transform 0.2s ease-in-out;
}
.wb-group-header.expanded .chevron-icon {
    transform: rotate(90deg);
}
.wb-group-header .group-name {
    flex-grow: 1;
    margin: 0 12px;
    font-weight: 600;
    font-size: 16px;
}
.wb-group-header .group-actions button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    opacity: 0.6;
}
.wb-group-header .group-actions button:hover {
    opacity: 1;
}
.wb-group-entries {
    padding-left: 20px;
    background-color: #fff;
    max-height: 1000px; /* 一个足够大的值 */
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.wb-group-entries.collapsed {
    max-height: 0;
}

/* --- 在你的 .wb-link-item 样式附近添加 --- */
/* --- 在 .wb-link-item 样式附近添加 --- */
.wb-link-group-header {
    display: flex; /* 启用Flexbox */
    align-items: center; /* 垂直居中对齐，因为这一行内容高度是固定的 */
    padding: 10px 12px;
    background-color: #f1f3f5;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    margin: -1px 0; /* 让边框重叠，看起来更细 */
}

/* 专门针对“全选”复选框的样式 */
.wb-link-group-header input[type="checkbox"] {
    margin-right: 10px; /* 和文字拉开距离 */
    width: 16px;   /* 固定大小 */
    height: 16px;
}

/* 专门针对“全选”标签的样式 */
.wb-link-group-header label {
    font-weight: 500; /* 字体可以不用那么粗 */
    color: var(--secondary-text); /* 颜色可以柔和一些 */
    font-size: 14px; /* 字体可以小一点 */
}

/* --- 【V2 全新】世界书折叠列表样式 --- */
.collapsible-world-book-container {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background-color: #f8f9fa;
    transition: box-shadow 0.2s;
}
.collapsible-world-book-container.expanded {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* 展开时加一点阴影，更有层次感 */
}

.world-book-summary-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
}
.world-book-summary-trigger:hover {
    background-color: #f1f3f5;
}

.world-book-summary-trigger .title {
    font-weight: 500;
}
.world-book-summary-trigger .chevron-icon {
    width: 20px;
    height: 20px;
    color: var(--secondary-text);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.collapsible-world-book-container.expanded .chevron-icon {
    transform: rotate(90deg); /* 展开时箭头旋转 */
}

.world-book-checklist-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out, padding 0.35s ease-in-out;
    background-color: #fff;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 10px; /* 选项之间的垂直间距 */
}
.collapsible-world-book-container.expanded .world-book-checklist-content {
    max-height: 250px; /* 展开后的最大高度，可根据需要调整 */
    overflow-y: auto; /* 如果内容超出，则显示滚动条 */
    padding: 15px;
}



input[type="checkbox"]:checked + label {
    font-weight: 600;
    color: var(--accent-color);
}