猎魔人大世界

/* --- 导入字体 --- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Lora:ital,wght@0,400;1,400&display=swap');

/* --- 根容器与变量定义 --- */
ai {
    /* -- 色板 -- */
    --bg: #1a1a1a;
    --panel-bg: rgba(18, 18, 18, 0.85);
    --text: #e0dacc;
    --head: #c89f62;
    --accent: #9a2a2a;
    --hover: #e54c4c;
    --border: #4a4a4a;
    --head-rgb: 200, 159, 98;

    /* -- 稀有度颜色 -- */
    --common: #9d9d9d;
    --uncommon: #4a90e2;
    --rare: #9013fe;
    --legendary: #f5a623;

    /* -- 字体 -- */
    --font-main: 'Lora', serif;
    --font-heading: 'Cinzel', serif;
    
    /* -- 基础样式 -- */
    display: block;
    background: var(--bg);
    color: var(--text);
    font-family: var(--font-main);
    font-size: 16px;
    line-height: 1.7;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid var(--border);
    /* 添加脏污纹理背景 */
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cfilter id="f"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.5" numOctaves="5" stitchTiles="stitch"/%3E%3CfeColorMatrix type="saturate" values="0"/%3E%3C/filter%3E%3Crect width="100" height="100" filter="url(%23f)" opacity="0.05"/%3E%3C/svg%3E');
}

/* --- 顶部信息栏 [时间/地点/天气] --- */
ai hd {
    display: block;
    text-align: center;
    font-family: var(--font-heading);
    font-size: 0.8em;
    color: var(--text);
    opacity: 0.7;
    padding: 8px;
    background: rgba(0,0,0,0.2);
    letter-spacing: 1px;
    border-bottom: 1px solid var(--border);
}

/* --- 叙事区域 --- */
ai article {
    padding: 15px 20px;
    text-align: justify;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2), transparent);
}

ai article p {
    margin: 0 0 1em 0;
}
ai article p:last-child {
    margin-bottom: 0;
}

/* --- 状态面板 --- */
ai details {
    border-top: 1px solid var(--border);
    background: var(--panel-bg);
}

ai summary {
    display: block; /* 移除默认箭头 */
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 1.1em;
    letter-spacing: 1px;
    color: var(--head);
    padding: 12px 20px;
    cursor: pointer;
    background: rgba(0,0,0,0.3);
    transition: background 0.3s;
}

ai summary:hover {
    background: rgba(var(--head-rgb), 0.1);
}

/* 隐藏默认的下拉箭头 */
ai summary::-webkit-details-marker {
    display: none;
}

/* --- 面板内信息分区 <p t="..."> --- */
ai details p[t] {
    padding: 30px 20px 15px 20px;
    margin: 0 20px;
    position: relative;
    border-bottom: 1px dashed rgba(255,255,255,0.15);
}

ai details p[t]:last-of-type {
    border-bottom: none;
}

/* 用伪元素生成分区标题 */
ai details p[t]::before {
    content: attr(t);
    position: absolute;
    top: 5px;
    left: 0;
    font-family: var(--font-heading);
    font-size: 0.9em;
    font-weight: bold;
    color: var(--head);
    background: var(--panel-bg); /* 背景色与父元素一致，形成"浮于"线条之上的效果 */
    padding: 0 10px 0 0;
}

/* --- 具体信息行 <f>, <d>, <ico>, <item> --- */
/* 角色名 */
ai f {
    display: block;
    font-family: var(--font-heading);
    font-size: 1.5em;
    font-weight: 700;
    color: var(--head);
    margin-bottom: 10px;
    text-shadow: 0 0 5px rgba(var(--head-rgb), 0.5);
}
/* 数据行 */
ai d {
    display: block;
    font-size: 0.9em;
    margin-bottom: 6px;
    line-height: 1.5;
}

/* 生命/耐力/毒性 条 */
ai d[g="vitals"] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 15px 0;
    font-size: 0.95em;
}

ai ico {
    margin-right: 6px;
    font-style: normal;
}

/* 为生命/耐力/毒性图标和数值上色 */
ai d[g="vitals"] span:nth-child(1) { color: #e54c4c; } /* 红 - 生命 */
ai d[g="vitals"] span:nth-child(2) { color: #4a90e2; } /* 蓝 - 耐力 */
ai d[g="vitals"] span:nth-child(3) { color: #4a934a; } /* 绿 - 毒性 */

/* 物品标签 */
ai item {
    display: inline-block;
    font-style: normal;
    padding: 0 6px;
    border-radius: 3px;
    font-size: 0.9em;
    margin: 0 2px;
    border: 1px solid;
}
ai item[r="c"] { color: var(--common); border-color: var(--common); }
ai item[r="u"] { color: var(--uncommon); border-color: var(--uncommon); }
ai item[r="r"] { color: var(--rare); border-color: var(--rare);}
ai item[r="l"] { color: var(--legendary); border-color: var(--legendary); }

/* --- 行动选项 --- */
ai p[t="行动选项"] a {
    cursor: pointer;
    display: block;
    color: var(--text);
    text-decoration: none;
    padding: 4px 8px;
    margin: -4px -8px; /* 扩大悬停区域 */
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}

ai p[t="行动选项"] a:hover {
    background: rgba(var(--head-rgb), 0.15);
    color: var(--head);
    text-shadow: 0 0 5px var(--head);
}

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