@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&family=Noto+Sans+SC:wght@400;500;700&family=Oswald:wght@600;700&family=Roboto+Mono:wght@500;700&display=swap');

ai{
  --paper:#f4f0e6; --ink:#20201d; --green:#1f4a3a; --red:#7a2233;
  --gray:#8a8577; --line:#c9c2b0;
  --blue:#25507a; --orange:#c96a1e; --purple:#6a3d82; --gre:#3a7a4a;
  display:block; background:var(--paper);
  background-image:radial-gradient(rgba(120,110,80,.05) 1px,transparent 1px);
  background-size:5px 5px;
  color:var(--ink); font-family:'Noto Sans SC',sans-serif;
  font-size:14px; line-height:1.75; padding:14px 15px;
  box-shadow:inset 0 0 30px rgba(90,80,50,.08),0 1px 3px rgba(0,0,0,.12);
  border-top:3px double var(--ink);
  overflow-wrap:anywhere; word-break:break-word;
}
ai hd{ display:block; text-align:center; font-family:'Noto Serif SC',serif; font-size:11.5px; letter-spacing:2px; color:var(--gray); padding:5px 0; margin-bottom:12px; text-transform:uppercase; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
ai hd w{ font-size:13px; margin:0 1px; letter-spacing:0; }
ai article{ display:block; margin-bottom:14px; }
ai article p{ margin:0 0 .7em; text-indent:2em; }
ai article p:first-letter{ font-family:'Noto Serif SC',serif; }
ai article q{ color:var(--green); font-weight:700; font-style:normal; }
ai article q::before{ content:'「'; }
ai article q::after{ content:'」'; }
ai details{ display:block; margin:12px 0; }
ai summary{ font-family:'Noto Serif SC',serif; font-weight:900; font-size:15px; color:var(--green); letter-spacing:1px; cursor:pointer; list-style:none; padding:6px 0 6px 20px; position:relative; border-top:2px solid var(--ink); border-bottom:1px solid var(--ink); }
ai summary::-webkit-details-marker{ display:none; }
ai summary::before{ content:''; position:absolute; left:2px; top:50%; width:9px; height:9px; transform:translateY(-50%); background:var(--green); }
ai summary::after{ content:'＋'; position:absolute; right:2px; top:50%; transform:translateY(-50%); color:var(--gray); font-weight:700; font-size:14px; }
ai details[open]>summary::after{ content:'－'; }
ai k{ color:var(--green); font-weight:700; font-size:12px; margin-right:6px; white-space:nowrap; }
ai v{ color:var(--ink); font-size:13px; }
ai name{ display:block; font-family:'Noto Serif SC',serif; font-weight:900; font-size:20px; line-height:1.3; }
ai role{ display:block; font-style:italic; color:var(--gray); font-size:12px; margin-bottom:6px; }
ai .col{ border-left:5px solid var(--green); padding-left:12px; }
ai .col>k{ display:block; }
ai .col k+v{ display:block; padding:3px 0 6px; border-bottom:1px solid var(--line); margin-bottom:2px; }
ai .col name{ margin-top:6px; }
ai stat{ display:flex; align-items:center; gap:8px; padding:4px 0; }
ai stat k{ min-width:52px; }
ai ap{ display:flex; align-items:center; gap:6px; font-size:12px; color:var(--gray); flex-wrap:wrap; }
ai bar{ display:inline-flex; gap:2px; vertical-align:middle; letter-spacing:0; }
ai bar::before{ font-family:'Roboto Mono',monospace; font-size:11px; letter-spacing:1px; color:var(--green); }
ai bar[m="2"][n="0"]::before{ content:'□□'; color:var(--gray); }
ai bar[m="2"][n="1"]::before{ content:'■□'; }
ai bar[m="2"][n="2"]::before{ content:'■■'; }
ai bar[m="1"][n="0"]::before{ content:'□'; color:var(--gray); }
ai bar[m="1"][n="1"]::before{ content:'■'; }
ai bar[hp]{ width:70px; height:9px; border:1px solid var(--ink); padding:1px; }
ai bar[hp]::before{ content:''; }
ai bar[hp]::after{ content:''; display:block; height:100%; background:repeating-linear-gradient(90deg,var(--red) 0 5px,var(--paper) 5px 7px); }
ai bar[gr]::before{ font-size:13px; letter-spacing:2px; }
ai bar[gr][n="1"]::before{ content:'■□□□□'; }
ai bar[gr][n="2"]::before{ content:'■■□□□'; }
ai bar[gr][n="3"]::before{ content:'■■■□□'; }
ai bar[gr][n="4"]::before{ content:'■■■■□'; }
ai bar[gr][n="5"]::before{ content:'■■■■■'; }
ai bar[st]{ position:relative; width:96px; height:12px; border:1px solid var(--green); background:var(--paper); padding:0; overflow:hidden; }
ai bar[st]::before{ content:''; position:absolute; left:0; top:0; height:100%; background:var(--green); width:0; }
ai bar[st][n="0"]::before{ width:0; }
ai bar[st][n="5"]::before{ width:5%; }
ai bar[st][n="10"]::before{ width:10%; }
ai bar[st][n="15"]::before{ width:15%; }
ai bar[st][n="20"]::before{ width:20%; }
ai bar[st][n="25"]::before{ width:25%; }
ai bar[st][n="30"]::before{ width:30%; }
ai bar[st][n="35"]::before{ width:35%; }
ai bar[st][n="40"]::before{ width:40%; }
ai bar[st][n="45"]::before{ width:45%; }
ai bar[st][n="50"]::before{ width:50%; }
ai bar[st][n="55"]::before{ width:55%; }
ai bar[st][n="60"]::before{ width:60%; }
ai bar[st][n="65"]::before{ width:65%; }
ai bar[st][n="70"]::before{ width:70%; }
ai bar[st][n="75"]::before{ width:75%; }
ai bar[st][n="80"]::before{ width:80%; }
ai bar[st][n="85"]::before{ width:85%; }
ai bar[st][n="90"]::before{ width:90%; }
ai bar[st][n="95"]::before{ width:95%; }
ai bar[st][n="100"]::before{ width:100%; }
ai bar[st]::after{ content:attr(n); position:absolute; right:3px; top:50%; transform:translateY(-50%); font-family:'Roboto Mono',monospace; font-size:9px; color:var(--ink); }
ai card{ display:grid; grid-template-columns:38% 1fr; gap:10px; padding:12px 0; border-bottom:1px dashed var(--line); --cc:var(--green); }
ai card[c="blue"]{ --cc:var(--blue); }
ai card[c="orange"]{ --cc:var(--orange); }
ai card[c="purple"]{ --cc:var(--purple); }
ai card[c="green"]{ --cc:var(--gre); }
ai pic{ display:block; position:relative; width:100%; aspect-ratio:3/4; border:2px solid var(--cc); background:var(--paper); overflow:hidden; min-width:0; }
ai pic img{ width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
ai band{ position:absolute; left:0; right:0; bottom:0; background:var(--cc); color:#fff; font-family:'Oswald',sans-serif; font-size:11px; letter-spacing:1px; text-align:center; padding:2px 0; }
ai card info{ display:block; min-width:0; overflow-wrap:anywhere; }
ai card name{ font-size:18px; border-bottom:2px solid var(--cc); padding-bottom:2px; display:inline-block; }
ai tag{ display:inline-block; background:var(--cc); color:#fff; font-family:'Oswald',sans-serif; font-size:10px; letter-spacing:1px; padding:1px 7px; margin-left:6px; vertical-align:middle; }
ai card>info row{ display:flex; align-items:baseline; gap:4px; font-size:12.5px; padding:2px 0; min-width:0; }
ai card>info row k{ flex:none; }
ai dot{ flex:1 1 12px; border-bottom:1px dotted var(--gray); min-width:8px; transform:translateY(-3px); }
ai card>info row v{ flex:1 1 auto; text-align:right; min-width:0; overflow-wrap:anywhere; }
ai .secret{ grid-column:1 / -1; width:100%; margin:8px 0 0; display:block; min-width:0; clear:both; }
ai .secret>summary{ font-size:12px; font-weight:700; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:4px 0 4px 18px; color:var(--red); display:block; }
ai .secret>summary::before{ background:var(--red); }
ai .secret>summary::after{ content:'＋'; }
ai .secret[open]>summary::after{ content:'－'; }
ai .secret[open]{ background:rgba(122,34,51,.05); padding-bottom:6px; }
ai .secret row{ display:block; padding:4px 8px; border-bottom:1px dotted rgba(122,34,51,.2); font-size:12.5px; overflow-wrap:anywhere; text-align:left; }
ai .secret row k,ai .secret row v{ display:inline; text-align:left; flex:none; }
ai .secret row dot{ display:none; }
ai rk{ display:inline-block; background:var(--red); color:#fff; font-size:11px; font-weight:700; padding:0 6px; margin-right:6px; }
ai .roster row{ display:grid; grid-template-columns:2.5em minmax(0,1fr) 4em 3.2em; font-family:'Roboto Mono',monospace; font-size:12px; padding:5px 2px; border-bottom:1px solid var(--line); align-items:center; }
ai .roster n{ font-weight:700; color:var(--green); }
ai .roster nm{ font-family:'Noto Sans SC',sans-serif; font-weight:700; min-width:0; overflow-wrap:anywhere; }
ai .roster ps{ color:var(--gray); font-size:11px; }
ai .roster st{ font-size:10px; text-align:right; color:var(--red); }
ai .board h{ display:block; font-family:'Noto Serif SC',serif; font-weight:700; font-size:13px; color:var(--green); margin:8px 0 4px; }
ai sched{ display:flex; gap:4px; margin:6px 0; flex-wrap:wrap; }
ai sch{ width:16px; height:16px; border:1.5px solid var(--ink); box-sizing:border-box; flex:none; }
ai sch[w]{ background:var(--green); border-color:var(--green); }
ai sch[d]{ background:var(--gray); border-color:var(--gray); }
ai sch[l]{ background:var(--red); border-color:var(--red); }
ai sch[cur]{ box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink); }
ai record{ display:block; font-size:14px; margin:6px 0; }
ai record b{ font-family:'Oswald',sans-serif; font-size:22px; margin:0 2px; }
ai record b[win]{ color:var(--green); }
ai record b[lose]{ color:var(--red); }
ai .board row{ display:flex; align-items:center; gap:8px; padding:3px 0; min-width:0; }
ai .board row k{ min-width:64px; flex:none; }
ai .board row v{ min-width:0; overflow-wrap:anywhere; }
ai v[mood]{ font-weight:700; }
ai next{ display:block; border:1.5px solid var(--red); padding:8px 10px; margin-top:10px; position:relative; text-align:center; }
ai nt{ display:block; font-family:'Oswald',sans-serif; font-size:10px; letter-spacing:3px; color:var(--red); }
ai vs{ display:block; font-family:'Noto Serif SC',serif; font-weight:900; font-size:17px; margin:2px 0; overflow-wrap:anywhere; }
ai cd{ display:block; font-size:11px; color:var(--gray); letter-spacing:1px; }
ai .rate rw{ display:block; padding:8px 0 10px; border-bottom:1px solid var(--line); position:relative; --cc:var(--green); }
ai .rate rw[c="blue"]{ --cc:var(--blue); }
ai .rate rw[c="orange"]{ --cc:var(--orange); }
ai .rate rw[c="purple"]{ --cc:var(--purple); }
ai .rate rw[c="green"]{ --cc:var(--gre); }
ai rn{ display:block; font-family:'Noto Serif SC',serif; font-weight:900; font-size:16px; color:var(--cc); border-left:4px solid var(--cc); padding-left:6px; margin-bottom:4px; }
ai .rate row{ display:flex; align-items:center; gap:8px; padding:2px 0 2px 10px; }
ai .rate row k{ min-width:36px; flex:none; }
ai seal{ position:absolute; right:2px; top:6px; transform:rotate(-8deg); font-family:'Noto Serif SC',serif; font-weight:700; font-size:11px; color:var(--red); border:1.5px solid var(--red); border-radius:3px; padding:2px 8px; letter-spacing:1px; max-width:45%; text-align:center; }
ai note{ display:block; color:var(--red); font-style:italic; font-size:11px; padding-left:10px; margin-top:3px; overflow-wrap:anywhere; }
ai note::before{ content:'✎ '; }
ai .chron h{ display:block; font-family:'Noto Serif SC',serif; font-weight:700; font-size:12px; letter-spacing:2px; margin:10px 0 4px; padding-bottom:2px; }
ai .chron h[ltm]{ color:var(--green); border-bottom:2px solid var(--green); }
ai .chron h[stm]{ color:var(--gray); border-bottom:1px solid var(--gray); border-top:3px double var(--ink); padding-top:8px; }
ai tbl{ display:table; width:100%; table-layout:fixed; border-collapse:collapse; font-size:11px; }
ai tbl tr{ display:table-row; }
ai tbl th,ai tbl td{ display:table-cell; padding:4px 5px; border-bottom:1px solid var(--line); word-break:break-word; overflow-wrap:anywhere; vertical-align:top; text-align:left; }
ai tbl th{ font-family:'Noto Serif SC',serif; color:var(--green); font-size:10.5px; letter-spacing:1px; }
ai tbl th:first-child,ai tbl td:first-child{ width:34%; }
ai tbl th:nth-child(2),ai tbl td:nth-child(2){ width:22%; }
ai tbl td:first-child{ font-family:'Roboto Mono',monospace; font-size:10px; color:var(--gray); }
ai .menu row{ display:flex; align-items:center; gap:12px; padding:8px 6px; border-bottom:1px solid var(--line); transition:background .25s; min-width:0; }
ai .menu row:hover{ background:rgba(31,74,58,.06); }
ai .menu no{ font-family:'Oswald',sans-serif; font-weight:700; font-size:30px; color:var(--green); line-height:1; flex:none; opacity:.85; }
ai .menu v{ font-size:13.5px; font-weight:500; min-width:0; overflow-wrap:anywhere; }
.wechat-phone {
  max-width: 365px;
  margin: 15px auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 14px;
  background: #f0f0f0;
}
.wechat-header {
  background: #ededed;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d9d9d9;
}
.back-btn {
  font-size: 22px;
  color: #000;
  font-weight: 600;
}
.chat-name {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}
.more-btn {
  font-size: 20px;
  color: #000;
}
.wechat-body {
  padding: 12px 16px;
  min-height: 180px;
  max-height: 420px;
  overflow-y: auto;
}
.wechat-time {
  text-align: center;
  font-size: 11px;
  color: #999;
  margin: 8px 0;
}
.wechat-notice {
  text-align: center;
  font-size: 11px;
  color: #999;
  margin: 6px 0;
}
.msg-left, .msg-right {
  display: flex;
  align-items: flex-start;
  margin: 10px 0;
}
.msg-left {
  flex-direction: row;
}
.msg-right {
  flex-direction: row;
  justify-content: flex-end;
}
.avatar, .avatar-self {
  width: 38px;
  height: 38px;
  border-radius: 6px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-color: #ccc;
}
.avatar {
  margin-right: 8px;
}
.avatar-self {
  margin-left: 8px;
}
.avatar-luning {
  background-image: url("https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWdBxqRUdZ8x0pvVxmlpZqr2T7GiqsqwACux8AAgNwMVa_vMd-YVuNVzwE.png");
}
.avatar-peisa {
  background-image: url("https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWdB5qRUei_TYWD7KM2PiFN4BmYY5b0gACvR8AAgNwMVbHAYEQhu2vhTwE.png");
}
.avatar-zhiyun {
  background-image: url("https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWdB9qRUeoRu58IJamGurdvYdJf-1UTAACvh8AAgNwMVbBq2dl2PcETzwE.png");
}
.avatar-chique {
  background-image: url("https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAEWdCBqRUexvY6TKm_f5hHV1mc8cphf7wACvx8AAgNwMVY8pfaeX8WJQjwE.png");
}
.avatar-luzheng {
  background-color: #7ab0d4;
}
.avatar-other {
  background-color: #b8b8b8;
}
.avatar-player {
  background-color: #5b9bd5;
}
.bubble-left, .bubble-right {
  max-width: 220px;
  padding: 9px 12px;
  border-radius: 6px;
  line-height: 1.5;
  word-break: break-word;
  position: relative;
}
.bubble-left {
  background: #fff;
  color: #000;
}
.bubble-right {
  background: #95ec69;
  color: #000;
}
.group-sender {
  display: block;
  font-size: 11px;
  color: #999;
  margin-bottom: 3px;
}
.voice-msg {
  min-width: 80px;
  color: #000;
}
.img-msg {
  color: #666;
  font-style: italic;
  font-size: 12px;
}
.emoji-msg {
  background: transparent;
  font-size: 13px;
  padding: 4px 0;
}
.tactics-board {
  max-width: 365px;
  margin: 15px auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  background: #1a1a2e;
  color: #fff;
}
.match-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #16213e;
}
.team-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.team-name {
  font-size: 13px;
  font-weight: 600;
}
.team-score {
  font-size: 24px;
  font-weight: 700;
  color: #e94560;
}
.match-status {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.match-time {
  font-size: 18px;
  font-weight: 700;
  color: #e94560;
}
.match-half {
  font-size: 10px;
  color: #aaa;
  margin-top: 2px;
}
.field {
  position: relative;
  width: 100%;
  padding-top: 140%;
  background: #2d6a4f;
  background-image:
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 20px 20px;
  overflow: hidden;
}
.field-line {
  position: absolute;
  border: 1px solid rgba(255,255,255,0.35);
}
.center-line {
  top: 50%;
  left: 5%;
  right: 5%;
  height: 0;
}
.center-circle {
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.penalty-top {
  top: 3%;
  left: 25%;
  right: 25%;
  height: 14%;
}
.penalty-bottom {
  bottom: 3%;
  left: 25%;
  right: 25%;
  height: 14%;
}
.player {
  position: absolute;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}
.player-dot {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 0 auto 3px;
  border: 2px solid #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.player-dot.gk { background: #f4a261; }
.player-dot.df { background: #457b9d; }
.player-dot.mf { background: #2a9d8f; }
.player-dot.fw { background: #e63946; }
.player-dot.enemy { background: #aaa; border-color: #666; }
.player-label {
  font-size: 9px;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
  white-space: nowrap;
}
.ball-pos {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 16px;
  z-index: 3;
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.6));
}
.tactics-options {
  padding: 12px 16px;
  background: #16213e;
  border-top: 1px solid #0f3460;
}
.option-title {
  font-size: 13px;
  font-weight: 700;
  color: #e94560;
  margin-bottom: 8px;
}
.option-item {
  font-size: 13px;
  color: #ddd;
  padding: 6px 10px;
  margin: 4px 0;
  background: rgba(255,255,255,0.05);
  border-radius: 6px;
  border-left: 3px solid #0f3460;
  transition: border-color 0.2s;
}
.option-item:hover {
  border-left-color: #e94560;
  background: rgba(255,255,255,0.1);
}
/* ============ 顶部栏 ============ */
.sticky.w-full.top-0.flex.items-center{
    background:#f4f0e6 !important;
    background-image:radial-gradient(rgba(120,110,80,.05) 1px,transparent 1px) !important;
    background-size:5px 5px !important;
    border-bottom:2px double #20201d !important;
    box-shadow:0 2px 6px rgba(90,80,50,.12) !important;
}
#ai-model-selector .group.flex.items-center{
    background:rgba(31,74,58,.06) !important;
    border:1px solid #c9c2b0 !important;
    border-radius:6px !important;
    padding:2px 8px !important;
    transition:background .25s ease !important;
}
#ai-model-selector .group.flex.items-center:hover{
    background:rgba(31,74,58,.12) !important;
}
#ai-model-selector .truncate.text-\[13px\]{
    color:#1f4a3a !important;
    font-family:'Roboto Mono',monospace,system-ui !important;
    font-weight:700 !important;
    letter-spacing:.5px !important;
}
#ai-model-selector .shrink-0.flex.items-center svg{
    color:#1f4a3a !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8{
    color:#7a2233 !important;
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden{
    background:#7a2233 !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2{
    color:#1f4a3a !important;
}
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]){
    color:#1f4a3a !important;
}
#header-setting-button{
    border:1px solid #c9c2b0 !important;
    border-radius:6px !important;
    transition:background .25s ease,transform .25s ease !important;
}
#header-setting-button:hover{
    background:rgba(31,74,58,.1) !important;
    transform:rotate(30deg) !important;
}
#header-setting-button svg{
    color:#1f4a3a !important;
}

