ai{
--bg:#fffdfd;
--paper:#fff8fb;
--line:#ffd6e6;
--pink:#ff8fbd;
--pink2:#ffbfd5;
--rose:#e84f8a;
--blue:#2f7df6;
--text:#4b3f46;
--muted:#8d7b84;
--shadow:0 8px 24px rgba(255,143,189,.18);
display:block;
max-width:100%;
box-sizing:border-box;
padding:10px;
border:1px solid var(--line);
border-radius:18px;
background:
radial-gradient(circle at 12% 8%,rgba(255,191,213,.35) 0 10px,transparent 11px),
radial-gradient(circle at 92% 18%,rgba(255,214,230,.32) 0 14px,transparent 15px),
linear-gradient(145deg,#fff,#fff8fb 58%,#fff);
color:var(--text);
font-size:15px;
line-height:1.65;
box-shadow:var(--shadow);
overflow:hidden;
}
ai:before{
content:"";
display:block;
height:8px;
margin:-10px -10px 8px;
background:linear-gradient(90deg,#fff,#ffd6e6,#ff8fbd,#ffd6e6,#fff);
opacity:.8;
}
ai details{
margin:8px 0;
border:1px solid rgba(255,143,189,.36);
border-radius:14px;
background:rgba(255,255,255,.78);
box-shadow:0 3px 12px rgba(255,143,189,.08);
overflow:hidden;
}
ai summary{
cursor:pointer;
list-style:none;
padding:7px 10px;
font-weight:700;
color:#9f3d68;
background:linear-gradient(90deg,#fff1f7,#fff,#fff8fb);
border-bottom:1px solid rgba(255,143,189,.22);
}
ai summary::-webkit-details-marker{display:none}
ai summary:after{
content:" ✦";
color:var(--pink);
font-weight:400;
}
ai details[open] summary{
box-shadow:inset 3px 0 0 var(--pink);
}
ai article{
display:block;
margin:8px 0;
padding:10px;
border-radius:16px;
background:linear-gradient(180deg,#fff,#fff9fc);
border:1px solid rgba(255,214,230,.8);
}
ai p{
margin:6px 8px;
}
ai article p{
margin:6px 0;
}
ai f{
display:inline-block;
margin-right:6px;
font-weight:800;
color:#d94683;
}
ai d,ai m{
display:block;
margin:3px 0;
color:var(--text);
}
ai i{
display:inline-block;
margin:5px 6px 3px 0;
padding:1px 7px;
border-radius:999px;
font-style:normal;
font-size:13px;
font-weight:700;
color:#b93b71;
background:#fff0f6;
border:1px solid #ffd6e6;
}
ai q{
quotes:none;
display:inline;
margin:0 2px;
padding:0 2px;
border:none;
background:transparent;
box-shadow:none;
font-weight:700;
}
ai q:before,ai q:after{content:""}
ai q[who="p"]{color:var(--blue)}
ai q[who="w"]{color:var(--rose)}
ai p[t="env"],ai p[t="attr"],ai p[t="act"]{
display:grid;
grid-template-columns:1fr;
gap:4px;
}
ai b{
display:inline-block;
margin:3px 4px 3px 0;
padding:3px 8px;
border-radius:999px;
font-size:13px;
font-weight:800;
border:1px solid transparent;
background:#fff;
}
ai b[t="san"]{color:#5964d8;background:#f3f4ff;border-color:#cfd4ff}
ai b[t="sta"]{color:#16845c;background:#effcf6;border-color:#bdeed7}
ai b[t="dep"]{color:#d94683;background:#fff0f6;border-color:#ffc8df}
ai b[t="ind"]{color:#7c6f78;background:#f7f2f5;border-color:#eadde5}
ai b[t="fav"]{color:#e84f8a;background:#fff0f6;border-color:#ffc8df}
ai b[t="dark"]{color:#8f123f;background:linear-gradient(90deg,#ffe8f1,#fff);border-color:#f5a4c2;box-shadow:0 0 10px rgba(232,79,138,.18)}
ai stage{
display:block;
padding:7px 9px;
border-radius:13px;
font-weight:800;
color:#a43564;
background:linear-gradient(90deg,#fff0f6,#fff);
border:1px solid #ffc8df;
}
ai stage[n="3"]{
color:#c02664;
background:linear-gradient(90deg,#ffe4ef,#fff6fa);
box-shadow:0 0 12px rgba(255,143,189,.25);
}
ai stage[n="4"]{
color:#7f1d4e;
background:linear-gradient(90deg,#ffe1ee,#f8e8ff,#fff);
border-color:#d94683;
animation:aiPulse 2.6s ease-in-out infinite;
}
ai p[t="warn"]{
padding:6px 8px;
border-radius:12px;
background:linear-gradient(90deg,#fff8fb,#fff);
border:1px dashed #ffb3cf;
}
ai p[t="body"],ai p[t="look"],ai p[t="item"],ai p[t="mind"],ai p[t="memo"],ai p[t="ltm"],ai p[t="stm"],ai p[t="arc"]{
padding:4px 8px;
border-left:3px solid #ffd6e6;
background:rgba(255,248,251,.55);
border-radius:0 10px 10px 0;
}
ai m{
padding:5px 7px;
border-radius:10px;
background:#fff;
border:1px solid rgba(255,214,230,.75);
font-size:13px;
color:#6f5d66;
}
ai p[t="act"] d{
padding:6px 8px;
border-radius:11px;
background:#fff;
border:1px solid rgba(255,214,230,.9);
}
ai p[t="act"] d:hover,ai q:hover,ai details:hover{
border-color:var(--pink);
box-shadow:0 4px 14px rgba(255,143,189,.16);
}
@keyframes aiPulse{
0%,100%{box-shadow:0 0 8px rgba(232,79,138,.12)}
50%{box-shadow:0 0 18px rgba(232,79,138,.32)}
}
@media (min-width:520px){
ai p[t="env"],ai p[t="attr"]{grid-template-columns:repeat(2,1fr)}
}