给美女当家教发现夫人是性压抑？

@import url('https://fonts.googleapis.com/css2?family=Cochineal&family=Palatino+Linotype&display=swap');
/* Or include more gothic/handwritten fonts if desired, e.g., Cinzel Decorative */

:root {
    /* 主色调 - 浓郁的墨绿、酒红、暗金，辅以象牙白和灰蓝 */
    --color-dark-green: #2F3D3C; /* 深墨绿 */
    --color-wine-red: #6B2A2E; /* 褪色酒红 */
    --color-antique-gold: #ffd484; /* 氧化暗金 */
    --color-ivory-white: #666b39; /* 泛黄象牙白 */
    --color-gray-blue: #788B97; /* 灰蓝 */
    --color-deep-shadow: #1C2322; /* 深阴影，接近黑色 */
    --color-highlight-gold: #ff9900; /* 亮金色，用于强调或hover */

    /* 字体 */
    --font-body: "Palatino Linotype", "Palatino", "Georgia", serif;
    --font-heading: "Cochineal", "Palatino Linotype", serif; /* Cochineal是一种复古衬线字体，可替代手写/哥特风格 */
}

/* 整体页面背景 - 模拟密室花园的幽暗与奢华 */
body {
    background-color: var(--color-deep-shadow); /* 深色背景 */
    background-image: 
        url('https://example.com/images/dark_velvet_texture.jpg'), /* 示例：深色丝绒或木纹纹理 */
        linear-gradient(135deg, var(--color-dark-green) 0%, var(--color-wine-red) 100%); /* 渐变叠加，增加层次 */
    background-size: cover;
    background-attachment: fixed;
    font-family: var(--font-body);
    color: var(--color-ivory-white);
    line-height: 1.6;
    margin: 0;
    padding: 0px; /* 页面边距 */
    overflow-x: hidden; /* 防止横向滚动 */
}

/* 主要内容面板 - 禁忌日记的本体 */
.urban-panel {
    max-width: 900px;
    margin: 40px auto;
    padding: 30px 50px;
    background-color: rgba(var(--color-dark-green), 0.1); /* 主色调半透明，下方透出背景 */
    background-image: 
        url('https://example.com/images/parchment_texture.jpg'), /* 示例：泛黄羊皮纸纹理 */
        linear-gradient(to bottom, rgba(var(--color-wine-red), 0.05), rgba(var(--color-dark-green), 0.05)); /* 增加微弱色彩倾向 */
    background-blend-mode: multiply; /* 混合模式，让背景色和纹理融合 */
    border: 2px solid var(--color-antique-gold); /* 氧化暗金边框 */
    border-radius: 8px; /* 略微圆角 */
    box-shadow: 
        0 5px 15px rgba(0, 0, 0, 0.5), /* 底部阴影，模拟书籍厚度 */
        inset 0 0 30px rgba(var(--color-deep-shadow), 0.8), /* 内部深色阴影，营造旧书氛围 */
        inset 0 0 10px var(--color-wine-red); /* 内部酒红光晕 */
    position: relative;
    overflow: hidden;
    filter: sepia(0.1) saturate(1.1); /* 增加旧照片般的滤镜效果 */
}

/* 日记中的标题 - 如思维链规则 */
.urban-panel h2 {
    font-family: var(--font-heading);
    color: var(--color-antique-gold);
    text-align: center;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 2.2em;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-wine-red); /* 褪色酒红分隔线 */
    position: relative;
}
.urban-panel h2::after { /* 增加一个装饰性下划线 */
    content: '';
    display: block;
    width: 60px;
    height: 2px;
    background: linear-gradient(to right, transparent, var(--color-highlight-gold), transparent);
    margin: 5px auto 0 auto;
    border-radius: 2px;
}

/* 分隔线 - 模拟旧书页的分页符或装饰线 */
hr {
    border: none;
    border-top: 1px dashed var(--color-gray-blue); /* 灰蓝虚线 */
    margin: 30px 0;
    opacity: 0.5;
    position: relative;
}
hr::before, hr::after {
    content: '🥀'; /* 枯萎花朵作为分隔符 */
    position: absolute;
    top: -10px;
    font-size: 1.2em;
    color: var(--color-wine-red);
    opacity: 0.7;
    filter: grayscale(0.5);
}
hr::before { left: 10%; }
hr::after { right: 10%; }


/* 时间和地点信息 */
.urban-panel .time-location-env { /* 假设这些被包裹在一个div或p中 */
    font-size: 0.9em;
    color: var(--color-gray-blue);
    text-align: right;
    margin-bottom: 20px;
    border-bottom: 1px dotted var(--color-gray-blue);
    padding-bottom: 5px;
}

