<style>
    /* 整体容器样式 */
    .game-container {
        background-color: #1a293a; /* 深邃的科技感蓝色背景 */
        color: #e0f7fa; /* 柔和的青色文字，易于阅读 */
        border: 2px solid #d4af37; /* 哑光金色边框 */
        border-radius: 10px;
        padding: 20px;
        font-family: 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', sans-serif; /* 现代无衬线字体 */
        box-shadow: 0 0 15px rgba(212, 175, 55, 0.4), inset 0 0 20px rgba(26, 41, 58, 0.7); /* 金色外发光和内部暗角 */
        max-width: 800px;
        margin: auto;
    }

    /* 可折叠面板的基础样式 */
    details {
        background-color: rgba(10, 25, 41, 0.6); /* 半透明的深蓝背景 */
        border: 1px solid rgba(212, 175, 55, 0.5);
        border-radius: 8px;
        margin-bottom: 15px;
        transition: all 0.3s ease;
        overflow: hidden; /* 保证内部元素不溢出圆角 */
    }

    details[open] {
        box-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
    }

    /* 面板标题 */
    summary {
        font-weight: bold;
        font-size: 1.1em;
        padding: 12px 20px;
        cursor: pointer;
        outline: none;
        color: #ffd700; /* 亮金色标题 */
        background-color: rgba(26, 41, 58, 0.8);
        border-bottom: 1px solid rgba(212, 175, 55, 0.3);
        list-style: none; /* 移除默认的三角箭头 */
        position: relative;
        transition: background-color 0.2s ease;
    }
    
    summary:hover {
        background-color: rgba(36, 51, 68, 0.9);
    }
    
    /* 自定义展开/折叠图标 */
    summary::before {
        content: '+';
        font-family: monospace;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.4em;
        color: #d4af37;
    }

    details[open] > summary::before {
        content: '-';
    }


    /* 面板内容区域 */
    .panel-content {
        padding: 15px 25px;
        line-height: 1.8;
        border-top: 1px solid rgba(212, 175, 55, 0.2); /* 内容区与标题间的细微分隔 */
    }

    .panel-content strong {
        color: #88c0d0; /* 属性名称使用冷色调，形成对比 */
        margin-right: 8px;
    }

    /* 正文区域样式 */
    #main-text-area {
        background-color: rgba(0,0,0,0.2);
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 20px;
        min-height: 100px;
        border-left: 3px solid #d4af37;
        font-style: italic;
        color: #eceff4;
    }
    
    /* 状态栏 */
    #status-bar {
        text-align: center;
        font-size: 0.9em;
        color: #d4af37;
        padding: 5px;
        background: rgba(10, 25, 41, 0.5);
        border-radius: 5px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }


    /* 记忆回廊表格样式 */
    .memory-table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 10px;
    }

    .memory-table th, .memory-table td {
        border: 1px solid rgba(212, 175, 55, 0.3);
        padding: 10px;
        text-align: left;
    }

    .memory-table th {
        background-color: rgba(212, 175, 55, 0.15);
        color: #ffd700;
        font-weight: bold;
    }

    .memory-table td {
        background-color: rgba(26, 41, 58, 0.4);
        font-size: 0.95em;
    }
    
    /* 记忆回廊标题 */
    #memory-header {
        font-size: 1.2em;
        font-weight: bold;
        color: #e5e9f0;
        text-align: center;
        padding: 10px;
        border-bottom: 1px solid rgba(212, 175, 55, 0.5);
        margin-bottom: 15px;
    }
    
    .memory-section-title {
        font-size: 1.1em;
        color: #d4af37;
        margin-top: 20px;
        margin-bottom: 10px;
    }
</style>

<div class="game-container">