ai{display:block;max-width:680px;margin:0 auto;padding:12px;background:linear-gradient(135deg,#FFF5E6 0%,#FFE8CC 100%);border-radius:16px;font-family:'Inter',sans-serif;font-size:14px;color:#3E2723;line-height:1.6;position:relative;overflow:hidden}
ai::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='%23FF6B35' opacity='0.1'/%3E%3Cpath d='M50 10 Q60 30 50 50 Q40 30 50 10' fill='%23F7931E' opacity='0.15'/%3E%3C/svg%3E") no-repeat center;opacity:0.6;animation:rotate 20s linear infinite}
@keyframes rotate{to{transform:rotate(360deg)}}
hd{display:block;background:linear-gradient(90deg,#FF6B35 0%,#F7931E 50%,#FF6B35 100%);padding:10px 16px;border-radius:12px;color:#FFF;font-weight:500;margin-bottom:14px;box-shadow:0 3px 8px rgba(255,107,53,0.3);position:relative;overflow:hidden}
hd::after{content:'🍊';position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;animation:bounce 2s ease-in-out infinite}
@keyframes bounce{0%,100%{transform:translateY(-50%)}50%{transform:translateY(-60%)}}
article{background:#FFF;border-radius:12px;padding:18px;margin-bottom:12px;box-shadow:0 2px 6px rgba(0,0,0,0.08);border-left:4px solid #FF6B35}
article p.d::first-letter{font-size:3em;font-family:'Playfair Display',serif;color:#FF6B35;float:left;line-height:0.85;margin:8px 8px 0 0;font-weight:700}
article p{margin:12px 0}
details{background:#FFF;border-radius:10px;padding:12px 14px;margin-bottom:10px;border:1px solid #FFE0CC;transition:all 0.3s ease;position:relative}
details:hover{border-color:#FF6B35;box-shadow:0 4px 12px rgba(255,107,53,0.2);transform:translateY(-2px)}
details[open]{background:linear-gradient(135deg,#FFF 0%,#FFF9F5 100%);border-color:#FF6B35}
details[open]>summary{color:#FF6B35;border-bottom:2px solid #FFE0CC;padding-bottom:8px;margin-bottom:10px}
details summary{cursor:pointer;font-weight:600;font-size:15px;color:#3E2723;padding:4px 0;user-select:none;transition:color 0.2s}
details summary:hover{color:#F7931E}
details p{margin:6px 0;padding-left:8px}
details p[t]::before{content:attr(t);display:inline-block;background:linear-gradient(90deg,#FFB399,#FFCC99);color:#FFF;padding:2px 10px;border-radius:12px;font-size:12px;margin-right:8px;font-weight:500}
details d{display:block;padding:4px 8px;margin:3px 0;background:#FFF9F5;border-radius:6px;border-left:3px solid #FFD4B3;font-size:13px;transition:background 0.2s}
details d:hover{background:#FFE8CC}
details f{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-weight:600;font-size:14px;background:linear-gradient(90deg,#FF6B35,#F7931E);color:#FFF;box-shadow:0 2px 6px rgba(255,107,53,0.4);position:relative}
details f::before{content:'🔥';margin-right:6px;font-size:16px;animation:flicker 1.5s ease-in-out infinite}
@keyframes flicker{0%,100%{opacity:1}50%{opacity:0.7}}
details f[lv="1"]{background:linear-gradient(90deg,#FFD4B3,#FFCC99)}
details f[lv="2"]{background:linear-gradient(90deg,#FFB399,#FF9966)}
details f[lv="3"]{background:linear-gradient(90deg,#FF8C66,#FF6B35)}
details f[lv="4"]{background:linear-gradient(90deg,#FF6B35,#F7931E);box-shadow:0 3px 10px rgba(255,107,53,0.6)}
details f[lv="5"]{background:linear-gradient(90deg,#F7931E,#FF3D00);box-shadow:0 4px 14px rgba(247,147,30,0.8);animation:pulse 1s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
details:has(summary:contains("📱")),details:has(summary:contains("🎀")),details:has(summary:contains("🎈")){border:2px solid transparent;background:linear-gradient(#FFF,#FFF) padding-box,linear-gradient(135deg,#FFB399,#FF6B35,#F7931E) border-box;box-shadow:inset 0 0 12px rgba(255,107,53,0.1)}
details.abs{opacity:0.5;background:#F5F5F5;border:1px dashed #CCC}
details.abs d{background:#FAFAFA;border-left-color:#DDD;color:#666}
details[open]>p,details[open]>d{animation:fadeIn 0.4s ease-out}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
details:has(summary:contains("🎯")) d{background:linear-gradient(90deg,#FFF9F5,#FFF);border-left:4px solid #FF6B35;padding:8px 12px;margin:6px 0;font-weight:500;cursor:pointer;transition:all 0.3s}
details:has(summary:contains("🎯")) d:hover{background:linear-gradient(90deg,#FFE8CC,#FFD4B3);transform:translateX(6px);box-shadow:0 2px 8px rgba(255,107,53,0.3)}
details:has(summary:contains("📜")) p[t="亲密记录"] d{display:inline-block;margin:4px 6px 4px 0;padding:4px 10px;background:#FFB399;color:#FFF;border-radius:16px;font-size:12px;border:none}
@media(max-width:600px){ai{padding:10px;font-size:13px}hd{padding:8px 12px;font-size:13px}article{padding:14px}details{padding:10px 12px}details p[t]::before{font-size:11px;padding:2px 8px}}