/* ============================================================
   edit.css · 所有编辑页
   ------------------------------------------------------------
   Agent / 角色 / Tool / 日程 / 看法 / 数值 / 记忆 / Agent类型 / 地图编辑页
   ============================================================ */

/* ===== Agent 编辑页面 ===== */
.agent-edit-page {
    display: none;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 4px;
    position: relative;
}
.agent-edit-page.active {
    display: flex;
}
.agent-edit-header {
    display: flex;
    align-items: center;
    padding: 12px 0 16px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border);
}
.agent-edit-back {
    font-size: 24px;
    cursor: pointer;
    padding-right: 12px;
    color: var(--primary);
}
.agent-edit-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(212, 106, 147, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--text);
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    margin-right: 12px;
}
.agent-edit-name {
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    flex: 1;
}

/* ===== 角色编辑页面 ===== */
.character-edit-page {
    display: none;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 4px;
    position: relative;
}
.character-edit-page.active {
    display: flex;
}
.character-edit-header {
    display: flex;
    align-items: center;
    padding: 12px 0 16px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border);
}
.character-edit-back {
    font-size: 24px;
    cursor: pointer;
    padding-right: 12px;
    color: var(--primary);
}
.character-edit-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(212, 106, 147, 0.25);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: var(--text);
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    margin-right: 12px;
}
.character-edit-name {
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    flex: 1;
}

/* ===== 编辑项列表（Agent / Character 共用）===== */
.agent-edit-list,
.character-edit-list {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}
.agent-edit-item,
.character-edit-item {
    display: flex;
    align-items: center;
    padding: 14px 8px;
    cursor: pointer;
    background: transparent;
    transition: background .15s;
    border-bottom: 1px solid var(--border);
    user-select: none;
    -webkit-user-select: none;
}
.agent-edit-item:last-child,
.character-edit-item:last-child {
    border-bottom: none;
}
.agent-edit-item:hover,
.character-edit-item:hover {
    background: rgba(212, 106, 147, 0.06);
}
.agent-edit-item .icon,
.character-edit-item .icon {
    font-size: 22px;
    width: 36px;
    text-align: center;
    margin-right: 14px;
    opacity: .85;
}
.agent-edit-item .label,
.character-edit-item .label {
    flex: 1;
    font-size: 16px;
    color: var(--text);
}
.agent-edit-item .arrow,
.character-edit-item .arrow {
    color: var(--text-dim);
    font-size: 18px;
}
.agent-edit-item .value,
.character-edit-item .value {
    color: var(--text-dim);
    font-size: 14px;
    margin-right: 8px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ===== Tool 编辑页面 ===== */
.tool-edit-page {
    display: none;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 4px;
    position: relative;
}
.tool-edit-page.active {
    display: flex;
}
.tool-edit-header {
    display: flex;
    align-items: center;
    padding: 12px 0 16px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border);
}
.tool-edit-back {
    font-size: 24px;
    cursor: pointer;
    padding-right: 12px;
    color: var(--primary);
}
.tool-edit-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    flex: 1;
}
.tool-edit-body {
    flex: 1;
    overflow-y: auto;
    padding: 12px 4px;
}
.tool-edit-body .field {
    margin-bottom: 16px;
}
.tool-edit-body .field label {
    display: block;
    font-size: 14px;
    color: var(--text-dim);
    margin-bottom: 4px;
    font-weight: 500;
}
.tool-edit-body .field input,
.tool-edit-body .field textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(212, 106, 147, 0.22);
    border-radius: 10px;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--text);
    outline: none;
    font-family: monospace;
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}
.tool-edit-body .field input:focus,
.tool-edit-body .field textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(212, 106, 147, 0.18);
}
.tool-edit-body .field textarea {
    resize: vertical;
    min-height: 120px;
}
.tool-edit-actions {
    flex-shrink: 0;
    display: flex;
    gap: 12px;
    padding: 12px 0 18px;
    border-top: 1px solid var(--border);
}
.tool-edit-actions button {
    flex: 1;
    padding: 12px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s;
    font-family: inherit;
}
.tool-edit-actions .btn-cancel {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text);
    border: 1px solid rgba(255, 255, 255, 0.12);
}
.tool-edit-actions .btn-cancel:hover {
    background: rgba(255, 255, 255, 0.14);
}
.tool-edit-actions .btn-save {
    background: #D46A93;
    color: #fff;
    box-shadow: 0 4px 16px rgba(212, 106, 147, 0.35);
}
.tool-edit-actions .btn-save:hover {
    box-shadow: 0 4px 22px rgba(201, 166, 107, 0.55);
    transform: translateY(-1px);
}

/* ============================================================
   日程表编辑页
   ============================================================ */
.schedule-tabs {
    display: flex;
    overflow-x: auto;
    padding: 12px 0 8px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
    gap: 4px;
}
.schedule-tabs::-webkit-scrollbar {
    display: none;
}
.schedule-tab {
    padding: 6px 14px;
    border: none;
    background: none;
    font-size: 14px;
    color: var(--text-dim);
    cursor: pointer;
    border-radius: 16px;
    white-space: nowrap;
    flex-shrink: 0;
    font-family: inherit;
    transition: 0.15s;
}
.schedule-tab.active {
    color: var(--primary);
    background: rgba(212, 106, 147, 0.12);
    font-weight: 500;
}
.schedule-item .schedule-time {
    color: var(--primary);
    font-weight: 600;
    min-width: 105px;
    flex-shrink: 0;
}
.schedule-item .schedule-location {
    color: var(--text);
    min-width: 65px;
    flex-shrink: 0;
}
.schedule-save-btn {
    background: none;
    border: none;
    color: var(--primary);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 8px;
    font-family: inherit;
}
.schedule-item .schedule-activity {
    color: var(--text-dim);
    flex: 1;
    text-align: right;
}

/* ============================================================
   人际看法编辑页
   ============================================================ */
.perception-section-title {
    font-size: 13px;
    color: var(--text-dim);
    padding: 16px 8px 6px;
    font-weight: 500;
}
.perception-view {
    flex: 1;
    font-size: 14px;
    color: var(--text);
    line-height: 1.5;
    word-break: break-word;
}
.perception-other {
    flex: 1;
    min-width: 0;
}
.perception-other-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 4px;
}
.perception-empty {
    text-align: center;
    color: var(--text-dim);
    font-size: 14px;
    padding: 12px 0;
}
.perception-add-btn {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 12px;
    border: 1px dashed rgba(212, 106, 147, 0.5);
    border-radius: 12px;
    background: none;
    color: var(--primary);
    font-size: 15px;
    cursor: pointer;
    font-family: inherit;
    transition: 0.15s;
}
.perception-add-btn:hover {
    background: rgba(212, 106, 147, 0.08);
    border-color: var(--primary);
}

