css
ai{display:block;position:relative;margin:8px 0;padding:18px 14px 16px;font-family:"Noto Serif SC","STZhongsong",serif;color:#2c2a26;background:#f5f1e8 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><g fill='none' stroke='%23c8a96122' stroke-width='.6'><path d='M10 30q10-8 20 0t20 0 20 0 20 0 20 0'/><path d='M10 70q10-8 20 0t20 0 20 0 20 0 20 0'/><circle cx='30' cy='50' r='3'/><circle cx='90' cy='50' r='3'/></g></svg>") repeat;border:1px solid #a63e3e;box-shadow:inset 0 0 0 3px #f5f1e8,inset 0 0 0 4px #2c2a2688,0 4px 18px #0002;border-radius:2px;font-size:15px;line-height:1.75}
ai::before,ai::after{content:"";position:absolute;width:22px;height:22px;border:1.5px solid #c8a961;pointer-events:none}
ai::before{top:6px;left:6px;border-right:none;border-bottom:none}
ai::after{bottom:6px;right:6px;border-left:none;border-top:none}
ai hd{display:flex;flex-wrap:wrap;gap:4px 0;justify-content:space-between;align-items:center;padding:10px 12px;margin:-4px 0 14px;background:linear-gradient(90deg,#2c2a26,#3d3a34 50%,#2c2a26);color:#e8dfc4;border-radius:2px;position:relative;font-size:13px;letter-spacing:.5px;box-shadow:0 2px 0 #c8a96155,0 3px 0 #a63e3e88}
ai hd::before{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:repeating-linear-gradient(90deg,#c8a961 0,#c8a961 6px,transparent 6px,transparent 10px)}
ai hd i{font-style:normal;display:inline-flex;align-items:center;padding:2px 8px;position:relative;flex:1 1 auto;justify-content:center;min-width:45%}
ai hd i+i::before{content:"⋄";position:absolute;left:-2px;color:#c8a961;font-style:normal}
ai article{display:block;padding:10px 4px 4px;position:relative}
ai article p{margin:0 0 16px;padding:16px 16px 14px;text-indent:2em;position:relative;background:linear-gradient(180deg,#faf6ec 0%,#f5f1e8 100%);border-left:1px solid #c8a961;border-right:1px solid #c8a961;box-shadow:inset 0 0 0 1px #f5f1e8,inset 0 0 0 2px #c8a96144,0 1px 3px #2c2a2611}
ai article p::before,ai article p::after{content:"";position:absolute;left:8px;right:8px;height:6px;pointer-events:none;background:linear-gradient(90deg,transparent,#c8a961 15%,#c8a961 85%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);opacity:.55}
ai article p::before{top:3px;background:linear-gradient(90deg,transparent,#c8a961 15%,#a63e3e 50%,#c8a961 85%,transparent) 0/100% 1px no-repeat,radial-gradient(circle at 50% 3px,#a63e3e 1.5px,transparent 2px)}
ai article p::after{bottom:3px;background:linear-gradient(90deg,transparent,#c8a961 15%,#a63e3e 50%,#c8a961 85%,transparent) 0 bottom/100% 1px no-repeat,radial-gradient(circle at 50% calc(100% - 3px),#a63e3e 1.5px,transparent 2px)}
ai article p:first-child::first-letter{float:left;font-size:2.8em;line-height:.9;padding:6px 8px;margin:2px 8px 0 0;background:linear-gradient(135deg,#a63e3e,#7a2828);color:#f5f1e8;text-indent:0;font-family:"STKaiti","KaiTi",serif;border-radius:2px;box-shadow:0 0 0 2px #f5f1e8,0 0 0 3px #a63e3e}
ai article p+p{margin-top:0}
ai article em,ai article i{color:#7a2828;font-style:normal;padding:0 2px;background:linear-gradient(180deg,transparent 70%,#c8a96144 70%)}
ai article strong{color:#5a8a7a;font-weight:600}
ai details{margin:10px 0;background:linear-gradient(180deg,#faf6ec,#f0ebde);border:1px solid #c8a96155;border-left:3px solid #c8a961;border-radius:2px;overflow:hidden;transition:.3s}
ai details[open]{box-shadow:0 3px 12px #2c2a2622,inset 0 0 40px #c8a96108}
ai summary{padding:9px 14px;cursor:pointer;font-size:15px;font-weight:600;color:#3d3a34;background:linear-gradient(90deg,#e8dfc4 0%,#f5f1e8 40%,transparent);list-style:none;position:relative;letter-spacing:1px;display:flex;align-items:center}
ai summary::-webkit-details-marker{display:none}
ai summary::after{content:"";flex:1;margin-left:10px;height:1px;background:repeating-linear-gradient(90deg,#c8a96166 0,#c8a96166 4px,transparent 4px,transparent 8px)}
ai summary::before{content:"▸";margin-right:6px;color:#a63e3e;transition:.3s;font-size:12px}
ai details[open] summary::before{transform:rotate(90deg)}
ai details p{margin:0;padding:6px 14px;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:baseline;border-top:1px dashed #c8a96133}
ai details p:first-of-type{border-top:none;padding-top:10px}
ai details p:last-of-type{padding-bottom:12px}
ai details p[t]::before{content:attr(t);display:inline-block;min-width:22px;padding:2px 7px;background:linear-gradient(135deg,#5a8a7a,#3d6b5e);color:#f5f1e8;font-size:12px;border-radius:2px;text-align:center;font-weight:500;letter-spacing:2px;box-shadow:0 1px 0 #2c2a2644;align-self:start;margin-top:2px}
ai d{display:inline-block;margin:1px 4px 1px 0;padding:1px 2px;font-size:14px;line-height:1.7;color:#3d3a34}
ai d+d{margin-left:0}
ai p d:not(:last-child)::after{content:"｜";color:#c8a96177;margin:0 4px}
ai f{display:inline-block;padding:2px 10px;margin-right:6px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#c8a961,#e8c987 50%,#c8a961);-webkit-background-clip:text;background-clip:text;color:transparent;border-bottom:2px double #c8a961;font-family:"STKaiti",serif;letter-spacing:2px}
ai q{display:inline-block;padding:1px 8px;margin:1px 4px 1px 0;font-size:12px;background:linear-gradient(135deg,#5a8a7a22,#5a8a7a11);color:#3d6b5e;border:1px solid #5a8a7a55;border-radius:10px;font-style:normal;quotes:none}
ai q::before,ai q::after{content:""}
ai b{display:inline-block;padding:0 6px;margin:0 2px;font-family:"Courier New",monospace;color:#a63e3e;background:#a63e3e11;border:1px solid #a63e3e44;border-radius:2px;font-weight:700;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{background:#a63e3e33;box-shadow:0 0 6px #a63e3e77}}
ai details:nth-of-type(2){border-left-color:#c96b8a;background:linear-gradient(180deg,#faf0f3,#f5e8ec)}
ai details:nth-of-type(2) summary{background:linear-gradient(90deg,#f0d4dc 0%,#faf0f3 40%,transparent);color:#7a2848}
ai details:nth-of-type(2) summary::before{color:#c96b8a}
ai details:nth-of-type(2) p[t]::before{background:linear-gradient(135deg,#c96b8a,#a34868)}
ai details:nth-of-type(3){border-left-color:#4dd8b8;background:linear-gradient(180deg,#0f1a1a,#1a2828);color:#a8e8d8}
ai details:nth-of-type(3) summary{background:linear-gradient(90deg,#1a3030 0%,#0f1a1a 60%,transparent);color:#4dd8b8;text-shadow:0 0 8px #4dd8b877;font-family:"Consolas",monospace;letter-spacing:2px;position:relative;overflow:hidden}
ai details:nth-of-type(3) summary::after{background:repeating-linear-gradient(90deg,#4dd8b866 0,#4dd8b866 4px,transparent 4px,transparent 8px)}
ai details:nth-of-type(3) summary::before{color:#4dd8b8;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.3}}
ai details:nth-of-type(3) p{border-top-color:#4dd8b833;color:#a8e8d8}
ai details:nth-of-type(3) p[t]::before{background:linear-gradient(135deg,#4dd8b8,#2ba088);color:#0f1a1a;text-shadow:none;box-shadow:0 0 6px #4dd8b866}
ai details:nth-of-type(3) d{color:#c8e8dc}
ai details:nth-of-type(4){border-left-color:#a63e3e;background:linear-gradient(180deg,#f8ebeb,#f0dcdc);position:relative;overflow:hidden}
ai details:nth-of-type(4)[open]{box-shadow:0 3px 20px #a63e3e44,inset 0 0 60px #a63e3e11}
ai details:nth-of-type(4) summary{background:linear-gradient(90deg,#d89494 0%,#f0dcdc 40%,transparent);color:#5a1818;font-weight:700;letter-spacing:3px}
ai details:nth-of-type(4) summary::before{color:#a63e3e;animation:pulse 1.6s infinite}
ai details:nth-of-type(4) p[t]::before{background:linear-gradient(135deg,#a63e3e,#7a2828);box-shadow:0 0 4px #a63e3e88}
ai details:nth-of-type(4)::after{content:"⚠";position:absolute;right:8px;top:6px;color:#a63e3e33;font-size:32px;pointer-events:none}
ai details:nth-of-type(5),ai details:nth-of-type(6){background:linear-gradient(180deg,#eef0f0,#e0e4e4);border-left-color:#5a6a7a;font-family:"Consolas","Noto Sans Mono CJK SC",monospace}
ai details:nth-of-type(5) summary,ai details:nth-of-type(6) summary{background:linear-gradient(90deg,#c8ced4 0%,#eef0f0 40%,transparent);color:#2c3a4a;font-size:14px}
ai details:nth-of-type(5) p[t]::before,ai details:nth-of-type(6) p[t]::before{background:linear-gradient(135deg,#5a6a7a,#3d4a5a)}
ai details:nth-of-type(5) d,ai details:nth-of-type(6) d{font-size:13px;color:#3d4a5a}
ai details:last-of-type{border-left-color:#c8a961;background:linear-gradient(180deg,#faf3e0,#f0e5c8)}
ai details:last-of-type summary{background:linear-gradient(90deg,#e8d888 0%,#faf3e0 40%,transparent);color:#6a4a1a;letter-spacing:2px}
ai details:last-of-type p{grid-template-columns:1fr;padding:4px 14px}
ai details:last-of-type p[t]::before{display:none}
ai details:last-of-type d{display:block;padding:8px 12px;margin:4px 0;background:linear-gradient(90deg,#faf6ec,#f5efd8);border:1px solid #c8a96166;border-left:3px solid #c8a961;border-radius:2px;font-size:14px;color:#3d3a34;transition:.25s;cursor:pointer;position:relative}
ai details:last-of-type d::after{content:"›";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#c8a961;font-size:18px;transition:.25s}
ai details:last-of-type d:hover{background:linear-gradient(90deg,#c8a96122,#faf6ec);border-left-color:#a63e3e;transform:translateX(3px);box-shadow:0 2px 8px #c8a96155}
ai details:last-of-type d:hover::after{right:6px;color:#a63e3e}
ai details:last-of-type d::before{content:none}
@media(max-width:520px){
ai{padding:14px 10px;font-size:14px}
ai hd{padding:8px;font-size:12px}
ai hd i{min-width:48%;padding:2px 4px}
ai article p{text-indent:2em}
ai summary{font-size:14px;padding:8px 10px}
ai details p{padding:6px 10px;gap:6px 8px}
ai details p[t]::before{min-width:20px;padding:2px 5px;font-size:11px;letter-spacing:1px}
ai f{font-size:15px;padding:2px 6px}
ai d{font-size:13px}
}