{"id":"ecbd2be1-91e9-4e68-87c2-b9cbbf4b6659","authorId":"LZcI04gsR53CDWkhdcQpKd6hW2d1ok56","title":"❤️❤️❤️狐妖小红娘❤️❤️❤️","description":"❤️❤️❤️狐妖小红娘 涂山苦情树禁地成了涂山最特的无声守护，绿扇佳人的温柔提点，黑狐窥伺的危机暗涌，苦情树藏着的续缘，入涂山的羁绊漩涡你又能否在这人妖纷争中，寻得属于自己的涂山归宿？❤️❤️❤️","background":"wiuj83tff64wlkd9b0k22m3f.webp","backgroundWidth":1080,"backgroundHeight":1920,"cover":"or2x2mav717owirgrewvpaze.webp","coverWidth":1080,"coverHeight":1920,"introPage":"b7kc1aplznh6kphshb4cnw6r.html","changelog":null,"createdAt":"2026-04-11T11:35:45.328Z","updatedAt":"2026-07-20T07:12:45.714Z","initPublicAt":"2026-04-11T11:36:19.748Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"\n.game-ui-container {\n    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif, 'Noto Sans SC';\n    background-color: #1a1a2e; /* Dark theme background */\n    color: #e0e0e0; /* Light text color */\n    border: 1px solid #0f3460;\n    border-radius: 8px;\n    padding: 10px;\n    margin: 10px auto;\n    max-width: 600px; /* Constrain width for better readability */\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n    line-height: 1.6;\n    font-size: 14px; /* Base font size */\n    box-sizing: border-box; /* Include padding and border in the element's total width and height */\n}\n\n.game-ui-container a {\n    color: #a7d9ff;\n    text-decoration: none;\n}\n\n.game-ui-container a:hover {\n    text-decoration: underline;\n}\n\n.ui-section {\n    margin-bottom: 8px;\n    background-color: #16213e; /* Slightly lighter dark for sections */\n    border: 1px solid #0f3460;\n    border-radius: 6px;\n    transition: all 0.3s ease;\n}\n\n.ui-section[open] {\n    background-color: #0d162c; /* Darker when open */\n    border-color: #0f3460;\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n.ui-summary {\n    display: block; /* Ensures the whole area is clickable */\n    padding: 12px 15px;\n    font-weight: bold;\n    font-size: 16px;\n    cursor: pointer;\n    outline: none; /* Remove outline on focus */\n    color: #e0e0e0;\n    position: relative;\n    user-select: none; /* Prevent text selection on summary */\n    border-bottom: 1px solid transparent; /* For transition effect */\n    transition: all 0.3s ease;\n}\n\n.ui-section[open] .ui-summary {\n    border-bottom-color: #0f3460;\n    color: #a7d9ff; /* Highlight summary when open */\n}\n\n.ui-summary::-webkit-details-marker {\n    display: none;\n}\n\n.ui-summary::before {\n    content: '+';\n    position: absolute;\n    right: 15px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 18px;\n    line-height: 1;\n    transition: transform 0.2s ease;\n}\n\n.ui-section[open] .ui-summary::before {\n    content: '-';\n    transform: translateY(-50%) rotate(0deg); /* No rotation needed for - */\n}\n\n.ui-details-content {\n    padding: 10px 15px 15px;\n    border-top: 1px solid #0f3460;\n    background-color: #0d162c;\n    border-radius: 0 0 6px 6px;\n    animation: fadeIn 0.3s ease-out; /* Simple fade-in effect */\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(-5px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n/* General spacing for content */\n.ui-details-content div {\n    margin-bottom: 6px;\n}\n\n.ui-details-content strong {\n    color: #f7cac9; /* Accent color for labels */\n}\n\n.ui-info-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Flexible columns */\n    gap: 8px 15px; /* Row and column gap */\n}\n\n.ui-info-grid .full-width {\n    grid-column: 1 / -1; /* Make specific items span full width */\n}\n\n.item-list {\n    list-style: none; /* Remove default list styling */\n    padding: 0;\n    margin: 5px 0 0 0;\n}\n\n.item-list li {\n    padding: 4px 0;\n    border-bottom: 1px dashed rgba(255, 255, 255, 0.1);\n}\n\n.item-list li:last-child {\n    border-bottom: none;\n}\n\n.female-details {\n    margin-top: 10px;\n    padding-left: 15px;\n    border-left: 2px solid #e94560; /* Highlight for female-specific details */\n    background-color: rgba(233, 69, 96, 0.05);\n    border-radius: 4px;\n    padding-bottom: 0;\n}\n\n.sub-heading {\n    color: #a7d9ff; /* Accent color for sub-headings */\n    font-size: 15px;\n    margin-top: 15px;\n    margin-bottom: 10px;\n    border-bottom: 1px solid rgba(167, 217, 255, 0.2);\n    padding-bottom: 5px;\n}\n\n.npc-card {\n    margin-bottom: 15px;\n    padding: 10px;\n    background-color: #1a2747;\n    border: 1px solid #0f3460;\n    border-radius: 5px;\n}\n\n.separator {\n    border: none;\n    border-top: 1px dashed rgba(255, 255, 255, 0.2);\n    margin: 20px 0;\n}\n\n/* Progress Bar Styling */\n.progress-container {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 10px;\n}\n\n.progress-bar {\n    flex-grow: 1;\n    height: 18px;\n    background-color: #2b3a55; /* Track color */\n    border: 1px solid #0f3460;\n    border-radius: 10px;\n    overflow: hidden;\n    position: relative;\n}\n\n.progress-fill {\n    height: 100%;\n    background: linear-gradient(to right, #4a90e2, #50e3c2); /* Gradient fill */\n    border-radius: 9px; /* Slightly smaller to fit inside track */\n    transition: width 0.5s ease-in-out;\n}\n\n.progress-text {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    color: #e0e0e0;\n    font-size: 12px;\n    font-weight: bold;\n    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);\n}\n\n/* Task and Relationship Items */\n.task-item, .relationship-item {\n    background-color: rgba(26, 42, 71, 0.5);\n    border: 1px solid rgba(15, 52, 96, 0.5);\n    border-radius: 5px;\n    padding: 10px;\n    margin-bottom: 8px;\n}\n\n.task-item .task-title {\n    margin-bottom: 8px;\n    font-size: 15px;\n    color: #f7cac9;\n}\n\n/* Memory Table Styling */\n.memory-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 10px;\n    font-size: 13px;\n    table-layout: fixed; /* Ensures columns respect width */\n}\n\n.memory-table th,\n.memory-table td {\n    border: 1px solid #0f3460;\n    padding: 8px;\n    text-align: left;\n    word-wrap: break-word; /* Prevent long words from overflowing */\n}\n\n.memory-table th {\n    background-color: #2b3a55;\n    color: #a7d9ff;\n    font-weight: bold;\n}\n\n.memory-table tbody tr:nth-child(even) {\n    background-color: #1a2747;\n}\n\n.memory-table tbody tr:hover {\n    background-color: #22304d;\n}\n\n/* Scroll Box for Tables */\n.scroll-box {\n    max-height: 200px; /* Fixed height for scrollable area */\n    overflow-y: auto;\n    margin-bottom: 15px;\n    border: 1px solid #0f3460;\n    border-radius: 4px;\n}\n\n/* Custom Scrollbar */\n.scroll-box::-webkit-scrollbar {\n    width: 8px;\n}\n\n.scroll-box::-webkit-scrollbar-track {\n    background: #16213e; /* Track color */\n    border-radius: 10px;\n}\n\n.scroll-box::-webkit-scrollbar-thumb {\n    background-color: #4a90e2; /* Thumb color */\n    border-radius: 10px;\n    border: 2px solid #16213e; /* Padding around thumb */\n}\n\n.scroll-box::-webkit-scrollbar-thumb:hover {\n    background-color: #50e3c2;\n}\n\n/* Action List Styling */\n.action-list {\n    list-style: none; /* Remove default numbering */\n    padding: 0;\n    margin: 0;\n}\n\n.action-list li {\n    background-color: #2b3a55;\n    border: 1px solid #0f3460;\n    border-radius: 5px;\n    padding: 10px 15px;\n    margin-bottom: 8px;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    position: relative;\n}\n\n.action-list li:hover {\n    background-color: #3b4a65;\n    box-shadow: 0 0 8px rgba(74, 144, 226, 0.5);\n    border-color: #4a90e2;\n}\n\n.action-list li::before {\n    counter-increment: action-item; /* Custom numbering */\n    content: counter(action-item) \". \";\n    color: #a7d9ff;\n    font-weight: bold;\n    margin-right: 5px;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n    .game-ui-container {\n        padding: 8px;\n        margin: 5px auto;\n        border-radius: 0; /* Full width on small screens */\n        max-width: 100%;\n    }\n\n    .ui-summary {\n        font-size: 15px;\n        padding: 10px 12px;\n    }\n\n    .ui-summary::before {\n        font-size: 16px;\n        right: 12px;\n    }\n\n    .ui-details-content {\n        padding: 8px 12px 12px;\n    }\n\n    .ui-info-grid {\n        grid-template-columns: 1fr; /* Stack items on small screens */\n        gap: 5px;\n    }\n\n    .full-width {\n        grid-column: 1; /* Ensure full width even if template changes */\n    }\n\n    .memory-table th,\n    .memory-table td {\n        padding: 6px;\n        font-size: 12px;\n    }\n\n    .scroll-box {\n        max-height: 150px; /* Reduce max-height for tables on mobile */\n    }\n\n    .action-list li {\n        padding: 8px 12px;\n        font-size: 13px;\n    }\n\n    .progress-bar {\n        height: 16px;\n    }\n}\n\n@media (max-width: 480px) {\n    .game-ui-container {\n        font-size: 13px;\n    }\n\n    .ui-summary {\n        font-size: 14px;\n        padding: 8px 10px;\n    }\n\n    .ui-summary::before {\n        font-size: 15px;\n        right: 10px;\n    }\n\n    .ui-details-content {\n        padding: 6px 10px 10px;\n    }\n\n    .sub-heading {\n        font-size: 14px;\n        margin-top: 10px;\n        margin-bottom: 8px;\n    }\n\n    .memory-table th,\n    .memory-table td {\n        font-size: 11px;\n        padding: 5px;\n    }\n\n    .action-list li {\n        padding: 6px 10px;\n        font-size: 12px;\n    }\n}\n\n/* --- 加载动画：古朴阵法流转与符文闪烁美化版 (保持原样，作为内层元素) --- */ /* 容器：背景模拟灵气流转 */ .flex.items-center.justify-center.w-6.h-5 { position: relative !important; width: 100px !important; /* 阵法尺寸略大 */ height: 100px !important; margin: 20px auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; overflow: visible !important; /* 背景灵气流转效果 */ background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CradialGradient id='g' cx='50%' cy='50%' r='50%'%3E%3Cstop offset='0%' stop-color='%236a5acd' stop-opacity='0.1'/%3E%3Cstop offset='100%' stop-color='%23483d8b' stop-opacity='0.3'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect x='0' y='0' width='100' height='100' fill='url(%23g)'/%3E%3Cpath d='M20 50 L50 20 L80 50 L50 80 Z' fill='none' stroke='%238a2be2' stroke-width='1' opacity='0.2'/%3E%3Ccircle cx='50' cy='50' r='15' fill='none' stroke='%238a2be2' stroke-width='1' opacity='0.2'/%3E%3C/svg%3E\") !important; background-size: 50px 50px !important; /* 调整灵气纹理大小 */ animation: spiritual-flow 8s linear infinite !important; /* 灵气流转动画 */ border-radius: 50% !important; /* 稍微柔化边缘 */ box-shadow: 0 0 15px rgba(138, 43, 226, 0.5), inset 0 0 10px rgba(138, 43, 226, 0.3) !important; /* 阵法光晕 */ } /* 主阵法核心：符文阵列自旋转与能量涌动效果 */ .flex.items-center.justify-center.w-6.h-5::before { content: \"\" !important; position: absolute !important; top: 50% !important; left: 50% !important; width: 70px !important; /* 阵法核心尺寸 */ height: 70px !important; margin-top: -35px !important; margin-left: -35px !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; /* 古朴符文阵列SVG */ background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' stop-color='%239370db'/%3E%3Cstop offset='100%' stop-color='%236a5acd'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='50' cy='50' r='45' stroke='url(%23grad)' stroke-width='2' fill='none'/%3E%3Cpath d='M50 5 L95 50 L50 95 L5 50 Z' stroke='url(%23grad)' stroke-width='1.5' fill='none'/%3E%3Cpath d='M50 20 C60 20 70 30 70 50 C70 70 60 80 50 80 C40 80 30 70 30 50 C30 30 40 20 50 20 Z' fill='none' stroke='url(%23grad)' stroke-width='1'/%3E%3Ctext x='47' y='30' font-family='serif' font-size='12' fill='%239370db'%3E符%3C/text%3E%3Ctext x='70' y='53' font-family='serif' font-size='12' fill='%239370db'%3E阵%3C/text%3E%3Ctext x='47' y='76' font-family='serif' font-size='12' fill='%239370db'%3E法%3C/text%3E%3Ctext x='25' y='53' font-family='serif' font-size='12' fill='%239370db'%3E灵%3C/text%3E%3C/svg%3E\") !important; /* 核心动画：旋转 + 能量涌动缩放 */ animation: array-spin 6s ease-in-out infinite alternate !important; /* 阵法正反转 */ transform-origin: center center !important; filter: drop-shadow(0 0 8px rgba(147, 112, 219, 0.8)) !important; /* 符文光晕 */ } /* 提示文字：修改为修仙主题提示 */ .flex.items.center.justify-center.w-6.h-5::after { content: \"天道运转，吾辈求索。\" !important; /* 更符合修仙主题的提示 */ position: absolute !important; bottom: -40px !important; /* 调整位置 */ width: 250px !important; text-align: center !important; font-size: 14px !important; color: #9370db !important; /* 紫色系 */ text-shadow: 0 0 10px rgba(147, 112, 219, 0.5) !important; letter-spacing: 2px !important; font-family: \"KaiTi\", \"STKaiti\", \"SimSun\", serif !important; /* 更古风的字体 */ animation: text-pulse 3s ease-in-out infinite !important; /* 呼吸效果 */ white-space: nowrap !important; z-index: 2 !important; /* 确保文字在小狐狸上方 */ } /* 阵法核心旋转与能量涌动关键帧 */ @keyframes array-spin { 0% { transform: rotate(0deg) scale(0.9); opacity: 0.8; } 50% { transform: rotate(180deg) scale(1.05); /* 轻微放大 */ opacity: 1; } 100% { transform: rotate(360deg) scale(0.9); opacity: 0.8; } } /* 背景灵气流转关键帧 */ @keyframes spiritual-flow { from { background-position: 0 0; } to { background-position: 100px 100px; /* 对角线移动，模拟灵气流转 */ } } /* 文字柔和呼吸关键帧 */ @keyframes text-pulse { 0%, 100% { opacity: 0.6; transform: translateY(0) scale(1); filter: blur(0.5px); } 50% { opacity: 1; transform: translateY(-3px) scale(1.02); /* 略微上浮和放大 */ filter: blur(0px); } } /* 移动端适配 */ @media (max-width: 480px) { .flex.items-center.justify-center.w-6.h-5 { transform: scale(0.8) !important; /* 整体缩小 */ margin: 15px auto !important; } .flex.items.center.justify-center.w-6.h-5::after { font-size: 12px !important; bottom: -35px !important; width: 200px !important; } /* 移动端适配小狐狸和外框 */ .fox-container { width: 150px !important; height: 150px !important; margin-top: -75px !important; margin-left: -75px !important; } .fox-spirit { width: 30px !important; height: 30px !important; } } /* --- 新增：粉色的框子，红色的小狐狸在框子里面乱走 --- */ /* 外层容器：粉色框子 */ /* 我们将原来的 .flex.items-center.justify-center.w-6.h-5 作为阵法本体， 在它外部再包裹一层新的容器来制作“粉色的框子”和“小狐狸”。 为了不破坏原有CSS结构，我们创建一个新的父级div来承载一切。 这里假定你的HTML结构会变成： <div class=\"loading-wrapper\"> &lt;-- 这个是新的粉色框子容器 <div class=\"flex items-center justify-center w-6 h-5\"> &lt;-- 原有的阵法容器 <!-- ... 阵法内容 ... --> </div> </div> 或者，如果你不能修改HTML，我们可以利用伪元素来模拟这个框子， 但为了更好地控制小狐狸的运动范围，贫道建议使用新的父级容器。 此处，贫道先演示如果添加新的父级容器的情况。 */ /* 如果你无法添加新的父级HTML元素，可以尝试将粉框和小狐狸放在 .flex.items-center.justify-center.w-6.h-5 内部， 并将其定位到阵法的周围。以下是将其作为独立容器的方案： */ .loading-wrapper { /* 这个是你新创建的包裹所有内容的父级容器 */ position: relative; width: 200px; /* 粉框的整体宽度 */ height: 200px; /* 粉框的整体高度 */ border: 3px solid #ff69b4; /* 粉色边框 */ border-radius: 15px; /* 圆角 */ background-color: rgba(255, 192, 203, 0.1); /* 浅粉色半透明背景 */ box-shadow: 0 0 20px rgba(255, 105, 180, 0.7); /* 粉色光晕 */ display: flex; align-items: center; justify-content: center; margin: 30px auto; /* 让它居中显示 */ overflow: hidden; /* 确保小狐狸不会跑出框子 */ } /* 调整原有的阵法容器，使其在新框子中居中 */ .loading-wrapper .flex.items-center.justify-center.w-6.h-5 { position: absolute !important; /* 让阵法可以在粉框中自由定位 */ top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; /* 精确居中 */ margin: 0 !important; /* 清除原有margin */ z-index: 1; /* 确保阵法在粉框和狐狸之间 */ } /* 红色的小狐狸 */ .fox-spirit { position: absolute; width: 40px; /* 小狐狸尺寸 */ height: 40px; background-color: transparent; /* 小狐狸本身是透明的，我们用SVG或图片 */ background-size: contain; background-repeat: no-repeat; background-position: center; /* 假设小狐狸的SVG，这是一个示例，你可以替换成更精细的狐狸图案 */ background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50,10 C70,10 85,30 85,50 C85,70 70,90 50,90 C30,90 15,70 15,50 C15,30 30,10 50,10 Z' fill='%23ff0000' /%3E%3Cpath d='M40,40 Q45,30 50,40 Q55,30 60,40' fill='none' stroke='%23ffffff' stroke-width='3' /%3E%3Ccircle cx='42' cy='48' r='3' fill='%23ffffff' /%3E%3Ccircle cx='58' cy='48' r='3' fill='%23ffffff' /%3E%3Cpath d='M40,65 C45,70 55,70 60,65' fill='none' stroke='%23ffffff' stroke-width='2' /%3E%3Cpath d='M30,30 Q35,20 40,30' fill='%23ff0000' /%3E%3Cpath d='M70,30 Q65,20 60,30' fill='%23ff0000' /%3E%3C/svg%3E\") !important; animation: fox-wander 10s linear infinite; /* 小狐狸乱走动画 */ z-index: 3; /* 确保小狐狸在最上层 */ filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.8)); /* 狐狸光晕 */ } /* 小狐狸乱走关键帧 */ @keyframes fox-wander { 0% { top: 10%; left: 10%; transform: rotateY(0deg); } 25% { top: 70%; left: 20%; transform: rotateY(0deg); /* 向右 */ } 50% { top: 30%; left: 80%; transform: rotateY(180deg); /* 转身向左 */ } 75% { top: 80%; left: 60%; transform: rotateY(180deg); /* 向左 */ } 100% { top: 10%; left: 10%; transform: rotateY(0deg); /* 转身向右 */ } }","options":{"items":[]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":true,"enableSafeguard":true,"defaultModelSettings":{"model":"lemon/gemini-3.1-flash-lite-preview"},"totalConversations":16,"totalMessages":122,"totalCreditsUsed":194208,"totalTokensUsed":1793992,"totalPlayedUsers":15,"deeplyPlayed":4,"fixedPromptLength":2441,"lorebookLength":33251,"author":{"id":"LZcI04gsR53CDWkhdcQpKd6hW2d1ok56","name":"MMMMMMCCCCCC7","displayUsername":"MMMMMMCCCCCC7","username":"mmmmmmcccccc7"},"cardsTags":[{"tag":{"name":"可涩涩","cardsCount":206}},{"tag":{"name":"色色","cardsCount":5}},{"tag":{"name":"可剧情可涩涩","cardsCount":2460}},{"tag":{"name":"纯爱","cardsCount":886}},{"tag":{"name":"多角色","cardsCount":1110}},{"tag":{"name":"动漫同人","cardsCount":97}},{"tag":{"name":"破处","cardsCount":3}},{"tag":{"name":"自由探索","cardsCount":1082}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}