@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Noto+Serif+SC:wght@400;600;700&family=ZCOOL+XiaoWei&display=swap');
:root{
--ivory:#fbf7f1;
--ivory-deep:#f4ece1;
--cream:#fffaf3;
--gold:#c9a45b;
--gold-light:#e8c97a;
--gold-deep:#a07830;
--crimson:#c45c63;
--crimson-soft:#d98a8f;
--seal:#b84a52;
--sapphire:#6a92b8;
--sapphire-soft:#8eb0cf;
--moon:#eef3f8;
--text:#43382c;
--text-soft:#5d5246;
--text-dim:#7a6e60;
--line:rgba(201,164,91,.42);
--glass:rgba(255,250,243,.86);
}
*:not(.a):not(.b):not(.c):not(.d):not(.a *):not(.b *){
z-index:auto!important;
}
body>*:not(.a):not(#xiu-xian-sidebar){
position:relative;
z-index:1!important;
}
.sticky.w-full.top-0.flex.items-center{
background:linear-gradient(135deg,#fffaf3 0%,#f7efe4 28%,#eef4fb 58%,#f8efe6 100%)!important;
border-bottom:1px solid transparent!important;
border-image:linear-gradient(90deg,transparent,#c9a45b 18%,#c45c63 50%,#6a92b8 82%,transparent) 1!important;
box-shadow:0 8px 24px rgba(166,122,58,.08),inset 0 -1px 0 rgba(201,164,91,.18)!important;
position:relative!important;
}
.sticky.w-full.top-0.flex.items-center::before{
content:""!important;
position:absolute!important;
inset:0!important;
background:
radial-gradient(ellipse at 12% 50%,rgba(196,92,99,.08),transparent 42%),
radial-gradient(ellipse at 88% 50%,rgba(106,146,184,.1),transparent 44%)!important;
pointer-events:none!important;
}
#ai-model-selector .group.flex.items-center{
background:linear-gradient(145deg,#fffdf8,#f4eadc)!important;
border:1px solid rgba(201,164,91,.45)!important;
border-radius:8px!important;
padding:6px 12px!important;
box-shadow:0 4px 12px rgba(166,122,58,.08),inset 0 1px 0 rgba(255,255,255,.7)!important;
transition:all .3s ease!important;
}
#ai-model-selector .group.flex.items-center:hover{
background:linear-gradient(145deg,#fff8ea,#efe3d2)!important;
border-color:#c45c63!important;
box-shadow:0 8px 18px rgba(196,92,99,.12)!important;
}
#ai-model-selector .truncate.text-\[13px\]{
font-family:'Cinzel','Noto Serif SC',serif!important;
color:#5a4630!important;
font-size:14px!important;
letter-spacing:1px!important;
}
#ai-model-selector .shrink-0.flex.items-center svg,
#ai-model-selector .group.flex.items-center:hover svg{
color:#c45c63!important;
}
#header-setting-button{
background:linear-gradient(145deg,#fffaf3,#efe4d4)!important;
border:1px solid rgba(201,164,91,.5)!important;
border-radius:50%!important;
color:#8a5a3a!important;
box-shadow:0 4px 10px rgba(166,122,58,.1)!important;
transition:all .3s ease!important;
}
#header-setting-button:hover{
background:linear-gradient(145deg,#fff4e4,#ead7c4)!important;
color:#b84a52!important;
transform:rotate(28deg)!important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"],
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]){
background:linear-gradient(145deg,#fffdf8,#f3e9db)!important;
border:1px solid rgba(201,164,91,.42)!important;
box-shadow:0 4px 12px rgba(166,122,58,.08)!important;
transition:all .3s ease!important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover,
div.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon="SlidersH"]):hover{
background:linear-gradient(145deg,#fff7ea,#efe0cf)!important;
border-color:#c45c63!important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"],
div.flex.items-center.h-9.cursor-pointer.group:hover svg{
color:#b84a52!important;
}
#ai-mod-button2{background:transparent!important;}
#ai-mod-button2 button.MuiButton-root{
background:linear-gradient(145deg,#fffaf3,#f0e4d3 52%,#e7d7c4)!important;
border:1px solid rgba(201,164,91,.5)!important;
border-radius:8px!important;
color:#5a4630!important;
font-family:'Noto Serif SC','ZCOOL XiaoWei',serif!important;
font-size:13px!important;
letter-spacing:2px!important;
padding:6px 16px!important;
box-shadow:0 6px 14px rgba(166,122,58,.1),inset 0 1px 0 rgba(255,255,255,.55)!important;
transition:all .3s ease!important;
position:relative!important;
overflow:hidden!important;
}
#ai-mod-button2 button.MuiButton-root::before{
content:""!important;
position:absolute!important;
top:0!important;
left:-100%!important;
width:100%!important;
height:100%!important;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
transition:left .5s ease!important;
}
#ai-mod-button2 button.MuiButton-root:hover::before{left:100%!important;}
#ai-mod-button2 button.MuiButton-root:hover{
background:linear-gradient(145deg,#fff6e8,#ead8c4)!important;
border-color:#c45c63!important;
color:#3f3124!important;
transform:translateY(-1px)!important;
}
#ai-mod-button2 button.MuiButton-root svg{color:#c9a45b!important;}
#ai-mod-button2 button.MuiButton-root:hover svg{color:#c45c63!important;}
.ui-beautifier-container{
font-family:'Noto Serif SC','ZCOOL XiaoWei',serif;
background:
radial-gradient(circle at 8% 0,rgba(196,92,99,.08),transparent 24%),
radial-gradient(circle at 92% 8%,rgba(106,146,184,.1),transparent 26%),
linear-gradient(180deg,#fffdf8 0%,#f7efe4 100%);
border:1px solid rgba(201,164,91,.55);
padding:22px 22px 18px;
max-width:920px;
margin:20px auto;
line-height:1.85;
color:#43382c;
border-radius:16px;
box-shadow:0 16px 40px rgba(166,122,58,.12),inset 0 1px 0 rgba(255,255,255,.8);
position:relative;
overflow:hidden;
}
.ui-beautifier-container::before{
content:"";
position:absolute;
left:18px;
right:18px;
top:10px;
height:2px;
background:linear-gradient(90deg,transparent,#c9a45b,#c45c63,#6a92b8,transparent);
opacity:.7;
pointer-events:none;
}
.ui-beautifier-container::after{
content:"Fate/stay night";
position:absolute;
right:18px;
top:14px;
font-family:'Cinzel',serif;
font-size:10px;
letter-spacing:.28em;
color:rgba(168,90,58,.42);
pointer-events:none;
}
.section{
border:1px solid rgba(201,164,91,.38);
margin-bottom:22px;
background:linear-gradient(180deg,#fffdf9 0%,#f8efe4 100%);
box-shadow:inset 0 0 18px rgba(201,164,91,.08),0 8px 20px rgba(166,122,58,.06);
border-radius:14px;
overflow:hidden;
}
.section-title{
background:linear-gradient(90deg,rgba(201,164,91,.18),rgba(196,92,99,.12),rgba(106,146,184,.16));
padding:10px 12px;
font-weight:700;
text-align:center;
border-bottom:1px solid rgba(201,164,91,.28);
font-size:16px;
letter-spacing:.18em;
color:#6a4e32;
font-family:'Cinzel','Noto Serif SC',serif;
}
.section-body{
padding:16px 20px;
font-size:15px;
color:#4d4134;
}
.section-body p{margin:8px 0;}
.section-body strong{color:#b84a52;}
.status-bar{
background:linear-gradient(180deg,#fff8ef,#f4e8d8);
border:1px solid rgba(196,92,99,.28);
padding:12px 16px;
margin:18px 0 22px;
border-radius:12px;
box-shadow:inset 0 0 16px rgba(196,92,99,.06);
}
.status-item{margin:6px 0;}
.story-content{
background:
linear-gradient(90deg,rgba(201,164,91,.16),rgba(196,92,99,.18),rgba(106,146,184,.16)) left/4px 100% no-repeat,
linear-gradient(180deg,#fffdf9,#fbf4ea);
border:1px solid rgba(201,164,91,.28);
border-left:4px solid #c45c63;
padding:18px 20px;
font-size:15.5px;
margin:8px 0 24px;
border-radius:0 14px 14px 0;
color:#3f3428;
line-height:1.95;
letter-spacing:.3px;
}
.story-content p{margin:0 0 1em;}
.story-content p:last-child{margin-bottom:0;}
.bg-gradient-to-t{
background:linear-gradient(to top,#f8efe4 0%,#fbf6ee 62%,rgba(251,246,238,.92) 82%,transparent 100%)!important;
}
#ai-chat-bottom-input{
background:linear-gradient(145deg,#fffdf8,#f6ecde 52%,#efe1cf)!important;
border:1px solid rgba(201,164,91,.5)!important;
border-radius:16px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 24px rgba(166,122,58,.1)!important;
position:relative!important;
}
#ai-chat-bottom-input::before,
#ai-chat-bottom-input::after{
content:"✦"!important;
position:absolute!important;
top:-9px!important;
font-size:12px!important;
color:#c45c63!important;
background:#f8efe4!important;
padding:0 6px!important;
}
#ai-chat-bottom-input::before{left:22px!important;}
#ai-chat-bottom-input::after{right:22px!important;}
#ai-chat-input{
background:transparent!important;
color:#43382c!important;
font-family:'Noto Serif SC','ZCOOL XiaoWei',serif!important;
font-size:15px!important;
line-height:1.8!important;
letter-spacing:.4px!important;
}
#ai-chat-input::placeholder{
color:#9a8b79!important;
font-style:italic!important;
}
#ai-chat-input::selection{
background:rgba(196,92,99,.22)!important;
color:#43382c!important;
}
.MuiPaginationItem-root{
background:linear-gradient(145deg,#fffaf3,#efe3d2)!important;
border:1px solid rgba(201,164,91,.4)!important;
color:#5a4630!important;
font-family:'Cinzel','Noto Serif SC',serif!important;
transition:all .3s ease!important;
}
.MuiPaginationItem-root:hover{
background:linear-gradient(145deg,#fff4e4,#ead7c4)!important;
border-color:#c45c63!important;
color:#3f3124!important;
}
.MuiPaginationItem-root.Mui-selected{
background:linear-gradient(145deg,#c45c63,#d4787d)!important;
border:1px solid #a83a4b!important;
color:#fffaf3!important;
box-shadow:0 6px 14px rgba(196,92,99,.22)!important;
}
.MuiPaginationItem-root.Mui-disabled{
background:#f3e8d8!important;
border-color:#e4d4c0!important;
color:#b7aa9a!important;
opacity:.72!important;
}
.MuiPaginationItem-icon{color:#c9a45b!important;}
.MuiPaginationItem-root:hover .MuiPaginationItem-icon{color:#c45c63!important;}
.MuiStack-root.css-1uwir8f{background:transparent!important;}
.MuiStack-root.css-1uwir8f .MuiBox-root{
color:#5a4630!important;
font-family:'Noto Serif SC',serif!important;
}
.MuiInputBase-input{
background:#fffaf3!important;
border:1px solid rgba(201,164,91,.4)!important;
border-radius:6px!important;
color:#43382c!important;
}
div[class*="w-full"][class*="bg-white"][class*="bottom-0"]{
background:linear-gradient(180deg,#fffdf8,#f6ecde)!important;
border-top:2px solid transparent!important;
border-image:linear-gradient(90deg,transparent,#c9a45b,#c45c63,#6a92b8,transparent) 1!important;
}
div.text-lg.font-bold{
font-family:'Cinzel','Noto Serif SC',serif!important;
color:#6a4e32!important;
font-size:20px!important;
letter-spacing:.22em!important;
}
div.text-lg.font-bold::before{content:"『"!important;color:#c45c63!important;margin-right:4px!important;}
div.text-lg.font-bold::after{content:"』"!important;color:#c45c63!important;margin-left:4px!important;}
p.MuiTypography-body1.text-grey-600{
font-family:'Noto Serif SC',serif!important;
color:#7a6e60!important;
letter-spacing:2px!important;
}
span.MuiRating-iconEmpty svg{color:#e2d3c0!important;}
span.MuiRating-iconFilled svg{
color:#c9a45b!important;
filter:drop-shadow(0 0 4px rgba(201,164,91,.35))!important;
}
span.text-orange-500{
color:#c45c63!important;
font-family:'Cinzel',serif!important;
font-weight:700!important;
}
div.flex.flex-col.border-gray-200{
border-color:rgba(201,164,91,.4)!important;
background:linear-gradient(145deg,#fffdf8,#f6ecde)!important;
border-radius:10px!important;
}
textarea.rc-textarea{
background:transparent!important;
color:#43382c!important;
font-family:'Noto Serif SC',serif!important;
font-size:14px!important;
line-height:1.8!important;
}
textarea.rc-textarea::placeholder{color:#9a8b79!important;}
div.bg-gray-100.text-gray-500{
background:#efe3d2!important;
color:#8a5a3a!important;
}
div.cursor-pointer.group.flex.items-center.justify-center{
background:linear-gradient(145deg,#c45c63,#d4787d)!important;
border-radius:8px!important;
transition:all .3s ease!important;
}
div.cursor-pointer.group.flex.items-center.justify-center:hover{
background:linear-gradient(145deg,#b84a52,#c45c63)!important;
transform:scale(1.05)!important;
box-shadow:0 8px 16px rgba(196,92,99,.22)!important;
}
div[data-state="closed"] svg[data-icon="Send03"]{color:#fffaf3!important;}
div.style_divider__mW0YX{
background:linear-gradient(90deg,transparent,#c9a45b,#c45c63,#6a92b8,transparent)!important;
height:1px!important;
}
button.MuiButton-containedPrimary{
background:linear-gradient(145deg,#c45c63,#d4787d)!important;
color:#fffaf3!important;
font-family:'Noto Serif SC',serif!important;
border:none!important;
box-shadow:0 6px 14px rgba(196,92,99,.18)!important;
}
button.MuiButton-outlinedPrimary{
background:#fffaf3!important;
color:#5a4630!important;
font-family:'Noto Serif SC',serif!important;
border:1px solid rgba(201,164,91,.5)!important;
}
button.MuiButton-outlinedPrimary:hover{
background:#f6ecde!important;
border-color:#c45c63!important;
}
div.p-3.overflow-y-auto{background:transparent!important;}
div.group.ml-0{
background:linear-gradient(145deg,#fffdf8,#f8efe4)!important;
border:1px solid rgba(201,164,91,.28)!important;
border-radius:12px!important;
margin-bottom:12px!important;
box-shadow:0 6px 16px rgba(166,122,58,.07)!important;
}
div.group.ml-0:hover{border-color:rgba(196,92,99,.4)!important;}
div.group img.rounded-full{
border:2px solid rgba(201,164,91,.55)!important;
box-shadow:0 4px 10px rgba(166,122,58,.12)!important;
}
div.text-sm.text-grey-600 span.font-bold{
font-family:'Noto Serif SC',serif!important;
color:#5a4630!important;
}
span.text-\[10px\]{
background:linear-gradient(145deg,#c9a45b,#e8c97a)!important;
color:#43382c!important;
padding:1px 6px!important;
border-radius:4px!important;
}
div.break-all{
font-family:'Noto Serif SC',serif!important;
color:#4d4134!important;
line-height:1.8!important;
}
div.text-xs.text-grey-600{color:#9a8b79!important;}
button.text-gray-400{color:#9a8b79!important;}
button.text-gray-400:hover{color:#c45c63!important;}
span.cursor-pointer{color:#8a5a3a!important;}
span.cursor-pointer:hover{color:#c45c63!important;}
div.ml-8.border-l{border-color:#e4d4c0!important;}
.style_dot-flashing__8L91Q.style_text__zGhNq{display:none!important;}
.bg-gray-100\/90.relative.inline-block{
background:
linear-gradient(90deg,rgba(196,92,99,.12),transparent 6%,transparent 94%,rgba(106,146,184,.12)),
#fffdf8!important;
border-radius:14px!important;
box-shadow:0 8px 20px rgba(166,122,58,.08)!important;
}
.flex.items-center.justify-center.w-6.h-5{
position:relative!important;
width:100%!important;
min-height:150px!important;
display:flex!important;
flex-direction:row!important;
justify-content:flex-start!important;
align-items:center!important;
padding:15px 20px!important;
gap:25px!important;
box-sizing:border-box!important;
overflow:visible!important;
}
.flex.items-center.justify-center.w-6.h-5::before{
content:""!important;
display:block!important;
order:1!important;
width:155px!important;
height:155px!important;
min-width:155px!important;
min-height:155px!important;
background-image:url("https://i.postimg.cc/zfxRyF19/1769970466718.gif")!important;
background-size:contain!important;
background-repeat:no-repeat!important;
background-position:center!important;
border-radius:10px!important;
flex-shrink:0!important;
margin-left:10px!important;
}
.flex.items-center.justify-center.w-6.h-5::after{
content:"圣杯战争进行中……\A等待有点无聊，来看佩丽卡跳舞吧\A(如果看到这玩意摇半天还不出字请重新刷新，也可能是破甲不行要加mod)\A推荐记忆调至2，不推荐开黑夜模式与无图模式"!important;
display:block!important;
white-space:pre-wrap!important;
font-size:16px!important;
line-height:1.7!important;
color:#6a5c4c!important;
font-family:'Noto Serif SC','Microsoft YaHei',serif!important;
text-align:left!important;
flex:1!important;
order:2!important;
margin-left:20px!important;
}
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none!important;}
.markdown-body{
color:#43382c!important;
background:transparent!important;
position:relative!important;
z-index:1!important;
}
.markdown-body details:not(.b){
background:linear-gradient(180deg,#fffdf8,#f6ecde)!important;
border:1px solid rgba(201,164,91,.38)!important;
border-radius:12px!important;
margin:1em 0!important;
padding:0!important;
box-shadow:0 8px 20px rgba(166,122,58,.08)!important;
overflow:hidden!important;
}
.markdown-body details:not(.b):hover,
.markdown-body details:not(.b)[open]{
border-color:rgba(196,92,99,.42)!important;
box-shadow:0 12px 28px rgba(196,92,99,.1)!important;
}
.markdown-body details:not(.b)>summary{
display:flex!important;
align-items:center!important;
padding:12px 16px!important;
background:linear-gradient(90deg,rgba(201,164,91,.12),rgba(196,92,99,.08),rgba(106,146,184,.1))!important;
border-bottom:1px solid rgba(201,164,91,.18)!important;
cursor:pointer!important;
font-family:'Cinzel','Noto Serif SC',serif!important;
font-size:15px!important;
font-weight:700!important;
color:#6a4e32!important;
letter-spacing:.08em!important;
list-style:none!important;
}
.markdown-body details:not(.b)>summary::-webkit-details-marker,
.markdown-body details:not(.b)>summary::marker{
display:none!important;
content:""!important;
}
.markdown-body details:not(.b)>summary::before{
content:"✦"!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:22px!important;
height:22px!important;
margin-right:10px!important;
font-size:13px!important;
color:#c45c63!important;
background:linear-gradient(145deg,#fffaf3,#ead7c4)!important;
border:1px solid rgba(201,164,91,.4)!important;
border-radius:50%!important;
flex-shrink:0!important;
transition:transform .35s ease!important;
}
.markdown-body details:not(.b)[open]>summary::before{
transform:rotate(180deg)!important;
color:#c9a45b!important;
}
.markdown-body details:not(.b)>summary::after{
content:"❧"!important;
position:absolute!important;
right:16px!important;
color:rgba(201,164,91,.5)!important;
}
.markdown-body details:not(.b)>*:not(summary){
padding:16px 20px!important;
color:#4d4134!important;
font-size:14px!important;
line-height:1.85!important;
}
.markdown-body details:not(.b)>p:first-of-type{margin-top:0!important;}
.dropdown-list{
max-width:640px;
margin:20px auto;
font-family:'Noto Serif SC',serif;
color:#43382c;
}
.dropdown-item input{display:none;}
.dropdown-label{
display:block;
background:linear-gradient(90deg,#f8efe4,#efe3d2);
padding:12px 16px;
font-weight:700;
cursor:pointer;
border:1px solid rgba(201,164,91,.42);
border-radius:10px;
margin-bottom:6px;
box-shadow:0 4px 12px rgba(166,122,58,.08);
transition:background .3s;
}
.dropdown-label:hover{background:#ead7c4;}
.dropdown-label::before{content:"▶ ";font-size:14px;color:#c45c63;}
.dropdown-content{
max-height:0;
overflow:hidden;
background:linear-gradient(180deg,#fffdf8,#f6ecde);
border:1px solid rgba(201,164,91,.32);
border-top:none;
border-radius:0 0 10px 10px;
padding:0 16px;
transition:max-height .45s ease,padding .45s ease;
}
.dropdown-item input:checked~.dropdown-content{max-height:320px;padding:12px 16px;}
.dropdown-item input:checked+.dropdown-label::before{transform:rotate(90deg);}
.role-info-container{
max-width:760px;
margin:25px auto;
font-family:'Noto Serif SC',serif;
color:#43382c;
}
.role-info{
border:1px solid rgba(201,164,91,.5);
border-radius:12px;
background:linear-gradient(180deg,#fffdf8,#f6ecde);
box-shadow:0 10px 24px rgba(166,122,58,.1);
overflow:hidden;
}
.role-info summary{
cursor:pointer;
padding:12px 18px;
font-size:16px;
font-weight:700;
background:linear-gradient(90deg,rgba(201,164,91,.16),rgba(196,92,99,.1));
text-align:center;
border-bottom:1px dashed rgba(201,164,91,.4);
}
.role-info summary:hover{background:#ead7c4;}
.role-info-content{padding:15px 20px;font-size:14px;line-height:1.75;}
.info-section{
margin-bottom:14px;
padding:8px 12px;
border:1px solid rgba(201,164,91,.32);
background:#fffdf8;
border-radius:8px;
box-shadow:inset 0 0 10px rgba(201,164,91,.08);
}
.xianxia-sidebar,.fate-sidebar{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
z-index:9999;
font-family:'Noto Serif SC',serif;
}
.xianxia-sidebar *,.fate-sidebar *{box-sizing:border-box;}
.xianxia-sidebar .tab-toggle,.fate-sidebar .tab-toggle{display:none;}
.floating-summary,.floating-role-info,.floating-interaction{
font-family:'Noto Serif SC',serif;
z-index:999;
}
.floating-summary{position:fixed;bottom:20px;right:20px;}
.floating-role-info{position:fixed;bottom:110px;right:20px;}
.floating-interaction{position:fixed;bottom:185px;right:20px;}
.floating-summary summary,
.floating-role-info summary,
.floating-interaction summary{
cursor:pointer;
background:linear-gradient(145deg,#fffaf3,#efe3d2);
border:1px solid rgba(201,164,91,.5);
padding:8px 16px;
border-radius:8px;
font-weight:700;
box-shadow:0 8px 16px rgba(166,122,58,.12);
list-style:none;
text-align:center;
color:#5a4630;
}
.floating-summary summary:hover,
.floating-role-info summary:hover,
.floating-interaction summary:hover{
background:#ead7c4;
border-color:#c45c63;
}
.floating-summary summary::-webkit-details-marker,
.floating-role-info summary::-webkit-details-marker,
.floating-interaction summary::-webkit-details-marker{display:none;}
.role-info-content,.summary-content,.interaction-content{
position:absolute;
bottom:45px;
right:0;
width:300px;
max-height:420px;
overflow-y:auto;
background:#fffdf8;
border:1px solid rgba(201,164,91,.5);
border-radius:12px;
box-shadow:0 16px 32px rgba(166,122,58,.16);
padding:15px;
font-size:14px;
line-height:1.7;
display:none;
color:#43382c;
}
.floating-role-info details[open] .role-info-content,
.floating-summary details[open] .summary-content,
.floating-interaction details[open] .interaction-content{display:block;}
.tooltip-container{
position:relative;
cursor:pointer;
color:inherit;
font-weight:600;
border-bottom:2px solid #c45c63;
padding-bottom:2px;
}
.tooltip-container::after{
content:attr(title);
position:absolute;
bottom:125%;
left:50%;
transform:translateX(-50%) translateY(4px);
white-space:normal;
max-width:min(280px,80vw);
min-width:100px;
background:#fffaf3;
color:#43382c;
border:1px solid rgba(201,164,91,.5);
border-radius:10px;
box-shadow:0 10px 24px rgba(166,122,58,.14);
padding:8px 12px;
font-size:14px;
line-height:1.5;
opacity:0;
visibility:hidden;
transition:all .3s cubic-bezier(.175,.885,.32,1.275);
z-index:1000;
text-align:center;
word-wrap:break-word;
}
.tooltip-container::before{
content:'';
position:absolute;
bottom:calc(100% + 5px);
left:50%;
transform:translateX(-50%);
border-width:6px;
border-style:solid;
border-color:#c9a45b transparent transparent transparent;
opacity:0;
visibility:hidden;
transition:all .3s ease;
z-index:1001;
}
.tooltip-container:hover::after,
.tooltip-container:hover::before{
opacity:1;
visibility:visible;
transform:translateX(-50%) translateY(0);
}
.ctn{
font-family:'Noto Serif SC',serif;
background:#fffdf8;
padding:40px;
border-radius:16px;
text-align:center;
color:#43382c;
max-width:600px;
margin:30px auto;
box-shadow:0 12px 28px rgba(166,122,58,.1);
line-height:1.8;
}
.a{
position:fixed;
right:0;
top:50%;
transform:translateY(-58%);
display:flex;
flex-direction:column;
align-items:flex-end;
gap:0;
z-index:2147483647;
pointer-events:none;
font-family:'Noto Serif SC','Cinzel',serif;
}
.b{position:relative;pointer-events:auto;z-index:2147483640;flex-shrink:0;}
.b[open]{z-index:2147483647;}
.b:nth-of-type(1),.b:nth-of-type(2),.b:nth-of-type(3){margin-bottom:1px;}
.c{
writing-mode:vertical-rl;
text-orientation:upright;
cursor:pointer;
list-style:none;
display:flex;
align-items:center;
justify-content:center;
padding:10px 8px;
letter-spacing:.18em;
font-size:15px;
font-weight:700;
color:#6a4e32;
background:linear-gradient(180deg,#fffaf3,#efe3d2);
border-left:3px solid #c45c63;
border-top:1px solid rgba(201,164,91,.35);
border-bottom:1px solid rgba(201,164,91,.35);
box-shadow:-6px 0 18px rgba(166,122,58,.12);
text-shadow:0 1px 0 rgba(255,255,255,.7);
position:relative;
overflow:hidden;
transition:all .3s ease;
user-select:none;
}
.c::-webkit-details-marker,.c::marker{display:none;content:"";}
.c:hover,.b[open]>.c{
color:#b84a52;
background:linear-gradient(180deg,#fff6ea,#ead7c4);
border-left-color:#c9a45b;
}
.d{
position:absolute;
right:100%;
top:50%;
transform:translateY(-50%);
width:clamp(260px,42vw,400px);
max-height:70vh;
overflow-y:auto;
overflow-x:hidden;
z-index:2147483647;
background:linear-gradient(170deg,#fffdf8,#f6ecde 58%,#efe3d2);
border:1px solid rgba(201,164,91,.5);
border-right:none;
border-radius:16px 0 0 16px;
padding:20px 18px;
box-shadow:-12px 0 30px rgba(166,122,58,.14);
color:#43382c;
font-size:13.5px;
line-height:1.75;
animation:e .35s cubic-bezier(.22,.61,.36,1) forwards;
}
.d::-webkit-scrollbar{width:5px;}
.d::-webkit-scrollbar-track{background:rgba(201,164,91,.12);border-radius:3px;}
.d::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c9a45b,#c45c63);border-radius:3px;}
.d::after{
content:"✦ ✦ ✦";
display:block;
text-align:center;
color:rgba(196,92,99,.4);
font-size:10px;
letter-spacing:8px;
margin-top:14px;
}
@keyframes e{
from{opacity:0;transform:translateY(-50%) translateX(15px);}
to{opacity:1;transform:translateY(-50%) translateX(0);}
}
.f{
text-align:center;
font-size:16px;
font-weight:700;
color:#b84a52;
margin:0 0 14px;
padding-bottom:10px;
letter-spacing:.14em;
border-bottom:1px solid rgba(201,164,91,.35);
font-family:'Cinzel','Noto Serif SC',serif;
}
.g{
font-size:14px;
font-weight:700;
color:#6a4e32;
margin:12px 0 4px;
padding-left:8px;
border-left:3px solid #c45c63;
}
.h{font-size:13px;color:#4d4134;margin:3px 0 3px 12px;line-height:1.7;word-break:break-all;}
.i{display:inline;color:#c9a45b;margin:0 4px;font-size:12px;}
.j{border:none;border-top:1px dashed rgba(201,164,91,.45);margin:10px 0;}
.k{display:none;}
.q{color:#c45c63;font-weight:700;font-size:13.5px;}
.r{
display:inline-block;
background:linear-gradient(135deg,rgba(201,164,91,.18),rgba(196,92,99,.1));
border:1px solid rgba(201,164,91,.35);
border-radius:4px;
padding:1px 6px;
font-size:11.5px;
color:#6a4e32;
margin:0 2px;
white-space:nowrap;
}
.s{font-size:12px;color:#7a6e60;margin:2px 0 6px 20px;line-height:1.65;font-style:italic;}
.a:not(:last-of-type){z-index:2147483640;}
.a:last-of-type{z-index:2147483647;}
.a:not(:last-of-type):has(.b[open]){z-index:2147483647;}
.a:has(.b[open])~.a:not(:has(.b[open])){z-index:2147483640;}
.a:not(:last-of-type):not(:has(.b[open])){pointer-events:none;}
.a:not(:last-of-type):not(:has(.b[open])) .b{pointer-events:auto;}
.a:not(:last-of-type):has(.b[open]){pointer-events:auto;}
@media(max-width:480px){
.flex.items-center.justify-center.w-6.h-5{min-height:100px!important;padding:12px 10px!important;gap:15px!important;}
.flex.items-center.justify-center.w-6.h-5::before{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;}
.flex.items-center.justify-center.w-6.h-5::after{font-size:11px!important;line-height:1.5!important;margin-left:10px!important;}
.ui-beautifier-container{padding:16px 12px;margin:12px auto;}
.story-content{padding:14px 14px;font-size:14.5px;}
}
@media(min-width:1401px){.d{width:400px;}}
@media(min-width:1025px) and (max-width:1400px){.d{width:370px;}}
@media(min-width:769px) and (max-width:1024px){.d{width:320px;}.c{font-size:13.5px;}}
@media(min-width:601px) and (max-width:768px){.d{width:calc(100vw - 50px);max-width:340px;}}
@media(max-width:600px){
.d{width:calc(100vw - 44px);max-width:310px;}
.b[open]::before{content:"";position:fixed;inset:0;background:rgba(90,62,40,.18);z-index:-1;}
}
@media(min-width:1024px) and (orientation:landscape){
.d{width:clamp(280px,28vw,420px);max-width:calc(100vw - 60px);max-height:75vh;}
.c{min-width:36px;}
}