/* 状态栏 */
.urban-panel .status-bar { /* 假设状态栏内容也包裹在特定元素中 */
    font-size: 1em;
    font-weight: bold;
    color: var(--color-wine-red);
    margin-bottom: 20px;
    padding: 10px;
    background-color: rgba(var(--color-dark-green), 0.2);
    border-left: 3px solid var(--color-antique-gold);
}

/* 主要正文段落 */
.urban-panel p {
    margin-bottom: 1em;
    text-indent: 2em; /* 首行缩进 */
    color: var(--color-ivory-white);
}

/* 对话着色 */
span.aus {
    color: var(--color-highlight-gold); /* 男方对话使用亮金色 */
    font-weight: bold;
    display: block; /* 强制独立成段 */
    margin: 0.8em 0; /* 对话前后空行 */
    text-indent: 0; /* 对话不缩进 */
}

span.aes {
    color: var(--color-wine-red); /* 女方对话使用褪色酒红 */
    font-weight: bold;
    display: block; /* 强制独立成段 */
    margin: 0.8em 0; /* 对话前后空行 */
    text-indent: 0; /* 对话不缩进 */
}

/* 可折叠详情 (details/summary) - 模拟旧书的附录或笔记 */
details {
    background-color: rgba(var(--color-deep-shadow), 0.3); /* 更深的背景 */
    border: 1px solid var(--color-gray-blue);
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

details > summary {
    font-family: var(--font-heading);
    color: var(--color-antique-gold);
    background-color: var(--color-dark-green);
    padding: 12px 20px;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    outline: none;
    user-select: none; /* 防止文本被选中 */
    position: relative;
    transition: background-color 0.3s ease;
    border-bottom: 1px solid rgba(var(--color-wine-red), 0.3);
}

details > summary:hover {
    background-color: rgba(var(--color-dark-green), 0.8); /* hover时颜色略深 */
    color: var(--color-highlight-gold);
}

details > summary::marker, /* Safari 和 Chrome 的标记 */
details > summary::-webkit-details-marker { /* 旧版 WebKit 的标记 */
    content: ''; /* 隐藏默认箭头 */
    display: none;
}

details > summary::before { /* 自定义展开/折叠图标 */
    content: '▼'; /* 折叠状态 */
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.2s ease-in-out;
    color: var(--color-gray-blue);
    font-size: 0.8em;
}

details[open] > summary::before {
    content: '▲'; /* 展开状态 */
    transform: translateY(-50%) rotate(0deg);
}

details p {
    padding: 10px 20px;
    margin: 0;
    color: var(--color-ivory-white);
    border-top: 1px solid rgba(var(--color-gray-blue), 0.2); /* 内部内容分隔线 */
}

details p:first-child {
    border-top: none; /* 内部第一个p不需要顶部分隔线 */
}

details details > summary { /* 嵌套的details的summary */
    background-color: rgba(var(--color-dark-green), 0.6); /* 颜色稍浅 */
    padding-left: 30px;
    border-bottom: 1px solid rgba(var(--color-gray-blue), 0.3);
}

/* 记忆区表格样式 */
details .memory-table-container { /* 假设表格内容包裹在一个div中 */
    padding: 10px 20px;
    overflow-x: auto; /* 表格过宽时出现滚动条 */
}

details table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.9em;
}

details th, details td {
    border: 1px solid rgba(var(--color-gray-blue), 0.3);
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
    color: var(--color-ivory-white);
}

details th {
    background-color: rgba(var(--color-dark-green), 0.4);
    color: var(--color-highlight-gold);
    font-family: var(--font-heading);
    text-transform: uppercase;
}

details td {
    background-color: rgba(var(--color-deep-shadow), 0.2);
}

/* 可用指令 */
details[open] > p { /* 确保指令列表的p标签能正确显示 */
    padding: 10px 20px;
    margin: 0;
    color: var(--color-ivory-white);
}

/* 链接样式 - 如果指令中包含链接 */
a {
    color: var(--color-wine-red);
    text-decoration: none;
    border-bottom: 1px dotted var(--color-wine-red);
    transition: color 0.3s ease, border-bottom-color 0.3s ease;
}

a:hover {
    color: var(--color-highlight-gold);
    border-bottom-color: var(--color-highlight-gold);
}

/* 滚动条美化 (webkit) */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--color-deep-shadow);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--color-antique-gold);
    border-radius: 5px;
    border: 2px solid var(--color-deep-shadow);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--color-highlight-gold);
}

/* 示例纹理图片链接的占位符 */
/* 请替换 'https://example.com/images/dark_velvet_texture.jpg' 为你自己的深色丝绒或木纹纹理图片 */
/* 请替换 'https://example.com/images/parchment_texture.jpg' 为你自己的泛黄羊皮纸纹理图片 */

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