/* ============================================================
   数值页
   ============================================================ */
.stats-info {
    flex: 1;
    min-width: 0;
}
.stats-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 4px;
}
.stats-value {
    font-size: 14px;
    color: var(--primary);
    font-weight: 500;
    margin-bottom: 2px;
}
.stats-desc {
    font-size: 13px;
    color: var(--text-dim);
}
.stats-empty-hint {
    text-align: center;
    color: var(--text-dim);
    font-size: 14px;
    padding: 12px 0;
}

/* ============================================================
   角色记忆页
   ============================================================ */
.memory-bottom {
    padding: 12px 0;
    flex-shrink: 0;
}
.memory-toolbar {
    padding: 12px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid var(--border);
    flex-shrink: 0;
}
.memory-toolbar-row {
    display: flex;
    gap: 8px;
}
.memory-tool-btn {
    flex: 1;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
    color: var(--text);
    font-size: 14px;
    cursor: pointer;
    font-family: inherit;
    transition: all .2s;
}
.memory-tool-btn:hover { background: rgba(255, 255, 255, 0.12); }
.memory-tool-btn.primary {
    background: rgba(212, 106, 147, 0.2);
    border-color: rgba(212, 106, 147, 0.4);
    color: var(--primary);
}
.memory-tool-btn.primary:hover { background: rgba(212, 106, 147, 0.32); }
.memory-tool-btn.danger {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.35);
    color: #fca5a5;
}
.memory-tool-btn.danger:hover { background: rgba(239, 68, 68, 0.28); }
.memory-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 8px;
    border-bottom: 1px solid var(--border);
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}
.memory-item:last-child { border-bottom: none; }
.memory-item.multiselect { cursor: pointer; }
.memory-item.selected { background: rgba(212, 106, 147, 0.1); }
.memory-item:hover { background: rgba(212, 106, 147, 0.05); }
.memory-checkbox {
    margin-top: 3px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    accent-color: var(--primary);
}
.memory-item-body { flex: 1; min-width: 0; }
.memory-item-prefix {
    font-size: 12px;
    color: var(--text-dim);
    margin-bottom: 4px;
}
.memory-room {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(212, 106, 147, 0.14);
    color: rgba(216, 180, 254, 0.95);
    font-size: 10px;
    line-height: 16px;
    vertical-align: middle;
}
.memory-item-content {
    font-size: 14px;
    color: var(--text);
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}
.memory-empty {
    text-align: center;
    color: var(--text-dim);
    padding: 40px 0;
    font-size: 14px;
}
.memory-merge-section { margin-bottom: 12px; }
.memory-merge-label {
    font-size: 13px;
    color: var(--text-dim);
    margin-bottom: 6px;
}
.memory-merge-box {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    padding: 12px;
    font-size: 14px;
    color: var(--text);
    line-height: 1.5;
    max-height: 200px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ============================================================
   Agent 类型
   ============================================================ */
.agent-type-badge {
    display: inline-block;
    font-size: 11px;
    padding: 1px 8px;
    border-radius: 10px;
    margin-left: 6px;
    font-weight: 500;
    vertical-align: middle;
}
.agent-type-system {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    border: 1px solid rgba(239, 68, 68, 0.3);
}
.agent-type-actor {
    background: rgba(212, 106, 147, 0.15);
    color: var(--primary);
    border: 1px solid rgba(212, 106, 147, 0.3);
}
.agent-type-memory {
    background: rgba(56, 189, 248, 0.15);
    color: #7dd3fc;
    border: 1px solid rgba(56, 189, 248, 0.3);
}
.agent-type-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0 16px;
}
.agent-type-option {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    cursor: pointer;
    font-size: 15px;
    color: var(--text);
    margin: 0;
    transition: all .15s;
}
.agent-type-option:hover {
    background: rgba(212, 106, 147, 0.1);
    border-color: rgba(212, 106, 147, 0.3);
}
.agent-type-option input[type="radio"] {
    width: 18px;
    height: 18px;
    accent-color: var(--primary);
    cursor: pointer;
}



.schedule-tab-sep {
    width: 1px;
    background: rgba(0,0,0,.1);
    margin: 0 4px;
    flex-shrink: 0;
}

.schedule-tab-add {
    color: #007aff;
    font-size: 18px;
    padding: 4px 12px;
    font-weight: 600;
}



.schedule-add-slot-btn {
    display: block;
    width: 100%;
    margin-top: 12px;
    padding: 10px;
    border: 1px dashed #bbb;
    border-radius: 10px;
    background: none;
    color: #007aff;
    font-size: 14px;
    cursor: pointer;
    font-family: inherit;
}
.schedule-add-slot-btn:hover {
    background: rgba(0, 122, 255, .05);
    border-color: #007aff;
}


/* ============================================================
   地图编辑页
   ============================================================ */
.map-edit-page {
    display: none;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 4px;
    position: relative;
}
.map-edit-page.active {
    display: flex;
}
.map-edit-header {
    display: flex;
    align-items: center;
    padding: 12px 0 16px;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border);
}
.map-edit-back {
    font-size: 24px;
    cursor: pointer;
    padding-right: 12px;
    color: var(--primary);
}
.map-edit-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    flex: 1;
}
.map-edit-list {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}
.map-loc-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 12px;
    cursor: pointer;
    border-bottom: 1px solid var(--border);
    transition: background .15s;
    user-select: none;
    -webkit-user-select: none;
}
.map-loc-item:hover {
    background: rgba(212, 106, 147, 0.06);
}
.map-loc-item.invisible {
    opacity: 0.55;
}
.map-loc-thumb {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(212, 106, 147, 0.2);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.map-loc-thumb.empty {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--text-dim);
}
.map-loc-info {
    flex: 1;
    min-width: 0;
}
.map-loc-name {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
}
.map-loc-meta {
    font-size: 12px;
    color: var(--text-dim);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.map-loc-arrow {
    color: var(--text-dim);
    font-size: 18px;
    flex-shrink: 0;
}
/* ===== 看法历史列表 ===== */
.perception-history-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 50vh;
    overflow-y: auto;
    margin-bottom: 12px;
}
.perception-history-item {
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(212, 106, 147, 0.2);
    border-radius: 10px;
    cursor: pointer;
    transition: all .15s;
}
.perception-history-item:hover {
    background: rgba(212, 106, 147, 0.1);
    border-color: rgba(212, 106, 147, 0.4);
}
.perception-history-time {
    font-size: 12px;
    color: var(--text-dim);
    margin-bottom: 4px;
}
.perception-history-view {
    font-size: 14px;
    color: var(--text);
    line-height: 1.5;
}
.perception-history-reason {
    font-size: 12px;
    color: var(--text-dim);
    margin-top: 4px;
    font-style: italic;
}
.perception-history-empty {
    text-align: center;
    color: var(--text-dim);
    padding: 20px 0;
    font-size: 14px;
}
/* 最新标签 */
.perception-latest-tag {
    display: inline-block;
    padding: 1px 8px;
    margin-right: 6px;
    background: linear-gradient(135deg, rgba(212, 106, 147, 0.3), rgba(201, 166, 107, 0.3));
    border: 1px solid rgba(212, 106, 147, 0.5);
    border-radius: 8px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    vertical-align: middle;
}
.perception-history-item.is-latest {
    border-color: rgba(201, 166, 107, 0.5);
    background: rgba(212, 106, 147, 0.08);
}
/* ============================================================
   日程页 · 新版（垂直时间轴 + 周历）
   ============================================================ */