/* ============ 开场白选择器 ============ */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]{
    background:#f4f0e6 !important;
    border:1px solid #c9c2b0 !important;
    border-left:4px solid #1f4a3a !important;
    border-radius:6px !important;
    transition:box-shadow .25s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover{
    box-shadow:0 2px 8px rgba(90,80,50,.15) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"]{
    color:#1f4a3a !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"]{
    color:#8a8577 !important;
}

/* ============ 按钮栏 ============ */
#ai-mod-button2 button.MuiButton-root{
    background:rgba(244,240,230,.9) !important;
    border:1px solid #c9c2b0 !important;
    border-radius:6px !important;
    color:#1f4a3a !important;
    font-family:'Noto Sans SC',system-ui,sans-serif !important;
    transition:background .25s ease,transform .2s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover{
    background:rgba(31,74,58,.1) !important;
    transform:translateY(-1px) !important;
}
#ai-mod-button2 button.MuiButton-root svg{
    color:#1f4a3a !important;
}

/* ============ 底部栏 ============ */
.bg-gradient-to-t{
    background:linear-gradient(to top,#f4f0e6 60%,rgba(244,240,230,0)) !important;
}
#ai-chat-bottom-input{
    background:#f4f0e6 !important;
    border:1px solid #c9c2b0 !important;
    border-top:3px double #20201d !important;
    border-radius:8px !important;
    box-shadow:inset 0 0 20px rgba(90,80,50,.06),0 2px 6px rgba(0,0,0,.1) !important;
}
#ai-chat-input{
    color:#20201d !important;
    font-family:'Noto Sans SC',-apple-system,'PingFang SC','Microsoft YaHei',system-ui,sans-serif !important;
    font-size:15px !important;
    line-height:1.7 !important;
    caret-color:#1f4a3a !important;
}
#ai-chat-input::placeholder{
    color:#8a8577 !important;
    font-style:italic !important;
}
#ai-chat-input::selection{
    background:rgba(31,74,58,.25) !important;
    color:#20201d !important;
}

