rp {
--ink:#302a22;
--muted:#756958;
--paper:#eee3c7;
--paper2:#e3d3ad;
--paper3:#f8f0dc;
--line:#b9a47b;
--shadow:rgba(45,35,24,.28);
--red:#9b4941;
--blue:#426f78;
--green:#55745b;
--gold:#987434;
--dark:#332d26;
display:block;
position:relative;
width:min(100%,1935px);
margin:0 auto;
color:var(--ink);
font:15px/1.75 Georgia,"Noto Serif SC","Songti SC",serif;
letter-spacing:0;
}
rp scene {
display:block;
position:relative;
max-width:1344px;
max-height:704px;
min-height:180px;
margin:0 auto 10px;
overflow:hidden;
border:1px solid var(--line);
border-radius:6px 6px 2px 2px;
background:var(--paper2);
box-shadow:0 6px 22px var(--shadow);
}
rp scene:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(180deg,transparent 42%,rgba(28,23,17,.82));
}
rp scene .env {
display:block;
width:100%;
max-width:1344px;
max-height:704px;
margin:0 auto;
aspect-ratio:1344/704;
background:#2c2923;
}
rp scene .env img {
display:block;
width:100%;
height:100%;
max-width:1344px;
max-height:704px;
object-fit:contain;
object-position:center;
}
rp scene>em,
rp scene>strong{
position:absolute;
z-index:2;
left:16px;
right:16px;
color:#fff8e6;
text-shadow:0 2px 7px #000;
}
rp scene>em{
bottom:42px;
font-size:12px;
font-style:normal;
opacity:.86;
}
rp scene>strong{
bottom:12px;
overflow:hidden;
font-size:18px;
line-height:1.3;
white-space:nowrap;
text-overflow:ellipsis;
}
rp main {
  display: block;
  position: relative;
  margin: 0 auto;
  min-height: 360px;
  padding: 18px 20px 24px;
  border: 2px solid #302a22;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  background-color: #faf5e8;
  box-shadow: 4px 4px 0 #302a22;
}
rp txt {
display:block;
position:relative;
z-index:1;
font-size:23.3px;
}
rp txt p {
  margin: 0 0 1.1em;
  text-indent: 2em;
  text-align: justify;
  font-family: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.8;
  color: #302a22;
}
rp rail {
position:fixed !important;
z-index:400 !important;
isolation:isolate;
top:auto !important;
bottom:0 !important;
right:0 !important;
left:auto !important;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:5px;
width:46px;
pointer-events:none;
transform:none !important;
}
rp rail>details {
display:block;
position:relative;
z-index:401 !important;
width:46px;
pointer-events:none;
}
rp rail>details>summary {
  box-sizing: border-box;
  display: flex;
  position: relative;
  z-index: 402 !important;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: 46px;
  min-height: 94px;
  padding: 8px 9px;
  overflow: hidden;
  border: 2px solid #302a22;
  border-right: 0;
  border-radius: 12px 0 0 12px;
  outline: 0;
  background: #fbf3db;
  box-shadow: -3px 3px 0 #302a22;
  color: #302a22;
  cursor: pointer;
  list-style: none;
  writing-mode: vertical-rl;
  text-orientation: upright;
  pointer-events: auto !important;
  transition: width .2s ease, transform .2s ease, background-color .2s ease;
  scroll-margin: 0 !important;
  scroll-margin-top: 0 !important;
}
rp rail>details>summary::-webkit-details-marker{
display:none;
}
rp rail>details>summary:before{
content:"";
position:absolute;
top:5px;
bottom:5px;
left:4px;
width:2px;
background:rgba(110,83,43,.28);
}
rp rail>details>summary b{
font:700 10px/1 Georgia,serif;
writing-mode:horizontal-tb;
opacity:.55;
}
rp rail>details>summary i{
font-size:14px;
font-style:normal;
font-weight:700;
letter-spacing:0;
}
rp rail>details:nth-child(1)>summary{
border-left:4px solid var(--red);
}
rp rail>details:nth-child(2)>summary{
border-left:4px solid var(--gold);
}
rp rail>details:nth-child(4)>summary{
border-left:4px solid var(--green);
}
rp rail>details>summary:hover{
width:52px;
filter:brightness(1.04);
transform:translateX(-2px);
}
rp rail>details[open]>summary {
  z-index: 502 !important;
  width: 56px;
  pointer-events: auto !important;
  box-shadow: -4px 4px 0 #302a22;
  transform: translateX(-4px);
  opacity: 1;
}
rp rail>details>pan {
  box-sizing: border-box;
  display: none;
  position: fixed !important;
  z-index: 100;
  top: auto !important;
  bottom: calc(2em + 141px) !important;
  right: 17.8vw;
  width: 64.4vw;
  height: 64.4vh;
  padding: 18px clamp(14px,3vw,34px) 32px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  overflow-anchor: none;
  scroll-behavior: auto !important;
  border: 2.5px solid #302a22;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  background-color: #faf5e8;
  box-shadow: 6px 6px 0 #302a22;
  color: #302a22;
  text-align: left;
  writing-mode: horizontal-tb;
  pointer-events: auto;
}
rp rail>details[open]>pan {
  box-sizing: border-box;
  display: block;
  position: fixed !important;
  z-index: 300 !important;
  top: auto !important;
  right: 17.8vw !important;
  bottom: calc(2em + 141px) !important;
  left: auto !important;
  width: 64.4vw !important;
  height: 64.4vh !important;
  padding: 18px clamp(14px,3vw,34px) 32px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain !important;
  overflow-anchor: none !important;
  scroll-behavior: auto !important;
  border: 2.5px solid #302a22;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  background-color: #faf5e8;
  box-shadow: 6px 6px 0 #302a22;
  color: #302a22;
  text-align: left;
  writing-mode: horizontal-tb;
  pointer-events: auto;
  animation: none !important;
  transition: none !important;
}
rp pan:before {
content:"";
position:fixed;
z-index:-1;
top:auto;
bottom:calc(2em + 141px + 8px);
right:calc(17.8vw + 8px);
width:calc(64.4vw - 18px);
height:calc(64.4vh - 18px);
pointer-events:none;
border:1px solid rgba(132,101,57,.35);
border-radius:4px;
}
rp pan::-webkit-scrollbar,
rp roster::-webkit-scrollbar {
height:30px;
}
rp pan::-webkit-scrollbar-track,
rp roster::-webkit-scrollbar-track {
border:0;
background:transparent;
box-shadow:none;
}
rp pan::-webkit-scrollbar-thumb,
rp roster::-webkit-scrollbar-thumb {
border:0;
background:transparent;
box-shadow:none;
}
rp pan>h2,
rp npc header+h3{
margin-top:0;
}
rp pan h2 {
  margin: 0 0 14px;
  padding: 0 44px 8px 0;
  border-bottom: 2px solid #302a22;
  color: #302a22;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
rp pan h3 {
  clear: both;
  margin: 18px 0 6px;
  padding: 4px 8px;
  border-left: 4px solid #e27d88;
  border-bottom: 1.5px solid #302a22;
  background: #ffeef2;
  color: #302a22;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
rp pan d,
rp pan item,
rp pan skill,
rp pan loc,
rp pan quest{
box-sizing:border-box;
display:flex;
gap:8px;
align-items:flex-start;
padding:6px 8px;
border-bottom:1px dashed rgba(126,101,65,.28);
}
rp pan d>b,
rp pan item>b,
rp pan loc>b{
flex:0 0 84px;
color:#755434;
}
rp pan d>i,
rp pan item>i,
rp pan skill>i,
rp pan loc>i{
font-style:normal;
}
rp pan skill,
rp pan item,
rp pan quest {
  margin: 6px 0;
  border: 2px solid #302a22;
  border-radius: 255px 10px 225px 10px/10px 225px 10px 255px;
  background: #fdfaf2;
  box-shadow: 2px 2px 0 #302a22;
  padding: 6px 10px;
}
rp pan skill,
rp pan quest{
flex-direction:column;
}
rp pan skill>b,
rp pan quest>b{
color:#76493e;
}
rp pan quest>i,
rp pan quest>em{
font-style:normal;
}
rp pan quest>em{
color:var(--muted);
font-size:12px;
}
rp pan header {
display:grid;
grid-template-columns:auto minmax(0,1fr);
grid-template-rows:auto auto;
gap:3px 14px;
min-height:0;
margin-bottom:12px;
padding-bottom:14px;
border-bottom:2px solid var(--line);
}
rp pan header .pt {
grid-row:1/3;
justify-self:start;
align-self:start;
max-width:100%;
max-height:100%;
object-fit:contain;
}
rp pan header h2{
align-self:end;
margin:0;
padding:0 0 5px;
}
rp pan header em{
align-self:start;
color:var(--muted);
font-size:13px;
font-style:normal;
}
rp .pic {
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
width:100%;
max-width:100%;
max-height:368px;
overflow:hidden;
outline:0;
background:#cdbb95;
}
rp .pic img {
display:block;
width:100%;
height:auto;
max-width:100%;
max-height:368px;
object-fit:contain;
}
rp .pt {
box-sizing:border-box;
width:100%;
max-width:100%;
max-height:368px;
height:auto;
object-fit:contain;
}
rp gear {
display:grid;
grid-template-columns:321.6px minmax(0,1fr);
grid-template-rows:auto auto auto;
gap:0 12px;
margin:8px 0 14px;
padding:10px;
border-bottom:1px solid var(--line);
background:rgba(218,199,160,.25);
}
rp gear .eq {
  border-radius:14px;
  box-shadow:0 8px 28px var(--shadow),inset 0 1px rgba(255,255,255,.52);
}
rp gear h3{
clear:none;
margin:0 0 4px;
}
rp gear d{
padding:4px 6px;
}
rp bars{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
margin:8px 0 12px;
}
rp bars v {
  display: flex;
  position: relative;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 10px;
  border: 2px solid #302a22;
  border-radius: 255px 8px 225px 8px/8px 225px 8px 255px;
  background: #fdfaf2;
  box-shadow: 2px 2px 0 #302a22;
}
rp bars v:before{
content:"";
position:absolute;
inset:0;
width:var(--n,72%);
opacity:.48;
}
rp bars v[k="hp"]:before{
background:linear-gradient(90deg,#a74e46,#c77864);
}
rp bars v[k="mp"]:before{
background:linear-gradient(90deg,#4a7880,#73a0a1);
}
rp bars v[k="san"]:before{
background:linear-gradient(90deg,#667358,#95a071);
}
rp bars v b,
rp bars v i{
position:relative;
z-index:1;
font-style:normal;
}
rp bars v i{
font-size:12px;
}
rp stats{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:6px;
}
rp stats d {
  justify-content: space-between;
  border: 2px solid #302a22;
  border-radius: 255px 8px 225px 8px/8px 225px 8px 255px;
  background: #fdfaf2;
  box-shadow: 2px 2px 0 #302a22;
  padding: 4px 8px;
}
rp stats d>b{
flex:0 1 auto;
}
rp roster {
display:flex;
position:relative;
width:100%;
gap:0;
overflow-x:auto;
overflow-y:hidden;
scroll-snap-type:x mandatory;
scroll-behavior:smooth;
scrollbar-color:transparent transparent;
}
rp roster>npc {
  box-sizing:border-box;
  flex:0 0 100%;
  width:100%;
  min-width:100%;
  max-width:100%;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  border-radius:14px;
  box-shadow:0 8px 28px var(--shadow),inset 0 1px rgba(255,255,255,.52);
}
rp roster>npc+npc{
border-left:1px dashed var(--line);
padding-left:14px;
}
rp .map {
  border-radius:14px;
  box-shadow:0 8px 28px var(--shadow),inset 0 1px rgba(255,255,255,.52);
}
rp .map img{
object-fit:contain;
}
rp .pic:focus {
box-sizing:border-box;
display:flex;
position:fixed;
z-index:300;
inset:0;
width:100vw;
height:100vh;
max-width:100vw;
max-height:100vh;
aspect-ratio:auto;
flex-direction:column;
gap:10px;
align-items:center;
justify-content:center;
margin:0;
padding:3vh 3vw;
border:0;
border-radius:0;
background:rgba(18,15,12,.94);
box-shadow:none;
cursor:zoom-out;
}
rp .pic:focus img {
flex:0 1 auto;
width:auto;
height:auto;
min-width:0;
min-height:0;
max-width:min(94vw,100%);
max-height:min(calc(94vh - 42px),calc(100% - 42px));
object-fit:contain;
filter:drop-shadow(0 12px 32px rgba(0,0,0,.65));
}
rp .pic:not(:focus){
cursor:zoom-in;
}
@media(max-width:700px) {
rp pan[data-i="BBS"] bbs > details > summary {
box-sizing:border-box;
display:flex;
position:relative;
align-items:center;
flex-wrap:wrap;
gap:9px;
min-height:44px;
padding:9px 38px 9px 13px;
border:0;
outline:0;
background:linear-gradient(90deg,rgba(227,211,173,.88),rgba(248,240,220,.72));
color:var(--dark);
font-size:15px;
font-weight:bold;
line-height:1.55;
overflow-wrap:anywhere;
cursor:pointer;
list-style:none;
transition:background .18s ease,color .18s ease;
scroll-margin:0 !important;
scroll-margin-top:0 !important;
overflow-anchor:none !important;
}
rp pan[data-i="BBS"] bbs > details > user,
rp pan[data-i="BBS"] bbs > details > author,
rp pan[data-i="BBS"] bbs > details > .op,
rp pan[data-i="BBS"] bbs > details > .lz {
align-items:flex-start;
padding:7px 10px;
}
rp pan[data-i="BBS"] bbs chat {
padding:9px 8px 11px;
}
rp pan[data-i="BBS"] bbs chat msg {
box-sizing:border-box;
display:grid;
grid-template-columns:minmax(0,1fr);
gap:3px;
align-items:start;
width:100%;
min-width:0;
padding:8px 10px;
border:1px solid var(--bbs-soft-line);
border-radius:4px;
background:rgba(248,240,220,.7);
box-shadow:inset 3px 0 var(--line);
color:var(--ink);
font-size:13px;
line-height:1.65;
overflow-wrap:anywhere;
word-break:break-word;
}
rp pan[data-i="BBS"] bbs chat msg > b,
rp pan[data-i="BBS"] bbs chat msg > strong,
rp pan[data-i="BBS"] bbs chat msg > i,
rp pan[data-i="BBS"] bbs chat msg > em,
rp pan[data-i="BBS"] bbs chat msg > span,
rp pan[data-i="BBS"] bbs chat msg > p {
grid-column:1;
min-width:0;
margin:0;
color:inherit;
font-style:normal;
overflow-wrap:anywhere;
word-break:break-word;
}
rp pan[data-i="BBS"] bbs chat msg.u {
margin-left:clamp(0px,3vw,14px);
width:calc(100% - clamp(0px,3vw,14px));
max-width:calc(100% - clamp(0px,3vw,14px));
}
.is-assistant {
  width: min(100%, 1290px);
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
}
@media(max-width:390px) {
rp pan[data-i="BBS"] bbs > details > summary {
font-size:14px;
}
rp pan[data-i="BBS"] bbs chat msg {
font-size:12px;
}
rp pan[data-i="BBS"] bbs chat msg.u {
margin-left:8px;
width:calc(100% - 8px);
max-width:calc(100% - 8px);
}
}
rp .pic:focus:after {
content:"× 退出";
box-sizing:border-box;
display:flex;
position:relative;
z-index:302;
flex:0 0 32px;
align-items:center;
justify-content:center;
min-width:72px;
height:32px;
padding:0 12px;
border:1px solid #a78e61;
border-radius:4px;
cursor:pointer;
pointer-events:none;
touch-action:manipulation;
user-select:none;
}
@media screen and (max-width:700px) {
rp rail {
z-index:500 !important;
bottom:18px !important;
}
rp rail > details > summary {
z-index:501 !important;
}
rp rail > details > pan {
z-index:450 !important;
}
rp pan:before{
display:none;
}
rp pan header{
grid-template-columns:minmax(0,1fr);
grid-template-rows:auto;
min-height:0;
}
rp pan header .pt{
grid-row:auto;
}
rp .pt{
width:100%;
max-width:100%;
height:auto;
}
rp gear{
grid-template-columns:minmax(0,1fr);
grid-template-rows:auto;
gap:8px 0;
width:100%;
min-width:0;
overflow:visible;
}
rp gear .eq{
grid-column:1;
width:100%;
max-width:100%;
height:auto;
min-width:0;
}
rp gear > *{
min-width:0;
max-width:100%;
}
rp gear d{
min-width:0;
overflow-wrap:anywhere;
}
rp gear d>b{
flex:0 0 min(84px,32%);
}
}
@media screen and (max-width:390px) {
  @media screen and (max-width:390px) {
  rp rail>details[open]>pan,
  rp details[name="r"].a[data-i="BBS"][open] {
  box-sizing:border-box;
  display:block;
  position:fixed !important;
  z-index:300 !important;
  top:auto !important;
  right:17.8vw !important;
  bottom:calc(2em + 141px) !important;
  left:auto !important;
  width:64.4vw !important;
  height:64.4vh !important;
  padding:18px clamp(14px,3vw,34px) 32px;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain !important;
  overflow-anchor:none !important;
  scroll-behavior:auto !important;
  border:1px solid #a78e61;
  border-top:4px solid var(--blue, #426f78);
  border-radius:7px;
  background-color:var(--paper3);
  background-image:linear-gradient(180deg,rgba(176,143,89,.12),transparent 120px),linear-gradient(90deg,rgba(111,83,43,.04) 1px,transparent 1px),linear-gradient(rgba(111,83,43,.045) 1px,transparent 1px);
  background-size:auto,28px 28px,28px 28px;
  box-shadow:0 0 0 100vmax rgba(25,21,16,.58),0 18px 60px rgba(20,16,12,.48),inset 0 0 80px rgba(118,86,42,.1);
  color:var(--ink);
  text-align:left;
  writing-mode:horizontal-tb;
  pointer-events:auto;
  animation:none !important;
  transition:none !important;
}
}
}
[theme="dark"] rp {
--paper3:#211d18;
--ink:#ddd0b6;
--dark:#f0dfbd;
--line:#6f5a3a;
--muted:#aa9b82;
--red:#b9665a;
color-scheme:dark;
}
[theme="dark"] rp rail>details>pan {
  border-color: #e3d3ad;
  background-color: #24201c;
  box-shadow: 6px 6px 0 #000000;
  color: #eee3c7;
}
[theme="dark"] rp pan h3 {
border-left-color:var(--red);
border-bottom-color:rgba(190,157,105,.3);
background:linear-gradient(90deg,rgba(145,109,62,.18),transparent);
color:#d8c7a8;
}
[theme="dark"] rp pan d,
[theme="dark"] rp pan item,
[theme="dark"] rp pan skill,
[theme="dark"] rp pan loc,
[theme="dark"] rp pan quest {
border-bottom-color:rgba(190,157,105,.22);
}
[theme="dark"] rp pan d>b,
[theme="dark"] rp pan item>b,
[theme="dark"] rp pan loc>b {
color:#c9a978;
}
[theme="dark"] rp pan skill,
[theme="dark"] rp pan item,
[theme="dark"] rp pan quest {
  border-color: #e3d3ad;
  background: #2b2520;
  box-shadow: 2px 2px 0 #000000;
  color: #eee3c7;
}
[theme="dark"] rp pan skill>b,
[theme="dark"] rp pan quest>b {
color:#d49a88;
}
[theme="dark"] rp .pic {
background:#302a21;
}
[theme="dark"] rp .pt {
border-color:#796542;
box-shadow:3px 4px 14px rgba(0,0,0,.48);
}
[theme="dark"] rp gear {
border-bottom-color:var(--line);
background:rgba(91,73,47,.24);
}
[theme="dark"] rp bars v {
  border-color: #e3d3ad;
}
[theme="dark"] rp stats d {
border-color:rgba(190,157,105,.27);
background:rgba(90,72,47,.3);
}
[theme="dark"] rp .map {
border-color:var(--line);
box-shadow:0 5px 18px rgba(0,0,0,.48);
}
[theme="dark"] rp .pic:focus:after {
border-color:#8b734b;
background:rgba(48,41,31,.98);
box-shadow:0 3px 12px rgba(0,0,0,.55);
color:var(--dark);
}
rp roster::scroll-button(left),
rp roster::scroll-button(right) {
position:absolute;
z-index:2;
bottom:0;
box-sizing:border-box;
width:30px;
height:30px;
padding:0;
border:1px solid rgba(128,99,57,.3);
border-radius:3px;
background:#d6c8aa;
box-shadow:inset 0 1px rgba(255,255,255,.35);
color:var(--ink);
font:700 20px/26px Georgia,serif;
cursor:pointer;
}
rp roster::scroll-button(left) {
content:"<";
left:0;
}
rp roster::scroll-button(right) {
content:">";
right:0;
}
rp roster::scroll-button(left):disabled,
rp roster::scroll-button(right):disabled {
opacity:.35;
cursor:default;
}
rp roster::-webkit-scrollbar-button:horizontal:decrement {
display:block;
width:30px;
border:1px solid rgba(128,99,57,.3);
border-radius:3px;
background-color:#d6c8aa;
background-image:linear-gradient(45deg,transparent 43%,var(--ink) 44%,var(--ink) 56%,transparent 57%),linear-gradient(135deg,transparent 43%,var(--ink) 44%,var(--ink) 56%,transparent 57%);
background-position:10px 14px,10px 8px;
background-size:9px 9px;
background-repeat:no-repeat;
box-shadow:inset 0 1px rgba(255,255,255,.35);
}
rp roster::-webkit-scrollbar-button:horizontal:increment {
display:block;
width:30px;
border:1px solid rgba(128,99,57,.3);
border-radius:3px;
background-color:#d6c8aa;
background-image:linear-gradient(135deg,transparent 43%,var(--ink) 44%,var(--ink) 56%,transparent 57%),linear-gradient(45deg,transparent 43%,var(--ink) 44%,var(--ink) 56%,transparent 57%);
background-position:11px 14px,11px 8px;
background-size:9px 9px;
background-repeat:no-repeat;
box-shadow:inset 0 1px rgba(255,255,255,.35);
}
rp pan[data-i="BBS"] bbs {
--bbs-paper:rgba(248,240,220,.78);
--bbs-paper-alt:rgba(227,211,173,.52);
--bbs-line:rgba(126,101,65,.38);
--bbs-soft-line:rgba(126,101,65,.22);
--bbs-shadow:rgba(45,35,24,.13);
box-sizing:border-box;
display:block;
width:100%;
min-width:0;
color:var(--ink);
}
rp pan[data-i="BBS"] bbs > details {
box-sizing:border-box;
display:block;
width:100%;
min-width:0;
height:auto;
margin:0 0 12px;
overflow:visible;
overflow-anchor:none;
border:1px solid var(--bbs-line);
border-radius:5px;
background:var(--bbs-paper);
box-shadow:0 3px 10px var(--bbs-shadow),inset 0 1px rgba(255,255,255,.38);
}
rp pan[data-i="BBS"] bbs > details[open] {
position:relative !important;
inset:auto !important;
z-index:auto !important;
width:100% !important;
max-width:100% !important;
height:auto !important;
max-height:none !important;
margin:0 0 10px !important;
overflow:visible !important;
transform:none !important;
animation:none !important;
transition:none !important;
border-color:var(--line);
box-shadow:0 5px 16px rgba(45,35,24,.17),inset 0 1px rgba(255,255,255,.42);
}
rp pan[data-i="BBS"] bbs > details > summary {
box-sizing:border-box;
display:flex;
position:relative;
align-items:center;
flex-wrap:wrap;
gap:9px;
min-height:44px;
padding:9px 38px 9px 13px;
border:0;
outline:0;
background:linear-gradient(90deg,rgba(227,211,173,.88),rgba(248,240,220,.72));
color:var(--dark);
font-size:15px;
font-weight:bold;
line-height:1.55;
overflow-wrap:anywhere;
cursor:pointer;
list-style:none;
transition:background .18s ease,color .18s ease;
}
rp pan[data-i="BBS"] bbs > details > summary::-webkit-details-marker {
display:none;
}
rp pan[data-i="BBS"] bbs > details > summary:after {
content:"＋";
position:absolute;
top:50%;
right:13px;
color:var(--red);
font:18px/1 Georgia,"Noto Serif SC","Songti SC",serif;
transform:translateY(-50%);
}
rp pan[data-i="BBS"] bbs > details[open] > summary {
border-bottom:1px solid var(--bbs-line);
background:linear-gradient(90deg,rgba(214,192,145,.78),rgba(240,226,194,.62));
}
rp pan[data-i="BBS"] bbs > details[open] > summary:after {
content:"−";
}
rp pan[data-i="BBS"] bbs > details > summary:hover {
background:linear-gradient(90deg,rgba(214,192,145,.9),rgba(248,240,220,.84));
color:var(--red);
}
rp pan[data-i="BBS"] bbs > details > summary b,
rp pan[data-i="BBS"] bbs > details > summary strong {
color:inherit;
font-size:inherit;
font-weight:bold;
}
rp pan[data-i="BBS"] bbs > details > summary i,
rp pan[data-i="BBS"] bbs > details > summary em {
margin-left:auto;
color:var(--muted);
font-size:12px;
font-style:normal;
font-weight:normal;
}
rp pan[data-i="BBS"] bbs > details > user,
rp pan[data-i="BBS"] bbs > details > author,
rp pan[data-i="BBS"] bbs > details > .op,
rp pan[data-i="BBS"] bbs > details > .lz {
box-sizing:border-box;
display:flex;
align-items:center;
flex-wrap:wrap;
gap:8px;
width:100%;
min-height:38px;
padding:7px 12px;
border-bottom:1px dashed var(--bbs-soft-line);
background:rgba(227,211,173,.24);
color:var(--muted);
font-size:12px;
line-height:1.5;
overflow-wrap:anywhere;
}
rp pan[data-i="BBS"] bbs > details > user b,
rp pan[data-i="BBS"] bbs > details > author b,
rp pan[data-i="BBS"] bbs > details > .op b,
rp pan[data-i="BBS"] bbs > details > .lz b {
color:#755434;
font-size:13px;
}
rp pan[data-i="BBS"] bbs chat {
box-sizing:border-box;
display:flex;
flex-direction:column;
gap:8px;
width:100%;
min-width:0;
padding:11px 12px 13px;
background:rgba(248,240,220,.34);
}
rp pan[data-i="BBS"] bbs chat:before {
content:"评论";
display:block;
margin:0 0 1px;
padding:0 0 5px;
border-bottom:1px solid var(--bbs-soft-line);
color:var(--muted);
font-size:12px;
font-weight:bold;
letter-spacing:.12em;
}
rp pan[data-i="BBS"] bbs chat msg {
box-sizing:border-box;
display:grid;
grid-template-columns:minmax(0,auto) minmax(0,1fr);
gap:2px 9px;
align-items:start;
width:100%;
min-width:0;
padding:8px 10px;
border:1px solid var(--bbs-soft-line);
border-radius:4px;
background:rgba(248,240,220,.7);
box-shadow:inset 3px 0 var(--line);
color:var(--ink);
font-size:13px;
line-height:1.65;
overflow-wrap:anywhere;
word-break:break-word;
}
rp pan[data-i="BBS"] bbs chat msg > b,
rp pan[data-i="BBS"] bbs chat msg > strong {
grid-column:1;
min-width:0;
color:#755434;
font-size:12px;
line-height:1.65;
white-space:normal;
overflow-wrap:anywhere;
}
rp pan[data-i="BBS"] bbs chat msg > i,
rp pan[data-i="BBS"] bbs chat msg > em,
rp pan[data-i="BBS"] bbs chat msg > span,
rp pan[data-i="BBS"] bbs chat msg > p {
grid-column:2;
min-width:0;
margin:0;
color:inherit;
font-style:normal;
overflow-wrap:anywhere;
word-break:break-word;
}
rp pan[data-i="BBS"] bbs lv {
box-sizing:border-box;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:34px;
margin:0 4px;
padding:1px 5px;
border:1px solid rgba(152,116,52,.42);
border-radius:3px;
background:rgba(152,116,52,.12);
color:var(--gold);
font:10px/1.45 Georgia,"Noto Serif SC","Songti SC",serif;
vertical-align:middle;
white-space:nowrap;
}
rp pan[data-i="BBS"] bbs chat msg.u {
margin-left:clamp(0px,3vw,22px);
width:calc(100% - clamp(0px,3vw,22px));
max-width:calc(100% - clamp(0px,3vw,22px));
border-color:rgba(66,111,120,.3);
background:rgba(66,111,120,.07);
box-shadow:inset 3px 0 var(--blue);
}
rp pan[data-i="BBS"] bbs chat msg.u > b,
rp pan[data-i="BBS"] bbs chat msg.u > strong {
color:var(--blue);
}
rp pan[data-i="BBS"] bbs like,
rp pan[data-i="BBS"] bbs action,
rp pan[data-i="BBS"] bbs actions,
rp pan[data-i="BBS"] bbs .like,
rp pan[data-i="BBS"] bbs .actions {
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:flex-end;
flex-wrap:wrap;
gap:6px 12px;
width:100%;
min-width:0;
padding:7px 12px;
border-top:1px dashed var(--bbs-soft-line);
background:rgba(227,211,173,.2);
color:var(--muted);
font-size:12px;
line-height:1.5;
}
rp pan[data-i="BBS"] bbs like b,
rp pan[data-i="BBS"] bbs action b,
rp pan[data-i="BBS"] bbs actions b,
rp pan[data-i="BBS"] bbs .like b,
rp pan[data-i="BBS"] bbs .actions b {
color:var(--red);
font-weight:normal;
}
rp pan[data-i="BBS"] bbs button {
box-sizing:border-box;
padding:3px 9px;
border:1px solid var(--bbs-line);
border-radius:3px;
background:rgba(248,240,220,.72);
box-shadow:inset 0 1px rgba(255,255,255,.45);
color:var(--muted);
font:12px/1.5 Georgia,"Noto Serif SC","Songti SC",serif;
cursor:pointer;
}
rp pan[data-i="BBS"] bbs button:hover {
border-color:var(--red);
color:var(--red);
}
[theme="dark"] rp pan[data-i="BBS"] bbs {
--bbs-paper:rgba(49,42,33,.78);
--bbs-paper-alt:rgba(70,57,40,.48);
--bbs-line:rgba(190,157,105,.3);
--bbs-soft-line:rgba(190,157,105,.19);
--bbs-shadow:rgba(0,0,0,.28);
}
[theme="dark"] rp pan[data-i="BBS"] bbs > details {
background:var(--bbs-paper);
box-shadow:0 4px 14px var(--bbs-shadow),inset 0 1px rgba(255,255,255,.035);
}
[theme="dark"] rp pan[data-i="BBS"] bbs > details > summary {
background:linear-gradient(90deg,rgba(91,70,43,.68),rgba(47,40,31,.74));
color:var(--dark);
}
[theme="dark"] rp pan[data-i="BBS"] bbs > details[open] > summary,
[theme="dark"] rp pan[data-i="BBS"] bbs > details > summary:hover {
background:linear-gradient(90deg,rgba(111,82,46,.72),rgba(55,46,35,.8));
color:#f0dfbd;
}
[theme="dark"] rp pan[data-i="BBS"] bbs > details > user,
[theme="dark"] rp pan[data-i="BBS"] bbs > details > author,
[theme="dark"] rp pan[data-i="BBS"] bbs > details > .op,
[theme="dark"] rp pan[data-i="BBS"] bbs > details > .lz {
background:rgba(90,72,47,.25);
color:var(--muted);
}
[theme="dark"] rp pan[data-i="BBS"] bbs > details > user b,
[theme="dark"] rp pan[data-i="BBS"] bbs > details > author b,
[theme="dark"] rp pan[data-i="BBS"] bbs > details > .op b,
[theme="dark"] rp pan[data-i="BBS"] bbs > details > .lz b {
color:#c9a978;
}
[theme="dark"] rp pan[data-i="BBS"] bbs chat {
background:rgba(30,26,21,.34);
}
[theme="dark"] rp pan[data-i="BBS"] bbs chat msg {
background:rgba(54,46,36,.72);
box-shadow:inset 3px 0 var(--line);
color:var(--ink);
}
[theme="dark"] rp pan[data-i="BBS"] bbs chat msg > b,
[theme="dark"] rp pan[data-i="BBS"] bbs chat msg > strong {
color:#c9a978;
}
[theme="dark"] rp pan[data-i="BBS"] bbs chat msg.u {
border-color:rgba(105,157,168,.28);
background:rgba(66,111,120,.15);
box-shadow:inset 3px 0 #64939c;
}
[theme="dark"] rp pan[data-i="BBS"] bbs chat msg.u > b,
[theme="dark"] rp pan[data-i="BBS"] bbs chat msg.u > strong {
color:#8bb8c0;
}
[theme="dark"] rp pan[data-i="BBS"] bbs lv {
border-color:rgba(201,169,120,.38);
background:rgba(152,116,52,.18);
color:#d2b47e;
}
[theme="dark"] rp pan[data-i="BBS"] bbs like,
[theme="dark"] rp pan[data-i="BBS"] bbs action,
[theme="dark"] rp pan[data-i="BBS"] bbs actions,
[theme="dark"] rp pan[data-i="BBS"] bbs .like,
[theme="dark"] rp pan[data-i="BBS"] bbs .actions {
background:rgba(90,72,47,.2);
}
[theme="dark"] rp pan[data-i="BBS"] bbs button {
border-color:var(--bbs-line);
background:rgba(54,46,36,.82);
box-shadow:inset 0 1px rgba(255,255,255,.04);
color:var(--muted);
}
rp pan[data-i="BBS"] bbs > details[open] > *:not(summary) {
box-sizing:border-box;
max-width:100%;
}
rp pan[data-i="BBS"] bbs chat msg > * {
min-width:0;
max-width:100%;
}
rp details[name="r"].a[data-i="BBS"] {
  --bbs-paper:var(--paper3);
  --bbs-paper-alt:rgba(227,211,173,.58);
  --bbs-line:#a78e61;
  --bbs-soft-line:rgba(126,101,65,.28);
  --bbs-shadow:rgba(45,35,24,.16);
  box-sizing:border-box;
  display:block;
  position:relative;
  width:100%;
  min-width:0;
  margin:0;
  overflow:visible;
  border:0;
  border-radius:7px;
  background:transparent;
  box-shadow:none;
  color:var(--ink);
}
rp details[name="r"].a[data-i="BBS"] > summary {
  box-sizing:border-box;
  display:flex;
  position:relative;
  z-index:402 !important;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  width:46px;
  min-height:94px;
  padding:8px 9px;
  overflow:hidden;
  border:1px solid #a48c62;
  border-left:4px solid var(--blue, #426f78);
  border-right:0;
  border-radius:6px 0 0 6px;
  outline:0;
  background:linear-gradient(90deg,rgba(66,111,120,.22),#f0e3c4 52%,#d4bc8c);
  box-shadow:-4px 5px 13px rgba(41,33,23,.22),inset 1px 0 rgba(255,255,255,.52);
  color:var(--dark);
  cursor:pointer;
  list-style:none;
  writing-mode:vertical-rl;
  text-orientation:upright;
  pointer-events:auto !important;
  transition:width .35s cubic-bezier(.25,1,.5,1),filter .35s ease,transform .35s cubic-bezier(.25,1,.5,1),opacity .35s ease,box-shadow .35s ease;
  scroll-margin:0 !important;
  scroll-margin-top:0 !important;
}
rp details[name="r"].a[data-i="BBS"] > summary::-webkit-details-marker {
  display:none;
}
rp details[name="r"].a[data-i="BBS"][open] > summary {
  position:fixed !important;
  top:auto !important;
  bottom:0 !important;
  right:0 !important;
  z-index:502 !important;
  width:56px;
  pointer-events:auto !important;
  filter:brightness(1.08) drop-shadow(0 0 8px rgba(240,227,196,.5));
  box-shadow:-6px 6px 20px rgba(41,33,23,.4),inset 1px 0 2px rgba(255,255,255,.8);
  transform:translateX(-4px);
  opacity:1;
}
rp details[name="r"].a[data-i="BBS"] > summary:hover {
  width:52px;
  filter:brightness(1.04);
  transform:translateX(-2px);
}
rp details[name="r"].a[data-i="BBS"] bar {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  flex:1 1 auto;
  flex-wrap:wrap;
  gap:4px 10px;
  min-width:0;
  color:inherit;
  font-size:15px;
  font-weight:bold;
  line-height:1.5;
  overflow-wrap:anywhere;
}
rp details[name="r"].a[data-i="BBS"] bar b,
rp details[name="r"].a[data-i="BBS"] bar strong {
  min-width:0;
  color:inherit;
  font-size:inherit;
  font-weight:bold;
  overflow-wrap:anywhere;
}
rp details[name="r"].a[data-i="BBS"] bar i,
rp details[name="r"].a[data-i="BBS"] bar em,
rp details[name="r"].a[data-i="BBS"] bar span {
  color:var(--muted);
  font-size:11px;
  font-style:normal;
  font-weight:normal;
  line-height:1.5;
}
rp details[name="r"].a[data-i="BBS"] page {
box-sizing:border-box;
display:block;
width:100%;
min-width:0;
padding:12px;
background:linear-gradient(180deg,rgba(248,240,220,.42),rgba(227,211,173,.18));
overflow-anchor:none;
}
rp details[name="r"].a[data-i="BBS"] page > details {
box-sizing:border-box;
display:block;
width:100%;
min-width:0;
margin:0 0 10px;
overflow:visible;
overflow-anchor:none;
border:1px solid var(--bbs-soft-line);
border-radius:11px;
background:rgba(248,240,220,.76);
box-shadow:0 3px 12px rgba(45,35,24,.08),inset 0 1px rgba(255,255,255,.42);
}
rp details[name="r"].a[data-i="BBS"] page > details:last-child {
  margin-bottom:0;
}
rp details[name="r"].a[data-i="BBS"] page > details[open] {
position:relative !important;
inset:auto !important;
z-index:auto !important;
width:100% !important;
max-width:100% !important;
height:auto !important;
max-height:none !important;
margin:0 0 10px !important;
overflow:visible !important;
transform:none !important;
animation:none !important;
transition:none !important;
border-color:var(--bbs-line);
box-shadow:0 5px 18px rgba(45,35,24,.12),inset 0 1px rgba(255,255,255,.46);
}
rp details[name="r"].a[data-i="BBS"] page > details > summary {
box-sizing:border-box;
display:flex;
position:relative;
align-items:center;
flex-wrap:wrap;
gap:5px 9px;
min-height:48px;
padding:9px 42px 9px 13px;
border:0;
outline:0;
background:linear-gradient(90deg,rgba(227,211,173,.68),rgba(248,240,220,.72));
color:var(--dark);
font-size:14px;
font-weight:bold;
line-height:1.55;
overflow-wrap:anywhere;
cursor:pointer;
list-style:none;
transition:background .18s ease,color .18s ease;
scroll-margin:0 !important;
scroll-margin-top:0 !important;
overflow-anchor:none !important;
}
rp details[name="r"].a[data-i="BBS"] page > details > summary::-webkit-details-marker {
  display:none;
}
rp details[name="r"].a[data-i="BBS"] page > details > summary:after {
  content:"＋";
  position:absolute;
  top:50%;
  right:14px;
  color:var(--red);
  font:18px/1 Georgia,"Noto Serif SC","Songti SC",serif;
  transform:translateY(-50%);
}
rp details[name="r"].a[data-i="BBS"] page > details[open] > summary {
  border-bottom:1px solid var(--bbs-soft-line);
  background:linear-gradient(90deg,rgba(214,192,145,.74),rgba(248,240,220,.68));
}
rp details[name="r"].a[data-i="BBS"] page > details[open] > summary:after {
  content:"−";
}
rp details[name="r"].a[data-i="BBS"] page > details > summary:hover {
  background:linear-gradient(90deg,rgba(214,192,145,.86),rgba(248,240,220,.82));
  color:var(--red);
}
rp details[name="r"].a[data-i="BBS"] page > details > summary b,
rp details[name="r"].a[data-i="BBS"] page > details > summary strong {
  color:inherit;
  font-size:inherit;
  font-weight:bold;
}
rp details[name="r"].a[data-i="BBS"] page > details > summary i,
rp details[name="r"].a[data-i="BBS"] page > details > summary em,
rp details[name="r"].a[data-i="BBS"] page > details > summary span {
  margin-left:auto;
  color:var(--muted);
  font-size:11px;
  font-style:normal;
  font-weight:normal;
}
rp details[name="r"].a[data-i="BBS"] d {
  box-sizing:border-box;
  display:block;
  position:relative;
  width:100%;
  min-width:0;
  padding:13px 14px;
  border-bottom:1px solid var(--bbs-soft-line);
  background:rgba(248,240,220,.5);
  color:var(--ink);
  font-size:14px;
  line-height:1.75;
  overflow-wrap:anywhere;
  word-break:break-word;
}
rp details[name="r"].a[data-i="BBS"] d:last-child {
  border-bottom:0;
}
rp details[name="r"].a[data-i="BBS"] d > b,
rp details[name="r"].a[data-i="BBS"] d > strong {
  display:inline-flex;
  align-items:center;
  margin:0 7px 4px 0;
  color:#755434;
  font-size:13px;
  font-weight:bold;
  line-height:1.5;
}
rp details[name="r"].a[data-i="BBS"] d > i,
rp details[name="r"].a[data-i="BBS"] d > em {
  color:var(--muted);
  font-size:11px;
  font-style:normal;
  line-height:1.5;
}
rp details[name="r"].a[data-i="BBS"] d > p {
  min-width:0;
  margin:7px 0 0;
  color:inherit;
  overflow-wrap:anywhere;
  word-break:break-word;
}
rp details[name="r"].a[data-i="BBS"] chat {
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:9px;
  width:100%;
  min-width:0;
  padding:12px 13px 14px;
  border-top:1px solid var(--bbs-soft-line);
  background:rgba(227,211,173,.2);
}
rp details[name="r"].a[data-i="BBS"] chat:before {
  content:"评论与回复";
  display:flex;
  align-items:center;
  min-height:22px;
  padding:0 0 6px;
  border-bottom:1px solid var(--bbs-soft-line);
  color:var(--muted);
  font-size:11px;
  font-weight:bold;
  letter-spacing:.12em;
}
rp details[name="r"].a[data-i="BBS"] chat msg {
box-sizing:border-box;
display:grid;
grid-template-columns:minmax(0,1fr);
gap:3px;
align-items:start;
width:100%;
min-width:0;
padding:10px 11px;
border:1px solid var(--bbs-soft-line);
border-radius:9px;
background:rgba(248,240,220,.78);
box-shadow:inset 3px 0 var(--line),0 2px 7px rgba(45,35,24,.06);
color:var(--ink);
font-size:13px;
line-height:1.65;
overflow-wrap:anywhere;
word-break:break-word;
}
rp details[name="r"].a[data-i="BBS"] chat msg:hover {
  border-color:var(--bbs-line);
  background:rgba(248,240,220,.94);
}
rp details[name="r"].a[data-i="BBS"] chat msg > b,
rp details[name="r"].a[data-i="BBS"] chat msg > strong {
  grid-column:1;
  min-width:0;
  color:#755434;
  font-size:12px;
  font-weight:bold;
  line-height:1.65;
  white-space:normal;
  overflow-wrap:anywhere;
}
rp details[name="r"].a[data-i="BBS"] chat msg > i,
rp details[name="r"].a[data-i="BBS"] chat msg > em,
rp details[name="r"].a[data-i="BBS"] chat msg > span,
rp details[name="r"].a[data-i="BBS"] chat msg > p {
grid-column:1;
min-width:0;
max-width:100%;
margin:0;
color:inherit;
font-style:normal;
overflow-wrap:anywhere;
word-break:break-word;
}
rp details[name="r"].a[data-i="BBS"] chat msg.u {
  margin-left:clamp(10px,4vw,32px);
  width:calc(100% - clamp(10px,4vw,32px));
  max-width:calc(100% - clamp(10px,4vw,32px));
  border-color:rgba(66,111,120,.3);
  background:rgba(66,111,120,.07);
  box-shadow:inset 3px 0 var(--blue),0 2px 7px rgba(45,35,24,.05);
}
rp details[name="r"].a[data-i="BBS"] chat msg.u > b,
rp details[name="r"].a[data-i="BBS"] chat msg.u > strong {
  color:var(--blue);
}
rp details[name="r"].a[data-i="BBS"] lv {
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  margin:0 4px;
  padding:1px 6px;
  border:1px solid rgba(152,116,52,.42);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(152,116,52,.16),rgba(152,116,52,.08));
  color:var(--gold);
  font:10px/1.45 Georgia,"Noto Serif SC","Songti SC",serif;
  vertical-align:middle;
  white-space:nowrap;
}
rp details[name="r"].a[data-i="BBS"] ip,
rp details[name="r"].a[data-i="BBS"] .ip,
rp details[name="r"].a[data-i="BBS"] time,
rp details[name="r"].a[data-i="BBS"] .time,
rp details[name="r"].a[data-i="BBS"] .floor {
  display:inline-flex;
  align-items:center;
  gap:3px;
  color:var(--muted);
  font-size:10px;
  font-style:normal;
  line-height:1.5;
  white-space:nowrap;
}
rp details[name="r"].a[data-i="BBS"] like,
rp details[name="r"].a[data-i="BBS"] action,
rp details[name="r"].a[data-i="BBS"] actions,
rp details[name="r"].a[data-i="BBS"] .like,
rp details[name="r"].a[data-i="BBS"] .actions {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px 12px;
  width:100%;
  min-width:0;
  padding:8px 13px;
  border-top:1px dashed var(--bbs-soft-line);
  background:rgba(227,211,173,.2);
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}
rp details[name="r"].a[data-i="BBS"] like b,
rp details[name="r"].a[data-i="BBS"] action b,
rp details[name="r"].a[data-i="BBS"] actions b,
rp details[name="r"].a[data-i="BBS"] .like b,
rp details[name="r"].a[data-i="BBS"] .actions b {
  color:var(--red);
  font-weight:normal;
}
rp details[name="r"].a[data-i="BBS"] button {
  box-sizing:border-box;
  min-height:28px;
  padding:3px 10px;
  border:1px solid var(--bbs-line);
  border-radius:999px;
  background:rgba(248,240,220,.76);
  box-shadow:inset 0 1px rgba(255,255,255,.48);
  color:var(--muted);
  font:11px/1.5 Georgia,"Noto Serif SC","Songti SC",serif;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
rp details[name="r"].a[data-i="BBS"] button:hover {
  border-color:var(--red);
  background:rgba(155,73,65,.08);
  color:var(--red);
  transform:translateY(-1px);
}
rp details[name="r"].a[data-i="BBS"] img {
  max-width:100%;
  height:auto;
  border-radius:8px;
  vertical-align:middle;
}
rp details[name="r"].a[data-i="BBS"] page > details[open] > *:not(summary) {
  box-sizing:border-box;
  max-width:100%;
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] {
  --bbs-paper:var(--paper3);
  --bbs-paper-alt:rgba(70,57,40,.54);
  --bbs-line:rgba(190,157,105,.3);
  --bbs-soft-line:rgba(190,157,105,.18);
  --bbs-shadow:rgba(0,0,0,.32);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] > summary {
  border-color:#426f78;
  background:linear-gradient(90deg,rgba(66,111,120,.3),#30281e 52%,#201b16);
  color:var(--dark);
  box-shadow:-4px 5px 13px rgba(0,0,0,.42),inset 1px 0 rgba(255,255,255,.08);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"][open] > summary,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] > summary:hover {
  background:linear-gradient(135deg,rgba(111,82,46,.78),rgba(55,46,35,.88));
  color:#f0dfbd;
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] page {
  background:linear-gradient(180deg,rgba(30,26,21,.36),rgba(70,57,40,.16));
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] page > details {
  background:rgba(54,46,36,.74);
  box-shadow:0 4px 14px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.03);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] page > details > summary {
  background:linear-gradient(90deg,rgba(91,70,43,.58),rgba(47,40,31,.7));
  color:var(--dark);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] page > details[open] > summary,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] page > details > summary:hover {
  background:linear-gradient(90deg,rgba(111,82,46,.66),rgba(55,46,35,.76));
  color:#f0dfbd;
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] d {
  background:rgba(49,42,33,.52);
  color:var(--ink);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] d > b,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] d > strong {
  color:#c9a978;
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat {
  background:rgba(30,26,21,.36);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat msg {
  background:rgba(54,46,36,.78);
  box-shadow:inset 3px 0 var(--line),0 2px 8px rgba(0,0,0,.15);
  color:var(--ink);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat msg:hover {
  background:rgba(65,54,41,.9);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat msg > b,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat msg > strong {
  color:#c9a978;
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat msg.u {
  border-color:rgba(105,157,168,.28);
  background:rgba(66,111,120,.16);
  box-shadow:inset 3px 0 #64939c,0 2px 8px rgba(0,0,0,.14);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat msg.u > b,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] chat msg.u > strong {
  color:#8bb8c0;
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] lv {
  border-color:rgba(201,169,120,.38);
  background:rgba(152,116,52,.18);
  color:#d2b47e;
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] like,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] action,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] actions,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] .like,
[theme="dark"] rp details[name="r"].a[data-i="BBS"] .actions {
  background:rgba(90,72,47,.2);
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"] button {
  border-color:var(--bbs-line);
  background:rgba(54,46,36,.84);
  box-shadow:inset 0 1px rgba(255,255,255,.04);
  color:var(--muted);
}
rp details[name="r"].a[data-i="BBS"][open] {
  box-sizing:border-box;
  display:block;
  position:fixed;
  z-index:101;
  top:17.8vh;
  right:17.8vw;
  width:64.4vw;
  max-width:calc(100vw - 28px);
  height:64.4vh;
  max-height:calc(100vh - 28px);
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  overflow-anchor:auto;
  scroll-behavior:auto;
  border:1px solid #a78e61;
  border-radius
}
[theme="dark"] rp details[name="r"].a[data-i="BBS"][open] {
  border-color:#796542;
  border-top-color:var(--blue, #426f78);
  background-color:var(--paper3);
  background-image:linear-gradient(180deg,rgba(145,109,62,.14),transparent 120px),linear-gradient(90deg,rgba(224,196,145,.035) 1px,transparent 1px),linear-gradient(rgba(224,196,145,.04) 1px,transparent 1px);
  background-size:auto,28px 28px,28px 28px;
  box-shadow:0 0 0 100vmax rgba(4,3,3,.76),0 18px 60px rgba(0,0,0,.68),inset 0 0 80px rgba(156,115,57,.08);
  color:var(--ink);
}
@media (max-width:700px) {
rp pan[data-i="BBS"] bbs > details > summary {
box-sizing:border-box;
display:flex;
position:relative;
align-items:center;
flex-wrap:wrap;
gap:9px;
min-height:44px;
padding:9px 38px 9px 13px;
border:0;
outline:0;
background:linear-gradient(90deg,rgba(227,211,173,.88),rgba(248,240,220,.72));
color:var(--dark);
font-size:15px;
font-weight:bold;
line-height:1.55;
overflow-wrap:anywhere;
cursor:pointer;
list-style:none;
transition:background .18s ease,color .18s ease;
scroll-margin:0 !important;
scroll-margin-top:0 !important;
overflow-anchor:none !important;
}
rp pan[data-i="BBS"] bbs > details > user,
rp pan[data-i="BBS"] bbs > details > author,
rp pan[data-i="BBS"] bbs > details > .op,
rp pan[data-i="BBS"] bbs > details > .lz {
align-items:flex-start;
padding:7px 10px;
}
rp pan[data-i="BBS"] bbs chat {
padding:9px 8px 11px;
}
rp pan[data-i="BBS"] bbs chat msg {
box-sizing:border-box;
display:grid;
grid-template-columns:minmax(0,1fr);
gap:3px;
align-items:start;
width:100%;
min-width:0;
padding:8px 10px;
border:1px solid var(--bbs-soft-line);
border-radius:4px;
background:rgba(248,240,220,.7);
box-shadow:inset 3px 0 var(--line);
color:var(--ink);
font-size:13px;
line-height:1.65;
overflow-wrap:anywhere;
word-break:break-word;
}
rp pan[data-i="BBS"] bbs chat msg > b,
rp pan[data-i="BBS"] bbs chat msg > strong,
rp pan[data-i="BBS"] bbs chat msg > i,
rp pan[data-i="BBS"] bbs chat msg > em,
rp pan[data-i="BBS"] bbs chat msg > span,
rp pan[data-i="BBS"] bbs chat msg > p {
grid-column:1;
min-width:0;
margin:0;
color:inherit;
font-style:normal;
overflow-wrap:anywhere;
word-break:break-word;
}
rp pan[data-i="BBS"] bbs chat msg.u {
margin-left:clamp(0px,3vw,14px);
width:calc(100% - clamp(0px,3vw,14px));
max-width:calc(100% - clamp(0px,3vw,14px));
}
.is-assistant {
  width: min(100%, 1290px);
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
rp details[name="r"].a[data-i="BBS"][open] {
top:auto !important;
bottom:28px !important;
right:50px !important;
left:auto !important;
transform:none !important;
width:calc(100vw - 56px) !important;
max-width:calc(100vw - 56px) !important;
height:82vh !important;
max-height:calc(100vh - 20px) !important;
}
}
@media (max-width:390px) {
rp rail>details[open]>pan,
rp details[name="r"].a[data-i="BBS"][open] {
box-sizing:border-box;
display:block;
position:fixed !important;
z-index:450 !important;
top:auto !important;
bottom:24px !important;
right:48px !important;
left:auto !important;
transform:none !important;
width:min(84vw, 320px) !important;
max-width:calc(100vw - 52px) !important;
height:auto !important;
max-height:56vh !important;
margin:0;
overflow-x:hidden;
overflow-y:auto;
overscroll-behavior:contain;
scrollbar-gutter:stable;
overflow-anchor:auto;
scroll-behavior:auto;
border:1px solid #a78e61;
border-radius:10px;
touch-action:pan-y !important;
}
}
@media screen and (max-width:700px) and (min-width:0px) {
rp rail>details[open]>pan,
rp details[name="r"].a[data-i="BBS"][open] {
top:auto !important;
bottom:28px !important;
right:52px !important;
left:auto !important;
transform:none !important;
width:min(82vw, 360px) !important;
max-width:calc(100vw - 58px) !important;
height:auto !important;
max-height:58vh !important;
overscroll-behavior:contain !important;
touch-action:pan-y !important;
}
}
rp rail>details[data-i="ANCHOR"]>summary {
  border-left: 5px solid #e27d88;
  background: #ffe9ec;
}
rp rail>details[data-i="MEMORY"]>summary {
  border-left: 5px solid #e5b364;
  background: #fff5e0;
}
rp rail>details[data-i="ANCHOR"][open]>summary,
rp rail>details[data-i="MEMORY"][open]>summary,
rp rail>details[data-i="BBS"][open]>summary {
box-shadow:-4px 5px 18px rgba(41,33,23,.35),inset 8px 0 16px rgba(111,83,43,.08);
}
rp pan[data-i="ANCHOR"],
rp pan[data-i="MEMORY"],
rp pan[data-i="BBS"] {
background-image:linear-gradient(180deg,rgba(176,143,89,.12),transparent 120px),linear-gradient(90deg,rgba(111,83,43,.04) 1px,transparent 1px),linear-gradient(rgba(111,83,43,.045) 1px,transparent 1px);
background-size:auto,28px 28px,28px 28px;
}
rp pan[data-i="ANCHOR"] {
border-top:4px solid var(--red);
}
rp pan[data-i="MEMORY"] {
border-top:4px solid var(--gold);
}
rp pan[data-i="ANCHOR"] h2,
rp pan[data-i="MEMORY"] h2,
rp pan[data-i="BBS"] h2 {
position:relative;
margin-bottom:16px;
padding:2px 44px 10px 12px;
border-bottom:1px solid rgba(145,117,75,.45);
background:linear-gradient(90deg,rgba(176,143,89,.17),transparent 72%);
font-family:Georgia,serif;
letter-spacing:.08em;
}
rp pan[data-i="ANCHOR"] h2 {
border-left:4px solid var(--red);
}
rp pan[data-i="MEMORY"] h2 {
border-left:4px solid var(--gold);
}
rp pan[data-i="ANCHOR"] d,
rp pan[data-i="ANCHOR"] item,
rp pan[data-i="ANCHOR"] skill,
rp pan[data-i="ANCHOR"] loc,
rp pan[data-i="ANCHOR"] quest,
rp pan[data-i="MEMORY"] d,
rp pan[data-i="MEMORY"] item,
rp pan[data-i="MEMORY"] skill,
rp pan[data-i="MEMORY"] loc,
rp pan[data-i="MEMORY"] quest {
min-width:0;
overflow-wrap:anywhere;
}
rp pan[data-i="ANCHOR"] skill,
rp pan[data-i="ANCHOR"] item,
rp pan[data-i="ANCHOR"] quest,
rp pan[data-i="MEMORY"] skill,
rp pan[data-i="MEMORY"] item,
rp pan[data-i="MEMORY"] quest {
padding:8px 10px;
box-shadow:inset 3px 0 rgba(145,117,75,.18),0 2px 6px rgba(55,43,28,.06);
}
[theme="dark"] rp rail>details[data-i="ANCHOR"]>summary {
border-color:#8f4f47;
background:linear-gradient(90deg,rgba(185,102,90,.28),#30281e 52%,#201b16);
color:var(--dark);
box-shadow:-4px 5px 13px rgba(0,0,0,.42),inset 1px 0 rgba(255,255,255,.08);
}
[theme="dark"] rp rail>details[data-i="MEMORY"]>summary {
border-color:#9a7d4b;
background:linear-gradient(90deg,rgba(176,143,89,.3),#30281e 52%,#201b16);
color:var(--dark);
box-shadow:-4px 5px 13px rgba(0,0,0,.42),inset 1px 0 rgba(255,255,255,.08);
}
[theme="dark"] rp pan[data-i="ANCHOR"],
[theme="dark"] rp pan[data-i="MEMORY"],
[theme="dark"] rp pan[data-i="BBS"] {
background-image:linear-gradient(180deg,rgba(145,109,62,.14),transparent 120px),linear-gradient(90deg,rgba(224,196,145,.035) 1px,transparent 1px),linear-gradient(rgba(224,196,145,.04) 1px,transparent 1px);
background-size:auto,28px 28px,28px 28px;
}
[theme="dark"] rp pan[data-i="ANCHOR"] h2,
[theme="dark"] rp pan[data-i="MEMORY"] h2,
[theme="dark"] rp pan[data-i="BBS"] h2 {
border-bottom-color:rgba(190,157,105,.35);
background:linear-gradient(90deg,rgba(145,109,62,.2),transparent 72%);
color:var(--dark);
}
[theme="dark"] rp pan[data-i="ANCHOR"] skill,
[theme="dark"] rp pan[data-i="ANCHOR"] item,
[theme="dark"] rp pan[data-i="ANCHOR"] quest,
[theme="dark"] rp pan[data-i="MEMORY"] skill,
[theme="dark"] rp pan[data-i="MEMORY"] item,
[theme="dark"] rp pan[data-i="MEMORY"] quest {
box-shadow:inset 3px 0 rgba(190,157,105,.16),0 2px 8px rgba(0,0,0,.16);
}
rp rail>details:not([open])>summary {
z-index:502 !important;
pointer-events:auto !important;
}
@media screen and (min-width:701px) {
rp rail > details > pan {
z-index:300 !important;
}
rp rail > details > summary {
z-index:402 !important;
}
rp rail>details[open]>pan[data-i="ANCHOR"],
rp rail>details[open]>pan[data-i="MEMORY"],
rp rail>details[open]>pan[data-i="BBS"],
rp details[name="r"].a[data-i="BBS"][open] {
top:calc(100vh - (4 * (94px + 5px)) - 47px);
right:10vw;
width:80vw;
height:80vh;
padding:16px clamp(16px,2.4vw,30px) 24px;
}
rp pan[data-i="ANCHOR"]:before,
rp pan[data-i="MEMORY"]:before,
rp pan[data-i="BBS"]:before,
rp details[name="r"].a[data-i="BBS"]:before {
top:calc(100vh - (4 * (94px + 5px)) - 47px + 8px);
right:calc(10vw + 8px);
width:calc(80vw - 18px);
height:calc(80vh - 18px);
}
rp pan[data-i="ANCHOR"] h2,
rp pan[data-i="MEMORY"] h2,
rp pan[data-i="BBS"] h2 {
margin-bottom:10px;
padding-bottom:7px;
}
rp pan[data-i="ANCHOR"] h3,
rp pan[data-i="MEMORY"] h3,
rp pan[data-i="BBS"] h3 {
margin:10px 0 4px;
}
rp pan[data-i="ANCHOR"] d,
rp pan[data-i="ANCHOR"] item,
rp pan[data-i="ANCHOR"] skill,
rp pan[data-i="ANCHOR"] loc,
rp pan[data-i="ANCHOR"] quest,
rp pan[data-i="MEMORY"] d,
rp pan[data-i="MEMORY"] item,
rp pan[data-i="MEMORY"] skill,
rp pan[data-i="MEMORY"] loc,
rp pan[data-i="MEMORY"] quest {
break-inside:avoid;
page-break-inside:avoid;
}
rp pan[data-i="ANCHOR"] skill,
rp pan[data-i="ANCHOR"] item,
rp pan[data-i="ANCHOR"] quest,
rp pan[data-i="MEMORY"] skill,
rp pan[data-i="MEMORY"] item,
rp pan[data-i="MEMORY"] quest {
margin:3px 0;
padding:6px 8px;
}
}
.jjk-chat {
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:100%;
  min-width:0;
  padding: 8px 4px;
  color:var(--ink);
  font-size:15px;
  line-height:1.65;
}
.jjk-chat[data-align="right"] {
  flex-direction:row-reverse;
  text-align:right;
}
.jjk-chat[data-align="left"] {
  flex-direction:row;
  text-align:left;
}
.jjk-avatar {
  box-sizing: border-box;
  flex: 0 0 84px;
  align-self: flex-start;
  width: 84px;
  height: 84px;
  overflow: hidden;
  object-fit: cover;
  object-position: center top;
  border: 2.5px solid #302a22;
  border-radius: 12px;
  background: #fdfaf2;
  box-shadow: none;
}
.jjk-content {
  box-sizing:border-box;
  flex:1 1 auto;
  min-width:0;
  max-width:calc(100% - 115px);
}
.jjk-name {
  min-width: 0;
  margin: 0 4px 4px;
  color: #302a22;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.jjk-bubble {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 16px;
  border: 2.5px solid #302a22;
  border-radius: 12px;
  background: #fffdf9;
  box-shadow: none;
  color: #302a22;
  font-size: 19px;
  line-height: 1.6;
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-word;
  position: relative;
}
.jjk-chat[data-align="right"] .jjk-bubble {
  border-radius: 12px;
  box-shadow: none;
}
.jjk-bubble strong {
  color:inherit;
  font-weight:normal;
}
.jjk-chat[data-role="user"] .jjk-bubble {
  border-color: #302a22;
  background: #edf2f7;
  box-shadow: none;
  color: #302a22;
}
.jjk-chat[data-role="npc"] .jjk-bubble {
  border-color: #302a22;
  background: #ffe4eb;
  box-shadow: none;
}
[theme="dark"] .jjk-chat {
  color:var(--ink);
}
[theme="dark"] .jjk-avatar {
  border-color: #e3d3ad;
  background: #2b2520;
  box-shadow: none;
}
[theme="dark"] .jjk-bubble {
  border-color: #e3d3ad;
  background: #24201c;
  box-shadow: none;
  color: #eee3c7;
}
rp details[name="r"].m[data-i="COT"] {
  --cot-paper:rgba(248,240,220,.88);
  --cot-paper-alt:rgba(227,211,173,.54);
  --cot-line:rgba(126,101,65,.34);
  --cot-soft-line:rgba(126,101,65,.18);
  box-sizing:border-box;
  display:block;
  width:100%;
  min-width:0;
  margin:12px 0;
  overflow:hidden;
  border:1px solid var(--cot-line);
  border-radius:12px;
  background:var(--cot-paper);
  box-shadow:0 5px 18px rgba(45,35,24,.12),inset 0 1px rgba(255,255,255,.48);
  color:var(--ink);
}
rp details[name="r"].m[data-i="COT"] > summary {
  box-sizing:border-box;
  display:flex;
  position:relative;
  align-items:center;
  min-height:46px;
  padding:9px 44px 9px 14px;
  border:0;
  outline:0;
  background:linear-gradient(135deg,rgba(227,211,173,.72),rgba(248,240,220,.76));
  color:var(--dark);
  font-size: 17px;
  font-weight:bold;
  line-height:1.55;
  overflow-wrap:anywhere;
  cursor:pointer;
  list-style:none;
  transition:background .18s ease,color .18s ease;
}
rp details[name="r"].m[data-i="COT"] > summary::-webkit-details-marker {
  display:none;
}
rp details[name="r"].m[data-i="COT"] > summary:after {
  content:"›";
  position:absolute;
  top:50%;
  right:14px;
  width:24px;
  height:24px;
  border:1px solid var(--cot-line);
  border-radius:50%;
  background:rgba(248,240,220,.58);
  color:var(--blue);
  font:20px/22px Georgia,"Noto Serif SC","Songti SC",serif;
  text-align:center;
  transform:translateY(-50%) rotate(90deg);
  transition:none;
}
rp details[name="r"].m[data-i="COT"][open] > summary {
  border-bottom:1px solid var(--cot-line);
  background:linear-gradient(135deg,rgba(214,192,145,.76),rgba(248,240,220,.72));
}
rp details[name="r"].m[data-i="COT"][open] > summary:after {
  background:rgba(66,111,120,.1);
  transform:translateY(-50%) rotate(-90deg);
}
rp details[name="r"].m[data-i="COT"] > summary:hover {
  background:linear-gradient(135deg,rgba(214,192,145,.88),rgba(248,240,220,.84));
  color:var(--blue);
}
rp details[name="r"].m[data-i="COT"] d {
  box-sizing:border-box;
  display:block;
  width:100%;
  min-width:0;
  padding:14px 16px;
  border-bottom:1px solid var(--cot-soft-line);
  background:linear-gradient(180deg,rgba(248,240,220,.5),rgba(227,211,173,.18));
  color:var(--ink);
  font-size: 14px;
  line-height:1.8;
  overflow-wrap:anywhere;
  word-break:break-word;
}
rp details[name="r"].m[data-i="COT"] d:last-child {
  border-bottom:0;
}
rp details[name="r"].m[data-i="COT"] d > p {
  min-width:0;
  margin:0 0 9px;
  color:inherit;
  overflow-wrap:anywhere;
  word-break:break-word;
}
rp details[name="r"].m[data-i="COT"] d > p:last-child {
  margin-bottom:0;
}
[theme="dark"] rp details[name="r"].m[data-i="COT"] {
  --cot-paper:rgba(49,42,33,.92);
  --cot-paper-alt:rgba(70,57,40,.52);
  --cot-line:rgba(190,157,105,.28);
  --cot-soft-line:rgba(190,157,105,.16);
  background:var(--cot-paper);
  box-shadow:0 6px 20px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
}
[theme="dark"] rp details[name="r"].m[data-i="COT"] > summary {
  background:linear-gradient(135deg,rgba(91,70,43,.62),rgba(47,40,31,.78));
  color:var(--dark);
}
[theme="dark"] rp details[name="r"].m[data-i="COT"][open] > summary,
[theme="dark"] rp details[name="r"].m[data-i="COT"] > summary:hover {
  background:linear-gradient(135deg,rgba(111,82,46,.7),rgba(55,46,35,.82));
  color:#f0dfbd;
}
[theme="dark"] rp details[name="r"].m[data-i="COT"] > summary:after {
  background:rgba(30,26,21,.42);
  color:#91b9bd;
}
[theme="dark"] rp details[name="r"].m[data-i="COT"] d {
  background:linear-gradient(180deg,rgba(49,42,33,.58),rgba(70,57,40,.2));
  color:var(--ink);
}
@supports (height:100dvh) and (width:100dvw) {
rp rail {
top:auto !important;
bottom:0 !important;
}
rp rail>details>pan,
rp rail>details[open]>pan {
top:auto !important;
bottom:calc(2em + 141px) !important;
right:17.8dvw !important;
width:64.4dvw !important;
height:64.4dvh !important;
}
rp pan:before {
top:auto;
bottom:calc(2em + 141px + 8px);
right:calc(17.8dvw + 8px);
width:calc(64.4dvw - 18px);
height:calc(64.4dvh - 18px);
}
rp details[name="r"].a[data-i="BBS"][open] {
top:calc(100dvh - (4 * (94px + 5px)) - 47px);
right:17.8dvw;
width:64.4dvw;
max-width:calc(100dvw - 28px);
height:64.4dvh;
max-height:calc(100dvh - 28px);
}
@media screen and (max-width:700px) and (min-width:0px) {
rp rail>details[open]>pan,
rp details[name="r"].a[data-i="BBS"][open] {
top:auto !important;
bottom:28px !important;
right:52px !important;
left:auto !important;
transform:none !important;
width:min(82dvw, 360px) !important;
max-width:calc(100dvw - 58px) !important;
height:auto !important;
max-height:58dvh !important;
}
}
@media screen and (min-width:701px) {
rp rail>details[open]>pan[data-i="ANCHOR"],
rp rail>details[open]>pan[data-i="MEMORY"] {
top:calc(100dvh - (4 * (94px + 5px)) - 47px) !important;
right:10dvw !important;
width:80dvw !important;
height:80dvh !important;
}
rp pan[data-i="ANCHOR"]:before,
rp pan[data-i="MEMORY"]:before {
top:calc(100dvh - (4 * (94px + 5px)) - 47px + 8px);
right:calc(10dvw + 8px);
width:calc(80dvw - 18px);
height:calc(80dvh - 18px);
}
}
}
#prompt-input,
#prompt-input [data-slot="input-group"],
#rill-input {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 192, 203, 0.4);
  border-radius: 8px;
  background: rgba(255, 228, 235, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 16px var(--shadow, rgba(45,35,24,.28)), inset 0 1px 2px rgba(255,255,255,.45);
  color: var(--ink, #302a22);
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
}
rp rail>details[open] {
z-index:401 !important;
}
.is-user > div:first-child {
  box-sizing: border-box;
  position: relative;
  width: auto;
  max-width: 90%;
  padding: 12px 20px !important;
  border: 1px solid #a48c62 !important;
  border-radius: 12px !important;
  background: var(--paper3, #f8f0dc) !important;
  background-image: linear-gradient(135deg, rgba(176,143,89,.12), transparent 60%) !important;
  box-shadow: 0 4px 14px var(--shadow, rgba(45,35,24,.28)), inset 0 0 18px rgba(126,95,48,.08) !important;
  color: var(--ink, #302a22) !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.is-user > div:first-child:before {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  inset: 4px;
  border: 1px dashed rgba(164,140,98,.45);
  border-radius: 8px;
  pointer-events: none;
  box-sizing: border-box;
}
.is-user {
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#prompt-input [data-slot="input-group"] {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(255, 192, 203, 0.4);
  border-radius: 8px;
  background: rgba(255, 228, 235, 0.65);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 16px var(--shadow, rgba(45,35,24,.28)), inset 0 1px 2px rgba(255,255,255,.45);
  color: var(--ink, #302a22);
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
  margin-right: 12px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
#prompt-input textarea {
  background: transparent;
  color: var(--ink, #302a22);
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
  border: none;
  outline: none;
  resize: none;
}
#prompt-input button {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 2px 5px var(--shadow, rgba(45,35,24,.2)), inset 0 1px 1px rgba(255,255,255,.8);
  color: var(--dark, #332d26);
  font-family: Georgia, "Noto Serif SC", "Songti SC", serif;
  line-height: 1;
  vertical-align: middle;
  transition: all .2s ease;
  cursor: pointer;
  flex-shrink: 0;
}
#prompt-input button:hover {
  background: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 3px 8px var(--shadow, rgba(45,35,24,.3)), 0 0 6px rgba(255,255,255,.6);
  color: #1a1612;
  transform: translateY(-1px);
}
div.is-user:dark {
  text-align: center;
}
div.w-full {
  text-align: left;
}
.is-assistant {
  width: min(100%, 1290px);
  max-width: 100%;
}
.is-assistant > div:first-child {
  width: 100%;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  background-color: #f7f3e8;
  border: 2px solid #302a22;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  box-shadow: 3.5px 3.5px 0 #302a22;
  color: #302a22;
  padding: 16px 20px;
}
rp,
rp main,
rp rail,
rp rail > details,
rp rail > details > pan,
rp details[name="r"].a[data-i="BBS"],
rp details[name="r"].m[data-i="COT"] {
  overflow-anchor: none;
}
rp summary {
  scroll-margin:0 !important;
  scroll-margin-top:0 !important;
}
.max-w-2xl.mx-auto.my-3 {
  max-width: 100%;
  width: 100%;
}
rp roster>npc+npc {
border-left:none;
padding-left:0;
}
#prompt-input {
  background: transparent !important;
  background-color: transparent !important;
  padding-right: 8px;
  box-sizing: border-box;
}
.is-assistant + div,
.is-assistant ~ div,
.is-assistant [data-slot="actions"],
.is-user + div,
.is-user ~ div,
.is-user [data-slot="actions"] {
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.jjk-avatar img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:scale(1.25);
  transform-origin:center top;
}
rp .pt img {
display:block;
width:100%;
max-width:100%;
max-height:368px;
height:auto;
object-fit:contain;
}
/* 确保外部容器全宽，不被多余的 margin/padding 挤压 */
.is-assistant,
.is-user {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
/* 聊天外层盒子：彻底撑满正文宽度 */
.jjk-chat {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100% !important;
  max-width: 100% !important;
  padding: 8px 0; /* 移除过大的水平内边距，释放横向空间 */
}
/* 内容主体区：强制填满头像以外的所有剩余空间 */
.jjk-content {
  box-sizing: border-box;
  flex: 1 1 auto !important; /* 关键：允许弹性扩张并填满 */
  min-width: 0 !important;   /* 防止 flex 子项被文字溢出撑破 */
  width: calc(100% - 56px);  /* 预留头像与间距 */
  max-width: calc(100% - 56px) !important;
}
/* 气泡本体：完全舒展，填满内容容器 */
.jjk-bubble {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 16px;
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-word; /* 避免极端情况下的单字异常折行 */
}
/* 移动端专属适配 (屏幕宽度 <= 700px) */
@media screen and (max-width: 700px) {
  .jjk-chat {
    gap: 8px;
    padding: 6px 2px;
    width: 100% !important;
  }
  .jjk-avatar {
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 46px !important;
    border-width: 2px;
    box-shadow: none;
    border-radius: 8px;
  }
  .jjk-content {
    flex: 1 1 calc(100% - 54px) !important;
    max-width: calc(100% - 54px) !important;
    width: calc(100% - 54px) !important;
  }
  .jjk-name {
    font-size: 13px;
    margin: 0 0 3px 2px;
  }
  .jjk-bubble {
    width: 100% !important;
    padding: 10px 14px;
    font-size: 17.25px;
    line-height: 1.55;
    border-width: 2px;
    box-shadow: none;
  }
  .jjk-chat[data-align="right"] .jjk-bubble,
  .jjk-chat[data-role="user"] .jjk-bubble {
    box-shadow: none;
  }
}
div.w-full.max-w-2xl.px-\[4px\].md\:px-4.m-auto {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: calc(100% - 16px) !important;
}
rp rail:has(> details[open]) > details:not([open]) > summary {
transform:translateX(38px);
opacity:.35;
filter:brightness(.65) grayscale(.3);
box-shadow:none;
}
rp rail:has(> details[open]) > details:not([open]) > summary:hover {
transform:translateX(20px);
opacity:.75;
filter:brightness(.85);
}
rp rail>details[data-i="BBS"]>summary {
  border-left: 5px solid #68b4d9;
  background: #e8f5fc;
}
[theme="dark"] rp rail>details[data-i="BBS"]>summary {
border-color:#426f78;
background:linear-gradient(90deg,rgba(66,111,120,.3),#30281e 52%,#201b16);
color:var(--dark);
box-shadow:-4px 5px 13px rgba(0,0,0,.42),inset 1px 0 rgba(255,255,255,.08);
}
rp pan[data-i="BBS"] {
border-top:4px solid var(--blue, #426f78);
}
rp pan[data-i="BBS"] h2 {
border-left:4px solid var(--blue, #426f78);
}
rp details[name="r"].a[data-i="BBS"] > summary:before {
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  left:4px;
  width:2px;
  background:rgba(110,83,43,.28);
}
nav header button, #nav-left button, #nav-right button {
  box-sizing: border-box;
  background-color: #ffd6e0;
  color: var(--ink, #302a22);
  border: 2px solid #302a22;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
  box-shadow: 2.5px 2.5px 0 #302a22;
  font-weight: 700;
  font-family: inherit;
  padding: 4px 10px;
  cursor: pointer;
  -webkit-transition: transform 0.1s ease, box-shadow 0.1s ease, background-color 0.15s ease;
  transition: transform 0.1s ease, box-shadow 0.1s ease, background-color 0.15s ease;
}
nav header button:hover, #nav-left button:hover, #nav-right button:hover {
  background-color: #bae6fd;
  box-shadow: 3px 3px 0 #302a22;
  -webkit-transform: translate(-1px, -1px);
  transform: translate(-1px, -1px);
}
nav header button:active, #nav-left button:active, #nav-right button:active {
  background-color: #a5d8f3;
  box-shadow: 0.5px 0.5px 0 #302a22;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}
[theme="dark"] nav header button, [theme="dark"] #nav-left button, [theme="dark"] #nav-right button {
  background-color: #4a2d38;
  color: #ffd1dc;
  border-color: #e3d3ad;
  box-shadow: 2.5px 2.5px 0 #e3d3ad;
}
[theme="dark"] nav header button:hover, [theme="dark"] #nav-left button:hover, [theme="dark"] #nav-right button:hover {
  background-color: #1e3a5f;
  color: #bae6fd;
  box-shadow: 3px 3px 0 #e3d3ad;
}
[theme="dark"] .jjk-chat[data-role="user"] .jjk-bubble {
  border-color: #e3d3ad;
  background: #253342;
  box-shadow: none;
  color: #e2eaf2;
}
[theme="dark"] .jjk-chat[data-role="npc"] .jjk-bubble {
  border-color: #e3d3ad;
  background: #462632;
  box-shadow: none;
  color: #ffe4eb;
}
[theme="dark"] .jjk-name {
  color: var(--paper, #f4f4f5);
}
.is-assistant .rili-markdown-renderer {
  color: #302a22;
  font-family: "Source Han Serif SC", "Noto Serif SC", "Songti SC", Georgia, serif;
  font-size: 17.8px;
  line-height: 1.8;
}
rp rail>details>summary:hover {
  width: 52px;
  transform: translateX(-2px);
  background-color: #ffffff;
}
[theme="dark"] rp rail>details>summary {
  border-color: #e3d3ad;
  background: #2e2823;
  color: #eee3c7;
  box-shadow: -3px 3px 0 #000000;
}