/* ===== 覆盖旧 .schedule-tabs 的 flex 容器 ===== */
.schedule-tabs {
    display: block;
    overflow: visible;
    padding: 0;
    gap: 0;
    border-bottom: none;
}

/* ===== 周历：7 个小方块 ===== */
.schedule-week {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 6px;
    padding: 12px 4px;
    border-bottom: 1px solid var(--border);
}
.sched-day {
    padding: 10px 0;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(212, 106, 147,0.12);
    border-radius: 10px;
    color: var(--text-dim);
    font-size: 13px;
    cursor: pointer;
    transition: all .15s;
    font-family: inherit;
    text-align: center;
}
.sched-day:hover {
    background: rgba(212, 106, 147,0.1);
    border-color: rgba(212, 106, 147,0.35);
    color: var(--text);
}
.sched-day.active {
    background: linear-gradient(135deg, rgba(212, 106, 147,0.35), rgba(201, 166, 107,0.28));
    border-color: rgba(212, 106, 147,0.7);
    color: #fff;
    box-shadow: 0 0 12px rgba(212, 106, 147,0.4);
    font-weight: 600;
}

/* ===== 特殊日期行 ===== */
.schedule-specials {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 4px;
    align-items: center;
    flex-shrink: 0;
    border-bottom: 1px solid var(--border);
}
.schedule-specials-label {
    font-size: 11px;
    color: var(--text-dim);
    letter-spacing: 1px;
    padding-right: 4px;
    font-family: 'JetBrains Mono', monospace;
}
.sched-special {
    padding: 5px 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(212, 106, 147,0.15);
    border-radius: 8px;
    color: var(--text-dim);
    font-size: 12px;
    cursor: pointer;
    font-family: inherit;
    transition: all .15s;
}
.sched-special:hover {
    background: rgba(212, 106, 147,0.1);
    color: var(--text);
}
.sched-special.active {
    background: rgba(212, 106, 147,0.25);
    border-color: rgba(212, 106, 147,0.55);
    color: #fff;
}
.sched-special-add {
    border-style: dashed;
    color: var(--primary);
}

/* ===== 时间轴 ===== */
.schedule-timeline {
    padding: 16px 4px 8px;
    position: relative;
}
.schedule-timeline::before {
    content: '';
    position: absolute;
    left: 11px;
    top: 26px;
    bottom: 26px;
    width: 1px;
    background: repeating-linear-gradient(180deg,
        rgba(212, 106, 147,0.4) 0 3px,
        transparent 3px 8px);
    pointer-events: none;
}
.sched-row {
    position: relative;
    display: flex;
    gap: 14px;
    padding: 10px 4px;
    cursor: pointer;
    border-radius: 10px;
    transition: background .15s;
}
.sched-row:hover {
    background: rgba(212, 106, 147,0.06);
}
.sched-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(212, 106, 147,0.7);
    box-shadow: 0 0 6px rgba(212, 106, 147,0.6);
    flex-shrink: 0;
    margin-top: 8px;
    margin-left: 0;
    position: relative;
    z-index: 2;
}
.sched-content {
    flex: 1;
    min-width: 0;
}
.sched-time {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    color: var(--primary);
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}
.sched-detail {
    font-size: 14px;
    color: var(--text);
    line-height: 1.4;
    word-break: break-word;
}

/* ===== 空状态 ===== */
.schedule-timeline .schedule-empty {
    text-align: center;
    color: var(--text-dim);
    font-size: 13px;
    padding: 30px 0;
    font-style: italic;
}

/* ===== 添加时段按钮 ===== */
.schedule-add-slot-btn {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 12px;
    border: 1px dashed rgba(212, 106, 147,0.4);
    border-radius: 10px;
    background: none;
    color: var(--primary);
    font-size: 13px;
    cursor: pointer;
    font-family: inherit;
    transition: all .2s;
}
.schedule-add-slot-btn:hover {
    background: rgba(212, 106, 147,0.08);
    border-color: var(--primary);
}
/* ===== 数值编辑：值类型单选 ===== */
.stats-type-row {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}
.stats-type-opt {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 8px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(212, 106, 147,0.2);
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    color: var(--text-dim);
    transition: all .15s;
    margin: 0;
}
.stats-type-opt:hover {
    background: rgba(212, 106, 147,0.08);
    color: var(--text);
}
.stats-type-opt input[type="radio"] {
    accent-color: var(--primary);
    margin: 0;
    cursor: pointer;
}
.stats-type-opt:has(input:checked) {
    background: rgba(212, 106, 147,0.15);
    border-color: rgba(212, 106, 147,0.55);
    color: #fff;
}

/* 无上下限时隐藏 min/max */
#statsRangeInputs.hidden {
    display: none;
}

/* "可选"提示 */
.stats-label-hint {
    font-size: 11px;
    color: var(--text-dim);
    font-weight: 400;
    margin-left: 4px;
}
/* ===== 数值名字匹配提示 ===== */
.stats-name-hint {
    font-size: 12px;
    color: var(--primary);
    padding: 4px 2px 8px;
    min-height: 16px;
    transition: opacity .2s;
}
.stats-name-hint.empty {
    opacity: 0;
}

/* ============================================================
   热记忆 + 7 脑区
   ============================================================ */
