/* ==================== 微信样式 ==================== */
.wechat-phone {
  max-width: 375px;
  margin: 20px auto;
  border: 12px solid #1a1a1a;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  background: #ededed;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  position: relative;
}
.wechat-phone::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 28px;
  background: #1a1a1a;
  border-radius: 0 0 18px 18px;
  z-index: 10;
}
.wechat-header {
  background: #ededed;
  padding: 38px 16px 12px;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  border-bottom: 1px solid #d9d9d9;
}
.wechat-header .back {
  position: absolute;
  left: 16px;
  top: 40px;
  color: #000;
}
.wechat-body {
  background: #ededed;
  padding: 16px 12px;
  min-height: 300px;
  max-height: 500px;
  overflow-y: auto;
}
.time-stamp {
  text-align: center;
  font-size: 12px;
  color: #b2b2b2;
  margin: 12px 0;
}
.msg-left, .msg-right {
  display: flex;
  align-items: flex-start;
  margin: 12px 0;
  animation: msgSlideIn 0.3s ease-out;
}
.msg-right {
  justify-content: flex-end;
}
.avatar {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background-image: url('https://iili.io/CCKnoiJ.png');
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.avatar-self {
  width: 42px;
  height: 42px;
  border-radius: 6px;
  background: linear-gradient(135deg, #95ec69, #7dd95a);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(149,236,105,0.3);
}
.bubble-left {
  background: #fff;
  padding: 10px 14px;
  border-radius: 4px;
  margin-left: 10px;
  max-width: 65%;
  font-size: 15px;
  color: #000;
  line-height: 1.4;
  position: relative;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.bubble-left::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 14px;
  border: 6px solid transparent;
  border-right-color: #fff;
}
.bubble-right {
  background: #95ec69;
  padding: 10px 14px;
  border-radius: 4px;
  margin-right: 10px;
  max-width: 65%;
  font-size: 15px;
  color: #000;
  line-height: 1.4;
  position: relative;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.bubble-right::after {
  content: "";
  position: absolute;
  right: -6px;
  top: 14px;
  border: 6px solid transparent;
  border-left-color: #95ec69;
}
.wechat-body::-webkit-scrollbar {
  width: 4px;
}
.wechat-body::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 2px;
}

/* ==================== 小红书样式 ==================== */
.xhs-phone {
  max-width: 375px;
  margin: 20px auto;
  border: 12px solid #1a1a1a;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  position: relative;
}
.xhs-phone::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 150px;
  height: 28px;
  background: #1a1a1a;
  border-radius: 0 0 18px 18px;
  z-index: 10;
}
.xhs-header {
  background: linear-gradient(135deg, #ff2442, #ff6b81);
  padding: 38px 16px 14px;
  text-align: center;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}
.xhs-body {
  background: #f7f7f7;
  padding: 16px 12px;
  min-height: 300px;
  max-height: 500px;
  overflow-y: auto;
}
.xhs-body .time-stamp {
  text-align: center;
  font-size: 12px;
  color: #b2b2b2;
  margin: 12px 0;
}
.xhs-body .msg-left,
.xhs-body .msg-right {
  display: flex;
  align-items: flex-start;
  margin: 12px 0;
  animation: msgSlideIn 0.3s ease-out;
}
.xhs-body .msg-right {
  justify-content: flex-end;
}
.xhs-body .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url('https://iili.io/CCKnoiJ.png');
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(255,107,107,0.2);
}
.xhs-body .avatar-self {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(135deg, #4a90e2, #5da3f0);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(74,144,226,0.3);
}
.xhs-body .bubble-left {
  background: #fff;
  padding: 10px 14px;
  border-radius: 16px 16px 16px 4px;
  margin-left: 10px;
  max-width: 65%;
  font-size: 15px;
  color: #333;
  line-height: 1.4;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.xhs-body .bubble-right {
  background: linear-gradient(135deg, #ff2442, #ff6b81);
  padding: 10px 14px;
  border-radius: 16px 16px 4px 16px;
  margin-right: 10px;
  max-width: 65%;
  font-size: 15px;
  color: #fff;
  line-height: 1.4;
  box-shadow: 0 2px 8px rgba(255,36,66,0.25);
}
.xhs-note {
  background: #fff;
  border-radius: 12px;
  margin: 12px 0;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.author-info {
  display: flex;
  align-items: center;
  padding: 12px;
}
.author-info .avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-image: url('https://iili.io/CCKnoiJ.png');
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}
.author-name {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
.note-content {
  padding: 0 12px 12px;
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}
.note-stats {
  display: flex;
  gap: 16px;
  padding: 10px 12px;
  border-top: 1px solid #f0f0f0;
  font-size: 13px;
  color: #999;
}
.xhs-body::-webkit-scrollbar {
  width: 4px;
}
.xhs-body::-webkit-scrollbar-thumb {
  background: #ffb3bc;
  border-radius: 2px;
}

/* ==================== 通用动画 ==================== */
@keyframes msgSlideIn {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

ai{
  display:block;max-width:720px;margin:0 auto;padding:24px 16px;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  color:#33302b;line-height:1.75;position:relative;
  overflow-wrap:break-word;word-break:break-word;
  background-color:#e9e4d6;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23p)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(118deg,transparent,transparent 3px,rgba(120,105,80,.025) 3px,rgba(120,105,80,.025) 4px),
    radial-gradient(circle at 22% 6%,rgba(255,255,255,.55),transparent 42%),
    radial-gradient(circle at 85% 92%,rgba(150,135,105,.12),transparent 50%),
    linear-gradient(160deg,#efeadd 0%,#e4ddcb 50%,#dcd3bd 100%);
}
ai details,ai summary,ai paper,ai booklet,ai info,ai metrics,ai items,
ai grid,ai field,ai board,ai note,ai card,ai bar,ai sysbar{box-sizing:border-box;max-width:100%}
ai details{margin:18px 0;position:relative;transition:.3s}
ai summary{cursor:pointer;list-style:none;user-select:none;outline:none}
ai summary::-webkit-details-marker{display:none}
ai article{margin:14px 4px}
ai article p{margin:.6em 0;text-indent:2em}
/* ===== 报纸 · 真实报纸质感 ===== */
details.news{
  background:#f2ede4;border:1px solid #9d8f7a;overflow:hidden;
  box-shadow:0 3px 10px rgba(60,45,20,.28),inset 0 0 80px rgba(100,80,50,.08);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(88deg,transparent,transparent 1px,rgba(0,0,0,.015) 1px,rgba(0,0,0,.015) 2px);
  position:relative;
}
details.news::before{
  content:"";position:absolute;top:0;left:0;right:0;bottom:0;
  background:linear-gradient(92deg,transparent 40%,rgba(0,0,0,.02) 42%,transparent 44%);
  pointer-events:none;
}
details.news summary{
  font-family:Georgia,"Noto Serif SC","STSong",serif;text-align:center;
  font-size:12.5px;letter-spacing:2.5px;color:#5a5040;font-weight:600;
  padding:7px;border-bottom:2px double #8a7a64;background:rgba(100,80,50,.05);
  text-transform:uppercase;
}
details.news summary::before{content:"§ ";opacity:.6;font-size:10px}
details.news paper{display:block;padding:16px 20px;font-family:Georgia,"Noto Serif SC","STSong",serif}
details.news mast{
  display:block;text-align:center;font-size:32px;font-weight:900;
  letter-spacing:8px;color:#1a1816;line-height:1.1;
  border-bottom:4px double #1a1816;padding-bottom:8px;text-shadow:1px 1px 0 rgba(0,0,0,.15);
}
details.news sub{
  display:block;text-align:center;font-size:9.5px;letter-spacing:3px;
  color:#7a6a54;margin:5px 0;font-weight:600;
}
details.news line{
  display:block;text-align:center;font-size:11px;color:#4a4036;
  border-bottom:1px solid #9d8f7a;padding-bottom:7px;margin-bottom:9px;font-weight:600;
}
details.news headline{
  display:block;text-align:center;font-size:19px;font-weight:700;
  color:#0a0906;margin:7px 0;line-height:1.35;letter-spacing:.5px;
}
details.news wx{
  display:block;text-align:center;font-size:12.5px;color:#5a4e3e;
  font-style:italic;font-weight:500;
}
details.news sysbar{
  display:flex;justify-content:center;gap:10px;flex-wrap:wrap;
  margin-top:10px;padding-top:9px;border-top:1px dashed #9d8f7a;
}
details.news sw{
  display:inline-block;font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:11.5px;font-weight:700;letter-spacing:.3px;color:#fff;
  padding:3px 11px 3px 24px;border-radius:20px;position:relative;
  background:linear-gradient(95deg,#27ae60,#2ecc71);
  box-shadow:0 2px 6px rgba(39,174,96,.4),inset 0 1px 0 rgba(255,255,255,.35);
}
details.news sw::before{
  content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);
  width:13px;height:13px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.35);
}
@keyframes swpulse{0%,100%{box-shadow:0 2px 6px rgba(39,174,96,.4),inset 0 1px 0 rgba(255,255,255,.35)}50%{box-shadow:0 2px 11px rgba(46,204,113,.65),inset 0 1px 0 rgba(255,255,255,.35)}}
/* ===== 档案袋 · 深棕牛皮纸+白色内衬 ===== */
details.folder{
  background:linear-gradient(135deg,#caa066 0%,#b58a4e 48%,#a87e44 100%);
  border-radius:3px 3px 7px 7px;
  box-shadow:0 8px 22px rgba(50,32,8,.42),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -3px 8px rgba(60,38,10,.25);
  padding:0 0 16px;border:1px solid #8c6736;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4'/%3E%3CfeColorMatrix values='0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 .14 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23f)'/%3E%3C/svg%3E"),
    repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(0,0,0,.025) 3px,rgba(0,0,0,.025) 6px);
}
details.folder::before{
  content:"";position:absolute;top:-12px;left:24px;
  width:132px;height:26px;background:linear-gradient(135deg,#d8b074,#bd9a5a);
  border:1px solid #8c6736;border-radius:8px 8px 0 0;
  box-shadow:0 -3px 8px rgba(45,28,4,.3),inset 0 1px 0 rgba(255,255,255,.25);
}
details.folder summary{
  position:relative;font-family:"Courier New","Consolas",monospace;font-weight:800;
  font-size:15px;letter-spacing:2.5px;color:#3a2410;
  padding:18px 40px 12px 18px;text-shadow:0 1px 0 rgba(255,255,255,.18);
}
details.folder summary::before{content:"🗂 "}
details.folder summary::after{
  content:"▸";position:absolute;right:18px;top:18px;transition:.3s;color:#5a3f18;font-size:13px;
}
details.folder[open] summary::after{transform:rotate(90deg)}
details.folder seal{
  display:inline-block;margin:0 0 0 18px;padding:4px 12px;
  font-family:"Courier New","Consolas",monospace;font-size:12px;font-weight:900;
  letter-spacing:4px;color:#b22a20;border:2.5px solid #b22a20;border-radius:4px;
  transform:rotate(-6deg);opacity:.82;text-shadow:0 0 1px rgba(178,42,32,.3);
  position:relative;z-index:2;
}
details.folder no{
  display:block;margin:10px 16px 0;font-family:"Courier New","Consolas",monospace;
  font-size:11px;color:#4a3010;font-weight:600;
  background:#fdf8ec;padding:8px 12px;border-radius:4px 4px 0 0;
  border:1px solid #c9a96a;border-bottom:none;
}
details.folder grid{
  display:grid;grid-template-columns:auto 1fr auto 1fr;gap:1px;
  margin:0 16px;background:#d8c08a;border:1px solid #c9a96a;border-top:none;
}
details.folder k{
  font-family:Georgia,"Noto Serif SC",serif;font-size:12px;font-weight:700;
  color:#4a3010;background:#f4e9cf;padding:8px 11px;white-space:nowrap;letter-spacing:.5px;
}
details.folder v{
  font-family:"Courier New","Consolas",monospace;font-size:13px;color:#2a1c08;
  background:#fffdf6;padding:8px 11px;font-weight:500;overflow-wrap:break-word;
}
details.folder field{
  display:grid;grid-template-columns:78px 1fr;gap:8px;margin:0 16px;
  background:#fffdf6;padding:8px 12px;
  border-left:1px solid #c9a96a;border-right:1px solid #c9a96a;border-bottom:1px dotted #d0b888;
}
details.folder field:last-child{border-bottom:1px solid #c9a96a;border-radius:0 0 4px 4px;padding-bottom:10px}
details.folder fk{
  font-family:Georgia,"Noto Serif SC",serif;font-size:12px;font-weight:700;
  color:#7a5420;letter-spacing:.5px;
}
details.folder fv{font-size:13px;color:#2a1c08;line-height:1.55;overflow-wrap:break-word}
/* ===== 宣传单 · 薇拉档案 ===== */
details.brochure{
  background:#fff;border:none;border-radius:0;
  box-shadow:0 12px 32px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.04);
  overflow:hidden;
}
details.brochure summary{
  font-family:"Helvetica Neue","Arial",sans-serif;font-weight:900;
  font-size:14px;letter-spacing:6px;color:#fff;text-transform:uppercase;
  padding:14px 20px;background:linear-gradient(100deg,#1a1a1a,#3a3a3a);
}
details.brochure summary::before{content:"▮ ";color:#e8623d;opacity:.95;font-size:12px}
details.brochure booklet{display:block;background:#fff}
details.brochure hd{
  display:block;padding:26px 24px 22px;text-align:center;position:relative;
  background:linear-gradient(120deg,#e8623d 0%,#f47b54 60%,#ff9166 100%);overflow:hidden;
}
details.brochure hd::after{
  content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;
  background:rgba(255,255,255,.12);transform:rotate(35deg);
}
details.brochure logo{
  display:block;font-size:12px;font-weight:900;letter-spacing:8px;
  color:#fff;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.2);
}
details.brochure hd div{
  display:block;font-size:16px;font-weight:800;letter-spacing:4px;color:#fff;
  font-family:"Helvetica Neue","Arial",sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.25);
}
details.brochure photo{
  display:flex;align-items:center;justify-content:center;
  padding:24px;background:#f6f6f6;border-bottom:4px solid #e8623d;
  min-height:240px;
}
details.brochure photo img{
  display:block;width:auto;height:auto;
  max-width:100%;max-height:480px;
  object-fit:contain;
  border:5px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.22);background:#fff;
}
details.brochure info{display:block;padding:22px 26px;background:#fff}
details.brochure row{
  display:grid;grid-template-columns:135px 1fr;gap:14px;
  padding:12px 0;border-bottom:1px solid #f0f0f0;align-items:baseline;
}
details.brochure row:first-child val{
  font-size:28px;font-weight:900;color:#1a1a1a;letter-spacing:1px;line-height:1.1;
}
details.brochure row:last-child{border-bottom:none}
details.brochure label{
  font-family:"Helvetica Neue","Arial",sans-serif;font-size:11px;
  font-weight:800;letter-spacing:1.5px;color:#bbb;text-transform:uppercase;
}
details.brochure val{
  font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:15px;
  color:#2a2a2a;font-weight:600;overflow-wrap:break-word;
}
details.brochure sec{
  display:block;padding:14px 26px 12px;font-size:13px;font-weight:900;
  letter-spacing:4px;color:#fff;background:#e8623d;text-transform:uppercase;
  font-family:"Helvetica Neue","Arial",sans-serif;position:relative;
}
details.brochure sec::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:#1a1a1a;
}
details.brochure metrics{display:block;padding:22px 26px;background:#fff;border-bottom:1px solid #eee}
details.brochure bar{
  display:grid;grid-template-columns:110px 1fr 48px;gap:12px;align-items:center;margin:16px 0;
}
details.brochure lb{
  font-family:"Helvetica Neue","Arial",sans-serif;font-size:11px;
  font-weight:800;color:#555;letter-spacing:1px;text-transform:uppercase;
}
details.brochure rail{
  display:block;height:14px;background:#eee;border-radius:7px;
  position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.18);
}
details.brochure fill{
  display:block;position:absolute;left:0;top:0;height:100%;border-radius:7px;
  transition:width .9s cubic-bezier(0.4,0,0.2,1);box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
}
details.brochure fill.s{background:linear-gradient(90deg,#2980b9,#3498db)}
details.brochure fill.d{background:linear-gradient(90deg,#c0392b,#e74c3c)}
details.brochure fill.g{background:linear-gradient(90deg,#7f8c8d,#95a5a6)}
details.brochure num{
  font-family:"Courier New","Consolas",monospace;font-size:15px;
  font-weight:800;color:#1a1a1a;text-align:right;
}
details.brochure phase{
  grid-column:1/4;font-size:11px;color:#e8623d;font-weight:700;
  margin-top:-9px;padding-left:122px;letter-spacing:.5px;
}
details.brochure items{display:block;padding:16px 26px;background:#fff;border-bottom:1px solid #eee}
details.brochure item{
  display:grid;grid-template-columns:66px 1fr;gap:14px;
  padding:10px 0;border-bottom:1px dotted #e8e8e8;
}
details.brochure item:last-child{border-bottom:none}
details.brochure t{
  font-family:"Helvetica Neue","Arial",sans-serif;font-size:11px;
  font-weight:800;color:#e8623d;text-transform:uppercase;letter-spacing:.5px;
}
details.brochure item > *:not(t){font-size:14px;color:#333;line-height:1.6;overflow-wrap:break-word}
details.brochure note{
  display:block;margin:0 26px 22px;padding:16px 18px;
  background:#fff8f4;border-left:5px solid #e8623d;border-radius:0 6px 6px 0;
  font-size:14px;font-style:italic;color:#5a4a44;line-height:1.7;
}
/* ===== 员工工牌 · PVC质感 ===== */
details.badge{
  width:288px;max-width:calc(100% - 24px);margin:44px auto 26px;border-radius:16px;
  background:linear-gradient(160deg,#ffffff 0%,#f2f5f8 100%);
  border:1px solid #d2d8de;
  box-shadow:0 16px 34px rgba(0,0,0,.26),0 0 0 1px rgba(0,0,0,.04),inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;position:relative;
}
details.badge::before{
  content:"";position:absolute;top:-34px;left:50%;transform:translateX(-50%);
  width:60px;height:40px;border:9px solid #284e66;border-bottom:none;
  border-radius:32px 32px 0 0;z-index:-1;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.2);
}
details.badge::after{
  content:"";position:absolute;top:-36px;left:50%;transform:translateX(-50%);
  width:5px;height:42px;background:linear-gradient(180deg,#666,#2a2a2a);
  z-index:-2;box-shadow:0 2px 5px rgba(0,0,0,.45);
}
details.badge summary{
  position:relative;background:linear-gradient(135deg,#284e66 0%,#3d7298 55%,#4a85ad 100%);
  color:#fff;text-align:center;font-weight:900;letter-spacing:6px;font-size:14px;
  padding:26px 0 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
}
details.badge summary::before{
  content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);
  width:42px;height:11px;background:#0a0a0c;border-radius:6px;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.15);
}
details.badge summary::after{
  content:" · STAFF ID";font-weight:500;font-size:10px;opacity:.78;letter-spacing:2.5px;
}
details.badge card{
  display:block;padding:18px 22px 24px;text-align:center;position:relative;
  background:linear-gradient(135deg,rgba(255,255,255,.65) 0%,transparent 38%,transparent 62%,rgba(255,255,255,.4) 100%);
}
details.badge card::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:8px;
  background:linear-gradient(90deg,#e8623d,#f0c419,#2ecc71,#3498db,#9b59b6);opacity:.55;
}
details.badge face{
  display:inline-flex;align-items:center;justify-content:center;
  width:82px;height:82px;font-size:38px;
  background:radial-gradient(circle at 35% 30%,#f4fafd,#d4e6f0);
  border:4px solid #284e66;border-radius:50%;margin-bottom:12px;
  box-shadow:0 4px 10px rgba(0,0,0,.18),inset 0 -2px 4px rgba(0,0,0,.1),inset 0 2px 4px rgba(255,255,255,.7);
}
details.badge cn{display:block;font-size:21px;font-weight:900;color:#1a1a1a;letter-spacing:.5px}
details.badge cj{display:block;font-size:12px;color:#666;margin-bottom:12px;letter-spacing:1px;font-weight:600}
details.badge cd{
  display:block;font-size:12.5px;color:#2a2a2a;text-align:left;
  padding:7px 11px;margin:5px 0;background:rgba(255,255,255,.8);border-radius:7px;
  border-left:4px solid #3d7298;line-height:1.5;box-shadow:0 1px 4px rgba(0,0,0,.07);
  overflow-wrap:break-word;
}
/* ===== 记忆区 ===== */
details.clip{
  background:#8a6a44;border-radius:8px;padding:14px 10px 16px;
  box-shadow:0 5px 16px rgba(40,25,5,.35),inset 0 0 30px rgba(0,0,0,.15);
  background-image:linear-gradient(180deg,rgba(255,255,255,.06),transparent 12%),
    repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(0,0,0,.04) 6px,rgba(0,0,0,.04) 7px);
}
details.clip summary{
  position:relative;text-align:center;color:#f4ead8;font-weight:800;
  letter-spacing:4px;font-size:14px;padding:8px 0 14px;
}
details.clip summary::before{
  content:"";position:absolute;top:-22px;left:50%;transform:translateX(-50%);
  width:78px;height:26px;background:linear-gradient(180deg,#c0c4c9,#8e949b);
  border-radius:5px;box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.6);
}
details.clip summary::after{
  content:"📋";position:absolute;top:-19px;left:50%;transform:translateX(-50%);font-size:14px;
}
details.clip board{display:block;background:#fdfbf5;border-radius:4px;padding:12px 12px 14px;box-shadow:inset 0 2px 6px rgba(0,0,0,.1)}
details.clip zt{
  display:block;font-family:"Kaiti SC","STKaiti",serif;font-weight:700;font-size:14px;
  color:#7a5a2a;margin:12px 0 6px;border-bottom:2px solid #e0d3b8;padding-bottom:3px;
}
details.clip zt:first-child{margin-top:0}
details.clip rec{
  display:grid;grid-template-columns:1fr;gap:2px;font-size:12px;color:#3a342a;
  background:repeating-linear-gradient(0deg,transparent,transparent 22px,rgba(120,90,40,.08) 22px,rgba(120,90,40,.08) 23px);
  padding:6px 8px;margin:4px 0;border-left:3px solid #c9a96a;border-radius:0 3px 3px 0;
}
details.clip rec.hi{border-left-color:#d4a017;background-color:#fdf6e3}
details.clip rd{font-family:"Courier New",monospace;font-size:11px;color:#8a7048;font-weight:700}
details.clip rk{display:inline-block;font-size:10px;color:#fff;background:#b8863a;padding:1px 7px;border-radius:8px;width:fit-content}
details.clip re{color:#2f2920;line-height:1.5;overflow-wrap:break-word}
details.clip rn{font-family:"Courier New",monospace;font-size:11px;color:#9a6a3a;font-weight:700}
/* ===== 便利贴 · 行动推荐 ===== */
details.sticky{
  width:310px;max-width:calc(100% - 24px);margin:26px auto;background:#fffacd;
  box-shadow:2px 5px 14px rgba(60,50,10,.35);
  transform:rotate(-1.8deg);transition:.3s;
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.45),transparent 9%),
    repeating-linear-gradient(0deg,transparent,transparent 26px,rgba(200,180,80,.12) 26px,rgba(200,180,80,.12) 27px);
  position:relative;
}
details.sticky::before{
  content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%) rotate(2.5deg);
  width:86px;height:24px;background:rgba(220,200,100,.6);
  box-shadow:0 2px 6px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.3);
}
details.sticky::after{
  content:"";position:absolute;top:3px;right:3px;width:0;height:0;
  border-style:solid;border-width:0 18px 18px 0;
  border-color:transparent #f8f8f0 transparent transparent;
  filter:drop-shadow(-1px 1px 2px rgba(0,0,0,.12));
}
details.sticky:hover{transform:rotate(-.3deg) scale(1.02)}
details.sticky summary{
  font-family:"Kaiti SC","STKaiti","Segoe Print",cursive;font-weight:700;
  font-size:16.5px;color:#6a5010;padding:18px 18px 7px;letter-spacing:2px;
}
details.sticky summary::before{content:"✎ ";opacity:.7}
details.sticky note{display:block;padding:4px 18px 20px;counter-reset:a}
details.sticky act{
  display:block;font-family:"Kaiti SC","STKaiti","Segoe Print",cursive;
  font-size:14.5px;color:#3a2c06;padding:8px 6px 8px 28px;position:relative;
  border-bottom:1px dashed rgba(100,80,10,.25);cursor:pointer;transition:.2s;counter-increment:a;
}
details.sticky act::before{
  content:counter(a);position:absolute;left:6px;font-weight:800;color:#b88010;font-size:15px;
}
details.sticky act:hover{
  background:rgba(255,255,255,.6);padding-left:32px;color:#000;text-shadow:0 0 1px rgba(0,0,0,.1);
}
@keyframes rise{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
ai summary:hover{filter:brightness(1.05)}
/* ===== 进度条数值映射 ===== */
details.brochure fill[w="0"]{width:0%}
details.brochure fill[w="1"]{width:1%}
details.brochure fill[w="2"]{width:2%}
details.brochure fill[w="3"]{width:3%}
details.brochure fill[w="4"]{width:4%}
details.brochure fill[w="5"]{width:5%}
details.brochure fill[w="6"]{width:6%}
details.brochure fill[w="7"]{width:7%}
details.brochure fill[w="8"]{width:8%}
details.brochure fill[w="9"]{width:9%}
details.brochure fill[w="10"]{width:10%}
details.brochure fill[w="11"]{width:11%}
details.brochure fill[w="12"]{width:12%}
details.brochure fill[w="13"]{width:13%}
details.brochure fill[w="14"]{width:14%}
details.brochure fill[w="15"]{width:15%}
details.brochure fill[w="16"]{width:16%}
details.brochure fill[w="17"]{width:17%}
details.brochure fill[w="18"]{width:18%}
details.brochure fill[w="19"]{width:19%}
details.brochure fill[w="20"]{width:20%}
details.brochure fill[w="21"]{width:21%}
details.brochure fill[w="22"]{width:22%}
details.brochure fill[w="23"]{width:23%}
details.brochure fill[w="24"]{width:24%}
details.brochure fill[w="25"]{width:25%}
details.brochure fill[w="26"]{width:26%}
details.brochure fill[w="27"]{width:27%}
details.brochure fill[w="28"]{width:28%}
details.brochure fill[w="29"]{width:29%}
details.brochure fill[w="30"]{width:30%}
details.brochure fill[w="31"]{width:31%}
details.brochure fill[w="32"]{width:32%}
details.brochure fill[w="33"]{width:33%}
details.brochure fill[w="34"]{width:34%}
details.brochure fill[w="35"]{width:35%}
details.brochure fill[w="36"]{width:36%}
details.brochure fill[w="37"]{width:37%}
details.brochure fill[w="38"]{width:38%}
details.brochure fill[w="39"]{width:39%}
details.brochure fill[w="40"]{width:40%}
details.brochure fill[w="41"]{width:41%}
details.brochure fill[w="42"]{width:42%}
details.brochure fill[w="43"]{width:43%}
details.brochure fill[w="44"]{width:44%}
details.brochure fill[w="45"]{width:45%}
details.brochure fill[w="46"]{width:46%}
details.brochure fill[w="47"]{width:47%}
details.brochure fill[w="48"]{width:48%}
details.brochure fill[w="49"]{width:49%}
details.brochure fill[w="50"]{width:50%}
details.brochure fill[w="51"]{width:51%}
details.brochure fill[w="52"]{width:52%}
details.brochure fill[w="53"]{width:53%}
details.brochure fill[w="54"]{width:54%}
details.brochure fill[w="55"]{width:55%}
details.brochure fill[w="56"]{width:56%}
details.brochure fill[w="57"]{width:57%}
details.brochure fill[w="58"]{width:58%}
details.brochure fill[w="59"]{width:59%}
details.brochure fill[w="60"]{width:60%}
details.brochure fill[w="61"]{width:61%}
details.brochure fill[w="62"]{width:62%}
details.brochure fill[w="63"]{width:63%}
details.brochure fill[w="64"]{width:64%}
details.brochure fill[w="65"]{width:65%}
details.brochure fill[w="66"]{width:66%}
details.brochure fill[w="67"]{width:67%}
details.brochure fill[w="68"]{width:68%}
details.brochure fill[w="69"]{width:69%}
details.brochure fill[w="70"]{width:70%}
details.brochure fill[w="71"]{width:71%}
details.brochure fill[w="72"]{width:72%}
details.brochure fill[w="73"]{width:73%}
details.brochure fill[w="74"]{width:74%}
details.brochure fill[w="75"]{width:75%}
details.brochure fill[w="76"]{width:76%}
details.brochure fill[w="77"]{width:77%}
details.brochure fill[w="78"]{width:78%}
details.brochure fill[w="79"]{width:79%}
details.brochure fill[w="80"]{width:80%}
details.brochure fill[w="81"]{width:81%}
details.brochure fill[w="82"]{width:82%}
details.brochure fill[w="83"]{width:83%}
details.brochure fill[w="84"]{width:84%}
details.brochure fill[w="85"]{width:85%}
details.brochure fill[w="86"]{width:86%}
details.brochure fill[w="87"]{width:87%}
details.brochure fill[w="88"]{width:88%}
details.brochure fill[w="89"]{width:89%}
details.brochure fill[w="90"]{width:90%}
details.brochure fill[w="91"]{width:91%}
details.brochure fill[w="92"]{width:92%}
details.brochure fill[w="93"]{width:93%}
details.brochure fill[w="94"]{width:94%}
details.brochure fill[w="95"]{width:95%}
details.brochure fill[w="96"]{width:96%}
details.brochure fill[w="97"]{width:97%}
details.brochure fill[w="98"]{width:98%}
details.brochure fill[w="99"]{width:99%}
details.brochure fill[w="100"]{width:100%}
/* ===== 响应式优化 ===== */
@media (max-width:640px){
  ai{padding:18px 10px}
  details.news paper{padding:14px 16px}
  details.news mast{font-size:28px;letter-spacing:6px}
  details.folder grid{grid-template-columns:auto 1fr;margin:0 12px}
  details.folder no{margin:10px 12px 0}
  details.folder field{grid-template-columns:72px 1fr;margin:0 12px}
  details.brochure photo{padding:18px;min-height:200px}
  details.brochure photo img{max-height:62vh}
  details.brochure row{grid-template-columns:108px 1fr}
  details.brochure row:first-child val{font-size:24px}
  details.brochure bar{grid-template-columns:96px 1fr 44px}
  details.brochure phase{padding-left:108px}
  details.brochure item{grid-template-columns:58px 1fr}
}
@media (max-width:400px){
  ai{padding:16px 8px}
  details.news mast{font-size:23px;letter-spacing:4px}
  details.news headline{font-size:16px}
  details.news sw{font-size:10.5px;padding:3px 9px 3px 22px}
  details.folder summary{font-size:13px;letter-spacing:1.5px;padding:16px 36px 10px 14px}
  details.folder grid{grid-template-columns:auto 1fr;margin:0 10px}
  details.folder k,details.folder v{font-size:11.5px;padding:7px 8px}
  details.folder field{grid-template-columns:64px 1fr;margin:0 10px;padding:7px 10px}
  details.folder no{font-size:10px;margin:8px 10px 0}
  details.brochure summary{font-size:12px;letter-spacing:4px;padding:12px 16px}
  details.brochure hd{padding:22px 18px 18px}
  details.brochure logo{letter-spacing:5px}
  details.brochure hd div{font-size:14px;letter-spacing:2px}
  details.brochure info,details.brochure metrics,details.brochure items{padding:16px 18px}
  details.brochure sec{padding:12px 18px 10px;letter-spacing:3px}
  details.brochure note{margin:0 18px 18px}
  details.brochure row{grid-template-columns:88px 1fr;gap:10px}
  details.brochure row:first-child val{font-size:21px}
  details.brochure bar{grid-template-columns:1fr;gap:4px;margin:14px 0}
  details.brochure num{text-align:left}
  details.brochure phase{padding-left:0;margin-top:2px}
  details.brochure item{grid-template-columns:52px 1fr;gap:10px}
}
/* ============================================
   质感 & 动效强化补丁
   ============================================ */
/* —— 全局过渡 & 按下反馈（不误伤便利贴倾斜） —— */
ai details{
  transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,filter .2s ease;
}
ai summary{transition:transform .15s ease,filter .15s ease}
ai summary:active{transform:scale(.97);filter:brightness(.94)}
/* —— 报纸：做旧光晕 + 按下泛黄 —— */
details.news{filter:saturate(1.02)}
details.news[open]{transform:translateY(-2px)}
details.news::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 60px rgba(90,70,40,.12),inset 0 0 4px rgba(0,0,0,.15);
  mix-blend-mode:multiply;
}
details.news summary:active{background:rgba(100,80,50,.12)}
/* —— 档案袋：开合浮起 + 按下按压 —— */
details.folder{transform-origin:top center}
details.folder[open]{transform:translateY(-2px)}
details.folder summary:active{transform:scale(.98);color:#1a0f00}
details.folder grid v{transition:background .2s ease}
details.folder grid v:hover{background:#fff}
details.folder field{transition:background .2s ease,transform .2s ease}
details.folder field:hover{background:#fffef5}
details.folder field:active{transform:translateX(3px)}
/* —— 宣传单：标题光泽扫过 + 进度条流光 —— */
details.brochure{transition:transform .3s ease,box-shadow .3s ease}
details.brochure[open]{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.28),0 0 0 1px rgba(0,0,0,.04)}
details.brochure hd::before{
  content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);
}
@keyframes sheen{0%,60%{left:-60%}100%{left:140%}}
details.brochure fill::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
}
@keyframes flow{0%{background-position:200% 0}100%{background-position:-200% 0}}
details.brochure item{transition:background .2s ease,padding-left .2s ease}
details.brochure item:hover{background:#fffaf7;padding-left:4px}
details.brochure item:active{background:#fff3ec}
details.brochure photo img{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
details.brochure photo img:hover{transform:scale(1.03);box-shadow:0 14px 34px rgba(0,0,0,.3)}
details.brochure photo img:active{transform:scale(.99)}
/* —— 员工工牌：挂绳轻晃 + 卡面反光 + 按下回弹 —— */
details.badge{transform-origin:top center}
@keyframes swing{0%,100%{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}
details.badge:hover{animation-play-state:paused}
details.badge summary:active{transform:scale(.97);filter:brightness(.93)}
details.badge card::before{
  content:"";position:absolute;top:0;left:-50%;width:40%;height:100%;
  background:linear-gradient(110deg,transparent,rgba(255,255,255,.5),transparent);
  transform:skewX(-22deg);pointer-events:none;
}
details.badge face{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
details.badge:hover face{transform:scale(1.08) rotate(-4deg)}
details.badge cd{transition:transform .2s ease,box-shadow .2s ease}
details.badge cd:hover{transform:translateX(4px);box-shadow:0 2px 8px rgba(0,0,0,.12)}
details.badge cd:active{transform:translateX(2px) scale(.99)}
/* —— 记忆区：条目滑入反馈 + 高亮呼吸 —— */
details.clip[open]{transform:translateY(-2px)}
details.clip rec{transition:transform .2s ease,box-shadow .2s ease}
details.clip rec:hover{transform:translateX(4px);box-shadow:2px 2px 8px rgba(40,25,5,.18)}
details.clip rec:active{transform:translateX(2px)}
@keyframes glow{0%,100%{box-shadow:0 0 0 rgba(212,160,23,0)}50%{box-shadow:0 0 12px rgba(212,160,23,.4)}}
/* —— 便利贴：保留倾斜，仅做按下反馈 —— */
details.sticky summary:active{transform:scale(.98)}
details.sticky act:active{
  background:rgba(255,235,150,.7);transform:translateX(2px) scale(.99);
  box-shadow:inset 0 2px 4px rgba(120,90,10,.2);
}
/* —— 移动端触摸高亮抑制 —— */
ai summary,details.sticky act,details.brochure item,details.clip rec,details.badge cd{
  -webkit-tap-highlight-color:transparent;
}
/* —— 减少动态效果偏好适配 —— */
@media (prefers-reduced-motion:reduce){
  ai *,ai details,ai summary,
  details.badge,details.brochure hd::before,details.brochure fill::after,
  details.badge card::before,details.clip rec.hi{
    animation:none!important;transition:none!important;
  }
}
/* ============================================================
   rili 统一美化 · 复古纸张 × 珊瑚橙　聊天框 + 界面
   主色：米纸#efeadd 牛皮#b58a4e 珊瑚橙#e8623d 墨黑#1a1816
   ============================================================ */
/* ========== 一、聊天框 ========== */
/* —— 用户气泡：珊瑚橙渐变 + 白字 —— */
.group.is-user > div:first-child{
  background:linear-gradient(135deg,#e8623d 0%,#f47b54 100%)!important;
  border:none!important;border-radius:16px 16px 4px 16px!important;
  box-shadow:0 6px 18px rgba(232,98,61,.32),inset 0 1px 0 rgba(255,255,255,.25)!important;
  position:relative!important;overflow:hidden!important;
}
.group.is-user .rili-markdown-renderer,
.group.is-user .rili-markdown-renderer *{
  color:#ffffff!important;
}
/* —— AI气泡：米纸底 + 细纸纹 + 墨黑字 —— */
.group.is-assistant > div:first-child{
  background-color:#f4efe3!important;
  background-image:
    repeating-linear-gradient(88deg,transparent,transparent 1px,rgba(90,70,40,.02) 1px,rgba(90,70,40,.02) 2px),
    linear-gradient(160deg,#f6f1e6 0%,#ece4d2 100%)!important;
  border:1px solid #d8cbb0!important;border-radius:16px 16px 16px 4px!important;
  box-shadow:0 5px 16px rgba(60,45,20,.18),inset 0 1px 0 rgba(255,255,255,.5)!important;
  position:relative!important;
}
/* —— AI气泡左侧装饰色条（珊瑚橙书签）—— */
.group.is-assistant > div:first-child::before{
  content:""!important;position:absolute!important;left:0!important;top:14px!important;bottom:14px!important;
  width:3px!important;border-radius:2px!important;
  background:linear-gradient(180deg,#e8623d,#f0a040)!important;
}
/* —— 底部Token信息：低调暖灰 —— */
.text-xs.font-mono.text-muted-foreground{
  color:#9a8a6e!important;font-style:italic!important;
}
/* —— 操作按钮区：贴合纸张暖调 —— */
.bg-muted.rounded.flex{
  background:rgba(244,239,227,.85)!important;
  border:1px solid #ddd0b6!important;border-radius:10px!important;
  backdrop-filter:blur(4px)!important;
}
.bg-muted.rounded.flex button svg.lucide{
  stroke:#7a6a4e!important;transition:stroke .2s ease,transform .2s ease!important;
}
.bg-muted.rounded.flex button:hover svg.lucide{
  stroke:#e8623d!important;transform:scale(1.12)!important;
}
/* ========== 二、顶部栏 ========== */
.sticky.w-full.top-0.flex.items-center{
  background:linear-gradient(180deg,#1f1c18 0%,#2a2620 100%)!important;
  border-bottom:2px solid #e8623d!important;
  box-shadow:0 3px 14px rgba(0,0,0,.35)!important;
}
#ai-model-selector .group.flex.items-center{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(232,98,61,.4)!important;border-radius:20px!important;
  padding:3px 12px!important;transition:.25s!important;
}
#ai-model-selector .group.flex.items-center:hover{
  background:rgba(232,98,61,.18)!important;border-color:#e8623d!important;
}
#ai-model-selector .truncate.text-\[13px\]{
  color:#f4efe3!important;font-weight:700!important;letter-spacing:.5px!important;
}
#ai-model-selector .shrink-0.flex.items-center svg{color:#e8623d!important}
.sticky.w-full.top-0 svg.lucide-clock-8{color:#e0d3b8!important}
#header-setting-button svg{
  color:#e0d3b8!important;transition:transform .4s ease,color .25s ease!important;
}
#header-setting-button:hover svg{color:#e8623d!important;transform:rotate(90deg)!important}
/* ========== 三、按钮栏 ========== */
#ai-mod-button2 button.MuiButton-root{
  background:linear-gradient(135deg,#b58a4e,#a87e44)!important;
  color:#fff8ec!important;border:1px solid #8c6736!important;
  border-radius:10px!important;font-weight:700!important;
  box-shadow:0 3px 8px rgba(80,55,15,.3)!important;transition:.25s!important;
}
#ai-mod-button2 button.MuiButton-root:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 6px 14px rgba(80,55,15,.4)!important;filter:brightness(1.08)!important;
}
#ai-mod-button2 button.MuiButton-root svg{color:#fff8ec!important}
/* ========== 四、底部输入栏 ========== */
#ai-chat-bottom-input{
  background:rgba(244,239,227,.92)!important;
  border:1.5px solid #d8cbb0!important;border-radius:16px!important;
  box-shadow:0 4px 16px rgba(60,45,20,.18)!important;
  backdrop-filter:blur(6px)!important;transition:border-color .25s ease!important;
}
#ai-chat-bottom-input:focus-within{
  border-color:#e8623d!important;
  box-shadow:0 4px 20px rgba(232,98,61,.25)!important;
}
#ai-chat-input{color:#2a2520!important;font-weight:500!important}
#ai-chat-input::placeholder{color:#a89878!important;font-style:italic!important}
#ai-chat-input::selection{background:rgba(232,98,61,.3)!important;color:#1a1816!important}
/* ========== 五、分页栏（仅颜色，不动布局）========== */
.MuiPaginationItem-root{
  color:#7a6a4e!important;font-weight:700!important;
}
.MuiPaginationItem-root.Mui-selected{
  background:linear-gradient(135deg,#e8623d,#f47b54)!important;color:#fff!important;
  box-shadow:0 2px 6px rgba(232,98,61,.4)!important;
}
.MuiPaginationItem-icon{color:#b58a4e!important}
/* ========== 六、评论区 ========== */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
  background:linear-gradient(160deg,#f6f1e6 0%,#ece4d2 100%)!important;
}
div.text-lg.font-bold{color:#1a1816!important;letter-spacing:1px!important}
div.text-lg.font-bold::before{content:"§ "!important;color:#e8623d!important}
span.MuiRating-iconEmpty svg{color:#cbbd9e!important}
span.MuiRating-iconFilled svg{color:#e8623d!important}
span.text-orange-500{color:#e8623d!important;font-weight:800!important}
div.flex.flex-col.border-gray-200{
  background:#fdfbf5!important;border:1.5px solid #d8cbb0!important;border-radius:12px!important;
}
textarea.rc-textarea{color:#2a2520!important}
div.bg-gray-100.text-gray-500{
  background:rgba(232,98,61,.1)!important;color:#a07050!important;border-radius:8px!important;
}
div.cursor-pointer.group.flex.items-center.justify-center{
  background:linear-gradient(135deg,#e8623d,#f47b54)!important;border-radius:10px!important;
  box-shadow:0 3px 8px rgba(232,98,61,.35)!important;transition:.25s!important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
  transform:translateY(-2px)!important;filter:brightness(1.08)!important;
}
div[data-state="closed"] svg[data-icon="Send03"]{color:#fff!important}
button.MuiButton-containedPrimary{
  background:linear-gradient(135deg,#e8623d,#f47b54)!important;color:#fff!important;
  border-radius:18px!important;box-shadow:0 2px 6px rgba(232,98,61,.35)!important;
}
button.MuiButton-outlinedPrimary{
  color:#b58a4e!important;border:1.5px solid #b58a4e!important;border-radius:18px!important;
}
div.group.ml-0{
  border-bottom:1px dashed #d8cbb0!important;padding-bottom:6px!important;
}
div.group img.rounded-full{
  border:2px solid #e8623d!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;
}
div.text-sm.text-grey-600 span.font-bold{color:#1a1816!important}
span.text-\[10px\]{
  background:#e8623d!important;color:#fff!important;padding:1px 6px!important;border-radius:8px!important;
}
div.break-all{color:#3a342a!important;line-height:1.6!important}
div.text-xs.text-grey-600{color:#a89878!important}
button.text-gray-400 svg{transition:color .2s ease,transform .2s ease!important}
button.text-gray-400:hover svg{color:#e8623d!important;transform:scale(1.15)!important}
span.cursor-pointer{color:#b58a4e!important;font-weight:700!important}
div.ml-8.border-l{border-left:2px solid #e8c9a0!important}
div.style_divider__mW0YX{background:#e0d3b8!important}
/* ==================== 台词高亮系统 ==================== */
q {
  font-weight: 500;
  font-style: normal;
  quotes: '“' '”';
  padding: 0 1px;
  transition: all 0.2s ease;
}
q::before {
  content: open-quote;
  font-weight: 700;
  opacity: 0.7;
}
q::after {
  content: close-quote;
  font-weight: 700;
  opacity: 0.7;
}
/* 薇拉 - 热情红 */
q.vera {
  color: #e84393;
  text-shadow: 0 0 1px rgba(232, 67, 147, 0.2);
}
/* 林锐 - 沉稳棕(避开绿色) */
q.linrui {
  color: #b8743d;
}
/* 玩家 - 冷静蓝(避开绿色) */
q.player {
  color: #4a90d9;
}
/* 其他NPC - 中性紫灰 */
q.other {
  color: #8e7cc3;
}
/* 鼠标悬停轻微放大(网页端效果,移动端无影响) */
q:hover {
  letter-spacing: 0.3px;
}
q {
  font-weight: 500;
  quotes: '"' '"';
}
q::before {
  content: open-quote;
  font-weight: 700;
}
q::after {
  content: close-quote;
  font-weight: 700;
}
q.vera {
  color: #e84393;
}
q.linrui {
  color: #b8743d;
}
q.player {
  color: #4a90d9;
}
q.other {
  color: #8e7cc3;
}