/* ============ 分页栏（仅颜色/视觉）============ */
.MuiPaginationItem-root{
    color:#1f4a3a !important;
    font-family:'Roboto Mono',monospace,system-ui !important;
    border-radius:4px !important;
}
.MuiPaginationItem-root.Mui-selected{
    background:#1f4a3a !important;
    color:#f4f0e6 !important;
}
.MuiPaginationItem-root.Mui-disabled{
    color:#c9c2b0 !important;
}
.MuiPaginationItem-icon{
    color:#7a2233 !important;
}
.MuiStack-root.css-1uwir8f .MuiBox-root{
    color:#8a8577 !important;
    font-family:'Roboto Mono',monospace,system-ui !important;
}
.MuiInputBase-input{
    color:#20201d !important;
    font-family:'Roboto Mono',monospace,system-ui !important;
}

/* ============ 评论区 ============ */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
    background:#f4f0e6 !important;
    background-image:radial-gradient(rgba(120,110,80,.05) 1px,transparent 1px) !important;
    background-size:5px 5px !important;
}
div.text-lg.font-bold{
    color:#1f4a3a !important;
    font-family:'Noto Serif SC','Songti SC',serif !important;
    font-weight:900 !important;
    letter-spacing:1px !important;
}
p.MuiTypography-body1.text-grey-600{
    color:#20201d !important;
    font-family:'Noto Sans SC',system-ui,sans-serif !important;
}
span.MuiRating-iconEmpty svg{
    color:#c9c2b0 !important;
}
span.MuiRating-iconFilled svg{
    color:#c96a1e !important;
    filter:drop-shadow(0 1px 1px rgba(122,34,51,.2)) !important;
}
span.text-orange-500{
    color:#c96a1e !important;
    font-family:'Roboto Mono',monospace,system-ui !important;
    font-weight:700 !important;
}
div.flex.flex-col.border-gray-200{
    background:#fffdf7 !important;
    border:1px solid #c9c2b0 !important;
    border-radius:8px !important;
}
textarea.rc-textarea{
    color:#20201d !important;
    font-family:'Noto Sans SC',system-ui,sans-serif !important;
    caret-color:#1f4a3a !important;
}
textarea.rc-textarea::placeholder{
    color:#8a8577 !important;
}
div.bg-gray-100.text-gray-500{
    color:#8a8577 !important;
    background:transparent !important;
    font-family:'Roboto Mono',monospace,system-ui !important;
}
div.cursor-pointer.group.flex.items-center.justify-center{
    background:#1f4a3a !important;
    border-radius:6px !important;
    transition:background .25s ease,transform .2s ease !important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
    background:#7a2233 !important;
    transform:scale(1.05) !important;
}
div[data-state="closed"] svg[data-icon="Send03"]{
    color:#f4f0e6 !important;
}
div.style_divider__mW0YX{
    background:#c9c2b0 !important;
}
button.MuiButton-containedPrimary{
    background:#1f4a3a !important;
    color:#f4f0e6 !important;
    border-radius:4px !important;
    font-family:'Noto Sans SC',system-ui,sans-serif !important;
}
button.MuiButton-outlinedPrimary{
    color:#1f4a3a !important;
    border-color:#1f4a3a !important;
    border-radius:4px !important;
    font-family:'Noto Sans SC',system-ui,sans-serif !important;
}
div.group.ml-0{
    border-bottom:1px dashed #c9c2b0 !important;
    transition:background .25s ease !important;
}
div.group.ml-0:hover{
    background:rgba(31,74,58,.04) !important;
}
div.group img.rounded-full{
    border:2px solid #1f4a3a !important;
}
div.text-sm.text-grey-600 span.font-bold{
    color:#1f4a3a !important;
    font-family:'Noto Serif SC','Songti SC',serif !important;
    font-weight:700 !important;
}
span.text-\[10px\]{
    color:#7a2233 !important;
    font-weight:700 !important;
}
div.break-all{
    color:#20201d !important;
    font-family:'Noto Sans SC',system-ui,sans-serif !important;
    line-height:1.7 !important;
}
div.text-xs.text-grey-600{
    color:#8a8577 !important;
    font-family:'Roboto Mono',monospace,system-ui !important;
}
button.text-gray-400{
    color:#8a8577 !important;
    transition:color .2s ease !important;
}
button.text-gray-400:hover{
    color:#7a2233 !important;
}
button.text-gray-400 svg{
    color:inherit !important;
}
span.cursor-pointer{
    color:#1f4a3a !important;
    font-weight:700 !important;
}
div.ml-8.border-l{
    border-left:2px solid #c9c2b0 !important;
}

/* ============ 移动端适配 ============ */
@media (max-width:480px){
    .sticky.w-full.top-0.flex.items-center{
        border-bottom-width:1px !important;
    }
    #ai-model-selector .truncate.text-\[13px\]{
        font-size:12px !important;
    }
    #ai-chat-input{
        font-size:14px !important;
    }
    div.text-lg.font-bold{
        font-size:16px !important;
    }
    div.break-all{
        font-size:13.5px !important;
    }
    div.group img.rounded-full{
        border-width:1.5px !important;
    }
}

/* ============ 低动效偏好 ============ */
@media (prefers-reduced-motion:reduce){
    #header-setting-button,
    #ai-mod-button2 button.MuiButton-root,
    div.cursor-pointer.group.flex.items-center.justify-center,
    #ai-model-selector .group.flex.items-center{
        transition:none !important;
    }
    #header-setting-button:hover{ transform:none !important; }
}