.memory-section {
    margin-bottom: 18px;
}
.memory-section-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 2px 8px;
}
.memory-section-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--text);
}
.memory-section-sub {
    font-size: 11px;
    color: var(--text-dim);
}
.memory-section-note {
    font-size: 11px;
    line-height: 1.5;
    color: var(--text-dim);
    padding: 0 2px 8px;
}
.memory-hot-section {
    padding: 12px;
    border: 1px solid rgba(212, 106, 147, 0.24);
    border-radius: 12px;
    background: rgba(212, 106, 147, 0.06);
}
.memory-hot-section .memory-section-head {
    padding-top: 0;
}
.memory-hot-badge {
    display: inline-block;
    margin-right: 6px;
    padding: 1px 6px;
    border-radius: 999px;
    background: rgba(244, 114, 182, 0.18);
    color: #E9B3C8;
    font-size: 10px;
    line-height: 15px;
    vertical-align: middle;
}
.memory-hot-empty,
.memory-room-empty {
    padding: 12px 2px;
    color: var(--text-dim);
    font-size: 12px;
    line-height: 1.5;
}
.memory-room-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
@media (max-width: 430px) {
    .memory-room-grid {
        grid-template-columns: 1fr;
    }
}
.memory-room-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .16s, border-color .16s, transform .16s;
}
.memory-room-card:active {
    transform: scale(0.985);
}
.memory-room-card:hover {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.045);
}
.memory-room-card.empty {
    opacity: 0.62;
}
.memory-room-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 30px 7px 12px;
}
.memory-room-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}
.memory-room-count {
    min-width: 22px;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: var(--text-dim);
    font-size: 11px;
    text-align: center;
}
.memory-room-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 0 30px 6px 12px;
}
.memory-room-hot,
.memory-room-card-count {
    padding: 1px 6px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 15px;
}
.memory-room-hot {
    background: rgba(244, 114, 182, 0.16);
    color: #E9B3C8;
}
.memory-room-card-count {
    background: rgba(147, 197, 253, 0.14);
    color: #bfdbfe;
}
.memory-room-preview {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 30px 11px 12px;
    color: var(--text-dim);
    font-size: 11px;
    line-height: 1.45;
    word-break: break-word;
}
.memory-room-chevron {
    position: absolute;
    right: 10px;
    bottom: 7px;
    color: rgba(255, 255, 255, 0.26);
    font-size: 20px;
    line-height: 1;
}
.memory-room-detail-head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 8px 10px;
    align-items: center;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.025);
}
.memory-room-back,
.memory-consolidate-btn {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.05);
    color: var(--text);
    font-size: 12px;
    line-height: 1.2;
    padding: 7px 9px;
    cursor: pointer;
}
.memory-room-back:active,
.memory-consolidate-btn:active {
    background: rgba(255, 255, 255, 0.1);
}
.memory-consolidate-btn {
    border-color: rgba(147, 197, 253, 0.28);
    background: rgba(147, 197, 253, 0.1);
    color: #bfdbfe;
}
.memory-consolidate-btn:disabled {
    opacity: 0.55;
    cursor: default;
}
.memory-room-detail-title {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
}
.memory-room-detail-sub {
    color: var(--text-dim);
    font-size: 11px;
    font-weight: 400;
}
.memory-consolidate-status {
    grid-column: 1 / -1;
    min-height: 0;
    color: var(--text-dim);
    font-size: 11px;
    line-height: 1.45;
}
.memory-consolidate-status:empty {
    display: none;
}
.memory-room-list {
    padding: 0 10px;
}
.memory-room-list .memory-item {
    padding: 10px 2px;
}
.memory-card-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.memory-card {
    padding: 11px 12px;
    border: 1px solid rgba(147, 197, 253, 0.16);
    border-radius: 11px;
    background: linear-gradient(145deg, rgba(147, 197, 253, 0.075), rgba(255, 255, 255, 0.02));
}
.memory-card-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 5px;
}
.memory-card-title {
    min-width: 0;
    color: #dbeafe;
    font-size: 12px;
    font-weight: 600;
    word-break: break-word;
}
.memory-card-count {
    flex: none;
    color: var(--text-dim);
    font-size: 10px;
}
.memory-card-text {
    color: var(--text);
    font-size: 12px;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}
