/* ============ 回复内部 · 波普风状态卡 ============ */
ai{display:block;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;background:#f5ead7;color:#0a0a0a;border:3px solid #0a0a0a;box-shadow:6px 6px 0 #0a0a0a;padding:14px;margin:8px 0;font-size:14px;line-height:1.55;font-weight:700;position:relative;background-image:radial-gradient(#0a0a0a 1px,transparent 1px),radial-gradient(#0a0a0a 1px,transparent 1px);background-size:18px 18px,18px 18px;background-position:0 0,9px 9px;background-blend-mode:normal;animation:ai-in .4s ease-out}
ai::before{content:"POP · LOG";position:absolute;top:-14px;right:14px;background:#ffd60a;color:#0a0a0a;border:2.5px solid #0a0a0a;box-shadow:3px 3px 0 #0a0a0a;padding:2px 10px;font-weight:900;font-size:11px;letter-spacing:2px;transform:rotate(-3deg);z-index:2}
ai::after{content:"!";position:absolute;top:-18px;left:14px;background:#ff5fa2;color:#fff;border:2.5px solid #0a0a0a;box-shadow:3px 3px 0 #0a0a0a;width:24px;height:24px;display:grid;place-items:center;font-weight:900;font-size:16px;transform:rotate(8deg);border-radius:50%}
@keyframes ai-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

/* hd 顶栏 */
ai hd{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:4px 0 12px;background:#fff;border:2.5px solid #0a0a0a;box-shadow:4px 4px 0 #0a0a0a;padding:8px}
ai hd i{font-style:normal;font-weight:900;font-size:12.5px;padding:6px 8px;border:2px solid #0a0a0a;text-align:center;letter-spacing:.5px;background:#fff}
ai hd i:nth-child(1){background:#ffd60a}
ai hd i:nth-child(2){background:#4da6ff;color:#fff}
ai hd i:nth-child(3){background:#ff5fa2;color:#fff}

/* article 正文 */
ai article{background:#fff;border:2.5px solid #0a0a0a;box-shadow:4px 4px 0 #0a0a0a;padding:14px 16px 14px 18px;margin-bottom:14px;position:relative;background-image:linear-gradient(#f5ead7 1px,transparent 1px);background-size:100% 28px;background-position:0 14px}
ai article::before{content:"❝ STORY";position:absolute;top:-13px;left:12px;background:#0a0a0a;color:#ffd60a;padding:2px 10px;font-size:11px;font-weight:900;letter-spacing:2px;transform:rotate(-2deg)}
ai article p{margin:0 0 10px;font-weight:500;font-size:14.5px;line-height:1.75;color:#1a1a1a}
ai article p:last-child{margin-bottom:0}
ai article p:first-of-type::first-letter{font-size:32px;font-weight:900;float:left;line-height:1;padding:2px 8px 0 0;color:#ff5fa2}

/* details 折叠面板 */
ai details{background:#fff;border:2.5px solid #0a0a0a;box-shadow:4px 4px 0 #0a0a0a;margin-bottom:12px;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}
ai details:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 #0a0a0a}
ai details summary{cursor:pointer;list-style:none;padding:9px 14px 9px 38px;background:#ffd60a;border-bottom:2.5px solid #0a0a0a;font-weight:900;font-size:14px;letter-spacing:1px;position:relative;user-select:none}
ai details summary::-webkit-details-marker{display:none}
ai details summary::before{content:"▶";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:10px;width:18px;height:18px;background:#0a0a0a;color:#ffd60a;display:grid;place-items:center;transition:transform .2s}
ai details[open] summary::before{transform:translateY(-50%) rotate(90deg)}
ai details summary::after{content:"";position:absolute;right:-2px;top:-2px;width:28px;height:100%;background:repeating-linear-gradient(45deg,#0a0a0a 0,#0a0a0a 3px,transparent 3px,transparent 6px);border-left:2px solid #0a0a0a}

/* 不同 summary 主题色 */
ai details:nth-of-type(1) summary{background:#ffd60a}
ai details:nth-of-type(2) summary{background:#ff5fa2;color:#fff}
ai details:nth-of-type(2) summary::before{background:#fff;color:#ff5fa2}
ai details:nth-of-type(3) summary{background:#ff3b30;color:#fff}
ai details:nth-of-type(3) summary::before{background:#fff;color:#ff3b30}
ai details:nth-of-type(4) summary{background:#4da6ff;color:#fff}
ai details:nth-of-type(4) summary::before{background:#fff;color:#4da6ff}
ai details:nth-of-type(5) summary{background:#0a0a0a;color:#ffd60a}
ai details:nth-of-type(5) summary::before{background:#ffd60a;color:#0a0a0a}

/* p 分区块 */
ai details p{margin:0;padding:12px 14px;border-top:2px dashed #0a0a0a;background:#fff;position:relative;font-weight:600}
ai details p:first-of-type{border-top:none}
ai details p[t]::before{content:attr(t);position:absolute;top:-9px;left:10px;background:#0a0a0a;color:#ffd60a;padding:1px 8px;font-size:10px;font-weight:900;letter-spacing:1.5px;transform:rotate(-2deg);z-index:1}
ai details p[t="心理"]::before,ai details p[t="STM"]::before{background:#ff5fa2;color:#fff}
ai details p[t="着装"]::before,ai details p[t="外貌"]::before{background:#ff5fa2;color:#fff}
ai details p[t="基础"]::before,ai details p[t="状态"]::before{background:#4da6ff;color:#fff}
ai details p[t="身体"]::before{background:#ffd60a;color:#0a0a0a}
ai details p[t="局势"]::before{background:#ff3b30;color:#fff}
ai details p[t="行动"]::before{background:#ffd60a;color:#0a0a0a}
ai details p[t="LTM"]::before{background:#4da6ff;color:#fff}

/* f 人物名 */
ai f{display:inline-block;font-style:normal;font-weight:900;font-size:20px;letter-spacing:2px;background:#0a0a0a;color:#ffd60a;padding:4px 12px;margin-bottom:8px;border:2.5px solid #0a0a0a;box-shadow:3px 3px 0 #ff5fa2;transform:rotate(-1deg)}

/* d 数据行 */
ai details p d{display:block;font-style:normal;padding:5px 8px;margin:3px 0;background:#f5ead7;border-left:4px solid #0a0a0a;font-weight:600;font-size:13.5px;position:relative;transition:transform .12s}
ai details p d:hover{transform:translateX(3px);background:#fff5d6;border-left-color:#ff5fa2}

/* v 数值 */
ai v{display:inline-block;font-style:normal;font-weight:900;background:#ffd60a;color:#0a0a0a;padding:1px 8px;margin:0 2px;border:2px solid #0a0a0a;box-shadow:2px 2px 0 #0a0a0a;font-size:13px;letter-spacing:.5px;min-width:28px;text-align:center;animation:v-pulse .5s ease-out}
@keyframes v-pulse{0%{transform:scale(1.15);background:#fff}100%{transform:scale(1);background:#ffd60a}}

/* c 变化量 */
ai c{display:inline-block;font-style:normal;font-weight:800;background:#ff5fa2;color:#fff;padding:1px 7px;margin-left:3px;border:2px solid #0a0a0a;box-shadow:2px 2px 0 #0a0a0a;font-size:11.5px;letter-spacing:.3px;border-radius:10px;transform:rotate(-2deg)}

/* 表格记忆区 */
ai details p b{display:block;font-weight:900;font-size:13px;letter-spacing:2px;margin:0 0 8px;padding:4px 10px;background:#0a0a0a;color:#ffd60a;width:fit-content;border:2px solid #0a0a0a;box-shadow:3px 3px 0 #ff5fa2;transform:rotate(-1deg)}
ai table{width:100%;border-collapse:collapse;background:#fff;border:2.5px solid #0a0a0a;box-shadow:3px 3px 0 #0a0a0a;font-size:12.5px;margin-top:4px}
ai table th{background:#0a0a0a;color:#ffd60a;font-weight:900;padding:6px 8px;border:2px solid #0a0a0a;text-align:left;letter-spacing:1px;font-size:11.5px}
ai table td{padding:6px 8px;border:1.5px solid #0a0a0a;font-weight:600;vertical-align:top;line-height:1.5}
ai table tr:nth-child(even) td{background:#fff5d6}
ai table tr:nth-child(odd) td{background:#fff}
ai table tr:hover td{background:#ffd60a}
ai table td:first-child{font-weight:900;color:#ff5fa2;text-align:center;width:30px}

/* ============ 补丁 · 覆盖原有规则 ============ */

/* art 标签 = 原 article（避开 HTML5 语义标签被吞）*/
ai art,ai article{display:block!important;background:#fff!important;border:2.5px solid #0a0a0a!important;box-shadow:4px 4px 0 #0a0a0a!important;padding:14px 16px 14px 18px!important;margin-bottom:14px!important;position:relative;background-image:linear-gradient(#f5ead7 1px,transparent 1px)!important;background-size:100% 28px!important;background-position:0 14px!important}
ai art::before,ai article::before{content:"❝ STORY";position:absolute;top:-13px;left:12px;background:#0a0a0a;color:#ffd60a;padding:2px 10px;font-size:11px;font-weight:900;letter-spacing:2px;transform:rotate(-2deg);z-index:2}
ai art p,ai article p{margin:0 0 10px!important;font-weight:500!important;font-size:14.5px!important;line-height:1.75!important;color:#1a1a1a!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
ai art p:last-child,ai article p:last-child{margin-bottom:0!important}
ai art p:first-of-type::first-letter,ai article p:first-of-type::first-letter{font-size:32px;font-weight:900;float:left;line-height:1;padding:2px 8px 0 0;color:#ff5fa2}

/* 用 n 属性强制选 details 主题色（不依赖 nth-of-type）*/
ai details[n]{background:#fff!important;border:2.5px solid #0a0a0a!important;box-shadow:4px 4px 0 #0a0a0a!important;margin-bottom:12px!important;border-radius:0!important;padding:0!important}
ai details[n="1"]>summary{background:#ffd60a!important;color:#0a0a0a!important}
ai details[n="1"]>summary::before{background:#0a0a0a!important;color:#ffd60a!important}
ai details[n="2"]>summary{background:#ff5fa2!important;color:#fff!important}
ai details[n="2"]>summary::before{background:#fff!important;color:#ff5fa2!important}
ai details[n="3"]>summary{background:#ff3b30!important;color:#fff!important}
ai details[n="3"]>summary::before{background:#fff!important;color:#ff3b30!important}
ai details[n="4"]>summary{background:#4da6ff!important;color:#fff!important}
ai details[n="4"]>summary::before{background:#fff!important;color:#4da6ff!important}
ai details[n="5"]>summary{background:#0a0a0a!important;color:#ffd60a!important}
ai details[n="5"]>summary::before{background:#ffd60a!important;color:#0a0a0a!important}

/* details 内部 p 强制波普风（不让平台 css 覆盖）*/
ai details>p,ai details[n]>p{margin:0!important;padding:14px 14px 12px!important;border-top:2px dashed #0a0a0a!important;background:#fff!important;position:relative;font-weight:600!important;color:#0a0a0a!important;box-shadow:none!important;border-left:none!important;border-right:none!important;border-bottom:none!important;font-size:14px!important;line-height:1.6!important}
ai details>p:first-of-type,ai details[n]>p:first-of-type{border-top:none!important}

/* 兜底：如果 AI 把正文写成裸文本（没用 <art><p>），强制把 ai 容器下的直接文本块包装样式 */
ai>p:not([t]){display:block!important;background:#fff!important;border:2.5px solid #0a0a0a!important;box-shadow:4px 4px 0 #0a0a0a!important;padding:12px 14px!important;margin:10px 0!important;font-weight:500!important;font-size:14.5px!important;line-height:1.75!important;color:#1a1a1a!important;position:relative}
ai>p:not([t]):first-of-type::before{content:"❝ STORY";position:absolute;top:-13px;left:12px;background:#0a0a0a;color:#ffd60a;padding:2px 10px;font-size:11px;font-weight:900;letter-spacing:2px;transform:rotate(-2deg)}

/* details summary 强化（防平台覆盖）*/
ai details>summary{cursor:pointer!important;list-style:none!important;padding:9px 14px 9px 38px!important;border-bottom:2.5px solid #0a0a0a!important;font-weight:900!important;font-size:14px!important;letter-spacing:1px!important;position:relative!important;user-select:none!important;display:block!important}
ai details>summary::-webkit-details-marker{display:none!important}
ai details>summary::before{content:"▶"!important;position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;font-size:10px!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;transition:transform .2s!important}
ai details[open]>summary::before{transform:translateY(-50%) rotate(90deg)!important}
ai details>summary::after{content:""!important;position:absolute!important;right:-2px!important;top:-2px!important;width:28px!important;height:calc(100% + 4px)!important;background:repeating-linear-gradient(45deg,#0a0a0a 0,#0a0a0a 3px,transparent 3px,transparent 6px)!important;border-left:2px solid #0a0a0a!important}

/* p[t] 分区标签防覆盖 */
ai details p[t]::before{content:attr(t)!important;position:absolute!important;top:-9px!important;left:10px!important;background:#0a0a0a!important;color:#ffd60a!important;padding:1px 8px!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.5px!important;transform:rotate(-2deg)!important;z-index:1!important;border-radius:0!important;display:inline-block!important;width:auto!important;height:auto!important}

/* d / v / c / f 强化 */
ai d{display:block!important;font-style:normal!important;padding:5px 8px!important;margin:3px 0!important;background:#f5ead7!important;border-left:4px solid #0a0a0a!important;font-weight:600!important;font-size:13.5px!important;color:#0a0a0a!important}
ai v{display:inline-block!important;font-style:normal!important;font-weight:900!important;background:#ffd60a!important;color:#0a0a0a!important;padding:1px 8px!important;margin:0 2px!important;border:2px solid #0a0a0a!important;box-shadow:2px 2px 0 #0a0a0a!important;font-size:13px!important;min-width:28px!important;text-align:center!important;border-radius:0!important}
ai c{display:inline-block!important;font-style:normal!important;font-weight:800!important;background:#ff5fa2!important;color:#fff!important;padding:1px 7px!important;margin-left:3px!important;border:2px solid #0a0a0a!important;box-shadow:2px 2px 0 #0a0a0a!important;font-size:11.5px!important;border-radius:10px!important;transform:rotate(-2deg)!important}
ai f{display:inline-block!important;font-style:normal!important;font-weight:900!important;font-size:20px!important;letter-spacing:2px!important;background:#0a0a0a!important;color:#ffd60a!important;padding:4px 12px!important;margin-bottom:8px!important;border:2.5px solid #0a0a0a!important;box-shadow:3px 3px 0 #ff5fa2!important;transform:rotate(-1deg)!important}

/* ============ 平台全局 · 聊天框 / 输入框 / 评论区 波普覆盖 ============ */

/* 消息气泡通用 */
.mes,.message,.chat-message,.msg{background:#f5ead7!important;border:2.5px solid #0a0a0a!important;box-shadow:5px 5px 0 #0a0a0a!important;border-radius:0!important;margin:14px 6px!important;padding:12px 14px!important;position:relative;color:#0a0a0a!important;font-weight:600!important}
.mes::before,.message::before{content:"";position:absolute;top:-2px;right:-2px;width:24px;height:24px;background:repeating-linear-gradient(45deg,#ff5fa2 0,#ff5fa2 3px,#0a0a0a 3px,#0a0a0a 6px);border:2.5px solid #0a0a0a;z-index:1}

/* 用户气泡 */
.mes[is_user="true"],.message.user,.user-message{background:#4da6ff!important;color:#fff!important}
.mes[is_user="true"]::before{background:repeating-linear-gradient(45deg,#ffd60a 0,#ffd60a 3px,#0a0a0a 3px,#0a0a0a 6px)}

/* 角色名 / 时间戳 */
.name_text,.ch_name,.character-name,.mes-author,.message-name{font-weight:900!important;font-size:14px!important;letter-spacing:1px!important;background:#0a0a0a!important;color:#ffd60a!important;padding:2px 10px!important;display:inline-block!important;border:2px solid #0a0a0a!important;box-shadow:2px 2px 0 #ff5fa2!important;transform:rotate(-1deg)!important;margin-bottom:6px!important}
.timestamp,.mes-timestamp,.message-time{font-weight:800!important;background:#fff!important;border:1.5px solid #0a0a0a!important;padding:1px 6px!important;font-size:10.5px!important;color:#0a0a0a!important;letter-spacing:.5px!important;margin-left:6px!important}

/* 头像方框化 */
.avatar,.mes-avatar,.message-avatar img,.avatar img{border:2.5px solid #0a0a0a!important;box-shadow:3px 3px 0 #0a0a0a!important;border-radius:0!important;background:#fff!important}

/* 输入框（保留 placeholder 文案，不动它） */
#send_textarea,textarea.mes_input,textarea.chat-input,.message-input textarea,form textarea{background:#fff!important;color:#0a0a0a!important;border:3px solid #0a0a0a!important;box-shadow:4px 4px 0 #0a0a0a!important;border-radius:0!important;font-weight:700!important;font-family:"Helvetica Neue","PingFang SC",sans-serif!important;font-size:14px!important;padding:10px 12px!important;outline:none!important;transition:box-shadow .15s,transform .15s}
#send_textarea:focus,textarea.mes_input:focus,textarea.chat-input:focus,.message-input textarea:focus{box-shadow:4px 4px 0 #ffd60a,4px 4px 0 3px #0a0a0a!important;transform:translate(-1px,-1px)}

/* 发送按钮 / 通用按钮 */
#send_but,.send_button,.send-btn,button.send,#send_form .fa-paper-plane{background:#ff5fa2!important;color:#fff!important;border:3px solid #0a0a0a!important;box-shadow:4px 4px 0 #0a0a0a!important;border-radius:0!important;font-weight:900!important;letter-spacing:2px!important;padding:8px 16px!important;cursor:pointer!important;transition:transform .12s,box-shadow .12s;text-transform:uppercase!important}
#send_but:hover,.send_button:hover,.send-btn:hover,button.send:hover{transform:translate(2px,2px)!important;box-shadow:2px 2px 0 #0a0a0a!important;background:#ffd60a!important;color:#0a0a0a!important}
#send_but:active,.send_button:active{transform:translate(4px,4px)!important;box-shadow:0 0 0 #0a0a0a!important}

/* 通用 button 兜底 */
button,.btn,input[type="button"],input[type="submit"]{border:2.5px solid #0a0a0a!important;box-shadow:3px 3px 0 #0a0a0a!important;border-radius:0!important;font-weight:800!important;background:#ffd60a!important;color:#0a0a0a!important;padding:5px 12px!important;letter-spacing:1px!important;transition:transform .1s,box-shadow .1s;cursor:pointer}
button:hover,.btn:hover{transform:translate(1px,1px)!important;box-shadow:2px 2px 0 #0a0a0a!important}
button:active,.btn:active{transform:translate(3px,3px)!important;box-shadow:0 0 0 #0a0a0a!important}

/* 表单输入框通用（评论框、楼层评论等） */
input[type="text"],input[type="search"],input:not([type]),select{background:#fff!important;color:#0a0a0a!important;border:2.5px solid #0a0a0a!important;box-shadow:3px 3px 0 #0a0a0a!important;border-radius:0!important;font-weight:700!important;padding:6px 10px!important;outline:none!important;font-size:13.5px!important}
input[type="text"]:focus,input[type="search"]:focus,input:not([type]):focus{box-shadow:3px 3px 0 #ffd60a,3px 3px 0 2px #0a0a0a!important}

/* 评论 / 模组评论卡片 */
.comment,.comment-item,.module-comment,.review,.review-item,.discussion-item,.post-item{background:#f5ead7!important;border:2.5px solid #0a0a0a!important;box-shadow:4px 4px 0 #0a0a0a!important;border-radius:0!important;padding:10px 12px!important;margin:10px 4px!important;color:#0a0a0a!important;font-weight:600!important;position:relative}
.comment::before,.comment-item::before,.module-comment::before,.review-item::before{content:"REPLY";position:absolute;top:-10px;left:10px;background:#4da6ff;color:#fff;border:2px solid #0a0a0a;padding:1px 8px;font-size:10px;font-weight:900;letter-spacing:2px;transform:rotate(-2deg)}
.comment .author,.comment-author,.review-author,.comment-username{font-weight:900!important;background:#0a0a0a!important;color:#ffd60a!important;padding:1px 8px!important;border:2px solid #0a0a0a!important;display:inline-block!important;font-size:12px!important;letter-spacing:1px!important;margin-bottom:4px!important}

/* 滚动条波普化 */
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track{background:#f5ead7;border-left:2.5px solid #0a0a0a}
::-webkit-scrollbar-thumb{background:#ff5fa2;border:2.5px solid #0a0a0a;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#ffd60a}

/* 顶部工具栏 / 导航 */
#top-bar,.top-bar,.toolbar,.navbar,.header-bar{background:#0a0a0a!important;border-bottom:3px solid #0a0a0a!important;box-shadow:0 4px 0 #ffd60a!important}
#top-bar *,.top-bar *,.toolbar *,.navbar *{color:#ffd60a!important;font-weight:800!important}

/* 弹窗 / 模态框 */
.popup,.modal,.dialog,.modal-content,#dialogue_popup{background:#f5ead7!important;border:3px solid #0a0a0a!important;box-shadow:8px 8px 0 #0a0a0a!important;border-radius:0!important;color:#0a0a0a!important;font-weight:700!important;padding:20px!important}

/* 标签 / chip */
.tag,.label,.chip,.badge{background:#ffd60a!important;color:#0a0a0a!important;border:2px solid #0a0a0a!important;box-shadow:2px 2px 0 #0a0a0a!important;border-radius:0!important;font-weight:900!important;padding:1px 8px!important;letter-spacing:.5px!important;font-size:11px!important;display:inline-block!important;margin:2px!important}

/* 链接 */
a{color:#ff5fa2!important;font-weight:800!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{background:#ffd60a!important;color:#0a0a0a!important;text-decoration:none}

/* 通用选中态 */
::selection{background:#ffd60a;color:#0a0a0a}

ai art p:first-of-type::first-letter,ai article p:first-of-type::first-letter{all:unset!important}
ai art p:first-of-type,ai article p:first-of-type{padding-left:32px!important;position:relative;min-height:24px}
ai art p:first-of-type::before,ai article p:first-of-type::before{content:"❞";position:absolute;left:0;top:-2px;width:24px;height:24px;background:#ff5fa2;color:#fff;border:2px solid #0a0a0a;box-shadow:2px 2px 0 #0a0a0a;display:grid;place-items:center;font-size:16px;font-weight:900;transform:rotate(-4deg)}