.memory-card-sources {
    margin-top: 8px;
    border-top: 1px dashed rgba(255, 255, 255, 0.08);
    padding-top: 7px;
}
.memory-card-sources summary {
    color: var(--text-dim);
    font-size: 10px;
    line-height: 1.4;
    cursor: pointer;
    list-style: none;
}
.memory-card-sources summary::-webkit-details-marker {
    display: none;
}
.memory-card-sources summary::before {
    content: '▸ ';
}
.memory-card-sources[open] summary::before {
    content: '▾ ';
}
.memory-card-source-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 6px;
}
.memory-card-source {
    color: var(--text-dim);
    font-size: 10px;
    line-height: 1.5;
    word-break: break-word;
}
.memory-card-source-time {
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.34);
}
.memory-room-card[data-room="amygdala"] .memory-room-title { color: #fca5a5; }
.memory-room-card[data-room="limbic"] .memory-room-title { color: #E9B3C8; }
.memory-room-card[data-room="prefrontal"] .memory-room-title { color: #93c5fd; }
.memory-room-card[data-room="hippocampus"] .memory-room-title { color: #c4b5fd; }
.memory-room-card[data-room="temporal"] .memory-room-title { color: #86efac; }
.memory-room-card[data-room="parietal"] .memory-room-title { color: #fcd34d; }
.memory-room-card[data-room="cerebellum"] .memory-room-title { color: #a5b4fc; }
/* ===== 记忆页 · 主题（事件盒）视图 ===== */
.memory-tabs { display: flex; gap: 6px; padding: 10px 14px 4px; }
.memory-tab {
    flex: 1; border: 1px solid rgba(0,0,0,.10); background: transparent;
    border-radius: 10px; padding: 7px 10px; font-size: 13px; cursor: pointer;
    color: inherit; opacity: .65;
}
.memory-tab.active { opacity: 1; font-weight: 600; background: rgba(0,0,0,.05); border-color: rgba(0,0,0,.16); }
.episode-list { display: flex; flex-direction: column; gap: 10px; padding: 6px 14px 22px; }
.episode-card {
    width: 100%; text-align: left; display: flex; flex-direction: column; gap: 5px;
    border: 1px solid rgba(0,0,0,.09); border-radius: 14px; padding: 12px 14px;
    background: transparent; color: inherit; cursor: pointer;
}
.episode-card-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.episode-card-title { font-size: 15px; font-weight: 600; line-height: 1.35; }
.episode-card-count { font-size: 11px; opacity: .55; flex: none; }
.episode-card-meta { font-size: 11px; opacity: .6; }
.episode-card-seed {
    font-size: 13px; line-height: 1.55; opacity: .78;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.episode-empty { padding: 36px 22px; text-align: center; font-size: 13px; line-height: 1.7; opacity: .55; }
.episode-orphan-note { padding: 0 16px 22px; font-size: 12px; line-height: 1.6; opacity: .5; }
.episode-detail-head { padding: 6px 14px 0; }
.episode-back {
    border: none; background: transparent; color: inherit; opacity: .6;
    font-size: 13px; padding: 4px 0; cursor: pointer;
}
.episode-detail-title { display: flex; flex-direction: column; gap: 3px; padding: 2px 14px 4px; }
.episode-detail-name { font-size: 17px; font-weight: 650; line-height: 1.35; }
.episode-detail-sub { font-size: 11px; opacity: .55; }
.episode-seed { margin: 8px 14px; padding: 11px 13px; border-radius: 13px; background: rgba(0,0,0,.035); }
.episode-seed-label { font-size: 10px; letter-spacing: .08em; opacity: .5; margin-bottom: 4px; }
.episode-seed-text { font-size: 13px; line-height: 1.65; }
.episode-node-list { display: flex; flex-direction: column; gap: 12px; padding: 8px 14px 26px; }
.episode-node { border-left: 2px solid rgba(0,0,0,.10); padding-left: 10px; }
.episode-node-head { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; }
.episode-node-time { font-size: 10px; opacity: .5; }
.episode-node-text { font-size: 13px; line-height: 1.6; white-space: pre-wrap; }
/* ===== 知识库（作者视角） ===== */
.kb-home { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 14px; }
.kb-tile {
    display: flex; flex-direction: column; gap: 4px; align-items: flex-start; text-align: left;
    border: 1px solid rgba(0,0,0,.09); border-radius: 14px; padding: 14px;
    background: transparent; color: inherit; cursor: pointer;
}
.kb-tile:disabled { opacity: .45; cursor: default; }
.kb-tile-title { font-size: 13px; opacity: .7; }
.kb-tile-num { font-size: 26px; font-weight: 650; line-height: 1.1; }
.kb-tile-sub { font-size: 11px; opacity: .55; }
.kb-note { padding: 6px 16px 22px; font-size: 12px; line-height: 1.6; opacity: .5; }
.kb-filter { display: flex; gap: 6px; padding: 12px 14px 6px; }
.kb-chip {
    border: 1px solid rgba(0,0,0,.10); background: transparent; color: inherit;
    border-radius: 999px; padding: 5px 12px; font-size: 12px; cursor: pointer; opacity: .65;
}
.kb-chip.active { opacity: 1; font-weight: 600; background: rgba(0,0,0,.05); }
.kb-list { display: flex; flex-direction: column; gap: 10px; padding: 6px 14px 22px; }
.kb-event {
    width: 100%; text-align: left; display: flex; flex-direction: column; gap: 4px;
    border: 1px solid rgba(0,0,0,.09); border-radius: 14px; padding: 12px 14px;
    background: transparent; color: inherit; cursor: pointer;
}
.kb-event-head { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.kb-event-title { font-size: 15px; font-weight: 600; }
.kb-event-scope { font-size: 10px; opacity: .5; flex: none; }
.kb-event-meta { font-size: 11px; opacity: .6; }
.kb-event-foot { font-size: 11px; opacity: .5; }
.kb-empty { padding: 30px 20px; text-align: center; font-size: 13px; opacity: .55; }
.kb-detail { padding-bottom: 8px; }
.kb-detail-head { padding: 8px 14px 0; }
.kb-char-list { display: flex; flex-direction: column; gap: 18px; padding: 4px 0 20px; }
.kb-char-head { display: flex; justify-content: space-between; align-items: baseline; padding: 0 14px 6px; }
.kb-char-name { font-size: 13px; font-weight: 600; }
.kb-char-count { font-size: 11px; opacity: .5; }
.kb-node-list { padding-top: 0; }
/* ===== 知识库 · 世界编年史 ===== */
.kb-timeline { display: flex; flex-direction: column; gap: 18px; padding: 6px 14px 24px; }
.kb-day-head {
    display: flex; justify-content: space-between; align-items: baseline;
    padding-bottom: 6px; border-bottom: 1px solid rgba(0,0,0,.07);
}
.kb-day-date { font-size: 13px; font-weight: 600; }
.kb-day-count { font-size: 11px; opacity: .5; }
.kb-day-list { display: flex; flex-direction: column; gap: 2px; padding-top: 6px; }
.kb-tl-event {
    display: flex; gap: 10px; align-items: flex-start; width: 100%; text-align: left;
    border: none; background: transparent; color: inherit; padding: 8px 4px;
    border-radius: 10px; cursor: pointer;
}
.kb-tl-event:active { background: rgba(0,0,0,.04); }
.kb-tl-time { flex: none; width: 44px; font-size: 11px; opacity: .5; padding-top: 2px; font-variant-numeric: tabular-nums; }
.kb-tl-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kb-tl-title { font-size: 14px; font-weight: 550; line-height: 1.4; }
.kb-tl-meta { font-size: 11px; opacity: .55; }
/* ===== 知识库 · 详情操作 ===== */
.kb-detail-actions { display: flex; gap: 8px; padding: 6px 14px 0; }
.kb-action {
    border: 1px solid rgba(0,0,0,.12); background: transparent; color: inherit;
    border-radius: 999px; padding: 5px 14px; font-size: 12px; cursor: pointer; opacity: .8;
}
.kb-action.danger { border-color: rgba(180,60,60,.35); color: #b44; }
.kb-action-hint { padding: 6px 16px 0; font-size: 11px; opacity: .45; line-height: 1.5; }
/* ===== 记忆条目 · 标签与涉及人物 ===== */
.memory-item-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 5px; }
/* 主脑区决定衰减；附加维度只是描述，所以做成描边样式，和主脑区区分开 */
.memory-tag {
    display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 999px;
    border: 1px solid rgba(0,0,0,.14); background: transparent;
    font-size: 10px; opacity: .7; line-height: 1.5;
}
.memory-item-people { font-size: 10px; opacity: .5; }
/* ===== 知识库 · 关系图 ===== */
.kb-rel-head { padding: 6px 14px 0; }
.kb-graph { width: 100%; height: auto; display: block; }
.kb-rel-list { display: flex; flex-direction: column; gap: 8px; padding: 4px 14px 12px; }
.kb-rel-row {
    display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px;
    font-size: 12px; padding: 8px 10px;
    border: 1px solid rgba(0,0,0,.08); border-radius: 10px;
}
.kb-rel-name { font-weight: 600; }
.kb-rel-arrow { opacity: .5; }
.kb-rel-vals { width: 100%; font-size: 11px; opacity: .6; }
.kb-rel-actions { display: flex; gap: 8px; padding: 0 14px 12px; }
/* ===== 核心记忆徽章 ===== */
.memory-core {
    display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 999px;
    background: rgba(220, 160, 60, .16); border: 1px solid rgba(200, 140, 40, .35);
    font-size: 10px; opacity: .9; line-height: 1.5;
}
/* ===== 档案 · 关系弹窗 ===== */
.pf-view-row { cursor: pointer; }
.pf-modal {
    position: fixed; inset: 0; z-index: 3000;
    background: rgba(0, 0, 0, .58);
    display: flex; align-items: flex-end; justify-content: center;
}
.pf-modal[hidden] { display: none; }
.pf-modal-card {
    width: 100%; height: 72vh; max-height: 72vh;
    display: flex; flex-direction: column;
    background: var(--glass); color: var(--text);
    border: 1px solid var(--border); border-radius: 18px 18px 0 0;
    backdrop-filter: blur(16px);
    padding: 14px 16px calc(16px + env(safe-area-inset-bottom));
}
.pf-modal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.pf-modal-title { font-weight: 600; font-size: 14px; }
.pf-modal-close { border: 0; background: transparent; color: var(--text); font-size: 22px; line-height: 1; opacity: .6; cursor: pointer; }
.pf-modal-rings { display: flex; gap: 10px; margin-bottom: 12px; }
.pf-mod-ring {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px;
    padding: 10px 6px; border: 1px solid var(--border); border-radius: 12px;
    background: rgba(255, 255, 255, .04); color: var(--text); cursor: pointer;
}
.pf-mod-ring-num { font-size: 16px; font-weight: 600; }
.pf-mod-ring-name { font-size: 11px; opacity: .7; }
.pf-mod-ring-level { font-size: 10px; opacity: .5; }
.pf-modal-body { flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid var(--border); padding-top: 10px; }
.pf-mod-sub { font-size: 12px; opacity: .6; margin-bottom: 8px; }
.pf-mod-item { padding: 8px 0; border-bottom: 1px dashed rgba(255, 255, 255, .08); }
.pf-mod-time { font-size: 10px; opacity: .5; }
.pf-mod-view { font-size: 13px; margin-top: 2px; }
.pf-mod-reason { font-size: 11px; opacity: .6; margin-top: 2px; }
.pf-modal-actions { display: flex; align-items: center; gap: 8px; }
.pf-modal-correct {
    border: 1px solid var(--border); background: rgba(212, 106, 147, .12);
    color: var(--text); border-radius: 999px; padding: 4px 12px;
    font-size: 12px; cursor: pointer;
}
.pf-modal-correct:disabled { opacity: .5; }
.pf-mod-ring.active { border-color: var(--primary); background: rgba(212, 106, 147, .16); }

.pf-ctx {
    position: fixed; z-index: 3200; min-width: 120px;
    background: var(--glass); border: 1px solid var(--border);
    border-radius: 10px; overflow: hidden; backdrop-filter: blur(16px);
}
.pf-ctx[hidden] { display: none; }
.pf-ctx button {
    display: block; width: 100%; padding: 10px 14px;
    background: transparent; border: 0; color: var(--text);
    text-align: left; font-size: 13px; cursor: pointer;
}
.pf-ctx button.danger { color: #f08a8a; }
.pf-modal-hint { text-align: center; font-size: 10px; opacity: .45; margin: -6px 0 10px; }
/* ===== 场景记录多选 ===== */
.scene-record-select-bar {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 14px; border-bottom: 1px solid var(--border);
}
.scene-record-select-bar[hidden] { display: none; }
.scene-record-select-count { flex: 1; font-size: 12px; opacity: .7; }
.scene-record-select-btn {
    border: 1px solid var(--border); background: rgba(212, 106, 147, .12);
    color: var(--text); border-radius: 999px; padding: 5px 10px; font-size: 12px;
}
.scene-record-select-btn.danger { border-color: rgba(240, 120, 120, .4); color: #f0a0a0; }
.scene-record-check { display: inline-flex; margin-right: 6px; vertical-align: middle; }
/* ===== 事件盒合并 / 拆分 ===== */
.kb-event-row { display: flex; align-items: stretch; gap: 8px; }
.kb-event-row .kb-event { flex: 1; }
.kb-ep-check { align-self: center; width: 18px; height: 18px; flex: none; }
.kb-merge-toggle {
    margin-left: auto; border: 1px solid var(--border); background: rgba(212, 106, 147, .12);
    color: var(--text); border-radius: 999px; padding: 5px 12px; font-size: 12px;
}
.kb-merge-bar {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    padding: 10px 14px; border-top: 1px solid var(--border); font-size: 12px;
}
.kb-merge-panel { padding: 0 14px 20px; }
.kb-merge-title { font-size: 16px; font-weight: 600; padding: 10px 0; }
.kb-field-label { display: block; font-size: 11px; opacity: .6; padding: 10px 0 4px; }
.kb-input, .kb-textarea {
    width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, .05);
    border: 1px solid var(--border); border-radius: 10px; color: var(--text);
    padding: 8px 10px; font-size: 13px; font-family: inherit;
}
.kb-node-picker { max-height: 42vh; overflow: auto; margin-top: 4px; }
.kb-node-group { margin-bottom: 10px; }
.kb-node-head { font-size: 12px; opacity: .55; padding: 4px 0; }
.kb-node-row { display: flex; align-items: flex-start; gap: 8px; padding: 5px 0; font-size: 12px; }
.kb-node-check { margin-top: 3px; flex: none; }
.kb-node-text { flex: 1; line-height: 1.45; }
.kb-node-time { flex: none; font-size: 10px; opacity: .45; }
/* ===== 关系页点选两人 ===== */
.kb-node.selected { filter: drop-shadow(0 0 5px rgba(240, 180, 120, .8)); }
.kb-pair { display: flex; flex-direction: column; gap: 10px; padding: 10px 14px 4px; }
.kb-pair-dir {
    border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px;
    background: rgba(255, 255, 255, .03);
}
.kb-pair-names { font-size: 13px; font-weight: 600; }
.kb-pair-vals { font-size: 12px; opacity: .75; padding-top: 4px; }
.kb-pair-view { font-size: 12px; padding-top: 6px; line-height: 1.45; }
/* ===== 关系图画布：固定上半屏 ===== */
.kb-graph-wrap {
    position: relative;
    width: 100%;
    height: 46vh;
    min-height: 280px;
    max-height: 520px;
    overflow: hidden;
    touch-action: none;
    cursor: grab;
    background: rgba(255, 255, 255, .02);
    border-bottom: 1px solid var(--border);
}
.kb-graph-wrap .kb-graph {
    width: 100%;
    height: 100%;
    display: block;
    transform-origin: 50% 50%;
    transition: transform .05s linear;
}
/* ===== 关系图：全屏画布 + 底部玻璃弹窗 ===== */
.kb-rel-page {
    position: relative;
    height: calc(100vh - 64px);
    min-height: 420px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.kb-graph-toolbar {
    position: absolute; top: 10px; left: 12px; right: 12px; z-index: 6;
    display: flex; justify-content: space-between; pointer-events: none;
}
.kb-seg {
    display: flex; gap: 4px; padding: 3px; pointer-events: auto;
    background: rgba(20, 14, 30, .55);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
}
.kb-seg button {
    border: 0; background: transparent; color: var(--text);
    opacity: .6; padding: 4px 10px; border-radius: 999px; font-size: 12px;
}
.kb-seg button.active { background: rgba(212, 106, 147, .28); opacity: 1; }
.kb-seg button:disabled { opacity: .3; }

.kb-graph-wrap {
    position: absolute; inset: 0;
    height: auto; min-height: 0; max-height: none;
    overflow: hidden; touch-action: none; cursor: grab;
    border: 0;
    background: radial-gradient(circle at 50% 45%, rgba(120, 90, 180, .12), transparent 62%);
}
.kb-graph-wrap .kb-graph { width: 100%; height: 100%; display: block; transform-origin: 50% 50%; }

.kb-rel-actions {
    position: absolute; left: 12px; bottom: 12px; z-index: 6;
    display: flex; align-items: center; gap: 8px;
}
.kb-graph-hint { font-size: 11px; opacity: .5; }

.kb-sheet-backdrop { position: fixed; inset: 0; z-index: 70; background: rgba(0, 0, 0, .35); }
.kb-sheet {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 71;
    max-height: 50vh; overflow: auto;
    padding: 10px 16px 22px;
    background: rgba(30, 22, 45, .62);
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, .35);
    animation: kbSheetUp .18s ease-out;
}
@keyframes kbSheetUp {
    from { transform: translateY(24px); opacity: .5; }
    to { transform: translateY(0); opacity: 1; }
}
.kb-sheet-head {
    display: flex; align-items: center; justify-content: space-between;
    font-size: 14px; font-weight: 600; padding-bottom: 8px;
}
.kb-sheet-close {
    border: 0; background: transparent; color: var(--text);
    font-size: 20px; line-height: 1; opacity: .6;
}
.kb-sheet-body { display: flex; flex-direction: column; gap: 10px; }
/* ===== 关系图工具栏 / 去滚动条 ===== */
.kb-graph-toolbar { align-items: flex-start; }
.kb-toolbar-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; pointer-events: none; }
.kb-toolbar-right .kb-seg, .kb-toolbar-right .kb-rel-actions { pointer-events: auto; }
.kb-rel-actions {
    position: static;
    display: flex; align-items: center; gap: 6px;
    padding: 4px 8px;
    background: rgba(20, 14, 30, .55);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
}
.kb-rel-actions .kb-action { padding: 3px 9px; font-size: 11px; }
.kb-graph-hint { font-size: 10px; opacity: .55; padding-right: 2px; }
#knowledgeList:has(.kb-rel-page) { overflow: hidden; }
.kb-rel-page { overscroll-behavior: none; }
/* ===== 关系图提示 / 更多菜单 ===== */
.kb-graph-hint-top {
    position: absolute; top: 9px; left: 50%; transform: translateX(-50%);
    z-index: 5; pointer-events: none;
    font-size: 11px; opacity: .7;
    animation: kbHintFade 4s ease forwards;
}
@keyframes kbHintFade {
    0%, 65% { opacity: .7; }
    100% { opacity: 0; visibility: hidden; }
}
.kb-graph-more { position: absolute; right: 14px; bottom: 14px; z-index: 7; }
.kb-graph-more-btn {
    width: 38px; height: 30px; border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(20, 14, 30, .55);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    color: var(--text); font-size: 16px; line-height: 1;
}
.kb-graph-more-menu {
    position: absolute; right: 0; bottom: 44px;
    min-width: 150px; padding: 6px;
    display: flex; flex-direction: column; gap: 2px;
    background: rgba(30, 22, 45, .62);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
}
.kb-graph-more-menu[hidden] { display: none; }
.kb-graph-more-menu button {
    border: 0; background: transparent; color: var(--text);
    text-align: left; padding: 8px 10px; border-radius: 8px; font-size: 12px;
}
.kb-graph-more-menu button:hover { background: rgba(255, 255, 255, .08); }
.kb-graph-more-menu button.danger { color: #f0a0a0; }
/* 更多菜单挪到 2D/3D 旁边 */
.kb-graph-left { display: flex; gap: 8px; align-items: flex-start; position: relative; pointer-events: auto; }
.kb-graph-more { position: relative; right: auto; bottom: auto; z-index: 8; }
.kb-graph-more-menu { top: 38px; left: 0; right: auto; bottom: auto; }
/* ===== 固定数值层级编辑 ===== */
.stats-level-row { flex-wrap: wrap; }
.stats-level-range { font-size: 12px; opacity: .7; width: 100%; padding-bottom: 4px; }
.stats-level-deltas { display: flex; gap: 8px; width: 100%; font-size: 11px; opacity: .8; flex-wrap: wrap; }
.stats-level-deltas label { display: flex; align-items: center; gap: 4px; }
.stats-level-deltas input { width: 52px; padding: 3px 6px; font-size: 11px; }

/* ============================================================
   人设编辑页：导出按钮 + 日间适配
   ------------------------------------------------------------
   日间原来这一页完全没覆盖：字是近白，底是浅色，整页看不见。
   ============================================================ */
.character-export-btn {
    margin-left: auto;
    padding: 5px 10px;
    font-family: inherit;
    font-size: 12px;
    color: var(--text-dim);
    background: none;
    border: 1px solid rgba(246, 240, 244, .28);
    border-radius: 10px;
    cursor: pointer;
}
.character-export-btn:active { opacity: .6; }

html[data-mode="day"] .character-edit-header { border-bottom-color: var(--day-line) !important; }
html[data-mode="day"] .character-edit-back { color: var(--day-dim) !important; }
html[data-mode="day"] .character-edit-name { color: var(--day-ink) !important; }
html[data-mode="day"] .character-edit-avatar {
    background: #FFFFFF !important;
    border-color: var(--day-line) !important;
    color: var(--day-ink) !important;
}
html[data-mode="day"] .character-edit-item { border-bottom-color: var(--day-line) !important; }
html[data-mode="day"] .character-edit-item .label { color: var(--day-ink) !important; }
html[data-mode="day"] .character-edit-item .value,
html[data-mode="day"] .character-edit-item .arrow { color: var(--day-dim) !important; }
html[data-mode="day"] .character-edit-item:hover { background: rgba(36, 26, 34, .04) !important; }
html[data-mode="day"] .character-export-btn {
    color: var(--day-dim) !important;
    border-color: var(--day-line) !important;
}

/* ============================================================
   日间：角色编辑的五个子页（人设 / 记忆 / 日程 / 看法 / 数值）
   ------------------------------------------------------------
   这一组页面原来一个日间规则都没有，日间下是近白的字压在浅色底上。
   先用一条范围规则把字统一压到 --day-ink，再单独把次要信息调淡。
   ============================================================ */
html[data-mode="day"] .character-edit-page,
html[data-mode="day"] .character-edit-page * {
    color: var(--day-ink) !important;
}
html[data-mode="day"] .character-edit-page .value,
html[data-mode="day"] .character-edit-page .arrow,
html[data-mode="day"] .character-edit-page .hint,
html[data-mode="day"] .character-edit-page .character-edit-back,
html[data-mode="day"] .character-edit-page .memory-tab,
html[data-mode="day"] .character-edit-page .schedule-tab {
    color: var(--day-dim) !important;
}
html[data-mode="day"] .character-edit-page .character-edit-header,
html[data-mode="day"] .character-edit-page .character-edit-item,
html[data-mode="day"] .character-edit-page .schedule-tabs,
html[data-mode="day"] .character-edit-page .memory-tabs,
html[data-mode="day"] .character-edit-page .memory-toolbar,
html[data-mode="day"] .character-edit-page .memory-bottom {
    border-color: var(--day-line) !important;
}

html[data-mode="day"] .character-edit-page input,
html[data-mode="day"] .character-edit-page textarea,
html[data-mode="day"] .character-edit-page select {
    background: #FFFFFF !important;
    color: var(--day-ink) !important;
    border-color: var(--day-line) !important;
}
html[data-mode="day"] .character-edit-page .character-edit-item:hover {
    background: rgba(36, 26, 34, .04) !important;
}

/* 小按钮 / 标签页：日间用深字 + 浅边 */
html[data-mode="day"] .character-edit-page .memory-top-btn,
html[data-mode="day"] .character-edit-page .memory-tool-btn,
html[data-mode="day"] .character-edit-page .perception-add-btn,
html[data-mode="day"] .character-edit-page .schedule-save-btn,
html[data-mode="day"] .character-edit-page .memory-tab,
html[data-mode="day"] .character-edit-page .schedule-tab {
    background: transparent !important;
    border-color: var(--day-line) !important;
    color: var(--day-ink) !important;
}
html[data-mode="day"] .character-edit-page .memory-tab.active,
html[data-mode="day"] .character-edit-page .schedule-tab.active {
    color: var(--day-accent) !important;
    border-color: var(--day-accent) !important;
}
html[data-mode="day"] .character-edit-page .character-export-btn {
    color: var(--day-dim) !important;
    border-color: var(--day-line) !important;
    background: transparent !important;
}
html[data-mode="day"] .essence-gen-btn {
    color: var(--day-accent) !important;
    border-color: var(--day-accent) !important;
    background: transparent !important;
}

/* 数值页：当前层级 + 加减分那一行 */
.stats-level-line {
    font-size: 12px;
    color: var(--primary);
    opacity: .85;
    margin-top: 2px;
}
html[data-mode="day"] .stats-level-line { color: var(--day-accent) !important; opacity: 1; }
/* ===== 档案：关系弹窗（看法 / 数值历史）日间 ===== */
html[data-mode="day"] .pf-modal { background: rgba(36, 26, 34, .32) !important; }
html[data-mode="day"] .pf-modal-card {
    background: #FFFFFF !important;
    color: var(--day-ink) !important;
    border-color: var(--day-line) !important;
    box-shadow: 0 20px 60px rgba(36, 26, 34, .18) !important;
}
html[data-mode="day"] .pf-modal-title,
html[data-mode="day"] .pf-modal-card * { color: var(--day-ink) !important; }
html[data-mode="day"] .pf-mod-time,
html[data-mode="day"] .pf-mod-reason { color: var(--day-dim) !important; }
html[data-mode="day"] .pf-mod-item {
    background: #F7F5F2 !important;
    border-color: var(--day-line) !important;
}
html[data-mode="day"] .pf-modal-close { color: var(--day-ink) !important; }
html[data-mode="day"] .pf-modal-card .pf-empty { color: var(--day-dim) !important; }
/* 数值层级：加减分标准那一行 */
.stats-level-hint {
    width: 100%;
    margin-top: 4px;
    font-size: 12px !important;
    padding: 4px 6px !important;
}
/* 档案关系弹窗：记录卡和弹窗同色，别再一块白一块灰 */
html[data-mode="day"] .pf-modal-card .pf-mod-item,
.pf-modal-card .pf-mod-item {
    background: transparent !important;
    border-color: transparent !important;
}
.pf-modal-card .pf-mod-item + .pf-mod-item {
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
    border-radius: 0 !important;
}
html[data-mode="day"] .pf-modal-card .pf-mod-item + .pf-mod-item {
    border-top-color: var(--day-line) !important;
}
/* ===== ����ҳ����Դ / ���ܽ� / ʱ���� ===== */
.memory-tabs { flex-wrap: wrap; }
.memory-source-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 1px 7px;
    border-radius: 999px;
    background: rgba(202, 166, 107, .12);
    color: var(--accent);
    font-size: 10px;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.memory-pending-summary-btn {
    display: block;
    width: calc(100% - 28px);
    margin: 10px 14px 8px;
    padding: 9px 12px;
    border: 1px solid rgba(212, 106, 147, .28);
    border-radius: 11px;
    background: rgba(212, 106, 147, .10);
    color: var(--text);
    font-size: 13px;
    cursor: pointer;
}
.memory-pending-summary-btn:active { background: rgba(212, 106, 147, .18); }
.memory-pending-list,
.memory-timeline-list { padding: 0 14px 24px; }
.memory-pending-item,
.memory-timeline-item {
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.memory-pending-item:last-child,
.memory-timeline-item:last-child { border-bottom: none; }
.memory-pending-head,
.memory-timeline-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 5px;
}
.memory-pending-kind,
.memory-pending-time,
.memory-timeline-time,
.memory-timeline-meta {
    font-size: 10px;
    color: var(--text-dim);
    opacity: .8;
}
.memory-pending-text,
.memory-timeline-content {
    font-size: 13px;
    line-height: 1.55;
    color: var(--text);
    word-break: break-word;
}
.memory-pending-meta {
    margin-top: 4px;
    font-size: 10px;
    color: var(--text-dim);
    opacity: .7;
    font-variant-numeric: tabular-nums;
}
.memory-timeline-item .memory-room {
    font-size: 10px;
    opacity: .9;
}
.memory-timeline-meta { margin-top: 4px; }
html[data-mode="day"] .memory-pending-item,
html[data-mode="day"] .memory-timeline-item { border-bottom-color: rgba(36, 26, 34, .09); }
html[data-mode="day"] .memory-source-chip { color: #9A6B45; background: rgba(154, 107, 69, .10); }
html[data-mode="day"] .memory-pending-summary-btn { color: var(--day-ink); }